body{
margin:0;
padding:0;
background:#FFFFFF;
}

img{b	:0px;}
h1{
font-family:"Arial Narrow", Arial, Tahoma;
font-weight:normal;
font-size:29px;
padding:0 9px 0 4px;
margin:0 0 14px 0;
border-bottom:3px solid #295282;/*BorderColor1*/
color:#000000;
float:left;
}
td,th{vertical-align:top;}

/* рамка с круглыми уголками и заголовком */
div.largeCalendarRunArea div.aroundBox {
/*background:url(../images/legend_header_bg2.jpg) repeat-x left top #6FB6EC; 	 цвет верхней и нижней кромки */
	
}
#rightColumn div.aroundBox{
background: #295282;
position: relative;
border-radius: 5px;
position: relative;

border: 1px solid #295282;/*BorderColor1*/
margin-bottom:20px;
clear:left;
padding: 20px 0;
}
div.aroundBox.c6{background:#ffffff; }
div.aroundBox div.header,
div.aroundBox div.footer{
height:25px;
}
div.aroundBox div.footer.dark_blue {background:#037DC6}


div.aroundBox div.header div.headerContent,
div.aroundBox div.header div.headerContentSmall {
margin-left:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color: #FFFFFF;
padding: 4px 0px 0px 10px;
}

/* заголовок меньшего размера и другого цвета, для рамок слева*/
div.aroundBox div.header div.headerContentSmall{
font-size:12px;
color:#fff; /* цвет заголовка */
}

div.aroundBox div.header div.aroundTopLeft,
div.aroundBox div.header div.aroundTopRight,
div.aroundBox div.footer div.aroundBottomLeft,
div.aroundBox div.footer div.aroundBottomRight {
position:relative;
width:10px;
height:10px;
font-size:0px;
}
div.aroundBox div.header div.aroundTopLeft{
top:-1px;
left:-1px;
float:left;
background: url('../images/corners.gif') top left;
}
div.aroundBox div.header div.aroundTopRight{
top:-1px;
right:-1px;
float:right;
background: url('../images/corners.gif') top right;
}
div.aroundBox div.footer div.aroundBottomLeft{
top:16px;
left:-1px;
float:left;
background: url('../images/corners.gif') bottom left;
}
div.aroundBox div.footer div.aroundBottomRight{
top:16px;
right:-1px;
float:right;
background: url('../images/corners.gif') bottom right;
}
div.aroundBox div.content{
color:#000; /* цвет текста */
background-color:#FFF;
padding:10px 20px 5px 20px;
}
div.aroundBox div.content + div {
color: #fff !important;
}

/* ----- */

div#top{
margin:0 0 5px 0;
}
td#leftColumn{
width:188px;
padding:0 14px 0 11px;
}
td#rightColumn{
padding:0 20px 0 0;
}

div#section_img_tennis{
/*background:url(../images/section_img_tennis.jpg) no-repeat right 93px;*/
padding:15px 0 0;
height:85px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#9A9A9A;
position:relative;
}
div#section_img_tennis h1{
margin:0 0 10px;
padding:0;
color:#000;
white-space:nowrap;
position:absolute;
top:15px;
left:8px;
}
div#section_img_tennis h1 span{
font-size:21px;
color:#4A4A4A;
}
div#section_img_tennis p{
clear:left;
margin:0;
padding:0;
width:50%;
position:absolute;
top:60px;
left:8px;
}
div#back_1{
text-align:right;
width:430px;
height:87px;
padding-top:10px;
float:right;
}

/* календарь */
ul.calendarNavigation{
list-style:none;
list-style-image:none;
margin:0;
padding:0;
background:#e4e9ef;
}
ul.calendarNavigation li{
margin:0;
color:#1f5385;
font-size:12px;
text-align:left;
}
ul.calendarNavigation li.selected{
color:#fff;
font-weight:bold;
text-decoration:none;
}
div.calendarNavigation a{
font-weight:normal;
background:#e4e9ef;
}
table.reservationsCalendar {
width:100%;
margin:15px 0 0;
}
table.reservationsCalendar td {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
border-bottom:2px solid #295282;/*BorderColor1*/
background:#FFF;
}
table.reservationsCalendar td a {
color:#000000;
text-decoration:none !important;
}
.weekdayTitle, td.weekdayTitle a {
color:#0066a8!important;
}
.unAvaliable {
color:#a4a4a4!important;
}
.current, td.current a {
color:white!important;
background:#0071b5!important;
}
td.selected{
position: relative;
background:#e6e5e3!important;
}
td.selected a{
background:#eaece9!important;
}
td.selected::after{
content:url(../img/bul_gr.png);
position:absolute;
bottom: -4px;
right:0;
}

div.selected {
display:inline;
border:1px solid #fe0202 !important;
color:#000;
}

