/* calendar items */


#calendar #content { position: relative; min-height: 820px; z-index:200; }
* html #calendar #content { height: 920px; }

#calendar #navcontrol .help {float:right;}

#sidecal { float:right; margin:3.9em 0 0; padding:20px 0 0; position:relative; width:180px; }

#sidecalbody .help {
	font-size:1.2em;
	position:absolute;
	top:-3.2em;right:0;
}
* html #sidecalbody .help { width:185px; }

#sidecalbody {  padding: 0; width: 175px;  font-size: .8em;  }
*+html #sidecalbody {width:182px; margin-left:-7px;}
#sidecalbody table { border: solid 1px #ccc; border-collapse: collapse; margin: 12px auto 0 auto; }
#sidecalbody td { width: 21px; height: 23px; text-align: center;  border: solid 1px #b5b7ba; padding:0; }
#sidecalbody td a { display: block; height: 19px; line-height: 16px; padding: 0; text-decoration: none; width:100%;}
#sidecalbody td.events a:hover, #sidecalbody td.selected a { background-color: #5a8fb1; color: #fff; }
#sidecalbody table td.events a, #sidecalbody table td.selected a { padding: 3px 0 0 0; text-align: center; }
#sidecalbody table td.selected a, #sidecalbody table td.selected a:hover { background-color: #667A55; cursor:default; }
/* fix ie bugs */
* html #sidecalbody table td a { height:20px; padding:0; width:25px;}
*+html #sidecalbody table td a { height:20px; padding:0; width:25px;}

#PrevLink { float: left; margin: 0 0 5px 8px; font-size: 12px; }
#NextLink { float: right; margin: 0 8px 10px 0; font-size: 12px; }
a#customsubmit { 
	background: url(../img/bg_button_go.gif) no-repeat left top;
	clear:both;
	display:block;
	float:right;
	margin:10px 5px 0 0;
	text-indent:-9999em;
	width: 31px; height: 24px;
}
a#customsubmit:hover { background-position:0 -24px; }

#viewselect { border-bottom: 2px solid #ccc; }

#displayevents, #daterange { clear: both; display: block; margin: 0 0 0 8px; font-size: 1.1em; }

#sidecalbody table#monthnav td a { display: block; width: 25px; height: 20px; border: 1px solid #b5b7ba; border-width: 1px 0 0 1px; background: #fff; text-decoration: none; color: #5a8fb1; text-align: center; padding: 3px 0 0 0; margin: 0;  font-weight: normal; }
#sidecalbody table#monthnav td { height: 20px; border: none; border-collapse: collapse; padding: 0;}
#sidecalbody table#monthnav { border: 1px solid #b5b7ba; border-width: 0 1px 1px 0; clear:both; margin: 0 auto; width: 150px; }
#sidecalbody table#monthnav a.selected, #sidecalbody table#monthnav td a:hover { background: #5a8fb1; color: #fff; }
#sidecalbody table#monthnav a.selected, #sidecalbody table#monthnav a.selected:hover, #sidecalbody table#monthnav a.selected:active {background-color: #667A55; cursor:default;}
#sidecalbody table th { text-align: center; color: #b5b7ba; font-size: 8px; }

#typefilter, #customdateselection { clear:both; overflow:hidden; padding: 2px; width:100%;}
#typefilter {margin-bottom:10px;}
#customdateselection fieldset {overflow:hidden;}


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

#calyear { color: #959595; font-size: 1.2em; font-weight: bold; margin: 5px auto 6px auto; height: 15px; }
#calyear a { float: left; display: block; width: 16px; height: 16px; }
#calyear a:hover { background-position:0 -12px; }
a#LastYear { background: url(../img/bg_arrow-left-sm.gif) 0 4px no-repeat; margin-left: 49px; }
* html a#LastYear { display:inline; }
a#LastYear span { margin-left: -999em; }
#CurrentYear { color: #626366; display: block; float: left; margin: 0 0 0 2px; font-size: 20px; }
a#NextYear { background: url(../img/bg_arrow-right-sm.gif) 0 4px no-repeat; }
a#NextYear span { margin-left: -999em; }

#bodycal { width: 530px; float:left; min-height:801px; height:auto !important; height:801px; margin: -10px 0 0 8px; }
#content #bodycal h1 { border: 0; float: left; margin: 10px 0 0 0; line-height: 1em; }

/* list view? */
h1#theday { line-height: 17px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; font-size: 15px; display: block; padding-top: 29px; }
#primary #viewselect h3 { float: left; margin: 26px 6px 0 6px;font-size:200%; }


h3#bylocation { font-size: 12px; color: #7E8083; font-weight: bold; text-decoration: none; margin: 5px 0 6px 0; border: none; width: 200px; }
h3#customdate { font-size: 12px; color: #7E8083; border: none; display: block; font-weight: bold; margin: 5px 0 12px 0; }

#eventdate { float: left; padding: 0; border-bottom: 0; margin: 10px 6px 0 0; font-size:130%; font-weight: bold; color: #4e95b0; width: 330px; padding-bottom: 4px;}
a#LastMonth, a#NextMonth { display: block; float: left; margin: 28px 0 0 0; width: 18px; height: 20px; }
*+html a#LastMonth {position:relative; top:28px;}
*+html a#NextMonth {position:relative; top:28px;}
a#LastMonth { background: url(../img/bg_arrow-left.gif) 0 0 no-repeat; }
a#NextMonth { background: url(../img/bg_arrow-right.gif) 0 0 no-repeat;}
a#LastMonth:hover, a#NextMonth:hover {background-position: 0 -20px;}
a#NextMonth span, a#LastMonth span { display: none; }


