body {
    width: 100%;
    height: 100%;
    padding: 0px;
    margin: 0px;	
	background-color:#c9c9c9;
	font-family: Arial;	
	font-size:13px;
}

.attention{
   position: absolute;
   background-color:#ff0000;
   color:#fff;
   font-size:18px;
   font-weight: bold;
   z-index:1000;
   margin: 0 auto;
   top:50px;
   left:40%;
   padding: 4px;
}

.link{
   color:#000; 
}


thead.freeze{
   position:absolute;
   display: block;      	
}

tbody#list{
	margin-top:39px;
	height: 200px;
	overflow: auto;
	display: block;
}

.error{
	position: absolute;
    margin-top:-40px;
    width: 100%;
    text-align: center;
    font-size:18px;
    color:#ff0000;
    font-weight: bold;
}

.userInfo{
    position: absolute;
	right:55px;
	display: inline-block;   
    width: 210px;
    margin-top:7px;
    margin-left:40px;
    text-align: center;
    color:#fff;
    padding:5px;
    background-color:#696a76;
      -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
 box-shadow: 0 1px 1px 1px #292a32 inset;
	-moz-box-shadow: 0 1px 1px 1px #292a32 inset;
    -webkit-box-shadow: 0 1px 1px 1px #292a32 inset, 1px 1px 1px #646875;
   text-shadow : 1px 1px 1px #646875;
   font-weight: bold;
   overflow: hidden;
   height:18px;
   padding-left: 11px;
   background: url(../images/gnome_system_users.png) no-repeat left;
   
}

.addFile{
	cursor: pointer;
    text-align: center;
}

.pointer{
	cursor: pointer;
}

.password{
	text-transform: uppercase;
}

.lsLoader{
	background: url(../images/ajax-loader.gif) no-repeat center;
    width: 25px;
    height: 25px;   
    float: right;
    margin: 5px  5px 0 0;
    display: none;
}

.right{
	float: right;
}

.hidden{
	display: none;
}

.clear{
	clear: both;
}

#content{
	padding:1px;
}

#list{
	height:640px;    
}

#page{
	width: 1000px;
    height: 760px;    
    margin: auto;
    position: relative;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 15px 2px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 15px 2px rgba(50, 50, 50, 1);
    padding: 1px;
    background-color: #fff;
    
}

#topmenu{
	width: 999px;
    height: 41px;
    border-top: 1px solid #1a1b1e;
    border-left: 1px solid #1a1b1e;
    border-right: 1px solid #1a1b1e;
    border-bottom: 1px solid #5b5c65;
    background-image: url(../images/topmenu.png);
    background-repeat: repeat-x;
    background-position: top;
    margin-right:3px;
	
}

#topmenu ul{
	float: left;
    display: block;
    padding: 0px;
    margin: 7px 0 0 30px;
}

#topmenu ul li{
	list-style: none;
    padding: 0px;
    margin: 0px;
    float: left;   
    height: 20px;
    display: block;
    padding:6px 13px 6px 13px;
    background: url(../images/topmenu_delimiter.png) center left no-repeat;
    position: relative;
    
}

#topmenu ul li.active a, #topmenu ul li:hover a{
	background-color:#73c83f;
     -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#topmenu ul li a{
	color: #fff;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
    text-shadow: 1px 1px 1px #000;   
    padding: 8px 12px 8px 12px;
}


#topmenu #logo{
	float: left;
    background: url(../images/logo.png) no-repeat top left;
    display: block;
    width: 154px;
    height: 31px;    
    margin: 5px 0 0 10px;
    
}

#topmenu #exit{
	background: url(../images/exit_button.png) no-repeat center;
    width: 20px;
    height: 20px;
    float: right;
    cursor: pointer;
    margin: 10px 7px 0 0;
}

.query-reset {
    display: inline-block;
    background: url(../images/exit_button.png) no-repeat left;
    width: 120px;
    height: 20px;
    padding-left: 16px;
    font-size: 11px;
    line-height: 20px;
    cursor: pointer;
}

#topmenu #exit:hover{
	background-color:#73c83f;
    -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

#toolbar{
	background: url(../images/toolbar_bg.png) repeat-x top;
    display: block;
    width: 100%;
    height: 38px;
    border-bottom: 1px solid #c8c8c8;
    border-right: 1px solid #fff;
}

