@charset "utf-8";
html { overflow: scroll; }

body {
  margin:0px; Padding: 0px;  
  font-family: Verdana;
  background: url(../images/bg_top_2.jpg) repeat-x;
  background-attachment: fixed;
  background-position: 50% 0%;
  background-color:#C3DBF5;
 }
span {
	font-size: 11px;
}
.content-text{     
  font-size: 11px;
  line-height:11px;
  font-family: Verdana;
}

.content-text cite{     
  font-style:normal;
}

.select{     
  font-size: 11px;
  line-height:11px;
}

.content-text span {
	font-size: 11px;
  	line-height:11px;
	color:#124C72;
	cursor:pointer;
	text-decoration:none;
}

.content-text span:hover{
	text-decoration:underline;
}

.content-text a {
	font-size: 11px;
  	line-height:11px;
	color:#124C72;
	cursor:pointer;
	text-decoration:none;
}

.content-text td {
	padding-top:1px;
	padding-bottom:1px;
}

.content-text a:hover{
	text-decoration:underline;
}

.content-text-good{     
	font-size: 11px;
	line-height:11px;
	border: #aaaaaa 0px solid;
	padding:0px;
}

.content-text-td-head{     
	padding:5px;
	height:25px;
	border: #aaaaaa 1px solid;
	background-image: url(../images/svarog.jpg);
    text-align:left;
	color:#124C72;
	font-weight:bold;
}

.content-text-td-svarog{     
	padding:5px;
	height:25px;
	border: #aaaaaa 1px solid;
    background-image: url(../images/svarog.jpg);
	text-align:left;
	color:#124C72;
	font-weight:bold;
}

.content-text-td-svarog-green{     
	padding:5px;
	height:25px;
	border: #aaaaaa 1px solid;
    background-image: url(../images/week.jpg);
	text-align:left;
	color:#124C72;
	font-weight:bold;
}

.content-text-td-as{     
	padding:5px;
	height:20px;
	text-align:left;
	color:#124C72;
	font-weight:bold;
}

.content-text-td-down{     
	padding:2px;
	border: #aaaaaa 1px solid;
	border-top: #aaaaaa 0px solid;
	background-color:#EDF4FC;
	height:15px;
}

.content-text-td-center{     
	padding:2px;
	border-right: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
	border-bottom: #aaaaaa 1px dashed;
}

.td-center-finder{
    padding:2px;
	border-right: #aaaaaa 1px solid;
	border-left: #aaaaaa 1px solid;
}

td.title{
	color:#666666;
	padding-top:0px;
	padding-bottom:0px;
}
td.text{
	padding-top:0px;
	padding-bottom:0px;
}

.td-title-error{
	color:#FF0000;
	padding-top:0px;
	padding-bottom:0px;
}

.td-title-head{
	color:#3C240A;
	background-color:#CCCCCC;
	font-weight:bold;
	padding:2px;
}

.content{     
	font-size: 8px;
	line-height:8px;
	margin-top: 4px;
}

.content_mytop{     
	font-size: 8px;
	line-height:8px;
	margin-top: 0px;
	background-color:"#0066FF";
}

.content-center{  
	background: #EDF4FC;   
	border-left: #aaaaaa 1px solid;  
	border-right: #aaaaaa 1px solid;  
}
.content-center-m{  
 	background: #EDF4FC;   
}

.content-top-mid{      
  background: #EDF4FC; 
  border-top: #aaaaaa 1px solid;    
  border-bottom: #EDF4FC 1px solid; 
  height: 10px;
}
.content-top-left{    
  background:url(../images/content-top-left.gif);
  background-repeat: no-repeat;     
  border-bottom: #EDF4FC 1px solid;    
  border-right:  #EDF4FC 1px solid;
}
.content-top-right{    
  background: url(../images/content-top-right.gif);
  background-repeat: no-repeat;
  border-bottom: #EDF4FC 1px solid;    
  border-left:  #EDF4FC 1px solid; 
}
.content-bottom{      
  background: #EDF4FC; 
  border-bottom: #aaaaaa 1px solid;    
  border-left:  #aaaaaa 1px solid; 
  border-right:  #aaaaaa  1px solid;
  font-size:0px; 
}

