/* calendar items */

/*#sidecal { margin: 12px 0 0 2px; background: url(../images/calendar/side_body_bg.gif); width: 238px; }
#sidecaltop { background: url(../images/calendar/side_top_bg.gif); width: 238px; height: 15px; }
#sidecalbottom { background: url(../images/calendar/side_bottom_bg.gif); width: 238px; height: 15px; }*/

#sidecalbody { padding: 0 0 0 0;}
*:first-child+html #sidecal { overflow: hidden; width: 169px; margin-left: -2px; }
#sidecalbody td { width: 25px; height: 23px; text-align: center;  border: solid 1px #b5b7ba; }
#sidecalbody td a { display: block; height: 20px; line-height: 16px;padding: 0; text-decoration: none; }
#sidecal #sidecalbody td.events a:hover, #sidecalbody td.selected a { background: #dea345; color: #fff; }
#sidecalbody table { border: solid 1px #ccc; border-collapse: collapse; margin: 12px auto 0 auto; }
#bodycal span#types { display: block; margin: 6px 0 10px 0; width: 285px;}
#bodycal span#typescal { display: block; margin: 6px 0 0 0; clear: left; width: 285px;}


#PrevLink { float: left; margin-bottom: 5px; }
#NextLink { float: right; dispaly: inline; }
/*#customsubmit { float: right; margin: 5px 35px 0 0; }
* html #customsubmit { margin: -15px 35px 0 0; }*/
#customsubmit span { margin-left: -999em; }

#sidecalbody ul { display: block; }
#sidecalbody ul li { float: left; list-style:none; }
#sidecalbody li a { display: block; width: 39px; height: 23px; background: url(../images/calendar/side_month_bg.gif); text-decoration: none; color: #898a89; text-align: center; padding: 3px 0  0; margin: 0 -1px -4px -1px; }
#sidecalbody ul#second li a { height: 20px; }
* html #sidecalbody ul { margin: 0 0 -15px 0; }
#sidecalbody li a.selected { background: #918D7F; color: #fff; }

#sidecalbody table#monthnav td a { display: block; width: 27px; height: 20px; border: 1px solid #b5b7ba; border-width: 1px 0 0 1px; background: url(../images/calendar/side_month_bg.gif); text-decoration: none; color: #0F0F0E; text-align: center; padding: 3px 0  0; margin: 0; font-weight: normal; }
#sidecalbody table#monthnav td { height: 20px; border: none; border-collapse: collapse; }
#sidecalbody table#monthnav { border: 1px solid #b5b7ba; border-width: 0 1px 1px 0; margin: 0 0 0 0;  }
#sidecalbody table#monthnav a.selected { background: #2f606f; color: #fff; }
#sidecalbody table th { text-align: center; color: #b5b7ba; font-size: 8px; }

#sidecalbody table td.events a, #sidecalbody table td.selected a { padding: 3px 0 0 0; text-align: center; }

* html #sidecalbody table#monthnav { border: solid 1px #ccc; border-collapse: collapse; }

#calyear { color: #414141; font-size: 15px; font-weight: bold; position: relative; margin: -5px auto 6px auto; height: 15px; text-align: center;}
a.LastYear { position: absolute; top: 0; left: 57px; display: block; width: 6px; height: 13px; background: url(../images/calendar/left_arrow.gif) 0 1px no-repeat; }
a.LastYear span { margin-left: -999em; }
#CurrentYear { display: block; position: absolute; top: 0; left: 67px; }
a.NextYear { position: absolute; top: 0; left: 115px; display: block; width: 6px; height: 13px; background: url(../images/calendar/right_arrow.gif) 0 1px no-repeat; }
a.NextYear span { margin-left: -999em; }

h1#theday { line-height: 17px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; font-size: 15px; display: block; padding-top: 29px; }
h1#month { float: left; padding: 0 0 6px 6px; color: #636466; }
a#LastMonth { display: block; float: left; margin: 0 0 0 0; width: 12px; height: 15px; background: url(../images/calendar/left_arrow.gif) center 1px no-repeat; }
a#NextMonth { display: block; float: left; margin: 0 0 0 8px; width: 12px; height: 15px; background: url(../images/calendar/right_arrow.gif) center 1px no-repeat;}
a#NextMonth span, a#LastMonth span { display: none; }

#viewselect { position: relative; width: 590px; height: 60px; margin: 0; }
#viewselect h1 { font-size: 16px; color: #2f606f; padding: 16px 0 0 12px; }

ul#itemlist { margin-top: 10px;}

#calendarpage #eventlist ul#itemlist li { margin: 12px 0 0 0; padding: 12px 0 0 0; border-top: 1px solid #b5b7ba; }
#calendarpage #eventlist ul#itemlist li { padding: 5px 0 0 0; list-style: none; position: relative; }
#calendarpage #eventlist ul#itemlist li h4 { padding: 5px 0 0 17px; font-size: 11px; color: #333; }
#calendarpage #eventlist ul#itemlist li div.item {  height: auto !important; }
#calendarpage #eventlist ul#itemlist li span.time { float: right; margin: 0 12px 0 18px; }
#calendarpage #eventlist ul#itemlist li span.title {  font-weight: bold; margin: 0 0 0 12px; display: block; }
#calendarpage #eventlist ul#itemlist li span.location { display: block; width: 450px; margin: 0 0 0 16px; }
#calendarpage #eventlist ul#itemlist li span.bottom { display: block; width: 502px; height: 12px; margin: -2px 0 0 0; } /* REMOVE FROM HTML */

