/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/various/calendar.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

table.calendar {
width:468px;
border:1px solid #ccc;
padding:0;
margin:0;
position:relative;
font-family:Arial, Helvetica, sans-serif;
height:400px;
border-collapse:collapse;
}

table.calendar th {
}

table.calendar td {
text-align:left; 
background:#fff; 
border:1px solid #ccc; 
padding:2px 3px 2px 3px; 
width:68.28px; 
height:80px; 
margin:0;
font-size:0.9em;
vertical-align:top;
}

table.calendar td.blank {background:#eee;}

.date
{
font-size:0.8em;
color:#999999;
margin:-2px 0 0 -3px;
border-right:1px solid #ccc;
border-bottom:1px solid #ccc;
background-color:#f7f7f7;
width:10px;
}

table.calendar td a, table.calendar td a:visited {
color:0077AD;
text-decoration:none; 
display:block;
font-size:0.8em;
border-bottom:1px dotted #ccc;
}

ul#calendar {padding:0; margin:0 auto; list-style-type:none; width:181px; position:relative; font-family: arial, sans-serif; font-size:10px; border:1px solid #069; background:#ded; height:400px;}
ul#calendar li b {cursor:pointer;}
ul#calendar li.top {display:block; float:left; width:30px; height:30px; text-align:center; margin:5px 0 55px 0;}
ul#calendar li.bottom {display:block; float:left; width:30px; height:30px; text-align:center; margin:55px 0 0 0;}
ul#calendar li b {text-decoration:none; display:block; color:#000;}
ul#calendar li.bottom b {text-decoration:none; display:block; color:#000; margin-top:14px; width:30px;}

ul#calendar li.hover b {text-decoration:underline;}

ul#calendar table {font-size:10px; background:#0aa; border-collapse:collapse; width:177px;}
ul#calendar tbody td {text-align:center; background:#ccc; border:1px solid #fff; padding:0; width:25px; height:17px; margin:0;}
ul#calendar tbody td.blank {background:#eee;}
ul#calendar caption {font-weight:bold; font-size:11px; background:transparent; color:#000;}
ul#calendar thead th {color:#fff; font-size:9px; font-weight:normal;}
ul#calendar tfoot td {text-align:center; color:#fff; font-size:9px;}


ul#calendar td a, ul#calendar td a:visited {color:#345; text-decoration:none; display:block; width:100%; height:100%; line-height:15px;}

ul#calendar table {visibility:hidden; position:absolute; top:-9999px; left:2px;}

ul#calendar li.click table {visibility:visible; top:25px; left:2px;}
ul#calendar li.click table a:hover {background:#069; color:#fff;}