@charset "utf-8";
/* CSS Document */

html,body,#body{
height:100%;
}

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

/* общие стили */
body,td,th,input,select,textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
}
p{margin:0 0 10px 0;}
p.red{color:#c00027;}
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 #c00027;
float:left;
}
h2{
font-family:"Arial Narrow", Arial, Tahoma;
font-weight:bold;
font-size:16px;
color:#666666;
padding:0 0 0 0;
margin:0 0 0 0;
}
h3{
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
color:#EF4124;
padding:0 0 0 0;
margin:0 0 0 0;
}
a{
color:#540020;
text-decoration:underline;
}
a.link_red_bold{
color:#e3001b;
font-weight:bold;
text-decoration:none;
}
img{border:none;}
td,th{vertical-align:top;}
form{margin:0;}

/* таблица каркас */
table#body{}
td#body_left{ width:188px; padding:0 11px 0 14px; }
td#body_right{}

table.no_border{
border:0px !important;
}
table.no_border th, table.no_border td{
border:0px !important;
}

/* меню */
td#menu{
padding:0px 18px 0px 16px;
white-space:nowrap;
}
/* прелоад картинок для подсветки меню */
a#menu_1_pre{background:url(../images/menu_1_s.jpg) no-repeat -300px;}
a#menu_2_pre{background:url(../images/menu_2_s.jpg) no-repeat -300px;}
a#menu_3_pre{background:url(../images/menu_3_s.jpg) no-repeat -300px;}
a#menu_4_pre{background:url(../images/menu_4_s.jpg) no-repeat -300px;}
a#menu_5_pre{background:url(../images/menu_5_s.jpg) no-repeat -300px;}

/* форма */
td#login_form{
width:300px;
padding:0px 23px 0 0;
text-align:right;
}
td#login_form a{
font-size:12px;
color:#000;
}

div.textField,
div.textFieldFill {
	background:url('../images/input_bg.gif') no-repeat top left;
	float:left;
	padding-left:5px;
}

div.textFieldFill {
	background:url('../images/input_bg_fill.gif') no-repeat top left;
}

div.textField div.textFieldContent, 
div.textFieldFill div.textFieldContent{
	height:23px;
	background:url('../images/input_bg.gif') no-repeat top right;
	padding:3px 5px 0px 0px;
}

div.textFieldFill div.textFieldContent{
	background:url('../images/input_bg_fill.gif') no-repeat top right;
}

div.textField div.textFieldContent input, 
div.textFieldFill div.textFieldContent input{
	border:none;
	margin:0px;
	float:left;
}

div.textFieldFill div.textFieldContent input{
	color:#000000;
	background-color:#ffffff;
}

input.registration, textarea.registration{
	width:175px;
	margin:1px 0px 1px 0px;
	border:0px;
	background:#FFFFFF;
}

div.label{
padding:3px 5px 0 0;
float:left;
font-size:12px;
width:97px;
text-align:right;
clear:left;
color:#000;
}

/* кнопки */
div.button{ 
	width:90px;
	background:url('../images/button_bg.gif') no-repeat top left;
	padding-left:5px;
	float:left;
	clear:left;
}

div.button div.buttonContent {
	height:26px;
	background:url('../images/button_bg.gif') no-repeat top right;
	padding:1px 10px 4px 0px !important;
}

div.button input{
	cursor:pointer;
	border:none;
	background:#ee8c5e;
	font-size:12px;
	height:17px;
	color:#540020;
}

/* заголовок раздела с картинкой */
div#section_img_aktuelles{
background:url(../images/logos/section_img_aktuelles.jpg) no-repeat right 9px;
margin:0 69px 0 0;
padding:0 0 0 17px;
height:130px;
}
div#section_img_aktuelles h1{
margin:80px 0 0 0;
}

div#section_img_tennis{
background:url(../images/logos/section_img_tennis.jpg) no-repeat right 0px;
padding:0 153px 0 17px;
height:90px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;

}
div#section_img_tennis h1{
margin:0 0 0 0;
color:#4f4f4f;
}
div#section_img_tennis h1 span{
font-size:21px;
color:#4f4f4f;
}
div#section_img_tennis p{
margin:5px 0 0 0;
float:left;
clear:left;
}

/* правая панелька приклееная вправо */
td#panel{
width:120px;
padding:128px 0 0 0;
background:url(../images/panel_header.gif) no-repeat 33px 140px;
}
div#panel_top{
background:url(../images/panel_top.gif) no-repeat top right;
height:25px;
}
div#panel_bottom{
background:url(../images/panel_bottom.gif) no-repeat bottom right;
height:34px;
}
div.panel_item{
height:70px;
overflow:hidden;
text-align:right;
}
div.panel_item_top{
height:84px;
overflow:hidden;
text-align:right;
}
/* правая панелька приклееная влево к таблице */
td#panel_1{
width:67px;
padding:113px 0 0 0;
}

div.panel_1_item,div#panel_1_item_up{
position:relative;
left:-1px;
}
div.panel_1_item{
height:58px;
text-align:left;
}
div#panel_1_item_up{
height:58px;
text-align:left;
}