#bodycal { position: relative; }

table#calview { position: relative; background: #fff; margin: 20px 0 0 0; border-collapse: collapse; clear: left;}
table#calview th { background: #dea345; color: #fff; text-align: center; width: 79px; font-size: 9px; }
table#calview td { z-index: 1; border: solid 1px #b5b7ba; width: 80px; height: 120px; }
table#calview td.blank span.num { display: none; }
table#calview td.blank { background: #fff; }
table#calview td span.num { border-top: solid 1px #928E80; border-bottom: solid 1px #928E80; display: block; height: 18px; background: #eee; text-align: right; padding: 4px 4px 0 0; color: #C44A27; font-family: Arial; font-size: 12px; font-weight: bold; margin: -1px 0 0 0;  }

/*span.eventtitle {  width: 60px; display: block; overflow: hidden; white-space: nowrap; }*/
table#calview a.calevents { position: relative;  font-size: 10px; display: block; width: 65px; height: 73px; padding: 5px 0 0 5px; text-decoration: none; }

* html table#calview a.calevents { z-index: -1; }

table#calview a.calevents:hover { background: #fff; z-index: 1; }
table#calview a.calevents span.tooltip, table#calview a.calevents span.lefttooltip { display: none; z-index: 22; }
table#calview a.calevents:hover span.tooltip, table#calview a.calevents:hover span.lefttooltip {
	z-index: 1122;
	display: block;
	position: absolute;
	top: -3em;
	left: -4em;
	width: 15em;
	border:1px solid #999;
	background-color:#fff;
}
table#calview a.calevents:hover span.lefttooltip { left: 0; }

table#calview ul { margin: 5px; z-index: 2112; }
#calendarpage #ecategory{display:none; height:0px; width:0px;}
#calendarpage #eventlist table#calview td.events a.calevents span.tooltip ul li, 
#calendarpage #eventlist table#calview td.events a.calevents span.lefttooltip ul li,
#calendarpage #eventlist table#calview td.selected a.calevents span.tooltip ul li, 
#calendarpage #eventlist table#calview td.selected a.calevents span.lefttooltip ul li {
	list-style: none;
	color: #666;
	font-weight: normal;
	text-decoration: none;
	z-index: 22;
	padding: 4px 0;
	line-height: 10px;
	border: 0;
	margin: 3px 0 8px 0;
	min-height: 13px;
}
* html #calendarpage #eventlist table#calview td.events a.calevents span.tooltip ul li, 
* html #calendarpage #eventlist table#calview td.events a.calevents span.lefttooltip ul li { height: 10px; }
span.click { display: block;  overflow: hidden; width: 68px;}
span.click:hover { cursor: pointer; }

span.more { display: block; width: 60px; height: 20px; text-decoration: none; text-align: right; margin: 12px 0 0 0; }
span#monthselector { display: block; float: right; margin: 12px 0 0 0; }

span#eventsfor { margin: 12px 12px 0 14px; display: block; width: 103px; height: 17px; background: url(../images/calendar/events_for.gif) top no-repeat; }
span#eventsfor span { display: none; }
span#eventsdate { padding: 14px 0 0 14px; }
span#backlink { display: block; margin: 12px 0 0 14px; }
ul#eventlist { margin: 0 12px 0 16px; font-family: Arial; font-size: 12px; color: #3E3E3E; }
ul#eventlist h3, span#eventsdate strong { padding: 0; margin: 0 0 -10px 1px; font-family: Arial; font-size: 12px; color: #3E3E3E; }
ul#eventlist h3 a{ background: none; font-size: 11px; font-weight: bold; width: 150px; text-align: left; font-family: Arial; font-size: 12px; color: #3E3E3E; }
ul#eventlist li { margin: 12px 0 0 0; }
ul#eventlist li span { display: block; }

.blank, .blank a { background: #43839b; color: #fff; }
.exists, .selected { color: #0F0F0E; }

h3#bylocation { display: block; width: 176px; height: 16px; background: url(../images/calendar/display_events_for.gif); margin: 22px 0 -12px 12px; }
h3#customdate { display: block; width: 182px; height: 16px; background: url(../images/calendar/custom_date.gif); margin: 22px 0 0 15px;  }
.pagination { font-weight: bold; }

/*
#customdateselection { position: relative; padding: 0 0 22px 0; }
#customdateselection select { width: 70px; margin: 5px 0 0 40px; }
#customdateselection input { width: 15px; height: 15px;  border: solid 1px #898a89; margin: 0; font-size: 10px; background: #F7F4E9; }
#customdateselection #fromlabel { position: absolute; left: 3px; top: 23px; }
#customdateselection #tolabel { position: absolute; left: 19px; top: 68px; }
*/
/*
* html #customdateselection #fromlabel { left: -12px; top: 25px; }
* html #customdateselection #tolabel { left: 4px; top: 73px; }

#sidecal #typefilter select { width: 195px; margin: 5px 0 0 14px; }*/

/* Keep the footer out of the calendar in IE */
* html #calendarpage #right-content { height: 740px; }

/* IE7 Doesn't like the datepicker */
#datefrom, #yearfrom, #dateto, #yearto { width: 90px; }
#yearfrom, #yearto { margin: 2px 0 2px 38px; }