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;

    padding:0;
}

input, select {
   vertical-align:middle;
}


body{
	/* Setting default text color, background and a font stack */
    line-height:1;
    font-size:11px;
    font-family:Arial;
    color:#000;
	line-height:16px;
	color:#222;
    background:url('/images/fasad1.jpg') top center;
background-size: cover;

}


html{
	overflow:auto;
}

progress[value] {
  /* Reset the default appearance */
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  
  /* Get rid of default border in Firefox. */
  border: 1px solid #000;
  
  /* Dimensions */
  width: 170px;
  height: 4px;
}


.fieldContainer{
	/* The light rounded section, which contans the fields */
	padding:20px 10px;

}


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

.label{
	float:left;
	text-align:right;
	padding:14px;
	width:40px;
	color:#000;
	font-weight:bold;
}

label{
}

.field{
	float:left;
}

.field input{
	/* The text boxes */
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #CCC;
	color:#000;
	font-family:Arial;
	font-size:22px;
	padding:9px 11px;
	outline:none; /* Preventing the default Safari and Chrome text box highlight */
}

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

.signupButton #submit{
	/* The submit button */
	border:1px solid #777;
	cursor:pointer;
	height:40px;
	text-indent:-9999px;
	text-transform:uppercase;
	width:110px;

/*	background:url("/img/submit.png") no-repeat center center #d0ecfd;*/

	background-image: -webkit-gradient(linear,left top,left bottom,from(#FFF),to(#CCC));
	background-image: -webkit-linear-gradient(top,#FFF,#ccc);
	background-image: -moz-linear-gradient(top,#fff,#ccc);
	background-image: -ms-linear-gradient(top,#fff,#ccc);
	background-image: -o-linear-gradient(top,#fff,#ccc);
	background-image: linear-gradient(top,#fff,#ccc);


}

.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-image: -webkit-gradient(linear,left top,left bottom,from(#EEE),to(#CCC));
	background-image: -webkit-linear-gradient(top,#EEE,#CCC);
	background-image: -moz-linear-gradient(top,#EEE,#CCC);
	background-image: -ms-linear-gradient(top,#EEE,#CCC);
	background-image: -o-linear-gradient(top,#EEE,#CCC);
	background-image: linear-gradient(top,#EEE,#CCC);
	border:1px solid #888;
}

#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,
#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: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,
#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 {
	/* 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;

}


#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(#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;
	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.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;
	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:0px 1px rgba(0, 0, 0, 0.2);
	opacity:1;
}



#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:47px;
 position:fixed;
 width:100%;
 top:0px;
 z-index:1000;
 background:#232323;
}

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

}*/

nav {
height:30px;
width:100%;
top:47px;
position:fixed;
z-index:2000;
}



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%;
	overflow:hidden;
	margin:0 auto;
	max-width:1300px;
    margin-top:20px;
}

.clear { clear:both; }
.wrap_home { margin-top:15px; text-align:center; }
.close_waiter, .list_waiters, .home, .close_smena { width:150px; height:50px; }


/********************** begin waiters **********************/
.list-waiters {
	width:250px; 
	margin:2px; 
	font-size:14px;
	font-weight:bold; 
	text-align:center; 
	padding:10px;float:left;
	background:rgba(0,0,0,0.75);
	color:#FFF;
	border-radius:10px;

}
.list-waiters:active, .list-waiters:visited {color:#FFF;}
.wrap_waiter { margin:0 auto; }
.wrap_waiter p { font-size:14px; text-align:center; font-weight:bold; color:#333; }
#wpin {
	padding:8px; width:140px; height:22px; background:#eeeeee; border:1px solid #c9c9c9; margin-left:10px;
}
.wrap_waiter input[type="button"] {
	margin:5px;
	padding:15px 20px;

}
.numpad, .d_numpad, .numpad_calc, #clearone_calc { font-size:20px; width:120px; height:90px; background:rgba(0,0,0,0.7);border:0px;color:#FA0;}
#clearone  { width:220px; height:40px; padding:0px; background:rgba(0,0,0,0.6);border:0px;color:#F00;}
#sendPin { width:90px; margin-left:11px; }
#clear, #clear_calc, #d_clear { width:90px; margin-right:12px; }
#error { font-size:14px; text-align:center; font-weight:bold; color:#d70000; }


.modal_calc { text-align:center; }
.modal_calc #nums_calc { border:1px solid #ccc; width:215px;padding:8px; font-weight:bold; margin-top:5px;}
.modal_calc #clearone_calc, .modal_calc #b0, .modal_calc #clear_calc { width:230px; height:50px; margin-top:5px;}
.modal_calc #clear_calc { margin-left:10px; }
.modal_calc .b1-b9 input { padding:15px 30px; }
.modal_calc .b1-b9 input { margin:10px;}


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

#boxes_calc #dialog_calc {
	width:300px;
	height:450px;
	padding:10px;
    background-color: rgba(0, 0, 0, 0.5);
    border:1px solid #ccc;
    border-radius:10px;
}

#boxes_new .modal_new {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9999;
}

#boxes_new #dialog_new {
    width:990px;
    height:550px;
    padding:0px;
    background-color: rgba(0, 0, 0, 0.8);
    border:1px solid #ccc;
    border-radius:10px;
}



#boxes_search .modal_search {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9999;
}

#boxes_search #dialog_search {
    width:990px;
    height:500px;
    padding:0px;
    background-color: rgba(0, 0, 0, 0.8);
    border:1px solid #ccc;
    border-radius:10px;
}


#boxes_changewaiter .modal_changewaiter {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9999;
}

#boxes_changewaiter #dialog_changewaiter {
    width:990px;
    height:300px;
    padding:0px;
    background-color: rgba(0, 0, 0, 0.8);
    border:1px solid #ccc;
    border-radius:10px;
}


#boxes_split .modal_split {
	position:absolute;
	left:0;
	top:0;
	display:none;
	z-index:9998;
}

#boxes_split #dialog_split {
	width:710px;
	height:550px;
	padding:10px;
    background-color: rgba(0, 0, 0, 0.5);
    border:1px solid #ccc;
    border-radius:10px;
}

/********************** end waiters **********************/


/********************** begin tables **********************/
.wrap_tables { margin:0 auto; }
.wrap_rooms { width:1024px; margin:0 auto; }
.tables_none, .tables a:link, .tables a:visited, .tables a:hover {
	padding:12px; border:1px solid #aaa; border-radius:16px; float: left; width:165px; margin:1px; font-size:16px;font-weight:bold; font-family:Tahoma; min-height:60px;
	-moz-box-shadow: 1px 1px 5px #666;
	-webkit-box-shadow: 1px 1px 5px #666;
	box-shadow: 1px 1px 5px #666;
}


.rooms a:link, .rooms a:visited, .rooms a:hover {
	border:1px solid #aaa; border-radius:0px 0px 6px 6px; float: left; width:120px; margin:4px; font-size:20px;font-weight:bold; font-family:Arial;
	-moz-box-shadow: 1px 1px 5px #aaa;
	-webkit-box-shadow: 1px 1px 5px #aaa;
	box-shadow: 1px 1px 5px #aaa;
	background-image: linear-gradient(bottom, rgba(130,171,51,0.5) 10%, rgba(147,189,45,0.5) 70%);
	background-image: -o-linear-gradient(bottom, rgba(130,171,51,0.5) 10%, rgba(147,189,45,0.5) 70%);
	background-image: -moz-linear-gradient(bottom, rgba(130,171,51,0.5) 10%, rgba(147,189,45,0.5) 70%);
	background-image: -webkit-linear-gradient(bottom, rgba(130,171,51,0.5) 10%, rgba(147,189,45,0.5) 70%);
	background-image: -ms-linear-gradient(bottom, rgba(130,171,51,0.5) 10%, rgba(147,189,45,0.5) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgba(130,171,51,0.5)),
		color-stop(0.7, rgba(147,189,45,0.5))
	);
	color:#e9ffc0;
	text-decoration:none;
}


#container_room { width: 1105px; overflow: hidden; margin:0 auto; background:#FFF; border:1px solid #ccc; border-radius:6px; }
#swipe_container { width: 5400px; background: #FFF; }
.item { font-size: 12px; width: 1024px; float: left; background: #FFF; }
.num_listrooms {
	font-size:20px; border:1px solid #ccc; width:30px; border-radius:6px; padding:6px;
	background-image: linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(240,240,240)),
		color-stop(0.39, rgb(250,250,250))
	);

}

.blue_link a:link, .blue_link a:visited { text-decoration:none; }
.blue {
	background-image: linear-gradient(bottom, rgb(127,224,248) 10%, rgb(206,248,255) 70%);
	background-image: -o-linear-gradient(bottom, rgb(127,224,248) 10%, rgb(206,248,255) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(127,224,248) 10%, rgb(206,248,255) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(127,224,248) 10%, rgb(206,248,255) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(127,224,248) 10%, rgb(206,248,255) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(127,224,248)),
		color-stop(0.7, rgb(206,248,255))
	);
}