#toolbar .caption{
	font-size:14px;
    font-weight: bold;
    color: #414141;
    text-shadow: 1px 1px 1px #fff;   
}

#toolbar .caption.cell{
	margin-top:10px;
    margin-right:55px;
}

#toolbar .cell{
	float: left;
    margin: 8px 0 0 10px;
}

#toolbar .buttons{
	float: right;
    _border: 1px solid #fff;
}

#left{
	float: left;
    width: 816px;
    height: 700px;
    background-color: #fff;
}

#right{
	float: left;
    width: 180px;
    background-color:#f0f0f0;
    height: 700px;
    border-left: 1px solid #cccccc;
}

.table{
	width:100%;
    height: 100%;
    margin: 0px;
    height: 0px;
    padding: 0px;
    border-collapse: collapse;
}

.table th{	
    font-size:13px;
    padding: 3px 6px 3px 6px;
    border-bottom: 1px solid #c8c8c8;
    background: #ececec url(../images/table_th_delimiter.png) no-repeat center right;
}

.table td{
	background: #fff url(../images/table_th_delimiter.png) repeat-y center right;
    padding: 3px 4px 3px 4px;
    font-size:13px;
    border-bottom: 1px solid #aca899;
}

.table tr.isMounting td, .isMounting{
   background-color: #FFE491;
}

.table tr.odd.isMounting td{
   background-color: #FFE491;
}

.table tr.even.isMounting td{
   background-color: #FFE491;
}


.table tr.isSign td, .isSign{
   background-color: #e17386;
}

.table tr.odd.isSign td{
   background-color: #e17386;
}

.table tr.even.isSign td{
   background-color: #e17386;
}

.table tr.isDelivery td, .isDelivery{
    background-color: #f27807f0;
}

.table tr.odd.isDelivery td{
    background-color: #f27807f0;
}

.table tr.even.isDelivery td{
    background-color: #f27807f0;
}

.table tr.isZmSign td, .isZmSign{
    background-color: #a44fff;
}

.table tr.odd.isZmSign td{
    background-color: #a44fff;
}

.table tr.even.isZmSign td{
    background-color: #a44fff;
}

.table tr.isZmSign td, .isZm{
    background-color: #a8c9ff;
}

.table tr.odd.isZm td{
    background-color: #a8c9ff;
}

.table tr.even.isZm td{
    background-color: #a8c9ff;
}

.table tr.odd td{
   background-color:#f6f6f6;
}

.table tr:hover  td{
   background-color:#3399ff;
   color:#fff;
}

.buttonIcon{
	width: 32px;
    height: 32px;
    background-position: center;
    background-repeat: no-repeat;
    cursor: pointer;   
}

.buttonIcon.addDoc{
	background-image: url(../images/save.png);
    margin:3px 0 0 0;
}

.filter{
	display: inline-block;
    margin-top:5px;
}

.form{
	position: absolute;
    width:800px;
    height: 660px;
    z-index:1;
    -webkit-box-shadow: 0px 0px 15px 2px rgba(50, 50, 50, 1);
    -moz-box-shadow:    0px 0px 15px 2px rgba(50, 50, 50, 1);
    box-shadow:         0px 0px 15px 2px rgba(50, 50, 50, 1);
    background-color:#3d3f48;
    
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
     border-radius: 5px;
    top: 3%;
    left: 18%;
    padding:5px;
    font-family: Arial;
}



.form .close-form{
	width:16px;
    height: 16px;
    position: absolute;
    right: 10px;
    top: 10px;
    background: url(../images/exit_button.png) no-repeat center right;
    cursor: pointer;
}

.form .attention{
	position: relative;
    top:3px;    
}

.form label, .loginForm label{
	float: left;
    min-width:160px;
    color:#404040;
    font-size: 12px;
    font-weight: bold;
    text-align: right;
    display: block;
    margin-right: 5px;
    text-shadow: 1px 1px 1px #fff;
    padding-top:6px;
}

.form label em, .loginForm label em{
	color:#ff0000;
    padding:1px;
    font-style: normal;
    font-size:16px;
}

