html, body, div, span, object7, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

.clear {

 clear:both;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
    display:block;
}


blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
   vertical-align:middle;
}


body{
	/* Setting default text color, background and a font stack */
    line-height:1;
   background: #CCC url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);

/*background:url(/img/pattern74.jpg)  center center;*/

/*    background:url(/img/bg.jpg)  center center;*/
    background-position:0px 60px;
    font: 11px Arial, Helvetica;
    color:#000;

}

html{
	overflow:auto;
}


#carbonForm{
	/* The main form container */
	background-color:#BBB;
	border:2px solid #999;
	margin:20px auto;
	padding:8px;
	width:500px;
	color:#000;
	-moz-box-shadow:0 0 1px #444 inset;
	-webkit-box-shadow:0 0 1px #444 inset;
	box-shadow:0 0 1px #444 inset;
}

#carbonForm h1{
	/* The form heading */
	font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;
	font-size:60px;
	font-weight:normal;
	padding:0 0 30px 10px;
	color:#000;
	text-align:left;
}

.fieldContainer{
	/* The light rounded section, which contans the fields */
	background-color:#999;
	padding:20px 10px;
	
}

#carbonForm,.fieldContainer,.errorTip{
	/* Rounding the divs at once */
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
}


.formRow{
	height:35px;
	padding:10px;
	position:relative;
}

.label{
	float:left;
	padding:0 20px 0 0;
	text-align:right;
	width:120px;
}

label{
}

.field{
	float:left;
}

.field input{
	/* The text boxes */
	border:1px solid white;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:22px;
	padding:4px 5px;
	background:url("/img/box_bg.png") repeat-x scroll left top #FFFFFF;
	outline:none; /* Preventing the default Safari and Chrome text box highlight */
}

.signupButton{
	/* The submit button container */
	text-align:center;
	padding:30px 0 10px;
}

.signupButton #submit{
	/* The submit button */
	border:1px solid #f4f4f4;
	cursor:pointer;
	height:40px;
	text-indent:-9999px;
	text-transform:uppercase;
	width:110px;
	
	background:url("/img/submit.png") no-repeat center center #d0ecfd;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.signupButton #submit:hover{
	background-color:#dcf2ff;
	border:1px solid white;
}

#submit {

 border: 1px solid #CCC;
 

}



.addroomButton{
	/* The submit button container */
	text-align:center;
	padding:30px 0 10px;
}

.addroomButton #submit{
	/* The submit button */
	border:1px solid #f4f4f4;
	cursor:pointer;
	height:40px;
	text-indent:-9999px;
	text-transform:uppercase;
	width:110px;
	
	background:url("/img/add_button.png") no-repeat center center #d0ecfd;
	
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

.addroomButton #submit.active{
	/* Marking the submit button as active adds the preloader gif as background */
	background-image:url("/img/preloader.gif");
}

.addroomButton #submit:hover{
	background-color:#dcf2ff;
	border:1px solid white;
}

.change {

width:133px;
height:39px;
margin-bottom:12px;
margin-left:110px;
}

#change{
	/* The submit button container */
	text-align:center;
	display:block;
	width:133px;
	height:39px;
	background:url("/img/change.png") no-repeat;
}


#btnUpload,
#btnClose  {
	border: 1px solid #A00;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #D14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	border-image: initial;
	padding:10px 25px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	 -moz-border-radius: 4px; /* Firefox */
	 -webkit-border-radius: 4px; /* Safari, Chrome */
	 -khtml-border-radius: 4px; /* KHTML */
	 border-radius: 4px; /* CSS3 */
	 /* Для плохих IE */
	 behavior: url(border-radius.htc); /* учим IE border-radius */


}


