html, body {
  margin:0;
  padding:0;
  }

body {
  background: #FFF;
  color: #666;

  font-size:82%;
  font-family: tahoma, arial, sans-serif;
  }

#tooltip{
background:#E6ECF3;
border:1px solid #757F89;
color:#000;
font:menu;
margin:0px;
padding:3px 5px;
position:absolute;
visibility:hidden;
width:auto;
}


/* HTML ELEMENTS
------------------------------------ */

* { margin: 0px; }

a, a:link {
  color: #195CB1;
  text-decoration:underline;
  }

a:visited { color:#195CB1; }
a:hover {   color:#195CB1; }
a:active {  color:#195CB1; }

p {
  padding:0 0 1.5em 0;
  }

h1 {
  font-family:'arial narrow', arial, tahoma, sans-serif;
  font-size:18px;
  color: #F79001;
  font-weight: bold;
  padding: 0 0 10px 0;
  }
h1.content_header {
  line-height: 72px;
  }

h2 {
  padding: 0 0 5px 0;
  color: #016AB5;
  font-size: 1em;
  font-weight: bold;
  }

h3 {
  font-family:'arial narrow', arial, tahoma, sans-serif;
  font-size:14px;
  color: #F79001;
  font-weight: bold;
  padding: 10px 0 5px 0;
  }


/* SPECIAL STYLES
------------------------- */

.marker {
  background: url('../i/marker_small.gif') 0 6px no-repeat;
  padding-left: 7px;
  margin-left:-6px;
  }

.textbigblack {
  font-family:'arial narrow', arial, tahoma, sans-serif;
  font-size:18px;
  color:#000;
  font-weight: bold;
  }

.textsmall { font-size: 0.89em; }
.textsmallest { font-size: 0.79em; }
.textcenter { text-align: center; }

.textred { color: #F00; }
.textblack { color: #000; }
.textorange { color: #F79001; }

.error { 
color: #F00; 
font-weight: bold;
padding:10px 0;
}

.IconBlock {
padding-left: 30px; 
padding-bottom: 15px;
background: 0 0 no-repeat;
}


/* MAIN PAGE STRUCTURE
------------------------- */

#BODYTABLE {
  width: 100%;
  background: #FFF;
  }

#BODYTABLE td.BODYTABLE_left,
#BODYTABLE td.BODYTABLE_left div.rasporka {
  width: 235px;
  }

#BODYTABLE td.BODYTABLE_footerline {
  border-bottom: #7E7E7E 1px dotted;    
  }

#BODYTABLE td.BODYTABLE_footer {
  background: #EBEBEB;
  height: 100px;
  font-size: 0.85em;
  }


/* MAIN PAGE ELEMENTS
------------------------- */

#PAGELOGO {
  text-align: center;
  color: #C2C2C2;
  font-size:0.89em;
  }


/* HEADER BLOCKS */

td.BODYTABLE_headerblock {
  width:50%;
  border-left: #000 1px dotted;
  background:url('../i/headerbackground.jpg') left bottom no-repeat;
  padding: 0 30px;
  color: #000;
  }

td.BODYTABLE_headerblock p {
  padding:0;
  font-size: 0.85em;
  }

td.BODYTABLE_headerblock a,  td.BODYTABLE_headerblock a:visited{
  color: #000;
  text-decoration:underline;
  }


/* === MENU === */

div.menu {
  padding-left: 21px;
  }
div.menu ul {
  list-style: none;
  }
div.menu ul li {
  background:url('../i/marker.gif') 0 5px no-repeat;
  padding-left: 11px;
  padding-bottom:3px;
  }

div.menu ul a,  div.menu ul a:visited {
  color: #5E5E5E;
  text-decoration: underline;
  }

#MAINMENU {
  padding-top: 74px;
  padding-bottom: 35px;
  }

#USERMENU {
  font-weight: bold;
  padding-bottom: 35px;
  font-size:0.89em;
  }

