/* we know what you're up to! */

html, body{font-size:82%; margin:0; 
font-family: Arial, sans-serif; /* adjust to taste */
color:#666666;                               /* adjust to taste */
    background: url(../images/page_background.jpg) top left repeat-x;
    background-color: #60607C;
    height:100%;
}

body{
  overflow:  -moz-scrollbars-vertical;
}

input { outline: none; }

.smalltext { font-size: 9px; }

form { margin: 0; padding: 0; }


table, table tr td {border-style: none; }
table { background-color: #ffffff; margin: 1px; }
th { background-color: #ffffff; padding: 4px;}
td { background-color: #ffffff; padding: 4px;}

pre, code {color:black; background-color:white; font-size:1.2em}
p { margin-top:.3em; margin-bottom:.7em; }

.field_fonts {
 font-size: 1em; font-family: tahoma, Arial, sans-serif;
}






#error_container { width: 100%;
position: absolute; z-index: 200;
}

#error {
position: relative; width: 980px; margin: 0 auto; text-align: center;
background-color: #992244;
opacity:0.9;
filter:alpha(opacity=90); 
}

#error_inner { width: 100%;
font-weight: bold;color: #ffffff;
}

.main_page_error {
display: block;
padding: 6px;
background-color: #992244;
font-weight: bold;color: #ffffff;
margin-top: 10px;
}

.main_page_success {
display: block;
padding: 6px;
background-color: #459921;
font-weight: bold;color: #ffffff;
margin-top: 10px;
}

.main_page_attention {
display: block;
padding: 6px;
background-color: #E0E0E0;
font-weight: bold;color: #000000;
margin-top: 10px;
}








#outer_container {
   height:100%;

}

#background_container {
    height:100%;
    width: 100%;
    position:absolute;
    z-index: 3;
}

#background_center_container {
    width: 980px; 
    margin: 0 auto;
    height:100%;    
    background: url(../images/left_column_bg.jpg) top left repeat-y;
    background-color: #ffffff;
}




  #container {
    min-height:100%;
    position:relative;
    z-index: 5;
  }
  #center_container {
    width: 980px; 
    margin: 0 auto;
    min-height:100%;    
    background: url(../images/left_column_bg.jpg) top left repeat-y;
    background-color: #ffffff;
  }


  #header {
    position: absolute; z-index: 20; 
    width: 100%;
  }

  #header_inner {

    background:#FFFFFF;
    width: 980px; height: 104px;
    margin: 0 auto;
    /*padding:10px;*/
  }



#admin {
    position: absolute; z-index: 40; 
    width: 100%;
}

#admin_inner {
    width: 980px;
    margin: 0 auto;
}

#admin_padding {
  background-color: #000000;
  color: #ffffff;
  padding: 6px;
}

#admin_padding_short {
  width: 400px;
  padding: 6px;
  background: url(../images/admin_top_rounded_corner.png) bottom right no-repeat;
  background-color: #000000;
  color: #ffffff;
}

#admin_page_content {
  margin-top: 4px;
  padding: 10px;
  background-color: #ffffff;
  color: #000000;
  width: 948px;
}




#admin_left_block {
float: left;
}

#admin_left_block_medium {
float: left; width: 442px;
}

#admin_right_block {
float: left; margin-left: 20px; width: 626px;
}

#admin_right_block_medium {
float: left; margin-left: 20px; width: 486px;
}


#admin_right_block_small {
float: left; margin-left: 20px; width: 326px;
}









/*
#admin_left_block {
float: left; 
}

#admin_right_block {
float: left; margin-left: 20px; width: 626px;
}

#admin_right_block_small {
float: left; margin-left: 20px; width: 326px;
}*/

  #body {
height: 100%;
    padding-bottom:70px;  /* Height of the footer */
  }


#body_left {
  margin-top: 104px; /* height of header */
  float: left;
  width: 208px;
}

#body_left_inner {
  padding: 10px;
  padding-left: 11px;
  padding-top: 9px;
}

#body_left_below_menu {
  padding-left: 10px;
}

.body_left_item {
  font-size: 0.92em;
  font-weight: bold;
  margin-top: 10px; 
}

.body_left_item input {
  font-size: 0.92em;
}