.dark_link a:link, .dark_link a:visited { text-decoration:none; color:#FFF;}
.dark {
	background-image: linear-gradient(bottom, rgb(0,0,0) 10%, rgb(50,50,50) 70%);
	background-image: -o-linear-gradient(bottom, rgb(0,0,0) 10%, rgb(50,50,50) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(0,0,0) 10%, rgb(50,50,50) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,0,0) 10%, rgb(50,50,50) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(0,0,0) 10%, rgb(50,50,50) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(0,0,0)),
		color-stop(0.7, rgb(50,50,50))
	);
}


.green_link a:link, .green_link a:visited { color:#e9ffc0; text-decoration:none; }
.green {
	background-image: linear-gradient(bottom, rgba(130,171,51,0.85) 10%, rgb(147,189,45,0.85) 70%);
	background-image: -o-linear-gradient(bottom, rgba(130,171,51,0.85) 10%, rgb(147,189,45,0.85) 70%);
	background-image: -moz-linear-gradient(bottom, rgba(130,171,51,0.85) 10%, rgb(147,189,45,0.85) 70%);
	background-image: -webkit-linear-gradient(bottom, rgba(130,171,51,0.85) 10%, rgb(147,189,45,0.85) 70%);
	background-image: -ms-linear-gradient(bottom, rgba(130,171,51,0.85) 10%, rgb(147,189,45,0.85) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgba(130,171,51,0.85)),
		color-stop(0.7, rgba(147,189,45,0.85))
	);
}