/* OLD
#USERINFO {
  border: #ECECEC 1px solid;
  margin: 0 40px 10px 0;
  background: url('../i/ico_user.gif') 10px 50% no-repeat;
  padding: 8px 8px 8px 25px;
  color: #016AB5;
  }
*/
#USERINFO {
background: url('../i/ico_user_white.gif') 34px 50% no-repeat;
padding: 5px 8px 5px 49px;
color: #FFF;
}

#USERINFO h2 { padding-bottom: 0; color: #FFF; }
#USERINFO span { font-size:0.85em; }


/* === FOOTER === */

#FOOTER_author {
  padding-left: 50px;
  }

#FOOTER_copyright {
  padding-left: 10px;
  }

#FOOTER_contacts {
  padding-left: 50px;
  color: #905B37;
  }
#FOOTER_contacts a {
  color: #905B37;
  text-decoration: underline;
  }


/* === CONTENT === */

#CONTENT {
  padding: 0 10px 0 10px;
  }


/* === LOGIN === */

#LOGIN {
  padding: 0 0 10px 49px;
  width: 316px;
  }

#LOGIN input.text {
  margin: 0 5px 3px 0;
  width: 100px;
  }

#LOGIN p {
  font-size:0.85em;
  padding-top:5px;
  }
#LOGIN p a {
  color: #434343;
  }

#USERDATA {
 width: 350px;
}
#HEADERBLOCKS .HEADERBLOCK #USERDATA h1 {
padding-left: 34px;
}

/* === GRAPH VIEW === */

/*
#GRAPHINFO {
  height:72px;
  margin-top:-72px;
  float:right;
  }
#GRAPHINFO div {
  border: #ECECEC 1px solid;
  padding:5px 10px;
  font-size:0.85em;
  }
*/

#GRAPHINFO {
  float:right;
  margin: 0px 0 10px 0; /* -30 */
  }
#GRAPHINFO div {
  border: #ECECEC 1px solid;
  padding:5px 10px;
  font-size:0.85em;
  }
#GRAPHINFO div img { vertical-align: middle; }
#GRAPHINFO div span { padding-right: 10px; }


/* GRAPH DAY */

div.STATSDAY {
  margin-bottom: 10px;
  padding: 5px 5px 10px 5px;
  border-bottom: #7E7E7E 1px dotted;
  clear: both;
  }


div.STATSDAY td.StatsDay_DateTD { 
  width: 100px;
  color: #6EA2DF;
  font-size:0.85em;
  }
div.STATSDAY td.StatsDay_DateTD h2,
div.STATSDAY td.StatsDay_DateTD a { 
  color: #6EA2DF; 
  }
div.STATSDAY td.StatsDay_DateTD div.rasporka { width: 100px; }
div.STATSDAY td.StatsDay_DateTD * { padding: 0; }


div.STATSDAY td.StatsDay_LineTD {
  width: 100%;
	}

div.STATSDAY table.StatsDayLine {
  width:100%;
	}

div.STATSDAY table.StatsDayLine tr.time_value td {
  font-size:9px;
  border-left: #BEBEBE 1px solid;
  padding-left:2px;
  }

div.STATSDAY table.StatsDayLine tr.fill_graphs td {
  border: #BEBEBE 1px solid; 
  border-width: 0 0 1px 1px; 
  padding: 3px 2px 0 2px;
  font-size: 1px; 
  }

div.STATSDAY table.StatsDayLine tr.show_arrow td {
padding-top: 2px;
text-align: center;
}