.nav{     
  font-size: 8px;
  line-height:8px;
  margin-top: 4px;
}
.nav-center{  
  font-size: 11px;
  line-height:11px;
  background: #FAFCFE;   
  border-left: #aaaaaa 1px solid;  
  border-right: #aaaaaa 1px solid;
  
}
.nav-top-mid{      
  background: #FAFCFE; 
  border-top: #aaaaaa 1px solid;    
  border-bottom: #FAFCFE 1px solid; 
  height: 10px;
}
.nav-top-left{    
  background:url(../images/nav-top-left.gif);
  background-repeat: no-repeat;     
}
.nav-top-right{    
  background: url(../images/nav-top-right.gif);
  background-repeat: no-repeat;
}
.nav-bottom-mid{      
  background: #FAFCFE; 
  border-bottom: #aaaaaa 1px solid;    
  border-top: #FAFCFE 1px solid; 
  height: 10px;
}
.nav-bottom-left{    
  background:url(../images/nav-bottom-left.gif);
  background-repeat: no-repeat;     
}
.nav-bottom-right{    
  background: url(../images/nav-bottom-right.gif);
  background-repeat: no-repeat;
}

.header{     
  font-size: 8px;
  line-height:8px
}
.header-center{  
  background: #92C3E4;   
  border-left: #aaaaaa 1px solid;  
  border-right: #aaaaaa 1px solid;  
  border-bottom: #aaaaaa 1px solid;  
  background:url(../images/header-bg.gif) repeat-x;
  
}
.header-mid{      
  background: #92C3E4; 
  border-top: #aaaaaa 1px solid;    
  border-bottom: #92C3E4 1px solid; 

}
.header-left{    
  background:url(../images/header-left.gif);
  background-repeat: no-repeat;
  border-bottom: #92C3E4 1px solid;  
  border-right: #92C3E4 1px solid; 

}
.header-right{    
  background: url(../images/header-right.gif);
  background-repeat: no-repeat;
  border-left: #92C3E4 1px solid;  
  border-bottom: #92C3E4 1px solid; 

}

.bottom{     
  font-size: 8px;
  line-height:8px
}
.bottom-mid{      
  background: #C1DDF5; 
  border-bottom: #aaaaaa 1px solid;  
  height: 10px;
}
.bottom-left{    
  background:url(../images/bottom-left.gif);
  background-repeat: no-repeat;    
  
}
.bottom-right{    
  background: url(../images/bottom-right.gif);
  background-repeat: no-repeat;
}

.head {
	font-size: 11px;
  	color:#124C72;
  	text-decoration: none;
  	font-weight: bold;
}
 
.head_good {
	font-size: 11px;
	color:#D94836;
	text-decoration: none;
	font-weight: bold;
}

.menu{     
  background: #92C3E4; 
  background: #C1DDF5;    
  border-bottom: #C1DDF5 1px solid;   
  height: 218px;
}

.menu1{     
  background: #92C3E4; 
  background: #C1DDF5;    
  border-bottom: #C1DDF5 1px solid;   
  height: 90px;
}


.user{     
  background: #92C3E4; 
  background: #C1DDF5;    
  border-left: #aaaaaa 1px solid; 
  border-right: #aaaaaa 1px solid;   
  border-bottom: #C1DDF5 1px solid;   
  height: 218px;
}
.menu-right{       
  background: #92C3E4;     
  border-left: #aaaaaa 1px solid;  
  border-bottom: #aaaaaa 1px solid;  
}
.menu-left{       
  background: #92C3E4;     
  border-right: #aaaaaa 1px solid;  
}
.vmenu{
 padding-left: 0px;
 padding-top:0px;
}
.vmenu-m{
 padding-left: 0px;
 padding-top:0px;
}
.vmenu ul li {
	position: relative;
    margin: 0px; 
	 width: 150px;   
	}