/* view mode */
#selections { width: 200px; text-align: right; margin:15px 0 0 330px; height: 50px; }
* html #selections { margin-top: -46px; }
#selections #mode { float:left; width:100px;}
#selections h3 { color: #999; font-size: .8em; float: left; width: 80px; text-align: right; margin: 8px;}
#list, #cal, #listselected, #calselected { margin-left: 10px; display: block; float: right; width: 33px; height: 48px; text-align: center; text-decoration: none; font-weight: bold; font-size: .8em;}
#list { background: transparent url(../img/dev/icon_list.gif) 0 14px no-repeat; }
#listselected, #list.selected { background: transparent url(../img/dev/icon_listselected.gif) 0 14px no-repeat; }
#cal { background: transparent url(../img/dev/icon_cal.gif) 0 14px no-repeat; width: 44px;}
#calselected { background: transparent url(../img/dev/icon_calselected.gif) 0 14px no-repeat; width: 44px; }

/* showing events from */
#typescal, #types { position: absolute; top: 40px; left: 0px; width: 300px; padding-bottom: 1px;}

table#calview {clear:both; position: relative; background: #fff; margin: 20px 0 0 0; border-collapse: collapse;}
table#calview th { background: #667a55; color: #fff; text-align: center; width: 75px; font-size: 9px; }
#bodycal table#calview td { z-index: 1; border: solid 1px #b5b7ba; width: 73px; height: 100px; padding: 0; }
table#calview td.blank span.num { display: none; }
table#calview td.blank { background: #fff; }
table#calview td span.num { border-bottom: solid 1px #b5b7ba; display: block; height: 1.4em; background: #eee; text-align: right; padding: 4px 4px 0 0; color: #666; font-weight: bold; margin:0;  }

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;
	margin: 3px 0 0 0;
	min-height: 13px;
	font-weight: normal;
	line-height: 10px;
}
table#calview a.calevents:hover span.lefttooltip { left: 0; }
.events a, .selected a { font-weight: bold;  }

table#calview ul { margin: 5px; z-index: 2112; list-style: none;}
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: #204357;
	font-weight:bold;
	text-decoration: none;
	z-index: 22;
	padding: 4px 0;
	border: 0;
	min-height: 10px;
	margin-left: 0px; 
}
table#calview td.events a.calevents span.tooltip ul li.over, 
table#calview td.events a.calevents span.lefttooltip ul li.over,
table#calview td.selected a.calevents span.tooltip ul li.over, 
table#calview td.selected a.calevents span.lefttooltip ul li.over  { color:#204357; }
* html table#calview td.events a.calevents span.tooltip ul li, 
* html #calview td.events a.calevents span.lefttooltip ul li { height: 10px; }
span.click { display: block; overflow: hidden; width: 64px;}
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; }

#bodycal .pagination {
	display: block;
	background: transparent url(../images/calendar/calendar_pagination_bg.gif) left no-repeat;
	font-weight: bold;
	font-size: .9em;
	height: 20px;
	border-bottom: solid 1px #b5b7ba;
	color: #fff;
	padding: 7px 0 0 10px;
	margin-top: 15px;
}

#content #bodycal ul.eventlist li { border: solid 1px #b5b7ba; border-top: none; padding: 12px; list-style: none; min-height: 40px; font-size: 11px; }
* html #calendarpage ul.eventlist li { height: 40px; }

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

.eventtitle { }

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

.blank, .blank a { background: #667a55; color: #fff; }
.exists, .selected { color: #959595; }

#content ul#itemlist {margin-top:20px; margin-left:0;}
ul#itemlist li { margin: 12px 0 0 ; padding: 5px 12px 8px; list-style: none; border: 1px solid #b5b7ba; width: 506px; }


ul#itemlist li h4 { padding: 5px 0 0; font-size: 11px; color: #333; }
ul#itemlist li div.item {  height: auto !important; margin:0 0 .5em; }
ul#itemlist li span.time { float: right; display: inline; }
ul#itemlist li span.title {  font-weight: bold; display: block; }
ul#itemlist li span.location { display: block; width: 450px; }
ul#itemlist li p { margin:.5em 0 0; }

/* --------- FORM ---------- */
select { font-size: 1em; }
#alltypes, #location, #audience, #category, #staffnet, #dept, #committee, #ecategory { width:169px; margin: 0 0 3px 4px;}
#alltypes { float:none; margin-top: -7px; }
#datefrom, #yearfrom, #dateto, #yearto { border: 1px solid #B5B7BA; margin: 2px 0 2px 0; width: 90px; }
#yearfrom, #yearto { margin-left: 40px; }
* html #yearfrom { margin-left: 37px; }
* html #yearto { margin-left: 37px; }
#sidecalbody #tofrom, #sidecalbody .tofrom { display: block; float: left; margin: 0; padding:0; text-align:left; width: 40px; }

#sidecalbody input#fromday, #sidecalbody input#today { border:1px solid #B5B7BA; font-size:1em; height:12px; margin:2px 0 0 6px; padding:2px 1px; width:18px; }
#sidecalbody input#today { top: 81px; }

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

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

/* ----- STAR HTML ------- */
* html .calendar #content { margin-right: 0; }
* html #sidecalbody #tofrom, * html #sidecalbody .tofrom { width: 37px; }
* html #sidecalbody input { font-size: 1.1em;}
* html a.LastYear { margin-left: 32px; }
* html #selections { margin-top: -30px; }
* 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 { height: 40px; line-height: 2em; }

*+html #viewselect { margin-top: 30px; } 
*+html h3#month, *+html a#NextMonth, *+html a#LastMonth { margin-top: 0px; }

*