div.STATSDAY div.nonreserved { background:#EDF4FB; }
div.STATSDAY div.reserved_free { background:#6EA2DF; }
div.STATSDAY div.reserved_inuse { background:#004FAB; }

div.STATSDAY tr.fill_graphs td a { display: block; }
div.STATSDAY tr.fill_graphs td span { display: block; cursor: hand; }
div.STATSDAY tr.fill_graphs td span.nonreserved { background:#EDF4FB; }
div.STATSDAY tr.fill_graphs td span.reserved_free { background:#6EA2DF; }
div.STATSDAY tr.fill_graphs td span.reserved_inuse { background:#004FAB; }


/* === ACTIONS === */

div.ACTION {
  margin-bottom:5px;
  font-size: 0.85em;
  }

div.ACTION div.ACTION_header {
  background: right bottom no-repeat;
  color: #FFF;
  padding-right: 15px;
  }

div.ACTION div.ACTION_date {
  float:right;
  padding-top: 5px;
  padding-left:10px;
  }

div.ACTION div.ACTION_title {
  background: left top no-repeat;
  padding-top: 5px;
  padding-left: 15px;
  }
div.ACTION div.ACTION_title a {
  display:block;
  padding: 0 10px;
  padding-bottom: 7px;
  background: url('../i/marker_white.gif') 0 5px no-repeat;
  color: #FFF;
  text-decoration: underline;
  }
div.ACTION div.ACTION_title a.open {
  text-decoration: none;
  }

div.ACTION div.blue { 
  background-color: #195CB1;
  background-image: url('../i/corver_right_blue.gif');
  }
div.ACTION div.blue div.ACTION_title { background-image: url('../i/corver_left_blue.gif'); }

div.ACTION div.green { 
  background-color: #45B119;
  background-image: url('../i/corver_right_green.gif');
  }
div.ACTION div.green div.ACTION_title { background-image: url('../i/corver_left_green.gif'); }

div.ACTION div.orange { 
  background-color: #FF6411;
  background-image: url('../i/corver_right_orange.gif');
  }
div.ACTION div.orange div.ACTION_title { background-image: url('../i/corver_left_orange.gif'); }



div.ACTION div.ACTION_box {
  padding: 10px 25px;
  }
div.ACTION div.ACTION_box p {
  padding-bottom: 5px;
  }


/* === CALENDAR === */
div.block_calendar  {
  padding:10px 0;
  }
div.block_calendar  p {
  text-align:center;  
  font-weight:bold;
  padding:0 0 5px 0;
  }

div.block_calendar table.calendar_fields {
  margin-top:5px;
  }

div.block_calendar table.calendar_fields td {
  text-align:center;
  }

div.block_calendar table.calendar_fields tr.header td {
  background: #7DA7D8;
  color: #FFF;
  font-size:9px;
  height: 19px;
  width: 22px;
  }
  
div.block_calendar table.calendar_fields td a {
  display:block;
  height: 19px;
  width: 22px;
  line-height: 19px;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  }
div.block_calendar table.calendar_fields td a:hover {
  background:#CCC;
  }

div.block_calendar table.calendar_fields td a span.data {
  font-weight: normal;
  text-decoration: none;
  color:#000;
  }
div.block_calendar table.calendar_fields td a span.day {
  text-decoration: underline;
  }
  
div.block_calendar table.calendar_fields td a.daynow {
  background: #E7EFF8;
  color: #0054A6;
  }
  
div.block_calendar table.calendar_fields td a.weekend { color: #9A0303; }
div.block_calendar table.calendar_fields td a.othermonth {
  background: #CBCBCB;
  color: #FFF;
  font-weight: normal;
  }
div.block_calendar table.calendar_fields td a.othermonth:hover {
  background:#CBCBDB;
  }
  
div.block_calendar table.calendar_fields td a.dayselected {
  background: #E7EFF8;
  color: #0054A6;
  text-decoration:none;
  border: #1864AE 1px solid;
  line-height: 17px;
  height: 17px;
  width: 20px;
  }

div.block_calendar table.width100 {	width: 100%; }
div.block_calendar table.width100 td {	width: 14%; }

div.block_calendar table.width100 tr.header td,
div.block_calendar table.width100 td a,
div.block_calendar table.width100 td a.dayselected {
  width: auto;
  height:42px;
  line-height: 42px;
  }

div.block_calendar table.width100 td a.dayselected {
  height: 40px; 
  line-height: 40px;	
  }

div.block_calendar table.width100 tr.header td { font-weight: bold; }


/* RESERVATIONS */

table.RESERVATIONS {
  width:100%;
  }

table.RESERVATIONS td {
  padding: 0 2px;
  height: 23px;
  font-size:0.85em;

  }

table.RESERVATIONS tr.header td {
  font-weight:bold;
  padding-bottom: 15px;
  }

table.RESERVATIONS td.divider { 
  height: 1px; 
  padding:0;
  }
table.RESERVATIONS td.divider div {
  border-top: #CCC 1px dotted;
  font-size:1px;
  height:1px;
  }




/* === FORM TABLE === */

table.FORMTABLE {
  width: 100%;
  margin-bottom:10px;
  }

table.FORMTABLE td {
  padding: 3px 10px;
  font-size:0.85em;
  }

table.FORMTABLE td.leftTD {
  background: #41ACD8;
  color:#FFF;
  }

table.FORMTABLE td.rightTD {
  background: #E8F8FD;
  color:#41ACD8;
  }

table.FORMTABLE td.summTD {
  background: #5092C4;
  color:#FFF;
  font-weight: bold;
  text-align: right;
  }

table.FORMTABLE td.priceTD {
  font-weight: bold;
  text-align: right;
  }

table.FORMTABLE td.price2TD {
  color: #548DB9;
  font-weight: bold;
  }

table.FORMTABLE input.standart {
width: 150px;
}
table.FORMTABLE textarea.standart {
width: 150px;
height: 3em;
}

.submitButton {
padding: 0 20px;
}

.ticketInfoDIV {
margin-left: 20px; 
border-top: #A8C6D9 1px solid; 
background: #F3F3F3; 
font-size: 0.79em; 
padding: 5px;
}
.ticketInfoDIV p {
border-bottom: 1px  #A8C6D9 dotted; 
padding-bottom: 5px; 
margin-bottom: 5px;
}

/* === REGISTRATION FORM === */

form.REGISTRATIONFORM input.text {
  border: #999 1px solid;
  height:17px;
  }
form.REGISTRATIONFORM label { color: #000; }

div.FORMSTEP { 
margin-bottom:20px; 
border-top: #C2C2C2 1px dotted;
border-bottom: #C2C2C2 1px dotted;
}

.FORMSTEP table td {
padding:5px 0;
}

.FORMSTEP table td div {
  text-align:center;
  color: #FFF;
  font-weight: bold;
  width: 22px;
  line-height:22px;
  height:22px;
  }
.FORMSTEP table td div.prev {
  background: #6EA2DF;
  }
.FORMSTEP table td div.next {
  background: #C2C2C2;
  }
.FORMSTEP table td div.now {
  background: #004FAB;
  width: 40px;
  line-height:40px;
  height:40px;
  font-size: 19px;
  }

.FORMSTEP table td p {
  padding: 0 15px 0 5px;
  color: #C2C2C2;
  font-size: 0.85em;
  }
.FORMSTEP table td p.prevtext { color: #6EA2DF; }
.FORMSTEP table td p.nowtext { 
color: #004FAB; 
font-weight: bold;
}


table.RESERVATIONS tr.active td {
  font-weight:bold;
  color: #195CB1;
}

html, body { 
margin:0; 
padding:0;
height:100%;
width:100%;
}

#HEIGHT100 {  min-height:100%; background: url('../i/design/height-bg.gif') 0 100% repeat-x;  }
/* Fix IE. Hide from IE Mac \*/
* html #HEIGHT100 { height:100%; }
/* End */

#HEIGHT100END {
font-size: 1px;
size: 1px;
clear:both;
}

#HEADER {
width: 100%;
height: 139px;
margin-bottom: 5px;
}

#HEADER-L2 {
width: 100%;
height: 139px;
}

#HEADERLOGO {
width: 235px; 
height: 139px;
float: left;
}

#HEADERBLOCKS {
margin-left: 235px;
}
#HEADERBLOCKS .HEADERBLOCK {
float: right;
text-align: left;
}


#BODYPART {
clear: both;
}
#BODYPART .LEFTBLOCK {
width: 230px; 
clear: left;
float: left;
padding-bottom: 15px;
}

#BODYPART .LEFTBLOCK .LEFTBLOCKPADDING {
padding-left: 20px;
}