/* таблица с расписанием */
table.areaPeriods{
margin:0;
}
table.areaPeriods th{
background:#FFFFFF;
border-bottom:1px solid #e5e5e5 !important;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:15px;
color:#e3001b;
text-align:center !important;
}
table.areaPeriods td{
text-align:center;
background:#FFFFFF;
font-family:"Arial Narrow", Arial, Tahoma;
font-size:14px;
border-bottom:1px solid #e5e5e5 !important;
padding:2px 0 3px 0;
}
table.areaPeriods td a{color:#000000;}

table.areaPeriods td.unAvaliable{
color:#A4A4A4;
}
table.areaPeriods td.ordered{
background-color:#FFDBDB;
/*background:#FFDBDB url(../images/bullet_red.gif) no-repeat 10% 5px;*/
color:#129AE0;
}
table.areaPeriods td.blocked{
background-color:#CBEBFC;
/*background:#CBEBFC url(../images/bullet_blue.gif) no-repeat 10% 5px;*/
color:#D70000;
}
table.areaPeriods td.own{
background-color:#DCFEDC;
/*background:#DCFEDC url(../images/bullet_green.gif) no-repeat 10% 5px;*/
color:#009D00;
}

/* прелоад картинок для подсветки правого меню */
a#panel_menu_1_pre{background:url(../images/panel_menu_1_s.jpg) no-repeat -300px;}
a#panel_menu_2_pre{background:url(../images/panel_menu_2_s.jpg) no-repeat -300px;}
a#panel_menu_3_pre{background:url(../images/panel_menu_3_s.jpg) no-repeat -300px;}

/* левая панелька */
img#logo{margin:12px 0 0 0;}
div.banner{padding:15px 0 0 9px;}
div.monthes{
color:#FFFFFF;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
padding:0px 0 0 12px;
text-align:left;
}
div.monthes a{
font-weight:normal;
text-decoration:underline;
color:#000;
}

/* легенда */
div.legend{
padding:14px 0 0 12px;
color:#FFFFFF;
text-align:left;
}

div.legend td{color:#FFFFFF;}

div.legend div{
background:#FFFFFF;
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
margin:0 14px 0 0;
}

/* календарь */
table.reservationsCalendar{
width:100%;
margin:15px 0 0 0;
}
table.reservationsCalendar td,
table.reservationsCalendar td.otherMonth{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
text-align:center;
border-bottom:2px solid #e5e5e5;
background:#FFFFFF;
}
table.reservationsCalendar td a{
color:#000000;
text-decoration:none !important;
}
.weekdayTitle, td.weekdayTitle a{
font-weight:bold;
color:#c00027 !important;
}
.unAvaliable{color:#A4A4A4 !important;}

.current, td.current a{
font-weight:bold;
color:#000000 !important;
}
.selected{border:1px solid #FE0202 !important;}

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

/* footer */
td.footer{
vertical-align:bottom;
}

div.buttonw{background:url(../images/buttonw_bg.jpg) repeat-x top; width:178px; margin:30px 14px 14px auto;}
div.buttonw div{background:url(../images/buttonw_left.jpg) no-repeat 0 0;}
div.buttonw div div{
background:url(../images/buttonw_right.jpg) no-repeat right 0;
padding:5px 8px 9px 8px;
text-align:center;
}


/* рамка с круглыми уголками и заголовком */
div.aroundBox{
	background-color:#fff1c5; 	/* цвет верхней и нижней кромки */
	border:1px solid #540020;	/* цвет рамки */
	margin-bottom:20px;
	clear:left;
}
div.aroundBox div.header,
div.aroundBox div.footer {
	height:25px;
}

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:#590726; /* цвет заголовка */
	padding:4px 0px 0px 10px;
}

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

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:#FFFFFF;
	padding:10px 20px 5px 20px;
}

/* табличка внутри рамки, подчеркнуты ячейки */
div.aroundBox div.content th, 
div.aroundBox div.content td {
	border:0px;
	border-bottom:1px solid #E5E5E5;
}

div.aroundBox div.content th{
	text-align:left;
	font-weight:bold;
	color:#666;
	border:0px;
}

/* закладка для таблицы с заказом */
div.bookmark,
div.bookmarkSel{
	background-color:#eeb34c;
	border:1px solid #540020;
	border-bottom:0px;
	float:left;
	height:20px;
	width:100px;
	position:relative;
	top:2px;
}

div.bookmarkSel{
	top:1px;
	height:22px;
	background-color:#fff1c5;
}

div.bookmark div.leftCorner,
div.bookmarkSel div.leftCorner,
div.bookmark div.rightCorner,
div.bookmarkSel div.rightCorner {
	position:relative;
	width:10px;
	height:10px;
	font-size:0px;
}

div.bookmark div.leftCorner{
	top:-1px;
	left:-1px;
	float:left;
	background: url('../images/corners_sel.gif') top left;
}

div.bookmark div.rightCorner {
	top:-1px;
	right:-1px;
	float:right;
	background: url('../images/corners_sel.gif') top right;
}

div.bookmarkSel div.leftCorner{
	top:-1px;
	left:-1px;
	float:left;
	background: url('../images/corners.gif') top left;
}

div.bookmarkSel div.rightCorner {
	top:-1px;
	right:-1px;
	float:right;
	background: url('../images/corners.gif') top right;
}

div.bookmark div.bookmarkTitle,
div.bookmarkSel div.bookmarkTitle {
	padding:3px 5px 0px 5px;
	color:#540020;
}

a.back{
	color:#540020;
}