/* calendar items */

#left-content,#sidecalbody,#sidecal,#sidecaltop,#selections, span#monthselector, .more, a#LastMonth, a#NextMonth, span.click, .clickfor, #list, #cal, #bodycal h3 { display: none; }
#calendarpage #right-content { float: none; width: auto; margin-left: 0; }
a { text-decoration: none; }

#bodycal { margin: 0; }
#bodycal h1 { font-size: 14pt; margin: 16px 0 0 0; line-height: 1em; clear: both; float: none; padding-left: 0;}
* html #bodycal h1 { margin-top: 55pt; }

#content div { border-bottom: 0; }
#types, #typescal { font-size: 8pt; color: #666; }
table#calview { position: relative; background: transparent; margin: 20px 0 0 0; border-collapse: collapse;}
table#calview th { background: none; color: #333; text-align: center; width: 14%; font-size: 9pt; }
table#calview td { z-index: 1; border: solid 1px #333; width: 300px; }
table#calview td.blank span.num { display: transparent; }
table#calview td.blank { background: transparent; }
table#calview td span.num { border-top: solid 1px #333; border-bottom: solid 1px #666; display: block; text-align: right; padding: 2px 2px 0 0; color: #666; font-family: Arial; font-size: 10pt; font-weight: bold; margin: -1px 0 0 0;  }

table#calview a.calevents { position: relative;  font-size: 10pt; padding: 0 0 0 5px; text-decoration: none; overflow: hidden; height: auto;}

table#calview a.calevents span.tooltip,table#calview a.calevents span.lefttooltip {
	display: block;
}
table#calview a.calevents:hover span.tooltip, table#calview a.calevents:hover span.lefttooltip {
	z-index: 22;
	display: block;
	position: static;
	width: auto;
	border: 0;
	background-color: transparent;
	height:auto;
	overflow: visible;
}

table#calview td.events a.calevents span.tooltip ul,
table#calview td.events a.calevents span.lefttooltip ul,
table#calview td.selected a.calevents span.tooltip ul,
table#calview td.selected a.calevents span.lefttooltip ul {
	margin: 0 2pt 5pt 2pt;
	padding: 0;
}

table#calview td.events a.calevents span.tooltip ul li, 
table#calview td.events a.calevents span.lefttooltip ul li,
table#calview td.selected a.calevents span.tooltip ul li, 
table#calview td.selected a.calevents span.lefttooltip ul li  {
	list-style: none;
	color: #000;
	text-decoration: none;
	padding: 4px 0;
	border: 0;
	margin-left: -18px;
	width: auto;
}
html #calendarpage #eventlist table#calview td.selected a.calevents span.tooltip ul li, 
html #calendarpage #eventlist table#calview td.selected a.calevents span.lefttooltip ul li,
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: auto; font-size: 8pt; line-height: 1.1; font-weight: normal;}
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; }

#bodycal .pagination {
	display: block;
	font-weight: bold;
	font-size: 11pt;
	border-bottom: solid 1px #b5b7ba;
	padding: 7px 0 0 0;
	margin-top: 15px;
	width: 100%;
}


#content #bodycal ul.eventlist li { border: solid 1px #b5b7ba; border-top: none; padding: 12px; list-style: none; font-size: 11pt; line-height: 15pt; float: none; clear: left; font-size:10pt; line-height: 1.0;}

.eventtime { display: block; float: left; font-weight: bold; width: 150px;  }
.eventlocation { display: block; float: right; width: 100px; padding-left: 5px;}
.eventinfo { display: inline; float: left; }
.eventtitle a { display: block; }
#content #bodycal ul.eventlist li p { width: 255px; margin: 2px 0 6px 150px; }
* html #content #bodycal ul.eventlist  p {margin-left: 143px; } /* be gone, three pixel jog! */
* html .eventlocation { display: inline; float: none; width: auto; padding-left: 0;}

#content #bodycal ul.eventlist { margin: 0; }
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: 0; }
ul.eventlist li span { display: block; }

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

#bodycal #eventdate { display: block; margin-left: 0; padding-left: 0; width: auto; float: none; }
*:first-child+html #bodycal #eventdate { margin-top: 26pt; }

#calendarpage ul#itemlist .item { display: block; }
#calendarpage ul#itemlist li { margin: 12px 0 0 -32px; padding: 5px 0 8px 0; list-style: none; border: 1px solid #b5b7ba; width: 530px; }
#calendarpage ul#itemlist li h4 { padding: 5px 0 0 17px; font-size: 11px; color: #333; }
#calendarpage ul#itemlist li div.item {  height: auto !important; }
#calendarpage ul#itemlist li span.time { float: right; margin: 0 12px 0 18px; display: inline; }
#calendarpage ul#itemlist li span.title {  font-weight: bold; margin: 0 0 0 12px; display: block; }
#calendarpage ul#itemlist li span.location { display: block; width: 450px; margin: 0 0 0 12px; }

#bodycal h4 { display: none; }
#bodycal * h4 { display: block; }
#calendarpage #eventlist h4 { display: none; }

* html #header { margin-left: -15px; }
* html #content-container { margin-left: -30px; }
* html #calendarpage #content-container { margin-top: 15pt; float: none; }
* html #calendarpage #right-content { margin-left: -30px; }
* html #calendarpage #footer { margin-left: -30px; }

/* ----- STAR HTML -------
* html .calendar #content { margin-right: 0; }
* html a.LastYear { margin-left: 32px; }
* html #content #bodycal h1 { margin-top: 20px; }
* html #eventdate { margin-top: 20px; }
* html #types, * html #typescal { top: 50px; line-height: 2em;}
* html a#LastMonth,* html a#NextMonth { margin-top: 25px; }
* html #content #bodycal ul.eventlist li { line-height: 2em; } 
* html table#calview a.calevents { z-index: -1; } */