#MAINBLOCK {
margin-left: 235px;
}

#FOOTER {
margin-top: -98px;
color: #905B37;
}

/* STRUCTURE
------------------------------------ */

#HEADER {
background: url('../i/design/header_r-bg.gif') 0 100% repeat-x;
}

#HEADER-L2 {
background: url('../i/design/header-bg.gif') 0 100% no-repeat;
}

#HEADERLOGO {
text-align: center;
color: #FFF;
font-size: 0.89em;
}

#HEADERBLOCKS .HEADERBLOCK h1 {
color: #FFF;
padding: 5px 10px 5px 0;
}

#HEADERBLOCKS .HEADERBLOCK #MainMenu {
padding-left: 23px;
list-style: none
}
#HEADERBLOCKS .HEADERBLOCK #MainMenu li {
background: url('../i/marker_aqua.gif') 0 6px no-repeat;
padding: 0 0 2px 11px;
}
#HEADERBLOCKS .HEADERBLOCK #MainMenu a {
color: #FFF;
}
#HEADERBLOCKS .HEADERBLOCK #UserMenu {
padding-left: 23px;
list-style: none;
}
#HEADERBLOCKS .HEADERBLOCK #UserMenu li {
background: url('../i/marker_aqua.gif') 0 6px no-repeat;
padding: 0 0 2px 11px;
}
#HEADERBLOCKS .HEADERBLOCK #UserMenu a {
color: #FFF;
}

