html, body, div, span, object, 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,
fieldset, 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;
}

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: #eee url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAMAAAC6sdbXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF3d3d////riJKgAAAAAJ0Uk5T/wDltzBKAAAAFUlEQVR42mJgBAEGGMmAxAYCgAADAAGGABmnk/7aAAAAAElFTkSuQmCC);
    font: 11px Arial, Helvetica;
    color:#000;


}

html{
	overflow:auto;
}


#carbonForm{
	/* The main form container */
	background-color:#1C1C1C;
	border:1px solid #080808;
	margin:20px auto;
	padding:20px;
	width:500px;
	color:#FFF;
	-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:#FFF;
	text-align:left;
}

.fieldContainer{
	/* The light rounded section, which contans the fields */
	background-color:#1E1E1E;
	border:1px solid #0E0E0E;
	padding:30px 10px;
	
	/* CSS3 box shadow, used as an inner glow */
	-moz-box-shadow:0 0 20px #292929 inset;
	-webkit-box-shadow:0 0 20px #292929 inset;
	box-shadow:0 0 20px #292929 inset;
}

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


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

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

label{
	font-family:Century Gothic,Myriad Pro,Arial,Helvetica,sans-serif;
	font-size:11px;
	letter-spacing:1px;
	line-height:35px;
}

.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.active{
	/* Marking the submit button as active adds the preloader gif as background */
	background-image:url("/img/preloader.gif");
}

.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 {
	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 {

	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 {
	/* 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: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 */
	 float:right;
}


#checkout: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 {
	/* 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: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 */
	 float:left;
	 text-shadow:0 1px rgba(0, 0, 0, 0.1);
}


#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;

}




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



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:70px;
 background:url('/img/corelogo.png') no-repeat #333;
 position:fixed;
 width:100%;
 top:0px;
 border: 1px solid #222;
 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);

}

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

}

nav {
height:55px;
width:100%;
top:60px;
position:fixed;
}



footer {

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

}


footer div {

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

}


#main {

	width:100%;
	height:100%;
	margin-top:120px;
	margin-bottom:70px;

}



.list {

                border:3px solid #222;
		-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;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-radius: 10px;
		*border-collapse: collapse; /* Для IE7 и страше */
		border-spacing: 0;

}

.list 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);
}



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

.list td {

 vertical-align:middle;
 background:url(/img/pattern.png) #FFF;
 color:#000;
 padding:4px;
 font-size:11px;
 border:1px solid #AAA;

}

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


.button:link,
.button:visited,
.button:active {

 background: #666;
 color:#FFF;
 padding:8px 15px;
 border:1px solid #555;

}

.button:hover {

 background: #444;
 color:#FFF;
 text-decoration:none;

}


.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:#333;
 

}


/*--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 #222;
		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: 16px;
		-webkit-border-radius: 16px;
		border-radius: 16px;
		-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;
	}
	
	#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: 12px 30px;
		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: 9999;    
		background: #444;
		background: -moz-linear-gradient(#444, #111);
		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: 130px;
		_height: 10px; /*Только для IE6*/
		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: solid #ccc 1px;
    -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: #DDFFDD;
    -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;


}

.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;
}


#tvlobby {

 cursor:pointer;

}


.modal-exrates {

		position:absolute;left:50%;
		width:220px;
		margin-left:-130px;
		top:60px;height:340px;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:95%;
	/* Для хороших браузеров */
	  -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 #CCC;
	  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;

}


#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 #CCC;
	  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:10px;
	  margin:2px;
 	  width:320px;

}


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


.breakfast {

 width:690px;
 height:400px;
 background:#FFf;
 position:absolute;
 left:50%;
 margin-left:-300px;
 z-index:1000;
 top:80px;
 margin-top:10px;
 border:4px solid #222;
 display:none;
 opacity:0.90;
  -moz-border-radius: 20px; /* Firefox */
  -webkit-border-radius: 20px; /* Safari, Chrome */
  -khtml-border-radius: 20px; /* KHTML */
  border-radius: 20px; /* CSS3 */ 
 -moz-box-shadow: 10px 10px 10px #000; /* Firefox */
  -webkit-box-shadow: 10px 10px 10px #000; /* Safari, Chrome */
  box-shadow: 10px 10px 10px #000; /* CSS3 */

}


.foot1 {

padding:10px; width:110px;color:#FFF;font-size:14pt;float:left;margin:4px;background:#222;text-align:center;height:40px;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */ 

}

.foot2 {

padding:10px; width:110px;color:#FFF;font-size:14pt;float:left;margin:4px;background:#222;text-align:center;
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */ 

}

#m_close {

  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */ 

}

#m_save {

  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari, Chrome */
  -khtml-border-radius: 10px; /* KHTML */
  border-radius: 10px; /* CSS3 */ 

}