/* CSS Document */

body {
background-color:#FFFFFF;
}

#calendarbox a {
color:#FFFFFF;
}

#calendar { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}

#calendar ul { text-align:center; margin:0; padding:0; }

#calendar ul li { list-style-type: none; list-style-image:none; float:left; }
#calendar ul li a, ul.dayBoxes li { border:1px solid #ccc; padding:4px 2px; margin:1px; float:left; width:20px; text-decoration:none; }

ul.boxes li a { color:#333; }

ul.boxes li a:hover {background:#7E6b71;color:#FFFFFF;border-color:green;}

ul.dayBoxes {height:1%;}

ul.dayBoxes li {background:#EEE; margin-top:10px;}

.dateBoxToday {background:yellow;}

.monthBox{width:190px;position:relative;margin-left:3px;}

#chooseMonth, #chooseYear {visibility:hidden;display:none;position:absolute;top:14px;left:32px;z-index:100;width:100px;height:100px;background:#FFF;border:1px solid #CCC;padding:0 5px;}

#chooseYear {left:80px;width:60px;}

#chooseMonth ul li a, #chooseYear ul li a {line-height:1.2em;color:#333;text-decoration:none;}
#chooseMonth ul li a:hover, #chooseYear ul li a:hover {color:orange;}
#bookedItems {float:right;width:400px;margin:30px 100px 0 0;}

.monthBox {
margin-bottom:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
}

.monthBox a {
color:#666666;
text-decoration:none;
}

.monthBox a:hover {
color:#000;
text-decoration:none;
}