#HEADERBLOCKS .HEADERBLOCK form {
padding-left: 34px;
}

#HEADERBLOCKS .HEADERBLOCK form input.text {
margin-bottom:2px;
}
#HEADERBLOCKS .HEADERBLOCK form input.submit {
margin-bottom:5px;
}

#HEADERBLOCKS .HEADERBLOCK form a.marker {
background-image: url('../i/marker_small_white.gif');
color: #FFF;
font-size: 0.89em;
}


#FOOTER {
background: url('../i/design/footer_r-bg.gif') 0 0 repeat-x #FDA83E;
}

#FOOTERTABLE {
background: url('../i/design/footer-bg.gif') 0 0 no-repeat;
width: 100%;
}

#FOOTERTABLE td {
padding: 47px 0 10px 0;
height: 40px;
font-size: 0.85em;
}
#FOOTERTABLE td div.rasporka {
font-size:1px;
height:1px;
}

#FOOTERTABLE td.FOOTERTABLE_left,
#FOOTERTABLE td.FOOTERTABLE_left div.rasporka {
width: 235px;
}
#FOOTERTABLE td.FOOTERTABLE_mid {
width: 100%;
}
#FOOTERTABLE td.FOOTERTABLE_right,
#FOOTERTABLE td.FOOTERTABLE_right div.rasporka {
width: 235px;
}

/* === NEWS BLOCKS === */

.NEWS_block {
background: url('../i/design/news_bot.gif') 100% 100% no-repeat #D9E4F1;
width: 99%;
margin-bottom: 10px;

}
.NEWS_block .NEWS_block2 {
background: url('../i/design/news_top.gif') 100% 0 no-repeat;
}
.NEWS_block .NEWS_block2 .NEWS_block3 {
border: #4678B0 1px solid;
border-right: 0px;
margin-right: 30px;
padding: 10px 5px 15px 20px;
}
.NEWS_block .NEWS_block2 .NEWS_block3 span.date {
font-size: 0.79em;
color: #6B8393;
}
.NEWS_block .NEWS_block2 .NEWS_block3 p {
padding: 0;
font-size: 0.89em;
}


#AQUAMAINBANNER {
padding-bottom: 96px;
}
#AQUAMAINBANNER p {
padding-left: 32px;
font-size: 0.89em;
}


/* REZERVATION INFO */

#REZLEFTINFO_time { background-image: url('../i/ico_clock.gif'); }
#REZLEFTINFO_ticket { background-image: url('../i/ico_tickets.gif'); }
#REZLEFTINFO_paymethod { background-image: url('../i/ico_paymethod.gif'); } .textblue { color: #004FAB; }
