/*Calendar styles*/

body {font-family: arial,verdana,helvetica; font-size:75%; font-weight:normal; color:#000; background:none; background-color:transparent; padding:0; margin:0;}
table, tr, th, td, ol, li, p, input, select {font-family:arial,verdana,helvetica; font-size:100%; font-weight:normal;}

#BookingForm .textField, #BookingForm select {border:1px solid #6F8195;}

#calForm {padding:0; margin:0;}

#CloseHolder {text-align:right;}
#CloseHolder a {display:block; width:6em; text-align:center; background:#708098 url(/images/calendar-close-left.gif) top left no-repeat; color:#fff; margin-left:auto;}
#CloseHolder strong {background:url(/images/calendar-close-right.gif) top right no-repeat; padding:2px 0; display:block;}
#CalendarContainer {border:2px solid #708098; background-color:#fff; margin-left:30px;}

th, td {background-color:#EEE; width:14.2%; text-align:center;}
th, .TopRow {padding:3px 0;}


#CalendarContainer a {color:#000; text-decoration:none; font-weight:bold; display:block; width:100%; padding:3px 0; background-color:#CCC;}
#CalendarContainer a:hover, #CalendarContainer .Selected a {background-color:#00ADF2;}
#CalendarContainer a:hover {text-decoration:underline;}