/* ======================================================== */
/* MY STYLES - support for stand-alone HTML search form */
/* ======================================================== */

/* MAIN STYLESHEET FOR BOOKING PAGE */


/* MAIN-GLOBAL FUNCTIONS */

BODY {
	font-family:Verdana,sans-serif;
	font-size:12px;
}
.outside_footer { margin-top:-30px; }

a:link,
a:hover,
a:active,
a:visited
{
    color:#000;
}

form {margin:0;}

#container /* Holds whole website*/
{
    width:800px;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    border:1px solid #000;
    padding:25px;
}
.dateUnAvailable_bgColorUnAvailable, .dateAvailable_bgColorAvailable {margin-left:10px;}
#popupContainer /* Holds whole website*/
{
    width:auto;
    height:auto;
    margin-left:auto;
    margin-right:auto;
    background:#fff;
    border:1px solid #000;
    padding:25px;
}

.producttypedetails #popupContainer .block_info_prov 
{
    *border-bottom:4px solid #969696; /* IE hack..  */
} 

#copyright { margin:-10px 0px -10px 0px; }

h1 { font-size:22px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
.hd4 { font-size:14px; font-weight:bold;}
.hd5 { background:#C0C0C0; font-weight:bold; padding:3px; font-size:14px;}
    
.header_main 
{
	background:#6C6C6C;
	color:#fff;
	font-size:13px;
	padding:3px;
	margin-bottom:9px;
	clear:left;
}

.clear 
{
    clear:both;
    border:none;
    height:0px;
    overflow:hidden;
}

img 
{
 border:0px;   
}

.block_providername
{
	clear:left;
}
.block_providername h2 
{
	font-size:16px;
	margin-top:-16px;
}

.block_providername a
{
	text-decoration:none;
}
.block_providername .provider_town_state
{
	float:left;
	margin-right:4px;
}
.block_providername .ratings
{
	display:inline;
}
/* FIRST BOOKING PAGE CONTENT */

#block_imagetop 
{
    background:#ddd;
    padding:10px;
    float:right;
    margin:0px 0px 5px 20px;


}
#block_imagetop img { width:200px;} 
.block_image img { width:200px;} 

.block_image a { display:block;}
.block_image  { margin-bottom:5px; }
.block_provdesc { margin-bottom:3px; clear:left; }

.viewhomepage #block_seeon { float:none; }

#block_seeon 
{
	width:90px;
	margin-bottom:5px;
	float:left;
}
#block_moreinfo 
{
	float:left;
}
.block_address 
{

	margin-bottom:3px;
	float:left;
	margin-left:0px;
	margin-top:15px;
}

.block_sbox 
{
    background:#ddd;
    padding:7px 7px 0px 7px;
    border:1px solid #999;
    margin-bottom:0px;
    margin-top:-1px;
    
}

.block_sbox h3
{
    font-size:12px;
    font-weight:bold;
    margin:4px 0px 8px 0px;
}

.block_sboxheader 
{
	background:#eee;
	width:200px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:-6px;
	margin-right:3px;
	padding:4px 5px;
	line-height:28px;
	text-decoration:none;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
}
.block_sboxheader:hover
{
	text-decoration:none;
	background:#DDDDDD;
}
.block_sboxheader_selected
{
	background:#ddd;
	width:200px;
	font-size:12px;
	font-weight:bold;
	margin-bottom:-6px;
	margin-right:3px;
	padding:4px 5px;
	line-height:28px;
	text-decoration:none;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-top:1px solid #999;
	border-bottom:1px solid #ddd;
	z-index:5;
	position:relative;
	top:1px;
}

/* Search Form */

.search_box 
{
    margin:-1px 0px 0px 0px;
    padding:0px;
    float:none;  
    display:block; 
    
}

.form_chin_label, .form_nights_label, .form_rooms_label 
{
    margin-bottom:4px;
    font-style:italic;
}
.form_chin, .form_nights
{
 float:left;
 margin-right:20px;  
}

.form_chin_field input
{
    width:100px;
    margin-right:2px;
    float:left;
}
.form_nights_field input, .form_rooms_field select
{
 width:40px;   
}
.form_chin_timeformat
{
}

.scroll_rooms_field_adult,
.scroll_rooms_field_children,
.scroll_rooms1_field_adult,
.scroll_rooms1_field_children,
.scroll_rooms2_field_adult,
.scroll_rooms2_field_adult,
.scroll_rooms2_field_children,
.scroll_rooms3_field_adult,
.scroll_rooms3_field_children  
{
    float:left;
    margin-right:20px;
}

.scroll_rooms_label,
.scroll_rooms1_label,
.scroll_rooms2_label,
.scroll_rooms3_label 
{
    float:left;
    margin-right:10px;   
    margin-top:3px;
    width:50px;
}

.scroll_rooms, .scroll_rooms1, .scroll_rooms2
{
    margin-bottom:3px;
}

.scroll_labels_adult, .scroll_labels_childs
{
    float:left;

}
.scroll_labels_adult
{
    margin-left:62px;
}

.scroll_labels
{
    font-style:italic;
    margin-bottom:4px;
}

.scroll_labels_childs 
{
    margin-left:16px;
    margin-right:10px;
}

.form_first_search 
{
width:310px;

padding-bottom:3px;
position:absolute;

}
.form_main_search 
{
width:300px;

position:relative;
left:310px;
}

.form_main_search_submit 
{
width:110px;
float:right;
margin-top:14px;

}

.legendTable { margin-bottom:30px; }

.form_main_search_submit_nsa
{
width:160px;

float:right;
margin-top:10px;
}
.block_sbox_h3 { font-weight:bold; display:block; margin-bottom:4px;}

.time_info { padding-top:70px; }

.height_of_searchbox { height:10px; width:700px; clear:left;}
.handler_searches { height:auto;}

.form_main_search_submit span
{
	float:left;
	padding-top:10px;
}
.form_main_search_submit input
{
   width:auto;
   padding:3px 10px 3px 10px;
   cursor:pointer;
}

.form_search_nsa
{
    width:520px;
    float:left;
}
.form_search_nsa .scroll_rooms_label {display:none;}
.form_search_nsa .scroll_labels_adult {margin-left:0;}

.form_main_search_submit_nsa input
{
   width:auto;
   padding:3px 10px 3px 10px;
   cursor:pointer;
}

.label-searchbox, .label-searchbox2, .label-searchbox-time {margin-right:10px;position:relative;float:left; margin-bottom:10px;}
.label-searchbox-time {width:142px;}
.label-checkbox {float:left;width:200px;position:relative;}
.label-people, .people-select {width:50px;float:left;font-style:italic;}
.label-people .room-no {margin-top:4px;display:block;font-weight:normal;white-space:nowrap;}
.label-note {font-size:90%;}

/* Stuff under search box */

.below_description 
{
    margin:-10px 0px 0px 0px;
    padding:4px 0px 0px 0px;
    text-indent:0px;
}

.block_image
{
    background:#DDDDDD;
    padding:10px;
    float:left;
    margin-right:10px;
}

.block_image span 
{
    float:left;
}

.block_info_prov 
{
    padding:7px;
    border:1px solid #969696;
    margin:0px 0px -3px 0px;

    

}

.block_info_prov h3
{
    background:#dddddd;
    margin-top:0px;
    clear:right;
    font-size:12px;
    padding:4px;

}

.block_info_prov_desc 
{
    margin-top:-10px;
}

.paging 
{
	padding-bottom:2px;
	border-bottom:1px solid;
	border-top:1px solid;
	margin-bottom:5px;
	font-size:90%;
	font-weight:bold;
	padding:3px;
}

.paging .prev_page
{
	float:left;
	margin-right:20px;
	position:relative;
}

.paging .next_page
{
	float:right;
	position:relative;
}

/* check availability tables */
.s_grid_tr 
{
    background:#6C6C6C;
    color:#fff;
    font-weight:bold;
    text-align:left;
    text-indent:5px;
}

.s_grid td
{
 border:1px solid #d0d0d0;
 padding:3px;
}

.s_grid
{
width:785px;
margin-bottom:-15px;
margin-left:-2px;
}

.s_grid_submit 
{
    text-align:right;
    margin:4px 4px 3px 0;

}


.s_grid_submit input 
{
   padding:3px 10px 3px 10px;
   width:auto;
   cursor:pointer;
}
.copyrights 
{
    margin:0 0 -17px -17px;
}


/* availability and pricing box */

.opts_row_header 
{
    margin-top:10px;
}
.opts_table { margin-top:0px; }
.opts_row_result
{
    border-top:1px #ccc solid;
    padding:0px 0 4px 0;
    font-weight:normal;
}

.opts_row_result div, .opts_row_result_first div
{
    font-weight:normal;
}

.opts_row_result a:link,
.opts_row_result a:visited,
.opts_row_result a:hover { font-weight:normal;}


.block_sbox_type8 .form_main_search_submit,
.block_sbox_type3 .form_main_search_submit,
.block_sbox_type2 .form_main_search_submit { margin-top:90px; }

 
.block_sbox_type8 .form_main_search,
.block_sbox_type3 .form_main_search,
.block_sbox_type2 .form_main_search { left:400px; }


.opts_date1,  .opts_date2, .opts_date3 
{
    font-weight:bold;
    margin-bottom:4px;
}
.opts_date_nores 
{
	text-align:center;
	color:#f00;
	margin-top:20px;
	margin-bottom:-5px;
	font-weight:bold;
}
.opts_nores_coop 
{
	margin-top:10px;
	color:#000;
	font-weight:normal;
}
.coop_url 
{
	clear:both;
	cursor:pointer;
	padding:3px 10px;
	display:block;
	text-decoration:none;
	margin:10px auto;
}

.opts_date2 {margin-top:-15px;}
.opts_date3 {margin-bottom:-8px;}
.opts_date1 {margin-top:-15px; margin-bottom:-8px;} 
.opts_row_header_select, .opts_row_result_checkbox {
    float:right;
    margin-right:10px;
    font-weight:bold;
	padding:5px 0 5px 0;
}    
    
.opts_row_header_rooms span,
.opts_row_header_price span 
{
    font-weight:normal;
}

.opts_special_offer, .opts_package
{
	font-style:italic;
	margin-right:10px;
	vertical-align:middle;
	float:left;
}

.opts_submit 
{
    margin:7px 0 -7px 0;
    padding:4px 0px 4px 0px;
    text-align:right;
    border-bottom:1px solid #C2C2C2;
    border-top:1px solid #C2C2C2;
    vertical-align:middle;
    height:26px;
}

.opts_submit input
{
    width:auto;
    padding:3px 10px 3px 10px;
    cursor:pointer;
}


/* Last result Table */

.viewbookingvoucher .l_grid { margin-top:8px; margin-bottom:5px; }
.l_grid 
{
     border-collapse: collapse;
     width:800px;
     margin-top:2px;
}
.l_grid td
{
    border:1px solid #C0C0C0;
    padding:4px;
}
.l_grid_tr
{
background:#C0C0C0;
}


.l_grid_balance span {font-weight:bold;}
.l_grid_amount {font-weight:bold;}
.l_grid_fromto {width:190px;}
.l_grid_total, .l_grid_amount, .l_grid_balance 
{
    text-align:right;
}

.l_grid_accept 
{
	text-align:left;
}

.l_grid_submit 
{
    margin:10px 0px 10px 0px;
    border-bottom:1px solid #ccc;
    border-top:1px solid #ccc;
    height:30px;
    padding:4px 0px 4px 0px;
}
.l_grid_submit_next { float:right; }
.l_grid_submit_back { float:left; }

.viewbookingsummary .l_grid_submit_back input {width:110px; }
.viewbookingsummary .l_grid_submit_next input {width:170px; }

.l_grid_submit_back input, 
.l_grid_submit_next input 
{
    cursor:pointer;
    width:auto;
    padding:3px 10px 3px 10px;
}
.booking_field h3
{
    font-size:12px;
}
.booking_field .terms_conditions 
{
    width:800px;
    height:120px;
    overflow:auto;
    border:1px solid #7F9DB9;
}
.verisign 
{
    margin-bottom:20px;
    margin-top:-5px;
}
.verisign img
{
    float:left;
}
.verisign .vlabel
{
    margin-left:130px;
    padding-top:22px;
}

.asterisk 
{
    font-weight:bold;
    color:#f00;
}

/* BOOKING PAGE 5 - Payement */

.box_left 
{
	width:355px;
	background:#DDDDDD;   
	border:1px solid #969696;
	float:left;
	margin-right:15px;
	margin-top:10px;
	padding:7px;
	margin-bottom:5px;
}

.box_right
{
	width:395px;
	float:left;
	padding:7px;
	margin-top:10px;
	border:1px solid #000;
}

/* without border inside right panel
.box_important
{
	width:390px;
	padding:7px;
	position:relative;
	top:15px;
	bottom:0px;
}
*/
/* with a border below right panel */
.box_important
{
	float:left;
	width:395px;
	background:#FFFF99;   
	border:1px solid #FFCC00;
	padding:7px;
	margin-top:15px;
	position:relative;
	top:0px;
	bottom:0px;
	margin-bottom:10px;
}
.box_important hd4
{
	margin-bottom:10px;
}

.box_right .note 
{
	border-top:solid 1px #555555;  
	padding-top:5px; 
    margin-bottom:20px;
}

.ci_row 
{
    width:130px;
    float:left;
    margin-bottom:10px;

}
.ci_row_input,.ci_row_inputs
{
margin-bottom:10px;
}
.ci_row_inputs 
{
width:200px;
}

.ci_row_inputs input 
{
	width:60px;
}

.ci_row_input_card input 
{
    float:left;
    margin-left:0px;
    width:60px;
}
.ci_row_input_card_what
{
    cursor:help;
	height:31px;
	background:url(../../Local%20Settings/Temporary%20Internet%20Files/Images/MyWebSite/SecurityCode.gif) no-repeat left top;
	padding-left:51px;
	float:left;
	position:relative;
	top:-4px;
	padding-top:8px;
	margin-bottom:-8px;
}
.ci_row_input_card_what_in
{
	text-decoration:underline;
}

.ci_row_input_card img
{  
    position:relative;
    top:-4px;
    margin:0 5px 0 5px;
    float:left;
}

.cho_label 
{
    width:300px;
    text-align:right;
    float:left;
}

.cho_price span 
{
    font-weight:bold;
}

.cho_label span 
{
    font-weight:bold;
}
.cho_price 
{
	float:right;
}
.cho_pricelast 
{
	float:right;
}

.end_note 
{
    /*color:#252583;*/
    padding-top:30px;
}

.dta_left 
{
    width:120px;
    float:left;
    margin-bottom:8px;
}

.dta_input input { width:190px; }
.dta_input select { width:195px; }
.dta_input, .dta_input_tel, .dta_input_mr
{
    margin-bottom:8px;
}
.tel_desc_label { width:43px }

.tel_desc, .te_code,  .tel_desc_label
{
 font-size:9px;
 float:left;
 margin-bottom:-3px;
}
.te_code { width:40px; }

.te_code input { width:30px; margin-right:5px;}
.tel_desc input { width:110px;}
.tel_desc {margin-bottom:4px;}

.dta_maildsc { padding-left:120px; }
.box_left .note { margin:5px 0 5px 0 }
.box_left textarea { width:350px; height:100px; }

.submit 
{
    margin:10px 0px 5px 0px;
    border-bottom:1px solid #C2C2C2;
    border-top:1px solid #C2C2C2;
    vertical-align:middle;
    height:30px;
    padding-top:4px;
}
.submit_next input
{
    float:right; 
    cursor:pointer;
    padding:2px 10px 2px 10px;

}
.submit_back input 
{
    cursor:pointer;
    padding:2px 10px 2px 10px;
}

.viewcustomerdetails .submit_back input { width:65px; }
.viewcustomerdetails .submit_next input { width:170px; }
.all_provideraccomsearchresults .opts_submit .submit_next input { width:110px; }
.all_provideraccomsearchresults .form_main_search_submit input { width:110px; }


.submit_back 
{
	float:left;

}

.check 
{
    float:left;
    width:30px;
}

.error 
{
 color:#f00;
 border:2px solid #f00;
 padding:15px;
 margin-bottom:10px;   
}
.error_try_again 
{
	padding:17px;
	margin:10px 0;
}

.error_stacktrace
{
	display:none;
}



/* PAGE 7 - booking confirmation stuff */

.top_data 
{
    border:2px solid #000;
    width:300px;
    float:right;
    padding:3px;
    margin-top:70px;
    margin-bottom:10px;
}

.top_datalc 
{
    width:160px;
    float:left;
    margin-bottom:8px;
    font-size:14px;
    font-weight:bold;
}

.top_datarc 
{
    float:right;
    width:120px;
    margin-bottom:8px;
}

.lr_boxes 
{
margin:10px 0px 10px 0px;

}

.lr_left 
{
    width:393px;
    border:1px solid #C0C0C0;
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    padding-bottom:8px;

}

.lr_right 
{
    width:393px;
    border:1px solid #C0C0C0;
    float:left;
    padding-bottom:8px;
    margin-bottom:10px;
}

.lr_header 
{
 background:#E0E0E0;   
 font-weight:bold;
 font-size:14px;
 padding:3px;
 margin-bottom:15px;
}

.lr_datal 
{
 float:left;
 width:135px;   
 font-weight:bold;
 font-size:14px;
 margin-bottom:8px;
 margin-left:8px;
}
.lr_right .lr_datal {width:145px;}
.lr_right .lr_datar {width:230px;}
.lr_datar 
{
    width:240px;  
    float:left;
    margin-bottom:8px;
}



.wide_box_header 
{
	background:#E0E0E0;   
	font-weight:bold;
	font-size:14px;
	padding:3px;
	margin-bottom:10px; 
}

.wide_box 
{
    border:1px solid #C0C0C0;
    margin-bottom:12px;
}
.wide_box .note
{
	padding:0 10px 10px 10px;
}

.wide_box h3
{
	margin:5px 0px 5px 0px;
}

.deposit_box 
{
	background:#FFFFC6;
	border:1px solid #ffcc00;  
	padding:8px;
	margin-top:-8px;
}

/* NON SERVICED CALENDARS */

.leftCalendar, .rightCalendar
{
width:190px;
float:left;
margin-bottom:10px;
}
.legendsDiv {height:200px;}
.selfCalendarTable 
{
 border:1px solid #000;   
 padding:0px;
}

.selfCalendarTable td
{
 border-left:1px solid #7D7D7D;   
 border-bottom:1px solid #7D7D7D;   

  text-align:center;  
  border-collapse:collapse;
}

.bgColorUnAvailable
{
   background:#E70707; 
   color:#F0F0F0
}

.dayNames 
{
 background:#F0F0F0;
color:#000;
 font-weight:bold; 
 text-align:center;  
}

.dayNames td
{
padding:4px; 
}

.bgColorDisabled 
{
background:#DEDEDE;
padding:3px;
color:#A5A5A5;
}

.bgColorAvailable a {display:block;}

.dateAvailable_bgColorAvailable 
{
      background:#07E725; 
      width:20px;
      height:20px; 
}
.bgPotentialAvailable 
{
          background:#16B111; 
          padding:3px;
          color:#000;
}
.dateAvailable_bgPotentialAvailable 
{
      background:#16B111; 
      width:20px;
      height:20px; 
}

.dateUnAvailable_bgColorUnAvailable
{
   background:#E70707; 
      width:20px;
      height:20px; 
}
.bgColorAvailable  
{
    background:#07E725; 
    color:#F0F0F0
}

.bgColorAvailable:hover 
{
    background:#E1FCE0;

}
.bgColorAvailable a
{
    text-decoration:none;
    font-weight:normal;
    padding:3px;

}
.motnhName 
{
    background:#666;
    color:#fff;
    font-weight:bold;
}

.monthPrevious, .monthNext {
width:20px;
font-weight:bold;
}


/* supplements addons */

.prov_name { font-weight:bold; }

.block_sup_info 
{
	padding-bottom:15px;
	border-bottom:1px solid #999999;   
}

.block_avsup { margin-top:10px; }

.opts_table_supplements
{
	margin-top:10px;
}
.opts_table_supplements .opts_row_header
{
	font-weight:bold;
}
.opts_table_supplements .opts_row_header div
{
	padding:5px;
	margin-right:2px;
	background-color:#ccc;
}
.opts_table_supplements .opts_row_result
{
    border-top:1px #666666 solid;
    padding:5px 0 10px 0;

}
.opts_table_supplements .opts_row_result div
{
	padding:5px;
	margin-right:2px;
}
/* the first row is without a border */
.opts_table_supplements .opts_row_result_first
{
    border-top:none;
    padding:5px 0 5px 0;
}
.opts_table_supplements .opts_row_result_first div
{
	padding:5px;
	margin-right:2px;
}
.opts_table_supplements .opts_row_result_last
{
    border-bottom:1px #666666 solid;
    padding:15px 0 5px 0;
}

.opts_table_supplements .opts_row_header_name,
.opts_table_supplements .opts_row_result_name {
	float:left;
	width:298px; 
	padding:5px 0 5px 0;
}
.opts_table_supplements .opts_row_header_price,
.opts_table_supplements .opts_row_result_price
{
	float:left;
	width:200px; 
	padding:5px 0 5px 0;
}
.opts_table_supplements .opts_row_header .opts_row_header_quality 
{
    float:left;
	width:100px; 
	padding:5px 0px 5px 5px;
}
.opts_table_supplements .opts_row_result_first .opts_row_result_quality,
.opts_table_supplements .opts_row_result .opts_row_result_quality
{
	float:left;
	width:105px; 
	padding:5px 0px 5px 0px;
}
.opts_table_supplements .opts_row_header_total,
.opts_table_supplements .opts_row_result_total
{
	float:left;
	width:80px;
	text-align:right;
	padding:5px 0 5px 0;
}
.opts_table_supplements .opts_row_result_total { width:68px; }

.opts_table_supplements .opts_row_result_total div 
{
	padding:0;
}
.opts_table_supplements .opts_row_header_select
{
	width:66px;

}
.opts_table_supplements .opts_row_header_select,
.opts_table_supplements .opts_row_result_select
{
	float:left;
	text-align:right;
}
.opts_table_supplements .opts_row_result_select
{
width:62px;
	text-align:right;
}
.opts_table_supplements .opts_row_totals_text
{
	float:left;
	width:616px;
	text-align:right;
	font-weight:bold;
	padding:5px 0 5px 0;
}

/* Security code - What is this? */
.ci_row_input_card_what_title_wrapper
{
	position:absolute;
	width:300px;
	visibility:hidden;
	left:0px;
}
.ci_row_input_card_what_title_in
{
	position:relative;
	top:24px;
	padding:5px;
	border:1px solid #ffcc00;
	background-color:#FFFF99;
	font-size:11px;
	margin-left:64px;
}
/* Booking Confirmation */
.booking_successful 
{
	font-size:20px;
}
.booking_print a 
{
	text-decoration:underline;
}

.close_window { text-align:right; }
.bgColorUnAvailable {padding:3px; }

/*  buttons width fix on IE`s */

.viewhomepage .form_main_search_submit input { width:70px }
.viewhomepage .s_grid_submit input,
.viewprovidermoreinfo .s_grid_submit input { width:130px; }
.viewproviderothersearchresults .form_main_search_submit input { width:110px }

.l_grid_scola,.l_grid_scolk,.l_grid_scolc { width:30px; }
.l_grid_totaltr {width:80px }
.l_grid_rate { width:50px; }
.l_grid_scola, .l_grid_scolk {width:20px; }
.l_grid_fromto {width:210px;}
.l_grid_desccol { width:auto; }
.viewcustomerdetails .note { margin-bottom:10px; }
.pre_check {margin-bottom:5px; }
.box_left .note { margin-bottom:3px; }

.opts_submit {border-bottom:none; margin-top:-15px;}
.opts_submit_with_icons {margin-top:-30px;}

/* **************************************** CALENDAR **************************************** */

/* calendar */
.calendars input, .calendars img {
	cursor:hand;
	cursor:pointer;
	vertical-align:middle;
}

.calendar {
  position: relative;
  display: none;
  border: 1px solid;
  border-color: #aaa #000 #000 #aaa;
  font-size: 11px;
  cursor: default;
  background: #eee;
  color: #000;
  font-family: tahoma,verdana,sans-serif;
}

.calendar table {
  font-size: 11px;
  cursor: default;
  background: #fff;
  color: #000;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;
  padding: 1px;
  border: 1px solid #eee;
  background: #eee;
}

.calendar .nav {
  background: #eee url(../../Local%20Settings/Temporary%20Internet%20Files/Content.IE5/PLQIGYZG/menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;
  padding: 2px;
  background: #eee;
  color: #00f;
  text-align: center;
}

.calendar thead .titlerow { /* Row <TR> containing title */
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
}

.calendar thead .daynames { /* Row <TR> containing the day names */
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #333;
  border-top: 1px solid #333;
  padding: 2px;
  text-align: center;
  background: #eee;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #f00;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  border: 1px solid #aaa;
  background: #fff;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  border-width: 1px;
  padding: 2px 0px 0px 2px;
  border-color: #333 #fff #fff #333;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #aaa;
}
.calendar tbody .day.othermonth.oweekend {
  color: #faa;
}

.calendar table .wn {
  padding: 2px 4px 2px 2px;
  background: #eee;
  color: #000;
}

.calendar tbody .rowhilite td {
  background: #ccc;
  color: #000;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  padding: 1px 3px 1px 1px;
  border: 1px solid #aaa;
  background: #fff;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  padding: 2px 2px 0px 2px;
  border: 1px solid;
  border-color: #333 #fff #fff #333;
}

.calendar tbody td.selected { /* Cell showing selected date */
  font-weight: bold;
  border: 1px solid;
  border-color: #333 #fff #fff #333;
  padding: 2px 2px 0px 2px;
  background: #eee;
  color: #00f;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing today date */
  font-weight: bold;
  color: #000;
  background-color: #eee;
}

.calendar tbody td.disabled { color: #ccc; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #eee;
  padding: 1px;
  border-top: 1px solid #000;
  color: #000;
  text-align: center;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  border-top: 1px solid #fff;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  border-left: 1px solid #fff;
  padding: 1px;
  background: #e4e0d8;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  padding: 2px 0px 0px 2px;
  border-top: 1px solid #000;
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #000;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  width: 4em;
  top: 0px;
  left: 0px;
  cursor: default;
  border: 1px solid;
  border-color: #fff #333 #333 #fff;
  background: #eee;
  color: #000;
  font-size: 90%;
  padding: 1px;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .active {
  padding: 0px;
  border: 1px solid #000;
}

.calendar .combo .hilite {
  background: Highlight;
  color: HighlightText;
}

.calendar td.time {
  border-top: 1px solid #333;
  padding: 1px 0px;
  text-align: center;
  background-color: #eee;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #eee;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #fff;
  color: #00f;
}

.calendar td.time span.active {
  border-color: #f00;
  background-color: #000;
  color: #0f0;
}

/* **************************************** ICONS **************************************** */
.icon_calendar { background:url(../../Local%20Settings/Temporary%20Internet%20Files/Images/icon-calendar.gif); width:24px; height:24px; float:left; }