.vmenu-m ul li {
	position: relative;
    margin: 0px; 
	 width: 150px;   
	}
.vmenu ul li span {    
	display: block;
	text-decoration: none;
	color:#124C72;
	padding: 5px;
       vertical-align: top;
    border: 1px solid #aaaaaa;	    
    border-bottom: medium none;	        
	}
.vmenu-m ul li span {    
	display: block;
	text-decoration: none;
	
	padding: 5px;
	border-top: 1px solid #FFFFFF;	    
        border-bottom: medium none;	        
	}
.vmenu ul li span:hover {
    display: block;
	background-image: url(../images/sv.jpg);
	color:#124C72;
	text-decoration:none;        
  } 
  
/* Fix IE. Hide from IE Mac*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.vmenu ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;  
	border-bottom: 1px solid #aaaaaa;        
}
.vmenu li:hover ul { display: block;}
.vmenu li:hover ul, li.over ul {display: block;}

.vmenu-m ul li span:hover {
        display: block;
	color:#124C72;
        font-weight: bold;
	text-shadow: -0px 0px #417cb8;
	background-image: url(../images/sv1.jpg);
	text-decoration:none;        
  } 
  
/* Fix IE. Hide from IE Mac*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */
.vmenu-m ul { 
	margin: 0;
	padding: 0;
	list-style: none;
	width: 150px;  
	border-bottom: 1px solid #FFFFFF;
        border-left: 1px solid #FFFFFF;
}
.vmenu-m li:hover ul { display: block; }
.vmenu-m li:hover ul, li.over ul {display: block;}


/* Fix IE. Hide from IE Mac*/
* html ul li { float: left; }
* html ul li a { height: 1%; }
/* End */


.footer {
 color: #6b6b6b;
 font: 11px Arial;
  font-variant: small-caps;
  font-weight: bold;
 text-align: center;
 }
.bg {
 /* background: url(../images/bg-bottom.gif) repeat-x bottom;*/
 }
 .footer h2 {
 font-variant: normal;
 text-align: right;
  margin:0; 
  padding:0 10px 0 0;
   font-size: 10px;
   color: #000000;
 }

* {
    margin:0;
    padding:0;
}

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display:none;/*sorry for IE5*/
	display/**/:block;/*sorry for IE5*/
	position:absolute;
	top:10;
	left:10;
	z-index:-1;
	filter:mask();
	width:3000px;
	height:3000px;
}

.ac_results li {
	position:relative;
	margin: 0px;
	padding: 1px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 11px;
	overflow: hidden;
}