.body_left_item_standard {
  font-size: 1.02em;
  margin-top: 10px; 
}

.left_side {
  text-decoration: none;
}

#body_center_and_right_container {
  float: left; 
  /*width: 770px; */
  width: 752px;
  margin-top: 104px; /* height of header */
}

#body_center_and_right_container_inner {
  padding-top: 9px; 
  padding-left: 18px; 
  /*padding-right: 22px;*/
}









#body_center {
  float: left;
  width: 492px;
}

#body_center_inner {
  padding: 18px;
  padding-top: 9px;
  padding-left: 0px;
}


#body_right {
  float: left;
  width: 240px;
}

#body_right_inner {
  padding-right: 0px;
  padding-top: 9px;
}








table.admin {
border: 0; background-color: #BCBCC8;
}

table.admin th {
background-color: #4E495F;
color: #ffffff;
padding: 4px;
}

table.admin td {
background-color: #ffffff;
padding: 4px;
}


tr.admin_on td {
background-color: #E7E7E7;
padding: 4px;
}

#page_overlay {
position: absolute; z-index: 50; width: 100%; margin-top: 140px; text-align: center;
}

#page_overlay_inner {
margin: 0 auto; width: 990px; background-color: #ffffff;
}








#top_right_corner {
width: 239px;
height: 237px;
font-size: 1.13em;
line-height: 1.3em;
}

#top_right_corner_inner {
padding: 16px;
color: #ffffff;
}

#top_right_corner_inner h1 {
  font-size: 1.3em;
  color: #ffffff;
  padding: 0;
}




#menu_main_category {
background: url(../images/left_menu_title_bg.png); width: 186px; height: 24px; font-size: 1.0em; font-weight: bold; color: #4a4b5f;
}

#menu_main_category_inner {
padding-top: 6px; padding-left: 10px;
}



#left_menu_top {
background: url(../images/left_box_top.png) no-repeat; width: 186px; height: 3px; margin-top: 10px; font-size: 0px;
}

#left_menu_middle {
border-color: #ababab; border-left-style: solid; border-right-style: solid; border-left-width: 1px; border-right-width: 1px;
}

#left_menu_inner {
padding: 8px; padding-top: 18px;
}

#left_menu_bottom {
background: url(../images/left_box_bottom.png); width: 186px; height: 3px; font-size: 0px; margin-bottom: 16px;
}







#calendar_top {
background: url(../images/right_box_top.png) no-repeat;  height: 3px; font-size: 0px;
}

#calendar_middle {
border-color: #ababab; border-left-style: solid; border-right-style: solid; border-left-width: 1px; border-right-width: 1px; background-color: #E0E0E0;
}

#calendar_inner {
padding: 15px; padding-top: 3px; padding-bottom: 8px;
}

#calendar_bottom {
background: url(../images/right_box_bottom.png); height: 3px; font-size: 0px;
}






#right_main_top {
background: url(../images/right_main_top.png); width: 240px; height: 20px; margin-top: 6px;
}

#right_main_middle {
background: url(../images/right_main_middle.png) top left repeat-y;
}

.right_main_middle_content {
font-size: 1.0em;
line-height: 1.3em;
padding: 16px; 
padding-top: 0px;
}

.right_main_middle_content_last {
font-size: 1.0em;
line-height: 1.3em;
padding: 16px; padding-bottom: 0px; 
padding-top: 0px;
}

.right_main_middle_content h1 {
  font-size: 1.6em;
  color: #666666;
  padding: 0;
}

.right_main_middle_content b {
  font-size: 1.1em;
  color: #4a4b5f;
}

.right_main_middle_content small {
  font-size: 1.1em;
  color: #4a4b5f;
}

.right_main_middle_break {
background: url(../images/right_main_break.png); width: 240px; height: 16px;
}

#right_main_bottom {
background: url(../images/right_main_bottom.png); width: 240px; height: 14px;
}




  #footer {
    position:absolute;
    bottom:0;
    width:100%;
    height:70px;      /* Height of the footer */
