/* calendar items */

.calendar #content { position: relative; min-height: 820px; }

* html .calendar #content { height: 920px; }

/* Loading Indicator Styling */
.loading_append
{
	position: absolute; margin: 20px 10px; padding: 24px 52px 0 60px; 
	line-height : 24px; font-size: 15px; font-weight: bold; 
	width: 180px; height: 65px;
	background : Transparent url(../img/calendar/ajax-load-180x65.gif) no-repeat top left ;
	z-index : 100 ;
}

#sidecal { height: 815px; margin: 0; background-color : #CCE3F7; }

#sidecalbody { position: relative; top:10px;  padding: 0; width: 210px;  font-size: .8em; background-color: transparent;}

#sidecalbody td { width: 22px; height: 23px; text-align: center;  border: solid 1px #b5b7ba; }

#sidecalbody td a { display: block; height: 19px; line-height: 16px; padding: 0; text-decoration: none; }

#sidecalbody table { border: solid 1px #ccc; border-collapse: collapse; margin: 12px auto 0 auto; }

#PrevLink { float: left; margin: 0 0 5px 8px; font-size: 12px; }

#NextLink { float: right; margin: 0 8px 10px 0; font-size: 12px; }

a#customsubmit { margin: 8px 0 0 70px; display: block; height: 25px; background: transparent url(../img/calendar/btn_go.gif); width: 27px; overflow: hidden;}

#viewselect { padding-bottom : 5px;}

#customsubmit span { margin-left: -999em; display: block; height: 25px; background: transparent url(../img/calendar/btn_go.gif); width: 27px; }

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

#sidecalbody table#monthnav td a { display: block; width: 28px; height: 20px; border: 1px solid #b5b7ba; border-width: 1px 0 0 1px; background: #fff; text-decoration: none; color: #0F0F0E; 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; margin: 0 auto;  }

#sidecalbody table#monthnav a.selected, #sidecalbody table#monthnav td a:hover { background: #0D3E72; color: #fff; }

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

#sidecalbody table th { text-align: center; background: #fff; color: #000; font-weight: bold; font-size: 10px; }

#typefilter { margin-top: 20px; position: relative; padding: 2px; }
#customdateselection { margin-top : 0; position: relative; padding: 2px; }

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

#calyear { color: #414141; font-size: 1.2em; font-weight: bold; margin: 5px auto 6px auto; height: 15px; }

a#LastYear { float: left; display: block; width: 9px; height: 13px; background: url(../img/calendar/arrow-left.gif) 0 1px no-repeat; margin-left: 68px; }

a#LastYear span { margin-left: -999em; }

#CurrentYear { display: block; float: left; margin: 0 5px; color: #0D3E72; font-size: 20px; }

a#NextYear { float: left; display: block; width: 9px; height: 13px; background: url(../img/calendar/arrow-right.gif) 0 1px no-repeat; }

a#NextYear span { margin-left: -999em; }

#bodycal { width : 650px ; position: relative; 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; }

h1#theday { line-height: 17px; padding-bottom: 10px; text-transform: uppercase; font-weight: bold; font-size: 15px; display: block; padding-top: 29px; }

h3#month { float: left; padding: 0 0 6px 0; border-bottom: 0; margin: 30px 6px 0 6px; color: #0D3E72; font-size: 20px; font-weight: normal; }

h3#bylocation { padding: 0; background-color: Transparent; font-size: 12px; color: #333; font-weight: bold; text-decoration: none; margin: 5px; border: none; }

#terciary h3.byloc { margin: 6px 5px; padding: 0; background-color: #cce3f7; font-size: 12px; color: #333; font-weight: bold; text-decoration: none; border: none; clear: both;}

h3#customdate { padding: 0; background-color: Transparent; font-size: 12px; color: #333; border: none; display: block; font-weight: bold; margin: 5px; }

#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: 30px 0 0 0; width: 12px; height: 15px; }

a#LastMonth { background: url(../img/calendar/arrow-left.gif) center 1px no-repeat; }

a#NextMonth { background: url(../img/calendar/arrow-right.gif) center 1px no-repeat;}

a#NextMonth span, a#LastMonth span { display: none; }

/* view mode */

#selections { width: 200px; text-align: right; margin: 15px 0 0 450px; height: 50px; position: relative; }

#selections #mode { display: block; position: absolute; right: 95px; width: 150px; top: 30px; }

#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/calendar/icon_list.gif) 0 14px no-repeat; }

#listselected, #list selected { background: transparent url(../img/calendar/icon_listselected.gif) 0 14px no-repeat; }

#cal { background: transparent url(../img/calendar/icon_cal.gif) 0 14px no-repeat; width: 44px;}

