/*******************************************************************************************
* inline Calendar - By Nathan DeJong for AccessDubuqe.com
* The basic drawing of calendar based off of Basic Calendar
* 3 files required
* <filename>.css - CSS style Sheet for look of Calendar, named different for different looks
* calendar.js - all functions for calendar
* <your page> - page you want calendar on - must have <span class="calendar"></span> on it
*
* Basic Calendar-By Brian Gosselin at http://scriptasylum.com/bgaudiodr/
* Script featured on Dynamic Drive (http://www.dynamicdrive.com)
* This notice must stay intact for use
* Visit http://www.dynamicdrive.com/ for full source code
*******************************************************************************************/

.calendar .main {width:200px; border:2px solid #ff9966;}
.calendar .month {background-color:#F96; font:bold 12px verdana; color:black; padding-top:1px; padding-bottom:3px; white-space:nowrap;}
.calendar .month a {text-decoration:none; color:#FFFFFF; font-weight:600; display:inline; padding:2px;}
.calendar .month a:visited {color:#FFFFFF;}
.calendar .month a:hover {text-decoration:underline; background-color: transparent; border:none; padding:2px;}
.calendar .daysofweek {background-color:#707070; font:bold 12px verdana; color:white; padding:0px;}
.calendar .daysofweek a {text-decoration:none; color:#FFFFFF;}
.calendar .daysofweek a:visited {color:#FFFFFF;}
.calendar .daysofweek a:hover {text-decoration:underline;}
.calendar .days {font-size:12px; font-family:verdana; color:black; background-color: white; padding:2px;}
.calendar .days a {text-decoration:none; color:#336600; padding:2px; display:block;}
.calendar .days a:visited {color:#336600;}
.calendar .days a:hover {text-decoration:none; border: 1px solid #336600; padding:1px; background-color: #EEEEEE;}
.calendar .days #today {background-color:#D6D6D6; padding:1px;}
.calendar .daysblank {font-size:12px; font-family:verdana; color:black; background-color: white; padding:3px 0px;}
.calendar #dayschange {margin:0px; padding:0px;}