#userBar { padding: 0 5px; line-height: 30px; height: 60px; position: relative; top: -10px; margin-bottom: -20px; background-color: #F3F3F3; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
	#modeLinks { position: absolute; left: 5px; top: 0; }
	#viewLinks { position: absolute; right: 290px; top: 0; }
	#welcomeBox { position: absolute; right: 5px; top: 0; }
		#userBar a { text-decoration: underline; margin: 0 5px; }
		#notice a { margin: 0; }
		#userBar a:hover,
		#userBar a.activeItem { text-decoration: none; color: #373737; }

#calendarBlockHome { background: url(../assets/bg/calendar.gif) repeat-x; position: relative; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
	#dateBar { position: relative; z-index: 2; background: url(../assets/bg/datepicker.gif) repeat-x; height: 26px; padding: 5px; padding-bottom: 0; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
	div.calendarClosed #dateBar,
	div.calendarBlockWeek #dateBar { -moz-border-radius-bottomleft: 10px; -webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; }
		div.toggleIcon { float: left; width: 22px; height: 22px; position: relative; background: no-repeat left top; cursor: pointer; margin-right: 5px; }
		div.calendarOpen div.toggleIcon { background-image: url(../assets/calendar-icons/calendar-minus.gif); }
		div.calendarClosed div.toggleIcon { background-image: url(../assets/calendar-icons/calendar-plus.gif); }
		#dateBar form div { float: left; position: }
			body.js selectMonth { display: none; }
		div.dayList { position: absolute; right: 5px; padding: 1px 0px 1px 2px; height: 20px; overflow: hidden; background: white; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
			div.dayList a { color: #969696; float: left; height: 20px; line-height: 20px; margin-right: 2px; padding: 0 4px; text-align: center; font-size: 1.2em; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
			div.dayList a.activeItem,
			div.dayList a:hover { background: url(../assets/bg/datepicker-day.gif) repeat-x; color: white; }
	#calendarWrap { position: relative; z-index: 1; }
	div.calendar { padding-top: 10px; position: relative; }
	div.dayCalendar { padding: 10px; }
		ul.calendarCategories { width: 201px; position: absolute; left: 8px; top: 10px; list-style: none; }
			ul.calendarCategories li { margin: 0; }
			ul.calendarCategories a { color: white; font-size: 1.3em; padding-left: 9px; display: block; margin: 0 10px 9px 0; line-height: 31px; height: 31px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
			ul.calendarCategories a.activeItem { margin-right: -20px; }
				li.category1 a { background-color: #00baee; }
				li.category2 a { background-color: #009fdb; }
				li.category3 a { background-color: #016e9c; }
				li.category4 a { background-color: #005275; }
				li.category5 a { background-color: #043245; }
		div.calendarDates { background: url(../assets/bg/calendar.gif) repeat-x 0 -42px; width: 485px; z-index: 3; position: relative; padding: 10px; margin-left: 198px; height: 200px; border: 1px solid #5ccae8; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
			div.calendarDates a { text-decoration: none; }
			img.randomCalendarImage { position: absolute; right: 10px; top: 10px; }
			div.datesWrapper { /* padding-right: 211px; */ }
			ul.calendarDateList { list-style: none; }
				ul.calendarDateList li { margin: 0; margin-bottom: 3px; position: relative; }
					a.icalLink { float: left; height: 21px; }
					a.eventLink { position: relative; display: block; height: 21px; margin-left: 25px; padding-left: 23px; background: white url(../assets/bg/calendar-plus.gif) no-repeat 3px 3px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
					a.eventLink:hover { background-image: url(../assets/bg/calendar-minus.gif); background-color: #009ada; }
						a.eventLink img { position: absolute; right: 10px; top: 10px; display: none; z-index: 2; }
						a.eventLink:hover img { display: block; }
						ul.calendarDateList span { height: 21px; line-height: 21px; font-size: 1em; color: #373737; font-weight: normal; }
						ul.calendarDateList span.icon { position: absolute; right: 0; top: 0; background: #f3f3f3 no-repeat center center; width: 26px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
						ul.calendarDateList span.time { float: left; }
						a.eventLink:hover span { color: white; }
						ul.calendarDateList span.time { width: 90px; }
						ul.calendarDateList span.description { position: absolute; top: -6px; left: 104px; float: none; overflow: hidden; z-index: 2; background-color: #009ada; display: none; width: 280px; border: 2px solid white; padding: 7px; height: auto; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
						a.eventLink:hover span.description { display: block; }
						ul.calendarDateList a.hover:hover img,
						ul.calendarDateList a.hover:hover span.description { display: none; }
							ul.calendarDateList span.description span { display: block; color: white; height: auto; line-height: normal; }
							ul.calendarDateList span.descriptionTitle { font-size: 1.2em; }
							ul.calendarDateList span.descriptionBody { margin-top: 0.5em; }
	
		div.weekRow { padding-left: 10px; overflow: hidden; margin-bottom: 3px; }
		div.weekHeader { line-height: 24px; background: #0aaadf url(../assets/bg/week-header.gif) repeat-x; color: white; margin-bottom: 12px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; }
			span.weekColumn { float: left; margin-right: 2%; }
			span.time { width: 17%; }
			span.subject { width: 60%; }
			span.location { width: 17%; }
		div.dayName { line-height: 24px; background-color: #f3f3f3; margin: 6px 0; }
		div.currentDay { font-weight: bold; }
		div.weekEntry { background-color: #bfecf9; padding: 6px 0; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; }
			div.eventHover,
			div.eventOpen { background-color: #009ada; color: white; }
			div.weekEntry span { line-height: 19px; position: relative; }
			div.weekEntryDetails { display: none; clear: both; padding-top: 6px; width: 100%; overflow: hidden; }
			div.eventOpen div.weekEntryDetails { display: block; }
			div.weekEntry span.opened { position: absolute; left: 4px; top: 5px; height: 22px; width: 22px; background: no-repeat; }
			div.eventOpen span.opened { background-image: url(../assets/calendar-icons/minus.png); }
			div.eventClosed span.opened { background-image: url(../assets/calendar-icons/plus.png); }
			div.weekEntry span.time { text-indent: 30px; }
			div.weekEntry span.icon { position: absolute; width: 30px; height: 31px; right: 0; top: 0; background: no-repeat center; }
			div.weekEntry a { color: #373737; overflow: hidden; display: block; }
			div.eventOpen a,
			div.eventHover a,
			div.weekEntry a:hover { color: white; text-decoration:  none; }
			div.weekEntry a.icalExport { position: absolute; right: -5px; top: 2px; width: 19px; }
			div.weekEntry a.icalExport span.linkCaption { display: none; }
			div.weekEntry a.readMore { text-decoration: underline; float: left; }
			div.weekEntry a.readMore:hover { text-decoration: none; }
			
input.selectbox { display:block; height: 20px; line-height: 20px; padding-top: 2px; padding-left: 10px; color:#3a3a3a; background: url(../assets/form/select.gif) top right no-repeat; cursor: pointer; border: 0; width: 120px; padding-right: 25px; }
#selectMonth_container { z-index: 3; margin-top: 5px; }
#selectMonth_container ul { background-color: #00baed; list-style: none; padding-bottom: 1px; }
#selectMonth_container li { padding: 0 0 0 10px; line-height: 22px; font-size: 1.1em; color: white; display: block; margin: 1px; margin-bottom: 0; overflow: hidden; cursor: pointer; }
#selectMonth_container li.selected { background: white; color: #00baed; }

div.resultsTooltip { position: absolute; top: -18px; height: 0; overflow: hidden; z-index: 100; cursor: default; }
div.resultsTooltipInner { position: relative; width: 80px; height: 15px; background: url(../assets/bg/calendar-tooltip.gif) repeat-x; -webkit-border-radius: 5px; -moz-border-radius: 10px; border-radius: 10px; }
div.resultsTooltipHelper { position: absolute; background: url(../assets/bg/calendar-tooltip-bottom.png) no-repeat; width: 8px; height: 6px; left: 36px; bottom: -6px; }
div.resultsTooltip h3 { text-align: center; line-height: 15px; color: white; font-size: 1em; background: transparent; }

div.eventDetailsWrapper { clear: both; overflow: hidden; width: 100%; }
	div.eventDetails { padding: 10px 0 0px 10px; margin-top: 10px; position: relative; -moz-border-radius-bottomright: 10px; -webkit-border-bottom-right-radius: 10px; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; }
	div.eventDetailsWrapper div.detailsHover { background: url(../assets/calendar/details-hover-bg.gif) repeat-y right; }
		span.closeEventDetails { background: url(../assets/calendar-icons/close.png) no-repeat; cursor: pointer; width: 22px; height: 22px; position: absolute; right: 5px; top: 5px; }
		div.links { overflow: hidden; margin-bottom: 12px; }
			a.iconLink { float: left; height: 22px; line-height: 22px; }
			div.links a.iconLink { background-color: #f3f3f3; border: 1px solid #d7d7d7; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; padding-right: 9px; margin-right: 8px; }
			div.links a.iconLink:hover { background-color: #009ada; color: white; text-decoration: none; }
				span.iconWrapper { width: 19px; height: 15px; background: url(../assets/calendar-icons/icon-bg.png) no-repeat; position: relative; float: left; }
				div.links span.iconWrapper { left: 6px; top: 4px; margin-right: 7px; }
				ul.calendarDateList span.iconWrapper { top: 4px; }
					ul.calendarDateList span.linkCaption { display: none; }
					span.iconWrapper img { position: absolute; left: 1px; top: 0; }

#switchCalendarMode {  }