.holiday, td.holiday a {
font-weight:bold;
color:#e60003!important;
}

/* большой календарь */
div#calendarLarge{
position:absolute;
top: 75px;
z-index:100;
width:282px;
background:#efeff1;/*Color1*/
border:1px solid #ccc;
margin:0 auto;
}
div#calendarLarge ul.calendarNavigation{
list-style:none;
list-style-image:none;
margin:0px;
padding: 6px;
}
div#calendarLarge ul.calendarNavigation li{
margin:0;
color:#1f5385;
font-size:12px;
text-align:center;
font-size: 19px;
margin: 10px 0 0px 64px;
width: 150px;
}
div#calendarLarge ul.calendarNavigation li a{
font-weight:normal;
background:#e4e9ef;
color:#1f5385;
font-size: 19px;
text-decoration:none;
width:150px;
display:block;
text-align:center;
}
div#calendarLarge ul.calendarNavigation li a:active{
background:#fff;
color:#000000;
text-decoration:none;
font-size: 19px;
width:150px;
display:block;
text-align:center;
}

div#calendarLarge table{
background:#efeff1;
width:98%!important;
margin:5px auto!important;
}
#shadow{
background: black;
height: 150%;
opacity: 0.9;
position: fixed;
width: 100%;
z-index: 50;
top: 0;
left: 0;
}

div#calendarLarge td{
font-size:24px;
background:#efeff1;
border:1px solid white;
box-shadow: -1px -1px 2px rgba(126, 114, 114, 0.5);
padding: 9px;
font-size: 17px;
}
div#calendarLarge tr:first-child td{
background:#efeff1;
border:0px solid white;
box-shadow: 0px 0px 0px rgba(126, 114, 114, 0.5);
}
div#calendarLarge td a{
display:block;
font-weight: normal;
color: #444444;
}
div#calendarLarge td a:active{
background:#CCCCCC;
color:#fff;
}

