/* Distributed as part of The Coolest DHTML Calendar
   Author: Mihai Bazon, www.bazon.net/mishoo
   Copyright Dynarch.com 2005, www.dynarch.com
*/

/* The main calendar widget.  DIV containing a table. */

div.calendar {position:relative;}
.calendar, .calendar table {border:1px solid #bdb2bf; font-size:11px; color:#000; 
	cursor:default; background:#fff; font-family: arial,verdana,tahoma,sans-serif;}
.calendar {border-color:#797979;}

/* Header part -- contains navigation buttons and day names. */
.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center; padding:2px; color:#000; font-weight:bold;}
.calendar .nav {font-family: arial, verdana,tahoma,sans-serif;}
.calendar .nav div {}

.calendar thead tr {color:#000;}
.calendar thead .title {font-weight:bold; text-align:center; padding:2px; color:#000;}
.calendar thead .headrow {}
.calendar thead .name {border-bottom:1px solid #797979; padding:2px; text-align:center; color:#000;}
.calendar thead .weekend {color:#c44;}
.calendar thead .hilite {border-bottom:1px solid #797979; padding:2px 2px 1px 2px;}
.calendar thead .active {color:#fff; padding: 3px 1px 0 3px; border-bottom:1px solid #797979;}
.calendar thead .daynames {}

/* The body part -- contains all the days in month. */
.calendar tbody .day {font-family: arial, verdana,tahoma,sans-serif; width:2em; color:#000; text-align:right; padding:2px 4px 2px 2px;}
.calendar tbody .day.othermonth {font-size:80%; color:#999;}
.calendar tbody .day.othermonth.oweekend {color:#f99;}

.calendar table .wn {padding: 2px 3px 2px 2px; border-right:1px solid #797979;}

.calendar tbody .rowhilite td,
.calendar tbody .rowhilite td.wn {}

.calendar tbody td.today {font-weight:bold;}
.calendar tbody td.hilite {padding:1px 3px 1px 1px; border:1px solid #bbb;}
.calendar tbody td.active {padding: 2px 2px 0 2px;}
.calendar tbody td.weekend {color:#c44;}
.calendar tbody td.selected {font-weight:bold; border:1px solid #797979; padding:1px 3px 1px 1px;}
.calendar tbody .disabled {color:#999;}
.calendar tbody .emptycell {visibility:hidden;}
.calendar tbody .emptyrow {display:none;}

/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow {text-align:center; background:#565; color:#fff;}
.calendar tfoot .ttip {padding:2px; background:#963; color:#fff;}
.calendar tfoot .hilite {background:#afa; border:1px solid #084; color:#000; padding:1px;}
.calendar tfoot .active {background:#7c7; padding:2px 0 0 2px;}

/* Combo boxes (menus that display months/years for direct selection) */
.calendar .combo {position:absolute; display:none; top:0; left:0; width:4em; 
	cursor:default; border:solid 1px #797979; border-top:0; background:url("normal-bg.gif"); 
	color:#000; z-index:100; font-size:90%;}

.calendar .combo .label,
.calendar .combo .label-IEfix {text-align: center; padding:1px;}
.calendar .combo .label-IEfix {width:4em;}
.calendar .combo .hilite {background:url("hover-bg.gif"); color:#000;}
.calendar .combo .active {background:url("active-bg.gif"); color:#fff; font-weight:bold;}

.calendar td.time {border-top:1px solid #797979; padding:1px 0; text-align:center; background:url("dark-bg.gif");}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {padding:0 5px 0 6px; font-weight:bold; background:url("normal-bg.gif"); color:#000;}
.calendar td.time .hour,
.calendar td.time .minute {font-family:monospace;}
.calendar td.time .ampm {text-align:center;}
.calendar td.time .colon {padding:0 2px 0 3px;font-weight:bold;}
.calendar td.time span.hilite {background:url("hover-bg.gif"); color:#000;}
.calendar td.time span.active {background:url("active-bg.gif"); color:#fff;}