#calselected { background: transparent url(../img/calendar/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 { position: absolute; background: #fff; margin: 40px 0 0 0; border-collapse: collapse;}

table#calview th { background: #0D3E72; color: #fff; text-align: center; /* width: 73px; */ width: 92px; font-size: 9px; }

#bodycal table#calview td { z-index: 1; border: solid 1px #b5b7ba; /* width: 73px; */ width: 92px; height: 120px; }

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: 18px; background: #eee; text-align: right; padding: 4px 4px 0 0; color: #666; font-family: Arial; font-size: 12px; font-weight: bold; margin: -1px 0 0 0;  }

table#calview a.calevents { position: relative;  font-size: 10px; display: block; width : 87px; /* width: 65px; height: 73px; */ padding: 3px 0 0 3px; 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 {
	position: absolute; display: none; z-index: 1122;
	top: -3em; left: -4em; width: 15em; min-height: 13px;
	border:1px solid #999; background-color:#fff;
	margin: 3px 0 0 0; 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: #000; text-decoration: none; 
		z-index: 22; padding: 4px 0; border: 0; min-height: 10px; margin-left: 0px; 
	}

* 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; font-size: 10px; }

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 { color: #76787B; width: 85px; position: relative; display: block; margin-top: 0.3em; }

.eventtitle a { text-decoration : underline; }
.eventtitle a:hover { text-decoration : none; }

#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! */

#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: #0D3E72; color: #fff; }

.exists, .selected { color: #0D3E72; }

ul#itemlist li { margin: 8px 0 0 0; padding: 5px 0 8px 0; list-style: none; border: 1px solid #b5b7ba; 
	width: 645px; background: transparent none repeat scroll 0% 50%; }

ul#itemlist li h4 { margin : 10px 0; padding: 0 0 0 10px; font-size: 14px; color: #333; }

ul#itemlist li div.item {  height: auto !important; }

ul#itemlist li span.time { float: right; margin: 0 12px 0 18px; display: inline; }

ul#itemlist li span.title {  font-weight: bold; margin: 0 0 0 12px; display: block; }

ul#itemlist li span.location { display: block; width: 450px; margin: 0 0 0 12px; font-style : italic; }

ul#itemlist li span.descript { display: block; width: 630px; margin: 10px 0 0 12px; }

/* --------- FORM ---------- */

select { font-size: 1em; }

#sidecalbody input { width: 2em; margin: -4px 0 0 0; background: #fff; color: #000; height: 10px; }

#alltypes, #location, #audience, #category, #staffnet, #dept, #committee, #ecategory { width:169px; margin: 0 0 3px 4px;}

#alltypes { margin-top: -7px; }

#datefrom, #yearfrom, #dateto, #yearto { width: 90px; margin: 2px 0 2px 40px; }

#yearfrom, #yearto { margin: 2px 0 2px 40px; }

#sidecalbody #from { position: absolute; left: 5px; top: 42px; }

#sidecalbody #to { position: absolute; left: 5px; top: 89px; }

#sidecalbody input#fromday { position: absolute; top: 42px; right: 50px; font-size: 9px; height: 13px; }

#sidecalbody input#today { position: absolute; top: 89px; right: 50px; font-size: 9px; height: 13px; }

/* Custom Event Only View */

#primary #EventDescription { padding: 0 5px; }

div.EventContainer { clear: both; float: none; }
div.EventContainer h3 { margin: 10px 0; padding: 0; float: none; }
div.EventContainer h4 { margin:3px 0;padding:0 5px; }
div.EventContainer h4.botborder { margin:0 0 10px 0;padding:0 5px;width:100%;border-bottom:solid 1px #ccc; }
div.EventContainer div#EventDescription { padding:0 5px; }

#primary #EventInfoBox { list-style-type: none; margin: 3px 60px; padding: 0; border: solid 1px #ccc; width: 325px; }

#primary #EventInfoBox li { background: Transparent; margin: 4px 0; border-bottom: solid 1px #ccc; }

#primary #EventInfoBox li div.InfoItem { width: 175px; font-weight: bold; margin: 0; padding: 0; float: left;}
#primary #EventInfoBox li div.InfoValue { width: 300px; margin: 0; padding: 0; }

#primary #EventInfoBox li div.InfoItemFull { clear: both; font-weight: bold; display: block; margin: 0; padding: 0; }
#primary #EventInfoBox li div.InfoValueFull { clear: both; display: block; margin: 0; padding: 0; }

/* EvDescriptionTable */
table#EventDescriptionTable { border-collapse: collapse; width: 100%; margin: 5px; }
table#EventDescriptionTable th, table#EventDescriptionTable td { border: solid 1px #bbb; padding: 2px 4px; }
table#EventDescriptionTable th { text-align: left; font-weight: bold; }

/* 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, *+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; }