#btnUpload:hover,
#btnClose:hover {

	background-color: #D14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#BB4b39),to(#BB4836));
	background-image: -webkit-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -moz-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -ms-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -o-linear-gradient(top,#BB4b39,#BB4836);
	background-image: linear-gradient(top,#BB4b39,#BB4836);
	text-decoration:none;

}


#btnScan,
#btnEdit
{

	/* The submit button container */

	border:1px solid #336699;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #4787ED;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: linear-gradient(center top,#4D90FE,#4787ED);
	border-image: initial;
	padding:10px 25px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 text-shadow:0 1px rgba(0, 0, 0, 0.1);
	cursor:pointer;

}


#btnScan:hover,
#btnEdit:hover
{

	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -moz-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -ms-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -o-linear-gradient(top,#4D90FE,#357ae8);
	background-image: linear-gradient(top,#4D90FE,#357ae8);
	text-decoration:none;

}


#checkout,
.redbutton,
#scan {
	/* The submit button container */

	border: 1px solid #A00;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #D14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#dd4b39),to(#d14836));
	background-image: -webkit-linear-gradient(top,#dd4b39,#d14836);
	background-image: -moz-linear-gradient(top,#dd4b39,#d14836);
	background-image: -ms-linear-gradient(top,#dd4b39,#d14836);
	background-image: -o-linear-gradient(top,#dd4b39,#d14836);
	background-image: linear-gradient(top,#dd4b39,#d14836);
	border-image: initial;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:right;
}


#checkout:hover,
.redbutton:hover,
#scan:hover {

	background-color: #D14836;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#BB4b39),to(#BB4836));
	background-image: -webkit-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -moz-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -ms-linear-gradient(top,#BB4b39,#BB4836);
	background-image: -o-linear-gradient(top,#BB4b39,#BB4836);
	background-image: linear-gradient(top,#BB4b39,#BB4836);
	text-decoration:none;

}







#modify, .bluebutton {
	/* The submit button container */

	border:1px solid #4d90fe;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #4787ED;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: linear-gradient(center top,#4D90FE,#4787ED);
	border-image: initial;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:left;
	 text-shadow:0 1px rgba(0, 0, 0, 0.1);
}

#print_report {
	/* The submit button container */

	border:1px solid #4d90fe;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #4787ED;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#4787ED));
	background-image: -webkit-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -moz-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -ms-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: -o-linear-gradient(center top,#4D90FE,#4787ED);
	background-image: linear-gradient(center top,#4D90FE,#4787ED);
	border-image: initial;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:left;
	 text-shadow:0 1px rgba(0, 0, 0, 0.1);
     margin-left:5px;
}

#print_report:hover {
	/* The submit button container */

	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -moz-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -ms-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -o-linear-gradient(top,#4D90FE,#357ae8);
	background-image: linear-gradient(top,#4D90FE,#357ae8);
	text-decoration:none;

}



#night_audit {
	/* The submit button container */

	border:1px solid #666;
	color: white;
	text-shadow: 0 1px rgba(0, 0, 0, 0.1);
	text-transform: uppercase;
	background-color: #000;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#000),to(#333));
	background-image: -webkit-linear-gradient(center top,#000,#333);
	background-image: -moz-linear-gradient(center top,#000,#333);
	background-image: -ms-linear-gradient(center top,#000,#333);
	background-image: -o-linear-gradient(center top,#000,#333);
	background-image: linear-gradient(center top,#000,#333);
	border-image: initial;
	padding:5px 12px;
	font-size:12px;
	font-weight:bold;
	width:110px;
	text-align:center;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:left;
	 text-shadow:0 1px rgba(0, 0, 0, 0.1);
     	  margin-left:5px;
}

#night_audit:hover {
	/* The submit button container */

	background-color: #600;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#600),to(#000));
	background-image: -webkit-linear-gradient(top,#600,#000);
	background-image: -moz-linear-gradient(top,#600,#000);
	background-image: -ms-linear-gradient(top,#600,#000);
	background-image: -o-linear-gradient(top,#600,#000);
	background-image: linear-gradient(top,#600,#000);
	text-decoration:none;

}


.bluebutton:hover, #modify:hover {

	background-color: #357ae8;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#4D90FE),to(#357ae8));
	background-image: -webkit-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -moz-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -ms-linear-gradient(top,#4D90FE,#357ae8);
	background-image: -o-linear-gradient(top,#4D90FE,#357ae8);
	background-image: linear-gradient(top,#4D90FE,#357ae8);
	text-decoration:none;

}


#directory {
	/* The submit button container */

	border:1px solid #59c10e;
	color: white;
	text-transform: uppercase;
	background-color: #4787ED;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#003300),to(#ade087));
	background-image: -webkit-linear-gradient(center top,#003300,#ade087);
	background-image: -moz-linear-gradient(center top,#003300,#ade087);
	background-image: -ms-linear-gradient(center top,#003300,#ade087);
	background-image: -o-linear-gradient(center top,#003300,#ade087);
	background-image: linear-gradient(center top,#003300,#ade087);
	border-image: initial;
	padding:5px 15px;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:left;
	 text-shadow:0 1px rgba(0, 0, 0, 0.3);
 	 opacity:0.8;

}

#directory:hover {
	/* The submit button container */

	border:1px solid #59c10e;
	color: white;
	text-shadow: 2px 4px rgba(0, 0, 0, 1);
	text-transform: uppercase;
	background-color: #4787ED;                                           
	background-image: -webkit-gradient(linear,left top,left bottom,from(#59c10e),to(#ade087));
	background-image: -webkit-linear-gradient(center top,#59c10e,#ade087);
	background-image: -moz-linear-gradient(center top,#59c10e,#ade087);
	background-image: -ms-linear-gradient(center top,#59c10e,#ade087);
	background-image: -o-linear-gradient(center top,#59c10e,#ade087);
	background-image: linear-gradient(center top,#59c10e,#ade087);
	border-image: initial;
	font-size:12px;
	font-weight:bold;
	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	 float:left;
	 text-shadow:0px 1px rgba(0, 0, 0, 0.2);
	text-decoration:none;
	opacity:1;
}






input:hover,
input:focus{
	-moz-box-shadow:0 0 8px lightblue;
	-webkit-box-shadow:0 0 8px lightblue;
	box-shadow:0 0 8px lightblue;
}

.errorTip{
	/* The error divs */
	background-color:#970F08;
	color:white;
	font-size:10px;
	height:26px;
	letter-spacing:0.4px;
	margin-left:20px;
	padding:5px 0 5px 10px;
	position:absolute;
	text-shadow:1px 1px 0 #555555;
	width:200px;
	right:-130px;
}


/* The styles below are only necessary for the styling of the demo page: */

#footer{
	position:fixed;
	bottom:0;
	width:100%;
	padding:10px;
	color:#eee;
	text-align:center;
	font-weight:normal;
	font-style:italic;
}

a, a:visited {
	color:#0196e3;
	text-decoration:none;
	outline:none;
}

a:hover{
	text-decoration:underline;
}
a:active{
	text-decoration:underline;
	color:#FA0;
}

a img{
	border:none;
}


header {

 height:47px;
 position:fixed;
 width:100%;
 top:0px;
 z-index:200;
 background:#333;
}

header p {
        text-align:right;
 	padding:18px;

}

nav {
height:40px;
top:47px;
width:100%;
position:fixed;
z-index:200;

}

 

footer {

	height:5px;
	background:#111;
	width:100%;
	position:fixed;
	bottom:0;
	border-top:2px solid #000;

}


footer div {

	font-weight:bold;
	font-size:10px;
	padding:10px;

}


#main {

	
	height:100%;
	margin-top:100px;
	margin-bottom:7px;
	margin-left:2px;
	margin-right:2px;
}



.list {

                border:3px solid #222;
		*border-collapse: collapse; /* Для IE7 и страше */
		border-spacing: 0;
		background:#FFF;
}

.list th {

 padding:7px;
 color:#FFF;
 text-align:left;
 font-size:11px;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);

}



.list td a:link,
.list td a:visited,
.list td a:active
{
 font-weight:normal;
 color:#000;
}

.list td {

 vertical-align:middle;
 color:#000;
 padding:4px;
 font-size:11px;
 border:1px solid #AAA;

}

.list td a:hover{
 text-decoration:none;
 color:#A60;
}

.list tr {
    background: #FFF;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.list tr:hover {
/*    background: #FFFF66;*/
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    





.list2 {

                border:3px solid #222;
		*border-collapse: collapse; /* Для IE7 и страше */
		border-spacing: 0;
		background:#FFF;
}

.list2 th {

 padding:7px;
 color:#FFF;
 text-align:left;
 font-size:11px;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);

}



.list2 td a:link,
.list2 td a:visited,
.list2 td a:active
{
 font-weight:normal;
 color:#000;
}

.list2 td {

 vertical-align:middle;
 color:#000;
 padding:4px;
 font-size:11px;
 border:1px solid #AAA;

}

.list2 td a:hover{
 text-decoration:none;
 color:#A60;
}

.list2 tr {
    background: #FFF;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    

.list2 tr:hover {
    background: #66FF00;
    
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    










.frow textarea {
 border:1px solid #CCC;
 font-size:12px;


}

.frow input {

 width:100%;
 border:1px solid #CCC;
 font-size:16pt;

}

.frow select {

 width:100%;
 border:1px solid #CCC;
 font-size:16pt;

}



.tree ul {

 list-style:none;
}

#tree {

  margin-left:35px;

}

.tree ul li {


 list-style:none;
 margin:1px;
 padding:10px;
 background:#111;
 color:#FFF;
 

}


/*--Tooltip Styles--*/
.tip {
	color: #fff;
	background:#1d1d1d;
	display:none; /*--Hides by default--*/
	padding:10px;
	position:absolute;	z-index:1000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

	#caption {

		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		border-radius: 6px;
		-moz-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		box-shadow: 0 1px 1px #777, 0 1px 0 #666 inset;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		padding:6px;
		color:#FFF;

	}



	#menu, #menu ul {
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#menu {
		margin:0 auto;
		width:100%;
		border: 1px solid #777;
		background-color: #111;
		background-image: -moz-linear-gradient(#666, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#666), to(#111));	
		background-image: -webkit-linear-gradient(#666, #111);	
		background-image: -o-linear-gradient(#666, #111);
		background-image: -ms-linear-gradient(#666, #111);
		background-image: linear-gradient(#666, #111);
		-moz-border-radius: 0px;
		-webkit-border-radius: 0px;
		border-radius: 0px;
		-moz-box-shadow: 0 2px 2px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 2px 2px #777, 0 1px 0 #666 inset;
		box-shadow: 0 2px 2px #777, 0 1px 0 #666 inset;
	}
	
	#menu:before,
	#menu:after {
		content: "";
		display: table;
	}
	
	#menu:after {
		clear: both;
	}
	
	#menu {
		zoom:1;
	}
	
	#menu li {
		float: left;
		border-right: 1px solid #222;
		-moz-box-shadow: 1px 0 0 #444;
		-webkit-box-shadow: 1px 0 0 #444;
		box-shadow: 1px 0 0 #444;
		position: relative;
	}
	
	#menu a {
		float: left;
		padding: 10px 10px;
		color: #999;
		text-transform: uppercase;
		font: bold 12px Arial, Helvetica;
		text-decoration: none;
		text-shadow: 0 1px 0 #000;
	}
	
	#menu li:hover > a {
		color: #fafafa;
	}
	
	*html #menu li a:hover { /* Только для IE6 */
		color: #fafafa;
	}
	
	#menu ul {
		margin: 20px 0 0 0;
		_margin: 0; /*Только для IE6*/
		opacity: 0;
		visibility: hidden;
		position: absolute;
		top: 38px;
		left: 0;
		z-index: 8000;    
		background: #444;
		background: -moz-linear-gradient(#004, #001);
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
		background: -webkit-linear-gradient(#444, #111);    
		background: -o-linear-gradient(#444, #111);	
		background: -ms-linear-gradient(#444, #111);	
		background: linear-gradient(#444, #111);
		-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
		-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
		box-shadow: 0 -1px 0 rgba(255,255,255,.3);	
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;  
	}

	#menu li:hover > ul {
		opacity: 1;
		visibility: visible;
		margin: 0;
	}
	
	#menu ul ul {
		top: 0;
		left: 150px;
		margin: 0 0 0 20px;
		_margin: 0; /*Только для IE6*/
		-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
		box-shadow: -1px 0 0 rgba(255,255,255,.3);		
	}
	
	#menu ul li {
		float: none;
		display: block;
		border: 0;
		_line-height: 0; /*Только для IE6*/
		-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;
		box-shadow: 0 1px 0 #111, 0 2px 0 #666;
	}
	
	#menu ul li:last-child {   
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		box-shadow: none;    
	}
	
	#menu ul a {    
		padding: 10px;
		width: 195px;
		height: 10px; 
		display: block;
		white-space: nowrap;
		float: none;
		text-transform: none;
	}
	
	#menu ul a:hover {
		background-color: #0186ba;
		background-image: -moz-linear-gradient(#04acec,  #0186ba);	
		background-image: -webkit-gradient(linear, left top, left bottom, from(#04acec), to(#0186ba));
		background-image: -webkit-linear-gradient(#04acec, #0186ba);
		background-image: -o-linear-gradient(#04acec, #0186ba);
		background-image: -ms-linear-gradient(#04acec, #0186ba);
		background-image: linear-gradient(#04acec, #0186ba);
	}
	
	#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
	}
	
	#menu ul li:first-child > a:after {
		content: '';
		position: absolute;
		left: 40px;
		top: -6px;
		border-left: 6px solid transparent;
		border-right: 6px solid transparent;
		border-bottom: 6px solid #444;
	}
	
	#menu ul ul li:first-child a:after {
		left: -6px;
		top: 50%;
		margin-top: -6px;
		border-left: 0;	
		border-bottom: 6px solid transparent;
		border-top: 6px solid transparent;
		border-right: 6px solid #3b3b3b;
	}
	
	#menu ul li:first-child a:hover:after {
		border-bottom-color: #04acec; 
	}
	
	#menu ul ul li:first-child a:hover:after {
		border-right-color: #0299d3; 
		border-bottom-color: transparent; 	
	}
	
	#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
    


.block {


}









.bordered {
    border:  none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    background:#fff;
}

.bordered tr:hover {
    background: #99FF99;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left; 
    vertical-align:middle;
}

.bordered th {

    padding: 10px;
    text-align: left; 
    vertical-align:middle;
    font-size:12px;

}

.bordered th {

 color:#FFF;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);
 

   -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5); 

}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}


.bordered_report {
    border:  none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    background:#fff;
}

.bordered_report tr:hover {
    background: #99FF99;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered_report td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 6px;
    text-align: left; 
    vertical-align:middle;
}

.bordered_report th {

    padding: 10px;
    text-align: left; 
    vertical-align:middle;
    font-size:12px;

}

.header_report {
	background-color: #000;
}
.bordered_report th {

 color:#FFF;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);
 

   -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered_report td:first-child, .bordered_report th:first-child {
    border-left: none;
}

.bordered_report th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered_report th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered_report tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered_report tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/*.bordered_report  tr:nth-child(odd) { background: #eafaff; }*/






.bordered_report2 {
    border:  none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    background:#fff;
    overflow:hidden;
}

.bordered_report2 thead {
                    position:fixed;
		    top:180px;
    width:1400px;
}
.bordered_report2 tfoot {
                   position:fixed;
	           bottom:0px;
    width:1400px;
                    
}
.bordered_report2 tbody {
                    position:absolute;
    overflow:auto;
    height:700px;
    width:1400px;
    top:220px;                
    background:#FFF;
}

.bordered_report2 tr:hover {
    background: #99FF99;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered_report2 td {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px 6px;
    margin: 0px;
    text-align: left; 
    vertical-align:middle;
}

.bordered_report2 th {

    padding: 10px 6px;
     margin: 0px;
    text-align: left; 
    vertical-align:middle;
    font-size:12px;

}

.header_report2 {
	background-color: #000;
}
.bordered_report2 th {

 color:#FFF;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);
 

   -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
    text-shadow: 0 1px 0 rgba(255,255,255,.5);
}

.bordered_report2 td:first-child, .bordered_report th:first-child {
    border-left: none;
}

.bordered_report2 th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered_report2 th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered_report2 tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered_report2 tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}
/*.bordered_report  tr:nth-child(odd) { background: #eafaff; }*/




























.filters { font-size:14px; padding:10px; }
.filters div { margin-left:10px; }

#tvlobby {

 cursor:pointer;

}


.modal-exrates {

		position:absolute;left:50%;
		width:320px;
		margin-left:-130px;
		top:60px;height:350px;padding:15px;color:#FFF;
		background-color: #111;
		background-image: -moz-linear-gradient(#444, #111); 
		background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
		background-image: -webkit-linear-gradient(#444, #111);	
		background-image: -o-linear-gradient(#444, #111);
		background-image: -ms-linear-gradient(#444, #111);
		background-image: linear-gradient(#444, #111);
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		-moz-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		display:none;

}

#list_folio td {

padding:3px;
font-size:12px;

}

#try {
	display:block;
	font: Arial;
	margin:10px;
	outline:none;
}



.toolbar {

          position:fixed;
	  width:98%;
	/* Для хороших браузеров */
	  -moz-border-radius: 8px; /* Firefox */
	  -webkit-border-radius: 8px; /* Safari, Chrome */
	  -khtml-border-radius: 8px; /* KHTML */
	  border-radius: 8px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	  border:3px solid #AAA;
	  background-color: #EEE;
	  background-image: -moz-linear-gradient(#FFF, #EEE); 
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));	
	  background-image: -webkit-linear-gradient(#FFF, #EEE);	
	  background-image: -o-linear-gradient(#FFF, #EEE);
	  background-image: -ms-linear-gradient(#FFF, #EEE);
	  background-image: linear-gradient(#FFF, #EEE);
	  padding:5px 5px;
	  min-width:1150px;

}


#line {

	/* Для хороших браузеров */
	  -moz-border-radius: 4px; /* Firefox */
	  -webkit-border-radius: 4px; /* Safari, Chrome */
	  -khtml-border-radius: 4px; /* KHTML */
	  border-radius: 4px; /* CSS3 */
	  /* Для плохих IE */
	  behavior: url(border-radius.htc); /* учим IE border-radius */
	  border:2px solid #AAA;
	  background-color: #EEE;
	  background-image: -moz-linear-gradient(#FFF, #EEE); 
	  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));	
	  background-image: -webkit-linear-gradient(#FFF, #EEE);	
	  background-image: -o-linear-gradient(#FFF, #EEE);
	  background-image: -ms-linear-gradient(#FFF, #EEE);
	  background-image: linear-gradient(#FFF, #EEE);
	  padding:5px;
	  margin:0px;
 	  width:300px;


}


        #container {
            width: 1200px;
            height: 570px;
            overflow: hidden;
            margin:0 auto;
	    background:#FFF;
        }
        #swipe_container {
            width: 5400px;
            background: #FFF;
        }
        .item {
            font-size: 12px;
            width: 1200px; 
            height: 570px; 
            float: left;
            background: #FFF;
        }
/*		p {
			width: 600px;
			margin: 30px auto;
		}
*/

.breakfast {

 width:600px;
 height:550px;
 background:#FF0;
 position:absolute;
 left:50%;
 margin-left:-300px;
 z-index:1000;
 margin-top:10px;
 border:4px solid #222;
 display:none;

}

.faces {

 width:100px;height:130px;margin:4px;border:2px solid #222;padding:2px;float:left;text-align:center;

}

.twain {

 width:420px;
 height:350px;
 border:2px solid red;
 position:absolute;
 top:150px;
 left:50%;
 margin-left:-225px;
 background:#CCC;
 z-index:9;

 -moz-border-radius: 8px;
 -webkit-border-radius: 8px;
 border-radius: 8px;
 -moz-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
 -webkit-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
 box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;

 display:none;
}

.twain #header {

 font-size:14pt;
 background:#600;
 color:#FFF;
 padding:10px;

}

.autocomplete-w1 { background:url(/img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


.input_text2 {

	border:1px solid #AAA;
	padding:4px;
	width:96%;

}

.wakeup {
	border:1px solid #AAA;
	padding:4px;
	width:47px;
	font-size:14pt;
}

.calendar {


		-moz-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		-webkit-box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		box-shadow: 0 10px 10px #777, 0 1px 0 #666 inset;
		*border-collapse: collapse; /* Для IE7 и страше */
		background:#FFF;
		display:block;
		margin:0px 25px;
		border:2px solid #222;
		padding:0px;
}

.calendar th {

 padding:5px;
 margin:0px;
 color:#FFF;
 text-align:left;
 font-size:11px;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);


}

.calendar td {

 padding:21px;
 margin:0px;
}

.cal_cell {

 border-right:1px dotted #AAA;
 border-bottom:1px dotted #AAA;

}

.conf_form {

  background:#FFF;
  border:2px solid #111;
  margin:12px auto;
  display:none;

}
.conf_form  th {

 padding:10px;
 color:#FFF;
 text-align:left;
 font-size:11px;
 background-color: #111;
 background-image: -moz-linear-gradient(#444, #111); 
 background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
 background-image: -webkit-linear-gradient(#444, #111);	
 background-image: -o-linear-gradient(#444, #111);
 background-image: -ms-linear-gradient(#444, #111);
 background-image: linear-gradient(#444, #111);

}

.conf_form td {
  border-bottom:1px solid #AAA;
  padding:10px;

}

.conf_form input {

  padding:6px;

}

#left_listbox {

 width:45px;
 background:#f7f3f7;
 position:fixed;
 left:0px;
 top:38px;
 padding-top:5px;
 height:100%;

}

#right_listbox {

 width:35px;
 background:#f7f3f7;
 position:fixed;
 right:0px;
 top:38px;
 height:100%;
 font-size:9px;
}


.wrap_input button { font-size: 30px; }
.wrap_input input { font-size:20px; margin-top:-17px;}
#radio_dest { width:350px; margin:20px auto; font-size:16px;}
.wrap_close { font-size:16px; border:1px solid #ccc; padding:20px; width:504px; border-radius: 6px; font-weight:bold; }
.wrap_close div { padding:6px 0px 0px 0px;}
.clear1 {  border-bottom:1px dashed #ccc; clear:both;  }

#calculation {width:200px;}
#service {width:100px;}





#authForm{
	width:480px;
	margin:0px auto;
	position:relative;
	text-align:center;
}

#authForm form{
	width:440px;
	height:270px;
	background:url('../img/form_bg.png') no-repeat;
	padding-top: 50px;
}

#authForm form .row{
	position:relative;
}

#authForm form .row.error:after,
#authForm form .row.success:after{
	content:'';
	
	position:absolute;
	right: 60px;
    top: 8px;
	width:32px;
	height:32px;
	background:url('../img/icons.png') no-repeat;
}

#authForm form .row.error:after{
	background-position: 0 -79px;
}

#authForm form input[type=text],
#authForm form input[type=password]{

	border:none;
	background:url('../img/text-boxes.png') no-repeat top left;
	font:14px 'Segoe UI','Arial',sans-serif;
	color:#888;
	
	outline:none;
	
    height: 48px;
    margin: 0 auto 22px;
    padding: 0 10px 0 50px;
    width: 278px;
}

#authForm form input[disabled]{
	opacity: 0.5;
}

#authForm form .email input{
	background-position:0 0;
}

#authForm form .email input:focus{
	background-position:0 -48px;
}

#authForm form .pass input{
	background-position:0 -96px;
}

#authForm form .pass input:focus{
	background-position:0 -144px;
}


/*----------------------------
	Кнопка отправки
-----------------------------*/


#authForm form input[type=submit]{
	
	border: 1px solid #004C9B;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #D3EBFF;
    cursor: pointer;
    display: block;
    font: bold 24px Cambria,"Hoefler Text",serif;
    margin: 10px auto 0;
    padding: 10px;
    text-shadow: 0 -1px 0 #444444;
    width: 240px;
    
	background-color:#0496DA;
	
	background-image: linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -o-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -moz-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -webkit-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -ms-linear-gradient(top, #0496DA 0%, #0067CD 100%);
}

#authForm form input[type=submit]:hover{
	
	background-color:#0383d3;
	
	background-image: linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -o-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -moz-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -webkit-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -ms-linear-gradient(top, #0383d3 0%, #004c9b 100%);
}

#authForm form input[type=submit]:active{
	
	background-color:#026fcb;
	
	background-image: linear-gradient(top, #026fcb 0%, #004c9b 100%);
	background-image: -o-linear-gradient(top, #026fcb 0%, #004c9b 100%);
	background-image: -moz-linear-gradient(top, #026fcb 0%, #004c9b 100%);
	background-image: -webkit-linear-gradient(top, #026fcb 0%, #004c9b 100%);
	background-image: -ms-linear-gradient(top, #026fcb 0%, #004c9b 100%);
}


#authstatus { position:absolute;width:380px;left:50%;margin-left:-205px;padding:15px; top:10px; font-family:Tahoma;background:#FFF;border:2px solid #333; z-index:8888;opacity:0.6; display:none;}


/* Payment      */

#payment_sum {
    border:none;
    background:url('../img/text-boxes.png') no-repeat top left;
    font:16pt 'Arial',sans-serif;
    color:#000;
    outline:none;
    height: 48px;
    margin: 0 auto 22px;
    padding: 0 10px 0 50px;
    width: 100px;
    background-position:0 -192px;
}

#payment_sum:focus {
    background-position:0 -240px;
}

#payment_desc {
    border:1px dotted #666;
    font:12px 'Arial',sans-serif;
    color:#000;
    outline:none;
    margin: 0px;
    padding: 10px;
    width: 400px;
}

#payment_desc:focus {
    background-position:0 -432px;
}


/*Spec Food*/
.wrap_specfood { border:1px solid #aaa; overflow:hidden; width:820px;padding:10px; font-size:14px;color:#333; background:#fff; font-weight:bold; }
.wrap_specfood div {float:left; padding:4px;}
.num_spec {width:20px;}
.name_spec {width:200px;}
.amount_spec, .unit_spec, .price_spec {width:80px;text-align:center;}
.wrap_specfood .clear_spec {padding:0px; clear:both;}

.wrap_specfood_add { border:1px solid #aaa; overflow:hidden; width:820px;padding:10px; font-size:14px;color:#333; background:#fff; font-weight:bold; }
.wrap_specfood_add div {float:left; padding:4px;}


.menu_list ul {margin-left:20px;list-style:none;}
.menu_list li {margin:2px;border-bottom:1px solid #CCC;background:#FFF;padding:10px;font-size:11px;}

#child_menu { 
    margin:0 auto;
    border:1px solid #666; width:400px; font-size:14pt; border-radius:6px; background:#fefefe; padding:15px;
	box-shadow:2px 1px 6px #aaa;
	-moz-box-shadow:2px 1px 6px #aaa;
	-webkit-box-shadow:2px 1px 6px #aaa;
    list-style:none;
    list-style-image: url('/img/document--arrow.png');
}
#child_menu .title-menu {font-size:18pt; padding-bottom:5px; color:#333; float:left;margin-left:10px; margin-top:13px; }
#child_menu .clear { clear:both;border-bottom:1px solid #aaa;}

#child_menu li { border-bottom:1px dotted #ccc; padding:10px 0px 10px 0px; margin-left:50px; padding-left:8px;}
#child_menu li a:link, #child_menu li a:visited {color:#a10303;}
#child_menu li a:hover { text-decoration:underline; color:#029cd7;}

.dashboard { border:1px solid #aaa; width:930px; margin:0 auto; background:#fff; padding:20px;}
.dashboard .clear { clear:both; margin-bottom:40px; }
.dashboard .clear_line { clear:both; padding-bottom:20px; border-bottom:1px solid #ccc; }
.dashboard .image { float:left; width:300px; }
.dashboard .title-dashboard { font-size:16px; padding-top:6px; padding-left:86px; font-weight:bold; text-decoration:underline; padding-bottom:6px;}
.dashboard .title-dashboard a:link, .dashboard .title-dashboard a:visited, .dashboard .title-dashboard a:hover { color:#333; text-decoration:underline;}
.dashboard .list-dashboard { background:url('/img/tick-small.png') no-repeat 80px 0px; padding-left:100px; font-size:12px; color:#555; padding-bottom:5px;}
.dashboard .list-dashboard a:link, .dashboard .list-dashboard a:visited, .dashboard .list-dashboard a:hover { color:#555; }
.dashboard .description { padding-right:16px; padding-left:92px; font-size:12px; color:#555; padding-top:6px;font-style:italic; }


.mask_groups, .mask_roles, .mask_edit_groups, .mask_edit_roles {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background:#666;
	display:none;
	font-family: Georgia;
	}

#boxes_roles .window_roles, #boxes_groups .window_groups, #boxes_edit_groups .window_edit_groups, #boxes_edit_roles .window_edit_roles {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
	text-align: center;
	}

#boxes_roles #dialog_roles, #boxes_groups #dialog_groups, #boxes_edit_groups #dialog_edit_groups, #boxes_edit_roles #dialog_edit_roles {
	width:375px;
	height:250px;
	padding:10px;
	background-color:#ffffff;
	}
    
 a.button {color:#FFF;}
 
 #wrap_roles {
    font-size:14px; width:600px;background:#fff;border:1px solid #aaa; padding:10px; box-shadow:2px 2px 4px #666;
 }
 #wrap_roles .wrap_groups { background:#f4feff; border-bottom:1px solid #bbb; border-top:1px solid #bbb; padding:8px; }
 .wrap_groups span { font-weight:bold; }
 .wrap_roles { margin-left:20px;background:#fff; font-size:14px;padding:3px; }
 .inp_edit_groups, .inp_edit_roles, #inp_new_roles, #inp_new_groups { padding:10px; width:250px; font-size:14pt; }
 .modal-title { font-size:18px; margin-bottom:20px; }
 .btn_edit_group, .btn_edit_role, .btn_add_role, .btn_add_group { margin:50px 0px 10px 0px; width:300px; height:50px; }
 
.mask_board {background:url('/img/maskbg.jpg');position:absolute;left:0px;top:0px;z-index:3000}

.mask_box {background:url('/img/maskbg.jpg');position:absolute;left:0px;top:0px;z-index:300;display:none;}

#mask {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	background:#666;
	display:none;
	font-family: Georgia;
	}

#boxes .window {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
	text-align: center;
	}

#boxes #dialog {
	width:375px;
	height:203px;
	padding:10px;
	background-color:#ffffff;
}


div.table { display: table; padding:6px; margin:10px 10px 10px 10px; font-size:12px; font-family:Tahoma; 

    border:  none;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
    background:#fff;

}
div.row { display: table-row; }

div.row:hover { background:#0F0; }


div.row-th {

	display:table-row; 
	color:#fefefe;
	background-color: #111;
	background-image: -moz-linear-gradient(#444, #111); 
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));	
	background-image: -webkit-linear-gradient(#444, #111);	
	background-image: -o-linear-gradient(#444, #111);
	background-image: -ms-linear-gradient(#444, #111);
	background-image: linear-gradient(#444, #111);

	-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
	box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
	border-top: none;

}

div.cell { display: table-cell; padding:6px; border-bottom:1px solid #ccc; vertical-align:middle; border-right:1px solid #ccc;}
div.row div.cell:nth-child(1){ border-left:1px solid #CCC}


#print_button {
	
	border: 1px solid #004C9B;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #D3EBFF;
    cursor: pointer;
    display: block;
    font: bold 24px Cambria,"Hoefler Text",serif;
    margin: 10px auto 0;
    padding: 10px;
    text-shadow: 0 -1px 0 #444444;
    width: 250px;
    
	background-color:#0496DA;
	
	background-image: linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -o-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -moz-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -webkit-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -ms-linear-gradient(top, #0496DA 0%, #0067CD 100%);
}


#print_button:hover{
	
	background-color:#0383d3;
	
	background-image: linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -o-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -moz-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -webkit-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -ms-linear-gradient(top, #0383d3 0%, #004c9b 100%);
}


.my_button {
	
	border: 1px solid #004C9B;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 1px rgba(0, 0, 0, 0.3);
    color: #D3EBFF;
    cursor: pointer;
    font: bold 24px Cambria,"Hoefler Text",serif;
    padding: 4px;
    text-shadow: 0 -1px 0 #444444;
    width: 250px;
    
	background-color:#0496DA;
	
	background-image: linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -o-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -moz-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -webkit-linear-gradient(top, #0496DA 0%, #0067CD 100%);
	background-image: -ms-linear-gradient(top, #0496DA 0%, #0067CD 100%);
}


.my_button:hover{
	
	background-color:#0383d3;
	
	background-image: linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -o-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -moz-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -webkit-linear-gradient(top, #0383d3 0%, #004c9b 100%);
	background-image: -ms-linear-gradient(top, #0383d3 0%, #004c9b 100%);
}


#folio_no { font-size: 16pt; text-decoration:underline;}
#book_no { font-size: 16pt; font-weight:bold; }
.folio_modify { padding:5px; background:#FFA;top:50%;margin-top:-90px; color:#000; box-shadow: 0 10px 0 rgba(0,0,0,.8) outset; display:none; position:fixed;width:670px;height:260px;border:3px solid #333;border-radius:12px;left:20px;left:50%;margin-left:-335px;z-index:9999;}
.folio_transfer { padding:5px; background:#FFA;top:50%;margin-top:-90px; color:#000; box-shadow: 0 10px 0 rgba(0,0,0,.8) outset; display:none; position:fixed;width:670px;height:260px;border:3px solid #333;border-radius:12px;left:20px;left:50%;margin-left:-335px;z-index:9999;}

.header_filter { float:left; padding:6px; }
.header_filter label { font-weight:bold;}
.header_filter input { margin-right:4px;}

.radio_filter div {
    padding:10px;
    width:85px;
    font-weight:bold;
    color:#000033;
    font-size:14px;
    float:left;
    margin:4px;
    text-align:center;
    height:15px;
    -moz-border-radius: 5px; /* Firefox */
    -webkit-border-radius: 5px; /* Safari, Chrome */
    -khtml-border-radius: 5px; /* KHTML */
    border-radius: 5px; /* CSS3 */
    cursor:pointer;
    border:1px solid #ddd;
}


.item_tel{ font-size:14pt; font-weight:bold; cursor: pointer; }
.item_tel:hover { background:#9fce5a; color:#FFF; }


.confirm_cashbook {
	background:#996633;color:#FFF;cursor:pointer;border-radius:4px;font-size:11px;padding:3px;
}

.confirm_cashbook:hover {
	background:#336699;color:#FFF;cursor:pointer;border-radius:4px;font-size:11px;padding:3px;
}

.with_docs {
	cursor:pointer;border-radius:4px;font-size:11px;padding:3px;
}

.errorField { border:1px dotted #d10000; background:#ffdddd; color:#d10000; font-size:12px; margin-left:10px; width:958px; padding:10px; display:none; }


.wrapBox { width:960px; margin:0 auto;background:#FFF;padding:10px;border-radius:10px;}
.wrapBox h2 { font-size:18pt; border-bottom:1px solid #aaa; margin: 0px 10px 10px 10px; padding:10px 10px; font-family:Sans; color:#00416e; }
.wrapBox h4 { font-size:12pt; font-family:Sans; color:#00416e;}

.modalBox { position:fixed; left:0; top:0; width:600px; height:380px; display:none; z-index:9001; padding:20px; padding:10px 20px; background-color:#333; border-radius:10px; }
.modalBox h2 { font-size:18pt; border-bottom:1px solid #aaa; margin: 10px 0px 10px 0px; padding:10px 0px; font-family:Sans; color:#fff; }
.modalBox .wrapButton { text-align:center; margin-top:30px;  }
.innerWindow { background: #fff; border-radius:10px; height:280px; padding:20px; }

.wrapBox label, .modalBox label { color:#8f0202; font-size:13px; font-weight:bold; }


.input-data, .select-data, .modal-input, .modal-select, .data-new  {
    padding:8px;
    font-weight:normal;
    font-size:16px;
    border:1px solid #aaa;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    transition:border linear .2s,box-shadow linear .2s;
    -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
}

.input-data:focus, .select-data:focus, .modal-input:focus, .modal-select:focus, .data-new:focus {
    outline:none;
    border-color:#63e4ff;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:0 0 8px #9beeff;
    -moz-box-shadow:0 0 8px #9beeff;
    -webkit-box-shadow:0 0 8px #9beeff;
}



.input_text3 {
    padding:8px;
    font-weight:normal;
    font-size:16px;
    border:1px solid #999;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    transition:border linear .2s,box-shadow linear .2s;
    -moz-transition:border linear .2s,-moz-box-shadow linear .2s;
    -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s;
    float:left;
}

.input_text3:focus {
    outline:none;
    border:1px solid #FF6666;
    border-radius:3px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    box-shadow:0 0 8px #9beeff;
    -moz-box-shadow:0 0 8px #9beeff;
    -webkit-box-shadow:0 0 8px #9beeff;
}


.console { background:#020;color:#FFF;font-size:10px;float:left;height:30px; width:450px;overflow:hidden;}

.minibar_data {margin:0px 3px;border:1px dotted #666;display:block;float:left;padding:0px;}


.cb_search_bar { border:1px solid #AAA; margin:2px;}
.cb_search_bar th { text-align:left; font-weight: bold; background:#111;color:#FFF; padding:7px;} 
.cb_search_bar td { padding:6px; }
.cb_search_bar td input { border:1px solid #CCC; }



.navbar {
	background-color: #DDDDDD;
	background-image: -webkit-gradient(linear,left top,left bottom,from(#EEEEEE),to(#999999));
	background-image: -webkit-linear-gradient(top,#EEEEEE,#999999);
	background-image: -moz-linear-gradient(top,#EEEEEE,#999999);
	background-image: -ms-linear-gradient(top,#EEEEEE,#999999);
	background-image: -o-linear-gradient(top,#EEEEEE,#999999);
	background-image: linear-gradient(top,#EEEEEE,#999999);
	text-decoration:none;
	padding:10px;
	border-radius:6px;
}

.navbar a {
 	display:block;
	font-size:14px;
	color:#FFF;
	background:#222;
	padding:6px;
	border-radius:4px;
	float:left;
	margin:0px 4px;
}

.navbar a:link, .navbar a:hover, .navbar a:active, .navbar a:visited { text-decoration: none; color:#FFF;}

.navbar a:hover {background:#555;color:#EEE;}

.board_history { width:60px;height:25px;background:#FFF;border:2px dashed #F00;z-index:9999;position:fixed;top:120px;left:18px;text-align:center;opacity:0.25;border-radius:15px;line-height:24px; cursor:pointer;  }



.dhx_matrix_cell  {  }

.list_staff {

 overflow-y: auto;

}

#dolg_info_box {
 overflow-y: auto;
 max-height:600px;
}

.dateTo, .dateFrom { float:left; }