/* легенда */
div.legend{
background:#fff;
padding:14px 0 0 12px;
color:#000;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.largeCalendarRunArea div.legend{ 
/*background:url(../images/legend_header_bg3.jpg) repeat-x left top #047EC7; 	*/
background:none;
color: #fff;
}
div.legend td{color:#fff; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}
div.legend div{
background:#FFF;
color: #000;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 14px 0 0;
}
.info_left{
padding:2px 0 4px 20px;
margin-bottom:1px;
}

/* таблица с расписанием */
table.areaPeriods{
margin:0;
background:#fff;
}

table.areaPeriods tr:nth-child(1) th{
border-bottom:0px;
}

table.areaPeriods tr:nth-child(2) td{
border-top:0px;
}

table.areaPeriods tr:last-child td{
border-bottom:0px;
}

table.areaPeriods.dark{
background:#ccc;
}
table.areaPeriods th{
border-bottom:1px solid #CCCCCC;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:14px;
color:#000;
text-align:center;
vertical-align:middle;
}
table.areaPeriods td{
text-align:left;
vertical-align:middle;
font-family:"Arial Narrow", Arial, Tahoma;
border-bottom:1px solid #CCCCCC;
padding:4px 0 4px 30px;
height: 70px;
font-size: 21px;
line-height:25px;
}
table.areaPeriods td a{color:#000;}

table.areaPeriods td.unAvaliable{
color:#A4A4A4;
}
table.areaPeriods td.blocked{
background:#f4fcff;
color:#129AE0;
position: relative;
}
table.areaPeriods td.blocked::after{
content:url(../img/bul_bl.jpg);
position:absolute;
bottom: -7px;
right:0;
}
table.areaPeriods td.ordered{
background:#fff1f2;
color:#D70000;
position: relative;
}
table.areaPeriods td.ordered::after{
content:url(../img/bul_red.jpg);
position:absolute;
bottom: -7px;
right:0;
}

table.areaPeriods tr.pre-own td{
	background-color:#f7fdef !important;
	color:!important;
	position: relative;
}


table.areaPeriods td.own{
background:#f7fdef;
color:#009D00;
position: relative;
}
table.areaPeriods td.own::after{
content:url(../img/bul_gr.jpg);
position:absolute;
bottom: -7px;
right:0;
}

span.timer {
text-decoration:underline;
}

.legend_calen {
 color:#444;
 font-size:18px;
}

.legend_table_calen{
 width:282px;
 margin:30px auto;
}

.legend_table_calen td{
 vertical-align:middle;
 text-align:left;
 font-size:16px;
 color:#1e5186;
 border:0px solid white!important;
box-shadow: 0px 0px 0px rgba(126, 114, 114, 0.5)!important;
}

.legend_table{
 width:282px;
 margin:30px auto;
}

.legend_table td{
 vertical-align:middle;
 text-align:left;
 font-size:17px;
}

.legend_table td img{
 width:50px;
 height:50px;
}

.legend_table tr:nth-child(1) td{
 color:#D70000;
}
.legend_table tr:nth-child(2) td{
 color:#129AE0;
}
.legend_table tr:nth-child(3) td{
 color:#009D00;
}

table.areaPeriods td img.extraIco{
float:left;
margin:2px 3px;
}

.reservation_big_cell{
background:#fff;
}
.reservation_big_cell_active{
background:#CCCCCC;
}

/* большая таблица с расписанием */
div.areaPeriodsLarge{}
div.areaPeriodsLarge th{
font-size:35px;
}
div.areaPeriodsLarge td {
font-size:21px;
background-image:none !important;
text-align:left;
}
div.areaPeriodsLarge td.avaliable{
/* padding-left:0px !important; */
}
div.areaPeriodsLarge td span.nameBox{
font-size:21px;
}
.lightManageButton img.checkboxImage{
float: right;
margin: -3px 10px 2px 5px;
width: 30px;
}
img.checkboxImage{
float: right;
margin: 2px 10px 2px 5px;
}
div.reservationsItem{
height:30px;
cursor:pointer;
}
input.orderButton{
 width:282px;
 margin:30px 0;
 background:#1c5291;
 color:white;
 line-height:23px;
 text-decoration:underline;
 font-size:22px;
 text-transform:uppercase;
 padding:15px 0;
 cursor:pointer;
 border:0px;
 box-shadow:2px 3px 0px #bfbfbf;
}

/* кнопки */
.button_back{
display:block;
overflow:hidden;
text-align:center;
text-decoration:none;
font-family:"Arial Narrow", Arial, Helvetica;
font-size:40px;
font-weight:normal;
line-height:40px;
color: #295282;/*Color1*/
float:right;
margin:0 0 0 10px;
border: 1px solid #295282;/*BorderColor1*/
position: relative;
border-radius: 5px;
box-shadow: 1px 1px 3px #000;
-webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
background-color:#e9e9e9;/*Color2*/
padding: 10px 20px;

}
.headerContent .button_back{
background-color: none !important;
color: #c40c28;
}
.button_back.type2{
background: url(../images/button2.png) no-repeat 0 0;
}
.button_back:active{
color:#000000;
}
.headerContent .button_back:active {
color: #000000
}

.button_back2{
display:block;
padding:12px;
width:200px;
overflow:hidden;
text-align:center;
text-decoration:none;
font-family:"Arial Narrow", Arial, Helvetica;
font-size:40px;
font-weight:normal;
line-height:40px;
color: #295282;/*Color1*/
background-color:#e9e9e9;/*Color2*/
border: 1px solid #295282;/*BorderColor1*/
position: relative;
border-radius: 5px;
box-shadow: 1px 1px 3px #000;
-webkit-box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
box-shadow:  1px 1px 3px 0px rgba(0, 0, 0, 0.5);
float:right;
margin:0 20px 0 0;
}
.button_back2:active{
color:#295282;
}

div.largeCalendarRunArea  div.aroundBox div.header div.aroundTopRight { 
	
	/*background:url("../images/corners_sel.gif") repeat scroll right top transparent;*/
	
}
div.largeCalendarRunArea  div.aroundBox div.header div.aroundTopLeft { 
	
	/*background:url("../images/corners_sel.gif") repeat scroll left top transparent;*/
	
}
div.largeCalendarRunArea  div.aroundBox div.footer div.aroundBottomRight { 
	
	/*background:url("../images/corners_sel.gif") repeat scroll right bottom transparent;*/
	
}
div.largeCalendarRunArea  div.aroundBox div.footer div.aroundBottomLeft { 
	
	/*background:url("../images/corners_sel.gif") repeat scroll left bottom transparent;*/
	
}
.logo_reservation {
width:187px; 
height:159px; 
background:url(../images/logo_reservations.png) no-repeat; 
margin:15px 0 30px 0;
position: relative;
border-radius: 5px;
border: 1px solid #295282;/*BorderColor1*/
}

#leftColumn .aroundBox {
padding: 20px 0;
position: relative;
border-radius: 5px;
border: 1px solid #295282;/*BorderColor1*/
background: #295282;

background: -moz-linear-gradient(left,  #295282 0%, #6381a4 100%);

background: -webkit-gradient(linear, left top, right top, color-stop(0%,#295282), color-stop(100%,#6381a4));

background: -webkit-linear-gradient(left,  #295282 0%,#6381a4 100%);

background: -o-linear-gradient(left,  #295282 0%,#6381a4 100%);

background: -ms-linear-gradient(left,  #295282 0%,#6381a4 100%);

background: linear-gradient(to right,  #295282 0%,#6381a4 100%);

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#295282', endColorstr='#6381a4',GradientType=1 );

}

span.icon-comment{
	font-size:14px;
}