/* ############## GLOBALS ############# */
* { padding:0;margin:0; }
BODY { margin: 8px; background: #FFF; font-size:x-small; font-family: verdana, arial, sans-serif; color: #525252; }
* html body { font-size:xx-small;/* for ie5 which is one size out*/ f\ont-size:x-small; }
input { font-size: x-small; }
* html input { font-size:xx-small;/* for ie5 which is one size out*/ f\ont-size:x-small; } 
a:link, a:visited { color: #525252; }
a:hover, a:active { color: #CE8200; }

/* ############# HEADER ################### */
/* main content header container */
#container { width: 100%; }
#calheader { background: url(images/calendar_headbg.gif) repeat left top; height: 53px; }
#calheader h1 { position: relative; width: 344px; line-height: 53px; height: 52px; background: url(images/TopHighQuality-Calendar.jpg); text-indent: -999em; }
/* mac hide - fix indent bug in ie5\*/
* html #calheader h1 { height:1%; }
/* end hide */
#calheader h1 a { display: block; position: absolute; left:0; top:0; width: 344px; line-height: 52px; height: 52px; text-indent: -999em; }
 
/* ############ CALENDAR CONTENT ############## */
#container table.root-table { width: 100%; border-collapse: collapse; }
#container table.root-table tr td { border: 1px solid #d8d8d8; }
.leftcol-top { width: 253px; background: url(images/leftcol-top.gif) repeat left top; height: 50px; }
.rightcol-top { width: 100%; background: #E9E9E9; }
.rightcol-top div.left { float: left; padding: 0 10px; font-size: 11px; }
.rightcol-top div.left span { padding-left: 10px; }
* html .rightcol-top div.left { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; }
.rightcol-top div.right { float: right; padding: 0 10px; width: 175px; }
.leftcol-bottom { background: #F9F9F9; }

#nav { position: relative; }
#nav ul { height: 17px; list-style:none; }
#nav li { height: 17px; line-height: 17px; float: left; }
#nav li a { color: #414141; text-decoration: none; font-weight: bold; }

#nav li#cal-prev { text-align: left; width: 80px; background: url(images/calendar_prev.gif) no-repeat left center; }
#nav li#cal-prev a { padding: 0 20px 0 25px; }
#nav li#cal-next { text-align: right; width: 80px; background: url(images/calendar_next.gif) no-repeat right center; }
#nav li#cal-next a { padding: 0 25px 0 0; }

#container table.small-cal { border-collapse: collapse; margin: 0 18px 18px 18px; }
#container table.small-cal tr td { border: 0; }
#container table.small-cal tr.small-cal-head td { text-align: center; background: url(images/cal_headbg.gif) repeat left top; height: 15px; line-height: 15px; font-weight: bold; width: 31px; }
#container table.small-cal tr.small-cal-head td.sunday { background: url(images/cal_headbg_left.gif) no-repeat left top; }
#container table.small-cal tr.small-cal-head td.sunday span { color: #d50000; }
#container table.small-cal tr.small-cal-head td.saturday { background: url(images/cal_headbg_right.gif) no-repeat right top; }
#container table.small-cal tr td.day { font-weight: bold; }
#container table.small-cal tr.small-cal-head td a { text-decoration: none; }
#container table.small-cal tr.small-cal-head td a.current { color: #d50000; }
#container table.small-cal tr.small-cal-top td { padding: 10px 0 10px 0; }

#container table.small-cal tr.small-cal-body td a { text-decoration: none; display: block; width: 31px; text-align: center; height: 15px; line-height: 15px; }
#container table.small-cal tr.small-cal-body td.alt1l a { background: url(images/cal_alt1l.gif) no-repeat left top; }
#container table.small-cal tr.small-cal-body td.alt1 a { background: url(images/cal_alt1.gif) repeat left top; }
#container table.small-cal tr.small-cal-body td.alt1lb a { background: url(images/cal_alt1lb.gif) no-repeat left top; }
#container table.small-cal tr.small-cal-body td.alt1r a { background: url(images/cal_alt1r.gif) no-repeat right top; }
#container table.small-cal tr.small-cal-body td.alt2 a { background: url(images/cal_alt2.gif) repeat left top; }
#container table.small-cal tr.small-cal-body td.alt1rb a { background: url(images/cal_alt1rb.gif) no-repeat right top; }
#container table.small-cal tr.small-cal-body td a:hover,#container table.small-cal tr.small-cal-body td.current a { color: #000; background: url(images/cal_active.gif) repeat left top; }

#container div#today-box { border: 1px solid #E1D239; background: #FFF7A2; margin: 0 18px 18px 18px; }
#container div#today-box p { padding: 4px; text-align: left; }
#container div#today-box p span { font-weight: bold; display: block; font-size: 12px; }
* html div#today-box p span { font-size:11px;/* for ie5 which is one size out*/ f\ont-size:12px; } 

#jump-to { margin: 0 0 18px 0; }
#jump-to select { width: 217px; margin: 0 0 10px 0; }

#search { color: #67645d; font-weight: bold; background: url(images/cal_search.gif) no-repeat left top; height: 40px; }
#search-sub { margin: 0 0 0 47px; background: url(images/cal_search_bg.gif) repeat left top; padding: 6px 0 0 20px; height: 34px; }
#search input.keywords { height: 17px; margin: 0 45px 0 5px; border-left: 1px solid #C8C0AD; border-top: 1px solid #C8C0AD; border-bottom:0;border-right:0; }
#search select { margin: 0 5px; }
#search option { padding: 0 3px; }
#search input.ssubmit { background: transparent url(images/cal_search_submit.gif) no-repeat center top; text-indent: -999em; width: 60px; height: 20px; border: 0; cursor: pointer; cursor: hand; }

#footer { margin: 6px 0; }
#footer-left { float: left; font-weight: bold; }
#footer-right { float: right; }

/* ###### CALENDAR TYPES ########## */
#container table.daily-cal { width: 100%; border-collapse: collapse; }
#container table.daily-cal tr td { padding: 10px; }
#container table.daily-cal td.daily-cal-left { text-align: center; width: 60px; font-weight: bold; border-left: 0; background: #e9e9e9; border-bottom: 1px solid #d6d6d6; }
#container table.daily-cal td.daily-cal-right { border-right: 0; border-left: 1px solid #d6d6d6; border-bottom: 1px solid #d6d6d6; }
#container table.daily-cal td.daily-cal-right a { font-weight: bold; font-size: 11px; color: #d08300; text-decoration: underline; }
* html #container table.daily-cal td.daily-cal-right a { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; } 
#container table.daily-cal td.daily-cal-right div.etop { margin: 0 0 10px 0; }
#container table.daily-cal tr.etop td { border-top: 0; }
#container table.daily-cal tr.ebottom td { border-bottom: 0; }
div.etop { font-weight: bold; font-size: 11px; }
* html div.etop { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; } 

#container table.weekly-cal { width: 100%; border-collapse: collapse; }
.dayhead { padding: 10px 0 0 0; background:#f2f3f5;text-align: center; font-weight: bold; font-size: 11px; }
* html .dayhead { font-size:10px;/* for ie5 which is one size out*/ f\ont-size:11px; } 
.daydate { padding: 0 0 10px 0; background:#f2f3f5; text-align: center; font-weight: bold; color: #ee9105; }
.daytoday { background: #fffcdb; }
.today { background: #fffcdb; }

.eventblock { margin: 10px 0 0 0; }
.eventblock div.time { font-weight: bold; padding: 3px 10px 3px 10px; }
.eventblock div.name { padding: 0 10px; }
.eventblock div.name a { font-weight: bold; text-decoration: underline; }
.eventblock div.type { padding: 0 10px 10px 10px; color: #868686; }

#container table.monthly-cal { width: 100%; border-collapse: collapse; }
#container table.monthly-cal tr.small-cal-head td { text-align: center; background: #f2f3f5; height: 30px; line-height: 30px; font-weight: bold; }
#container table.monthly-cal tr.small-cal-body td { padding: 4px; height: 60px; min-height: 60px; }
#container table.monthly-cal tr.small-cal-body td a { font-weight: bold; text-decoration: none; text-align: left; }
#container table.monthly-cal tr.small-cal-body td li { list-style-position: inside; }
#container table.monthly-cal tr.small-cal-body td li a { font-weight: bold; text-decoration: underline; }

#container table.monthly-cal tr.small-cal-body td.before { background: #f2f3f5; }
#container table.monthly-cal tr.small-cal-body td.after { background: #ffffff; }
#container table.monthly-cal tr.small-cal-body td.current { background: #fffcdb; }

#calendar-search { margin: 10px; }
#calendar-search p span { color: #d70005; }
#calendar-search-top { margin: 10px 0 0 0; font-weight:bold; }
h4 { font-size: 16px; }
* html h4{ font-size:15px;/* for ie5 which is one size out*/ f\ont-size:16px; }

#calendar-search ul { margin: 20px 0 0 15px; }
#calendar-search li { margin: 0 0 15px 0; }
#calendar-search li a { font-weight: bold; }