.red_link a:link, .red_link a:visited { color:#ffa5a5; text-decoration:none; }
.red {
	background-image: linear-gradient(bottom, rgb(148,0,0) 10%, rgb(255,70,70) 70%);
	background-image: -o-linear-gradient(bottom, rgb(148,0,0) 10%, rgb(255,70,70) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(148,0,0) 10%, rgb(255,70,70) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(148,0,0) 10%, rgb(255,70,70) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(148,0,0) 10%, rgb(255,70,70) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(148,0,0)),
		color-stop(0.7, rgb(255,70,70))
	);
	color:#ffd4d4;
}

.yellow_link a:link, .yellow_link a:visited { color:#bc8500; text-decoration:none; }
.yellow {
	background-image: linear-gradient(bottom, rgb(241,218,52) 10%, rgb(250,250,189) 70%);
	background-image: -o-linear-gradient(bottom, rgb(241,218,52) 10%, rgb(250,250,189) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(241,218,52) 10%, rgb(250,250,189) 70%);
	background-image: -webkit-linear-gradient(bottom, rgb(241,218,52) 10%, rgb(250,250,189) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(241,218,52) 10%, rgb(250,250,189) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(241,218,52)),
		color-stop(0.7, rgb(250,250,189))
	);
}

/********************** end tables **********************/

/********************** begin open&change bill **********************/
#cnt_person {
	width:50px; padding:7px 5px 7px 5px; font-size:16px; background:#eeeeee; border:1px solid #c9c9c9;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	margin-right:5px;
}

#block1 .textBlock { padding:10px; font-size:14px; margin:2px; border-bottom:1px dashed #CCC; background:#FFF; cursor:pointer;  }
#block1, #block2 { list-style:none; }
#rest_catmenu,  {border-radius:6px;}

.catmenu {
	width:365px; float:left; margin:2px; border:1px solid #ccc; background:#fff; min-height:257px; max-height:530px; overflow-y:auto;
}