input[type="text"], input[type="password"], textarea, select {
    border: 1px solid #cacaca;
    border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
    -moz-border-radius: 5px 5px 5px 5px;
    font-family: Tahoma,Arial,sans-serif;   
    padding: 4px 6px 4px 6px;
    font-size: 11px;
    outline: none;
    box-shadow: 0 1px 1px 2px #f0f0f0 inset, 0 1px 0 #FFFFFF;
	-moz-box-shadow: 0 1px 1px 2px #f0f0f0 inset, 0 1px 0 #FFFFFF;
    -webkit-box-shadow: 0 1px 1px 2px #f0f0f0 inset, 0 1px 0 #FFFFFF;
	margin: 2px 5px;
	
}

input:focus, textarea:focus {
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05) inset, 0 0 8px rgba(82, 168, 236, 0.6);
}

input.caption{
	font-weight: bold;
	font-size:14px;
}

.tabs ul{
	 overflow: auto;
  width: 100%;
  list-style: none;
  margin: 10px 0 0 10px;
  padding: 0;
}

.tabs ul li{
margin: 0;
    padding: 0;
    float: left;
   
}

.tabs ul li a{
	 -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    box-shadow: -4px 0 0 rgba(0, 0, 0, .2);
    background: #f0f0f0;
    background:    -moz-linear-gradient(220deg, transparent 10px, #f0f0f0 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #f0f0f0 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #f0f0f0 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #f0f0f0 10px);
    background:         linear-gradient(220deg, transparent 10px, #f0f0f0 10px);
    text-shadow: 0 1px 0 #fff;
    color: #000;
    float: left;
    font: bold 12px/25px 'Lucida sans', Arial, Helvetica;
    height: 25px;
    padding: 0 15px;
    text-decoration: none;
}

.tabs ul li:hover a{
	 background: #73c83f;
    background:    -moz-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:         linear-gradient(220deg, transparent 10px, #73c83f 10px);
    text-shadow: inherit;
}

.tabs ul li.active a{
	background: #73c83f;
    background:    -moz-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:    -webkit-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:     -ms-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:      -o-linear-gradient(220deg, transparent 10px, #73c83f 10px);
    background:         linear-gradient(220deg, transparent 10px, #73c83f 10px);
    text-shadow: none;
    color: #fff;
    
}

.tabs ul li.active a{
   color:#fff;
}

#tab1, #tab2, #tab3, #tab4, #tab5, #tab0 {
	border-top: 2px solid #73c83f;
    background-color:#f0f0f0;
    
    padding:20px 5px;
    box-shadow: 2px 1px 1px #2c2d33, -1px -1px 1px #fff inset;
    -mox-box-shadow: 2px 1px 1px #2c2d33, -1px -1px 1px #fff inset;
    -webkit-box-shadow: 2px 1px 1px #2c2d33, -1px -1px 1px #fff inset;
       -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
height: 580px;
}

.form .separator{
	height:6px;
}

.form .action img{
	float: left;
    margin-left:4px;
    cursor: pointer;
}

.overflow{
	overflow: auto;
}

#tab1Files{
	height:250px;
}

#owner{
	width: 300px;
}

.statusOk{
	float: right;
    margin-right:30px;
    font-weight: bold;
    font-size:14px;
    background: url(../images/gem_okay_3458.png) left no-repeat;
    padding-left:20px;
}

.button.green.complete{
	font-size:14px;
    padding: 7px;
    position: absolute;
    right: 30px;
    top:70px;
}

.imgButton{
	cursor: pointer;
    margin:1px;
}

.button {
    display: inline-block;
    vertical-align: baseline;
    margin:0px;
    outline: none;
    cursor: pointer;   
    text-decoration: none;
    font: 13px/100% Tahoma, Arial, Helvetica, sans-serif;
    text-align: left;
   padding:4px;
    font-weight: bold;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
    -webkit-border-radius: .4em;
    -moz-border-radius: .4em;
    border-radius: .4em;
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
    box-shadow: 0 1px 2px rgba(0,0,0,.2), 0 0 1px #fff inset;
    color:#fff;

}

.grey {
    color: #414141;
    border: solid 1px #b5b5b5;
    background: #46a1e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#f6f7f8), to(#d5d5d5));
    background: -moz-linear-gradient(top, #f6f7f8, #d5d5d5);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6f7f8', endColorstr='#d5d5d5');
    border-image: initial;
	text-shadow: 1px 1px 1px #fff;
    padding: 4px 11px 4px 11px;
}

.grey:active{
   color:#000;
}


.yellow {
    color: #fff;
    border: solid 1px #bf6607;
    background: #46a1e0;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb74f), to(#e07809));
    background: -moz-linear-gradient(top, #ffb74f, #e07809);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb74f', endColorstr='#e07809');
    border-image: initial;
}

.yellow:hover{
    background: -webkit-gradient(linear, left top, left bottom, from(#faab3a), to(#cb6e0b));
    background: -moz-linear-gradient(top, #faab3a, #cb6e0b);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#faab3a', endColorstr='#cb6e0b');
}

.yellow:active{
    color:#fbdcaf;
}

.green {
    color: #fff;
    border: solid 1px #668f25;
    background: #668f25;
    background: -webkit-gradient(linear, left top, left bottom, from(#a1dd43), to(#80bb22));
    background: -moz-linear-gradient(top, #a1dd43, #80bb22);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffb74f', endColorstr='#e07809');
    border-image: initial;
}

.green:hover {
    color: #fff;
    border: solid 1px #668f25;
    background: #668f25;
    background: -webkit-gradient(linear, left top, left bottom, from(#8dc339), to(#629018));
    background: -moz-linear-gradient(top, #8dc339, #629018);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#8dc339', endColorstr='#629018');
    border-image: initial;
}

.green:active {
    color: #fff;
    border: solid 1px #668f25;
    background: #668f25;
    background: -webkit-gradient(linear, left top, left bottom, from(#629018), to(#8dc339));
    background: -moz-linear-gradient(top, #629018, #8dc339);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#629018', endColorstr='#8dc339');
    border-image: initial;
}

.form .headerForm{
	margin: 3px 0 20px 0;
    font-size:12px;
    box-shadow: 1px 1px 2px #d6d6d6, 1px 1px 1px #fff inset;
    padding:6px 6px 6px 165px;
    background-color:#f0f0f0;
      border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    position: relative;
}

.form .indicator{
	position: absolute;
    right: 10px;
    top:15px;
    width: 130px;   
    padding:0px;
    text-align: left;
    font-size:10px;
    background: url(../images/complete.png) -1000px -1000px no-repeat;
    color:#000;
    font-weight: bold;
}

.form .indicator div{
	display: inline-block;
    width: 22px;    
    text-align: center;
    background-color:#73c83f;
    margin: 0 1px;
    color:#fff;
    padding: 6px 2px 6px 2px;
    -webkit-box-shadow: 1px 1px 1px #417622 inset;
}

.form .indicator img{
	position: absolute;
    cursor: pointer;
    margin-top: 11px;
    margin-left:11px;
}


.form .headerForm .complete{
	float: right;
    margin: 9px 0px 0 0;
    background-color:#d8d8d8;
    padding:3px 7px 3px 7px;
    box-shadow: 1px 1px 2px #c1c1c1 inset;
     border-radius: 6px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
}

.form .headerForm select{
	float: left;
    margin:8px 16px;
}

.form .pbutton{
	width: 40px;
    height: 40px;
    display: inline-block;
    cursor: pointer;
    background: url(../images/pbutton.png) center no-repeat;
    -webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}

.form .pbutton:active{
	background: url(../images/pbutton_stateactive.png) center no-repeat;
}

.form .pbutton span{
	width:16px;
    height: 17px;
    background-color:#000;
    display: block;
    margin: 11px 11px;
    background:  url(../images/pbutton_arrow.png) -100px -100px no-repeat;
}

.form .pbutton.prev span{
	background-position: -16px 0px;
}

.form .pbutton.prev span:hover{
	background-position: 0px 0px;
}

.form .pbutton.next span{
	background-position: -32px 0px;
}

.form .pbutton.next span:hover{
	background-position: -48px 0px;
}

.form .headerForm .complete span{
	color:#404040;
    position: relative;
    top: -2px;
    font-weight: bold;
}

.form .form-buttons, .loginForm .form-buttons{
	position: absolute;
    bottom: 20px;
    width: 99%;
    text-align: center;    
    height:25px;
    padding-top:10px;   
}

.loginForm{	
    margin-top:250px;    
}

.loginForm input{
	font-size:22px;
}

.loginForm label{
	width:290px;	 
}

.sup{
   position: absolute;
   top:60px;
   right:20px;
}

.loginForm .form-buttons .button{
	padding:20px;
    font-size:20px;
}

.loginForm #footer{
	bottom:10px;
    position: absolute;
    text-align: center;
    width: 100%;
}

.loginForm .form-buttons{
	bottom:350px;
}

#footer{
	text-align: center;
    position: absolute;
    bottom:2px;
    width: 100%;
}

#footer a{
	font-size: 11px;
    text-decoration: none;
    color:#000000;   
}

.status div{
	display: inline-block;
    background-color:#73c83f;
    color:#fff;
    font-weight: bold;
    font-size:10px;
    padding: 2px 6px 2px 6px;
}

.paginationControl{
   position: fixed;
   width:60%;
   height:30px;
   top: 50px;
   margin-left:100px;
  
}

.paginationControl {
   font-size: 14px;  
}

.paginationControl label{
   font-size:11px;
   margin-left:5px;
}

.paginationControl .current, .paginationControl .index{
     display: inline-block;
  min-width: 18px;
  height: 16px;   
border-top: 1px solid white;
border-left: 1px solid white; 
border-bottom: 1px solid grey;
   border-right: 1px solid grey;
   margin-left:4px; 
   font-size: 11px;
   text-align: center;
   position:relative;
   top:-1px;
   cursor: pointer;
   padding: 0 2px 0 2px;
}

.paginationControl .index{
  background-color:#689cf9;
  color:#fff;
  border: 0px;
  font-weight: bold;
  border-bottom: 1px solid white;
border-right: 1px solid white;
}

.paginationControl .prev, 
.paginationControl .next,
.paginationControl .first,
.paginationControl .last
{
  background: url(../../public/images/prev.gif) no-repeat center;
  display: inline-block;
  min-width: 16px;
  height: 16px;
  position: relative;
  top:5px;  
border-top: 1px solid white;
border-left: 1px solid white; 
border-bottom: 1px solid grey;
   border-right: 1px solid grey;
   margin-left:4px; 
   cursor: pointer;
    padding: 0 2px 0 2px;   
}

.paginationControl .next{
  background: url(../../public/images/next.gif) no-repeat center;  
}

.paginationControl .first{
  background: url(../../public/images/first.gif) no-repeat center;
  margin-left: 10px;
}

.paginationControl .last{
  background: url(../../public/images/last.gif) no-repeat center;  
}

.paginationControl .prev:active, .paginationControl .next:active, .paginationControl .first:active, .paginationCon trol .last:active, .paginationControl .current:active{
   border-top: 1px solid grey;
border-left: 1px solid grey; 
border-bottom: 1px solid white;
   border-right: 1px solid white;
}

#cal1, #cal2{
   padding: 0 2px 0 2px;
}

.calendar{
  width:100%;   
  border-collapse: collapse; 
  background-color: #fff;
}

.calendar td{
   width: 50px;
} 

.calendar .caption{
   
}

.calendar .box{
   height:43px;
   width: 70px;   
   _background-color:#ff0000;
   vertical-align: top;
}

.calendar .holidayDay{
   _background-color:#fe8e74;
}

.calendar .dayBox{
  width: 16px;
  height: 14px;
  padding: 3px 2px;
  text-align: center;
  font-size:14px;
  font-weight: bold;
  color: #606060;
  float: left;  
  background-color: #f8f8f8;
  border-right: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.calendar .currentDay .dayBox{
  color: #fff;
  background-color:#59c730;
  text-shadow: 1px 1px 1px #44a91d;
  border: 0px;
  width:18px;
}

.calendar .caption th{
   padding:3px;
   background-color:#f6f6f6;
}

.calendar td:hover{
   background-color:#e9f3f7;
}

.calendar .caption th a{
   color: #000;
}

.calendar .emptyDay{
   background-color:#fbfbfb;
}

.calendar .week{
  background-color:#f6f6f6;
}

.calendar td{
  border: 1px solid #dddddd;
}

.calendar .documents{
   _background-color:#000;
   margin:0 0 0 32px;
   font-size:10px;
   text-decoration: underline;
   height:40px;
   overflow: auto;
}

.calendar .document{
   cursor: pointer;
}

.calendar .document:hover{
   background-color: #494b56;
   color: #fff;
}

#search-result {
    display: none;
}