font-size: 85%; font-weight: bold; color: #999999;
  }
  #footer_content {
    width: 980px;
    height: 70px; 
    margin: 0 auto; 
  }

  #footer_content a {
  text-decoration: none;
  color: #696969;
}

  #footer_content a:hover {
  text-decoration: none;
  color: #4E495F;
}

  #body p {
    margin: 0px;
    padding: 0px;
  }

  #header p,
  #header h1 {
    margin:0;
    padding:10px 0 0 10px;
  }
  #footer p {
    margin:0;
    padding:10px;
    color: #777777;
  } 


#main_menu {
  width: 100%; 
  height: 23px; 
  background: url(../images/master_menu_bg.jpg) top left no-repeat;
}

.main_menu_td {
text-align: center;  background-color: transparent; padding-top: 6px;
  background: url(../images/master_menu_separator.jpg) top left no-repeat;
}

.main_menu_td_start {
text-align: center; background-color: transparent; padding-top: 6px; 
}

#main_menu a {
font-size: 0.94em; 
font-weight: bold;
text-decoration: none;
color: #4a4b5f;
}

#main_menu a:hover {
font-size: 0.94em; 
font-weight: bold;
text-decoration: none;
color: #999999;
}




#admin_menu a {
font-size: 1.2em; 
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#admin_menu a:hover {
color: #E0E0E0;
text-decoration: none;
}

.admin_labels  { float: left; width: 180px; }

.admin_textfields { float: right; }

#error {
  background-color: #C10F45;
  padding: 4px;
  color: #ffffff;
  font-weight: bold;
  margin-bottom: 6px;
}






/* menu bits */

.menu_sub {
font-size: .8em; font-weight: bold; color: #4a4b5f; text-decoration: none;
}

.menu_sub:hover {
font-size: .8em; font-weight: bold;  color: #4a4b5f; text-decoration: none;
}

.menu_sub_sub {
margin-left: 18px;
/*line-height: 5px;*/ 
display: block;
font-size: .8em; font-weight: bold; text-decoration: none;
}

.menu_sub_sub:hover {
font-size: .8em; font-weight: bold; color: #4f3e6d; text-decoration: none;
}

.menu_sub_sub:active {
font-size: .8em; font-weight: bold; color: #4f3e6d; text-decoration: none;
}

.menu_sub_sub_active {
margin-left: 18px;
/*line-height: 5px;*/ 
display: block;
font-size: .8em; font-weight: bold; color: #4f3e6d; text-decoration: none;
}
















.dropdown-item {
width: 200px;
position: absolute; left: 0; z-index: 70; margin-top:0px; visibility: hidden;
height: 0px;
}

.dropdown-item-inner {
padding-left: 8px; padding-top: 4px; padding-bottom: 4px; border-style: solid; border-width: 1px; border-color: #E1E0E4;
background-color: #E1E0E4;
}

.dropdown-item a {
font-size: .8em; font-weight: bold; color: #4f3e6d; text-decoration: none; padding-top: 4px; padding-bottom: 4px;
}

.dropdown-item a:hover {
font-size: .8em; font-weight: bold; color: #5F5F5F; text-decoration: none;
}

.dropdown-item div a {
display: block;
margin-top: 3px; margin-bottom: 3px;
}






/* buttons - light */

.button_light { 
  margin: 0;
  padding: 0;
  list-style:none;
}

.button_light li {
  margin: 0;
  padding: 0;  
  background: none;
  line-height: 18px;  
  display: block;
}

.button_light li a {
  height: 18px;  
  display: block;
  padding-left: 10px;
  font-size: 0.87em;  
  font-weight: bold;
  text-decoration: none;
  background: url(../images/button-li-a-back_light.png) 0 -18px no-repeat;
  color: #5F5F5F;
  outline: none;
}

.button_light li a span {
  display: block;
  padding-right: 10px;
  background: url(../images/button-li-a-span-back_light.png) right -18px no-repeat;
}

.button_light li a:active, .button_light li a:hover, .button_light .button_light_on a {
  background-position: 0 0;
  color: #000000;
}

.button_light li a:active span, .button_light li a:hover span, .button_light .button_light_on a span {
  background-position: right 0;
}












.calendar_table {
  width: 190px;
  margin-left: 10px;
  margin-right: 10px;
  border-style: none;
background-color: transparent;
}

.calendar_item_days {
background-color: transparent;
  font-weight: bold;
text-align: center;
width: 25px;
line-height: 12px;
padding: 2px;
}