.ac_loading {
	background : Window url('style/autocomplete_indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}





.week{
    width:375px;
    float:left;
    border:1px solid #ccc;
    border-collapse:collapse;
	font-size: 11px;
  	line-height:11px;
}

.week td {
    border:1px solid #ddd;
    color:#555;
    padding:3px;
	padding-left:0px;
	padding-right:0px;
    text-align:right;
}

.week th {
    padding:5px;
	background-image: url(../images/hbg.gif);
	background-repeat: repeat-x;
    color:#fff;
}

.working{
    width:375px;
    float:left;
    border:1px solid #ccc;
    border-collapse:collapse;
	font-size: 11px;
  	line-height:11px;
}

.working td {
    border:1px solid #ddd;
    color:#124c98;
    padding:3px;
	padding-left:0px;
	padding-right:0px;
    text-align:center;
}


.working th {
    padding:3px;
	background-image: url(../images/week.jpg);
	background-repeat: repeat-x;
    color:#124c98;
}

.month{
    width:180px;
    float:left;
    border:1px solid #ccc;
    border-collapse:collapse;
	font-size: 11px;
  	line-height:11px;
}
.month-s{
    
    float:left;
    border:1px solid #ccc;
    border-collapse:collapse;
	font-size: 11px;
  	line-height:11px;
}

.month-s td {
    border-left:1px solid #ddd;
	border-bottom:1px solid #ddd;
	border-top:1px solid #ddd;
	   
	padding:0px;
    text-align:center;
	height:20px;
}

.month-s th {
    padding:3px;
	background-image: url(../images/head.gif);
	background-repeat: repeat-x;
    color:#fff;
}

.month td {
    border:1px solid #ddd;
    padding:3px;
    text-align:right;
}

.month th {
    padding:3px;
	background-image: url(../images/head.gif);
	background-repeat: repeat-x;
    color:#fff;
}

.days {
	color:#555555;
}

.actday{
	background-image: url(../images/head.gif);
	background-repeat: repeat-x;
    color:#FFFFFF;
    font-weight:bold;
}

.workday{
	background-image: url(../images/head1.gif);
	background-repeat: repeat-x;
    color:#FFFFFF;
    font-weight:bold;
}

.workToday{
	background-image: url(../images/head.gif);
	background-repeat: repeat-x;
    color:#FFFFFF;
    font-weight:bold;
}

.workToday span {
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

.actday span:hover{
	text-decoration:underline;
}

.actday span {
	color:#FFFFFF;
	cursor:pointer;
	text-decoration:none;
}

.actday span:hover{
	text-decoration:underline;
}

.workday span {
	color:#124C72;
	cursor:pointer;
	text-decoration:none;
}

.workday span:hover{
	text-decoration:underline;
}

ul.rule{
	list-style-type:circle;
	text-decoration: none;
  	list-style-position:inside;
	margin-left:20px;
}

ul.rule_employee{
	list-style-type:circle;
	text-decoration: none;
	list-style-position:inside;
	margin-left:20px;
}

table.rule{
	font-size: 11px;
	line-height:13px;
}
td.rule{
	padding-top:1px;
	padding-bottom:1px;
}
 


.simple-input {
    display: block;
    padding: 5px;
    border: 1px solid #aaaaaa;
    border-radius: 3px;
    color: #333;
	font-size:11px;
    transition: all 0.3s ease-out;
}
 
.simple-input:hover {
    border-radius: 3px
}
 
.simple-input:focus {
    outline: none;
    border-radius: 3px;
    border-color: #114B73;
}

section.flat button {
	color: #fff;
	background-color: #6496c8;
	text-shadow: -1px 1px #417cb8;
	border: none;
}
section.flat a {
	color: #fff;
	background-color: #6496c8;
	text-shadow: -1px 1px #417cb8;
	border: none;
}
section.flat button:hover,
section.flat button.hover {
	background-color: #346392;
	text-shadow: -1px 1px #27496d;
}
section.flat button:active,
section.flat button.active {
	background-color: #27496d;
	text-shadow: -1px 1px #193047;
}
section.flat a {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 5px 10px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
}
section.flat a:hover {
	text-decoration: none;
	background-color: #346392;
}
section.flat a.hover {
	background-color: #346392;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}
section.flat span {
    color: #fff;
	background-color: #6496c8;
	text-shadow: -1px 1px #417cb8;
	border: 1px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 6px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;

}
section.flat span:hover {
	text-decoration: none;
	background-color: #346392;
}
section.flat span.hover {
	background-color: #346392;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}

section.ariana span {
    color: #fff;
	background-color: #00ad53;
	text-shadow: -1px 1px #417cb8;
	border: 1px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 6px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;

}
section.ariana span:hover {
	text-decoration: none;
	background-color: #a4ce3a;
}
section.ariana span.hover {
	background-color: #a4ce3a;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}

section.flat-green span {
    color: #124c98;
	background-image: url(../images/week.jpg);
	border: 1px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 5px 5px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
	font-weight: bold;
}
section.flat-green span:hover {
	text-decoration: none;
	
	background-image: url(../images/sv.jpg);
}
section.flat-green span.hover {
	background-image: url(../images/sv.jpg);
	
	text-decoration: none;
}

button {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 5px 10px;
	font-size: 11px;
	 font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;
}
button:focus {
	outline: none
}

section.flat-s span {
	color: #fff;
	background-color: #6496c8;
	text-shadow: -1px 1px #417cb8;
	border: none;
}
section.flat-s span {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 4px;
	font-size: 11px;
	font-family: Verdana;
	
	appearance: none;
	box-shadow: none;
	border-radius: 0;
}
section.flat-s span:hover {
	text-decoration: none;
	background-color: #346392;
}
section.flat-s span.hover,
section.flat-s span.hover {
	background-color: #346392;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}

section.flat-s-t span {
	color: #fff;
	background-color: #b7fccf;
	text-shadow: -1px 1px #c7edde;
	border: none;
}
section.flat-s-t span {
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 4px;
	font-size: 11px;
	font-family: Verdana;
	
	appearance: none;
	box-shadow: none;
	border-radius: 0;
}
section.flat-s-t span:hover {
	text-decoration: none;
	color:#00CC00;
    background-color: #c9e5d7;
	
}
section.flat-s-t span.hover,
section.flat-s-t span.hover {
	color:#00CC00;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}

section.flat-s-t-g span {
    color: #fff;
	background-color: #b7fccf;
	text-shadow: -1px 1px #c7edde;
	border: 1px;
	display: inline-block;
	margin: 0 0 0 0;
	padding: 4px 6px;
	font-size: 11px;
	font-family: Verdana;
	line-height: 1.5;
	appearance: none;
	box-shadow: none;
	border-radius: 0;

}
section.flat-s-t-g  span:hover {
	text-decoration: none;
	color:#00CC00;
    background-color: #c9e5d7;
}
section.flat-s-t-g span.hover {
	color:#00CC00;
	text-shadow: -1px 1px #27496d;
	text-decoration: none;
}


select {
  height: 25px;
  line-height: 1.5;
}

input {
  height: 25px;
  line-height: 1.5;
}

div.gallery {
    position: relative;
    border: 1px solid #CCC;
    width: 60px;
    height: 60px;
    margin: 2px;
    overflow: hidden;
}

span.gallery {
    display: block;
    position: absolute;
    left: 50%;
    width: 1000em;
    height: 100%;
    margin-left: -500em;
    text-align: center;
}
img.gallery {
   height: 100%;
    vertical-align: bottom;
}
section.flat input {
	color: #fff;
	background-color: #6496c8;
	text-shadow: -1px 1px #417cb8;
	border: none;
        margin:1px;
}

div.ui-menu-item-wrapper {
        font-size: 11px;
        font-faminy: Verdana;
		padding: 5px;
}


.file_upload{
    display: block;
    position: relative;
    overflow: hidden;
    font-size: 11px;              /* example */
    height: 2.4em;                 /* example */
    line-height: 1.5             /* the same as height */
}
.file_upload .button, .file_upload > mark{
    display: block;
    cursor: pointer              /* example */
}
.file_upload .button{
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 8em;                  /* example */
    height: 100%;
    text-align: center           /* example */
}

@media only screen and ( max-width: 500px ){  /* example */
    .file_upload > mark{
        display: none
    }
    .file_upload .button{
        width: 100%
    }
}
.file_upload input[type=file]{
    position: absolute;
    top: 0;
    opacity: 0;
}

/* Making it beautiful */

.file_upload{
    border: 0px solid #ccc;
}

.file_upload .button{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

input[type=checkbox], input[type=radio] {
  vertical-align: middle;
  position: relative;
  bottom: 1px;
}

input[type=radio] {
  bottom: 2px;
}