.item_cat { text-align:center;font-size:16px;cursor:pointer; border:1px solid #ccc; padding:8px; list-style:none; margin:2px; font-weight:bold; }
.back { background: #ff5400; color:#FFF; font-weight:bold; }

.wrap_tabs { float:left;margin:2px; border:0px; background:rgba(250,250,250,0.9); min-height:200px; margin-top:45px; width:855px;}
ul.tabNavigation { list-style: none; padding: 0; width:800px; display:block; margin-top:-45px;}
ul.tabNavigation li { float:left; margin:2px; margin-top:10px; margin-bottom: 10px;  }
ul.tabNavigation #add { cursor:pointer; margin:2px; margin-top:0px; margin-bottom: 10px; padding:10px 20px; }
ul.tabNavigation li a { text-decoration: none; border:1px solid #ccc; background:#f6f6f6; font-size:20px; color:#1c94c4; border-radius:6px; padding:9px 18px; }
ul.tabNavigation li a.selected,
ul.tabNavigation li a.selected:hover { background: #aaa; color: #000; }
ul.tabNavigation li a:hover { background: #ccc; color: #000; }
ul.tabNavigation li a:focus { outline: 0; }
div.tabs div { padding: 5px; margin-top: 3px; border: 1px solid #FFF; background: #FFF; }
div.tabs div h2 { margin-top: 0; }
.tabNavigation  #add { border:1px solid #ccc; background:#f6f6f6; padding:10px 20px; border-radius:6px; font-size:20px; color:#1c94c4;}

div.table { display: block; padding:0px; width: 600px; margin:0px 10px 10px 10px; font-size:14px; font-family:Arial; max-height:450px;overflow-y:auto;}
div.row { display: table-row; cursor:pointer; }
div.cell { display: table-cell; padding:6px; border-bottom:1px dashed #ccc;}
.cell_name { width:200px; }
.cell_amount { width:45px; text-align:center; }
.cell_price { width:50px; text-align:center; }
.cell_sum { width:60px; text-align:center;}
.cell_icons { width:200px; padding:0px; }
.cell_icons input { margin-left:2px; margin-right:2px;}
.pcomment {font-size:11px;color:#666;}
.th {
	font-size:11px; padding:6px; text-align:left; font-weight:bold;
	background-image: linear-gradient(bottom, rgb(0,169,224) 10%, rgb(123,221,253) 70%);
	background-image: -o-linear-gradient(bottom, rgb(0,169,224) 10%, rgb(123,221,253) 70%);
	background-image: -moz-linear-gradient(bottom, rgb(127,224,248) 5%, rgb(206,248,255) 90%);
	background-image: -webkit-linear-gradient(bottom, rgb(0,169,224) 10%, rgb(123,221,253) 70%);
	background-image: -ms-linear-gradient(bottom, rgb(0,169,224) 10%, rgb(123,221,253) 70%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.1, rgb(0,169,224)),
		color-stop(0.7, rgb(123,221,253))
	);
}
.th .cell { border-bottom:1px solid #78c7d8; border-top:1px solid #78c7d8;width:10px;}

.product_edit, .product_del { margin-left:5px; margin-right:5px; }
.error_dialog { text-align:center; font-weight:bold; color:#d70000; }
#plus, #guest_plus, #guest_minus, #minus,#plus10, #minus10, #plus_bill_move, #minus_bill_move, #plus_move, #minus_move, #all_move, #minus_edit, #plus_edit { padding:10px 15px; font-size:20px; width:50px; }
#plus10, #minus10 {
 background:#FCC;
}

.cancel_bill { padding:10px; }

#send_bill, #send_roombill, #precheck_bill, #precheck_bill_en, #precheck, #close_bill, #close_under_bill, #split_table, #all_products_move, #checkushka, #discount, #gotables { padding:15px; }
.hrefBtn { padding:10px;}


/********************** end open&change bill **********************/












.price_menu { float:right; clear:right; }
.menu_amount, .menu_unit, .menu_price { font-size:14px; font-style:italic; float:right;}
.menu_name { font-weight:bold; width:180px; float:left; }
.menu_amount { margin-left:10px; margin-right:10px; }


.total, .total_common, .intotal, .total_discount { text-align:right; padding: 0px 20px; font-weight:bold; font-size:12px; }
.txt_name  { float:left;width:100px;text-align:right;padding:10px; font-weight:bold; }
.txt_name_lh { float:left;width:100px;text-align:right;padding:10px; font-weight:bold;}
.wrap_input { float:left;padding:10px;margin:0px; }
.wrap_button { padding-left:5px;padding-bottom:15px; overflow:hidden; }
.wrap_button div { float:left;margin:2px; }

#product_name, #product_price, #product_name_move, #product_name_edit { margin-left:10px;padding:10px; }

#product_count_edit, #product_count, #product_count_move, #n_bill { width:70px;border:1px solid #CCC;padding:5px; height:30px; }




.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; margin:0 auto; border-radius: 6px; font-weight:bold; }
.wrap_close div { padding:6px 0px 0px 0px;}
.clear1 {  border-bottom:1px dashed #ccc; clear:both;  }


	#pass_card, #key_manager, #key_manager_edit { color:#fff; cursor:none; width:1px;height:1px; }
	#pass_card, #key_manager, #key_manager_edit:focus {border:0px; box-shadow:none; width:1px; height:1px;}
	#pass_card, #key_manager, #key_manager_edit:hover {border:0px; box-shadow:none; width: 1px;height:1px;}

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

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

#maskCalc {
	position:absolute;
	left:0;
	top:0;
	z-index:9000;
	display:none;
}
.calcClose, .splitClose {float:right; cursor:pointer;}

#boxes .window_del, #boxes .window_edit, #boxes .window_discount, #boxes .window_horses {
	position:absolute;
	left:0;
	top:0;
	width:440px;
	height:200px;
	display:none;
	z-index:9999;
	padding:20px;
}

#boxes #dialog_modal_del, #boxes #dialog_modal_edit, #boxes #dialog_modal_discount, #boxes #dialog_modal_horses{
	width:375px;
	height:260px;
	padding:10px;
	background:#333;
    border-radius:10px;
}

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

.infoDiscount { text-align:left; margin-left:18px; font-size:12px; margin-top:10px; }
.infoDiscount span { display:none; }
.infoDiscount .owner, .infoDiscount .name, .infoDiscount .percent { font-style:italic; }

.list_product_del, .list_product_edit { font-size:12pt; color:#ce0c0c; }
.list_product_del span, .list_product_edit span { font-weight:bold;}
.itemsBtn { margin-top:10px; font-size:13px;}

#container input { padding:6px; width:300px; border:1px solid #ccc; }
#container label { font-weight:bold; font-size:14px; color:#333; }

.minimal {
/*  background: #efefef;
  border: 1px solid #bbb;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 1px 1px #f6f6f6;
  box-shadow: inset 0 0 1px 1px #f6f6f6;
  color: #333;
  font: bold 12px "helvetica neue", helvetica, arial, sans-serif;
  line-height: 1;
  padding: 8px 0 9px;
  text-align: center;
  text-shadow: 0 1px 0 #fff;
  width: 150px;
  width:300px; margin:4px auto; font-size:13px;font-weight:bold; text-align:center; display:block;padding:15px;  
*/
	width:300px; font-size:13px;font-weight:bold; text-align:center; display:block;padding:15px;
    border:1px solid #AAA; border-radius: 6px; width:300px; margin:4px auto; font-size:13px;font-weight:bold; text-align:center; display:block;padding:15px;
	background-image: linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -o-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -moz-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -webkit-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);
	background-image: -ms-linear-gradient(bottom, rgb(240,240,240) 20%, rgb(250,250,250) 39%);

	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0.2, rgb(240,240,240)),
		color-stop(0.39, rgb(250,250,250))
	);


}
.minimal:hover {
    background: #E9E9E9;
    -webkit-box-shadow: inset 0 0 1px 1px #eaeaea;
    -moz-box-shadow: inset 0 0 1px 1px #eaeaea;
    box-shadow: inset 0 0 1px 1px #eaeaea;
    color: #222;
    cursor: pointer;
}
.minimal:active {
    background: #d0d0d0;
    -webkit-box-shadow: inset 0 0 1px 1px #e3e3e3;
    -moz-box-shadow: inset 0 0 1px 1px #e3e3e3;
    box-shadow: inset 0 0 1px 1px #e3e3e3;
    color: #000;
}

#radio_dest div {
    padding:10px;
    width:85px;
    font-weight:bold;
    color:#000033;
    font-size:14px;
    float:left;
    margin:4px;
    text-align:center;
    height:20px;
    -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;
}