.calendar_item {
  background-color: #ffffff;
  font-weight: bold;
  color: #5F5F5F;

background: url(../images/calendar_day_bg.png) top left no-repeat;
text-align: center;
width: 25px;
line-height: 24px;
padding: 2px;
}

.calendar_item_on {
  background-color: #CFCFCF;
  font-weight: bold;
  color: #000000;

background: url(../images/calendar_highlighted_day_bg.png) top left no-repeat;
text-align: center;
width: 25px;
line-height: 24px;
padding: 2px;
}

.calendar_item_booked {
  background-color: #D7898C;
  font-weight: bold;
  color: #000000;

background: url(../images/calendar_highlighted_day_bg.png) top left no-repeat;
text-align: center;
width: 25px;
line-height: 24px;
padding: 2px;
}


.img_center { width: 100%;
text-align: center;
}

.img_border {
text-align: center;
/*background-color: #ffffff;
border-color: #ABABAB; border-width: 1px; border-style: solid;*/
}


#calendar_contents_box {  
position: relative; 
z-index: 5; 
visibility: hidden; 
}

#calendar_contents_box_inner {  
position: absolute; 
width: 474px; 
height: 237px; 
background-color: #ffffff; 
opacity:0.9;
filter:alpha(opacity=90); 
}

#calendar_contents_box_data { 
padding: 16px; 
font-size: 1.15em; 
}


#errormsg {
position: absolute; z-index: 999; width: 100%; height: 100%; text-align: center;
}

#errormsg_inner {
position: absolute; margin: 0 auto; width: 100%; height: 100%;  background-color: #ffffff; color: #000000; opacity:0.9; filter:alpha(opacity=90); font-size: 1.4em;
}

#errormsg_warning {
font-size: 2.4em; color: #990000; padding-top: 20px;
}





/*

.form_label  { float: left; width: 200px; margin-bottom: 10px; }
.input_long  { width: 260px;  margin-bottom: 10px; }
.input_short  { width: 130px;  margin-bottom: 10px; }
.input_val  { width: 50px;  margin-bottom: 10px; }
.textarea_short { width: 170px; height: 200px;  margin-bottom: 10px; }
.textarea_long { width: 260px; height: 200px;  margin-bottom: 10px; }

*/

/* admin menu */

#admin_menu a {
font-size: 1.2em; 
font-weight: bold;
color: #ffffff;
text-decoration: none;
}

#admin_menu a:hover {
color: #E0E0E0;
text-decoration: none;
}

.admin_labels  { float: left; width: 180px; padding-bottom: 12px;}

.admin_textfields { float: right; }



/* admin form bits */
.form_label  { float: left; width: 200px; margin-bottom: 10px; }
.form_label_right  { float: left; width: 200px; text-align: right; margin-bottom: 10px; margin-right: 10px; }
.input_long  { width: 260px;  margin-bottom: 10px; }
.input_short  { width: 130px;  margin-bottom: 10px; }
.input_val  { width: 50px;  margin-bottom: 10px; }
.textarea_short { width: 170px; height: 200px;  margin-bottom: 10px; }
.textarea_long { width: 260px; height: 200px;  margin-bottom: 10px; }
.generic  { margin-bottom: 10px; }


.box_break { clear: both; padding-bottom: 12px; }

.small_break { clear: both; height: 4px; }

.very_small_break { clear: both; display: block; height: 2px; }


.selection_box_on {
background-color: #E0E0E0;
}

.selection_box_off {
background-color: #ffffff;
}

.infobox {
padding: 8px;
border-style: solid; border-width: 1px; border-color: #BCBCC8;
background-color: #ffffff;
margin-bottom: 10px;
}

/* shop */
b.price { color: #990000; font-size: 1.1em; }
.buybox { background-color: #ffffff; padding:4px; border-style: dashed; border-width: 1px; border-color: #D5D5D5; color: #4A4B5F; margin: 6px; }
.available { color: #008800; text-align: right; }
.price_label { float: left; width: 70px; line-height: 1.7em; }
.price_data { float: left; width: 130px;}

.list_blocks {
display: block; border-style: solid; border-width: 1px; border-color: #D5D5D5; background-color: #F0F0F0; padding: 4px; margin-bottom: 4px;
}