/* Calendar CSS Document */

.calendarHead {
  border-bottom: 1px solid;
  padding-bottom: 5px;
  width: 100%;
  position: relative;
  height: 18px;
}

.calendarHeadLabel {
	position: absolute;
	font-size: 18px;
	text-transform: uppercase;
}

.calendarHeadLabelOff {
	position: absolute;
	font-size: 18px;
	text-transform: uppercase;
}

#content .calendarHeadLabelOff a {
	color: #CCC;
}

#cHead0 {
	left: 0px;
}

#cHead1 {
	left: 100px;
}

#cHead2 {
	left: 160px;
}

#cHead3 {
	left: 235px;
}

.headIcons {
	text-align:right;
}

.headIcons img {
	margin-left: 15px;
}

.searchCalendar {
	text-transform: uppercase;
	font-size: 9px;
	margin-left: 15px;
	position: relative;
	bottom: 5px;
	width: 125px;
	border: #1297C2 solid 1px;
	color: #999999;
}

.go {
	position: relative;
	font-size: 9px;
	font-weight: bold;
	display:inline;
	margin-left: 5px;
	border: #1297C2 solid 1px;
	padding: 2px;
	bottom: 5px;
	text-transform: uppercase;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(../styles/PIE.htc);
}

.calendarOptions {
	position: relative;
	top: 6px;
	height: 10px;
}

.optionLabel {
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	background: #1297C2;
	color: #ffffff;
	padding: 0px 7px 0px 7px;
	text-align: center;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(../styles/PIE.htc);
	display: inline;
	margin-right: 10px;
}

.optionLabelOff {
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 7px;
	text-align: center;
	display: inline;
	margin-right: 10px;
}

#aMenu0 {
	width: 31px;
}

#aMenu1 {
	width: 54px;
}

#aMenu2 {
	width: 54px;
}

#aMenu3 {
	width: 64px;
}

#aMenu4 {
	width: 54px;
}

.printCalendar {
	display: inline;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	float: right;
	background: #1297C2;
	color: #ffffff;
	padding: 0px 7px 0px 7px;
	margin-left: 10px;
}

#calendarContent {
	margin-top: 0px;
	position: relative;
}

.dateHeader {
	font-size: 14px;
	text-transform: uppercase;
}

.eventModule {
	margin: 15px 0px 15px 0px;	
}

.eventTitle {
	font-size: 18px;
}

.eventTitle span {
	color: #1297C2;
}

.eventText {
	font-size: 9px;
	line-height: 12px;
}

.eventIcon {
	margin: 3px 0px 3px 0px;
}

.eventIcon img{
	margin-right: 10px;
}

.rightSide {
	float: right;
	background: #1297C2;
	padding: 10px;
	margin-left: 10px;
}

.filterTitle {
	font-size: 16px;
	font-weight: bold;
	color: #ffffff;
	margin-bottom: 3px;
}

.subGroup {
	font-size: 14px;
	font-weight: bold;
	margin-top: 10px;
	color: #ffffff;
	position: relative;
}

.selectAll {
	font-size: 8px;
	font-weight: normal;
	visibility: hidden;
}

.filterArrow {
	position: absolute;
	top: 5px;
	right: 7px;
}

.optionLabels {
	font-size: 9px;
	color: #ffffff;
}

.filterBox {
	position: relative;
	top: 2px;
}

#filterButtonsBottom {
	margin-top: 10px;
}

.subGroupOptions {
	display: none;
}

.dayHeader {
	font-size: 24px;
	text-transform: uppercase;
}

.thisWeek {
	display: inline;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	background: #1297C2;
	color: #ffffff;
	padding: 4px 7px 4px 7px;
	margin-right: 10px;
}

.calendarOptionsLeft {
	float: left;
}

.floatOptions {
	background: #1297C2;
	width: 180px;
	padding: 10px;
	display: none;
	position: absolute;
	top: 0px;
	left: 400px;
	z-index: 20;
	border: #FFF solid 2px;
	z-index: 201;
}

.dayHead {
	font-size: 14px;
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding: 5px;
	text-align: center;
}

.dayEvent {
	font-size: 9px;
	line-height: 15px;
	margin-bottom: 15px;
}

.dayEvent a {
	position: relative;
	bottom: 1px;
}

.eventCell {
	border-right: #CCC solid 1px;
	border-bottom: #CCC solid 1px;
	padding: 5px;
	vertical-align: top;
	width: 14%;
	position: relative;
}

.dayEventTime {
	font-size: 9px;
	color: #666666;
}

.eventGray {
	width: 15px;
	height: 15px;
	background: #999;
	margin-right: 1px;
	position: relative;
	float: left;
}

.dayEventMultiStart {
	font-size: 9px;
	margin-bottom: 15px;
	position: absolute;
	top: 0px;
	left: -2px;
	width: 175px;
	height: 43px;
	overflow: hidden;
	background: #CCC;
    border-radius: 10px 0px 0px 10px;
    -moz-border-radius: 10px 0px 0px 10px;
    -webkit-border-radius: 10px 0px 0px 10px;
    behavior: url(../styles/PIE.htc);
	padding: 5px 0px 5px 5px;
	line-height: 15px;
	z-index: 10;
}

.dayEventMultiStart a {
	position: relative;
	bottom: 1px;
}

.dayEventMultiEnd {
	font-size: 9px;
	margin-bottom: 15px;
	position: absolute;
	left: -2px;
	width: 115px;
	height: 43px;
	overflow: hidden;
	background: #CCC;
    border-radius: 0px 10px 10px 0px;
    -moz-border-radius: 0px 10px 10px 0px;
    -webkit-border-radius: 0px 10px 10px 0px;
    behavior: url(../styles/PIE.htc);
	padding: 5px 0px 5px 5px;
	line-height: 15px;
	z-index: 10;
}

.dayEventMultiEnd a {
	position: relative;
	bottom: 1px;
	left: 15px;
}

.dayEventMultiEnd .eventGray {
	position: relative;
	left: 15px;
}

.dayEventMulti {
	font-size: 9px;
	margin-bottom: 15px;
	position: absolute;
	left: -2px;
	width: 175px;
	height: 43px;
	overflow: hidden;
	background: #CCC;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    behavior: url(../styles/PIE.htc);
	padding: 5px 0px 5px 5px;
	line-height: 15px;
	z-index: 10;
}

.dayEventMulti a {
	position: relative;
	bottom: 1px;
}

.multiDayArrow {
	float: right;
	position: relative;
	top: 2px;
}

.backShad {
	position: absolute;
	top: -21px;
	left: -15px;
	display: none;
	background:#000;
	opacity: .5;
	filter: alpha(opacity=50);
	width: 960px;
	height: 945px;
	z-index: 200;
}

.backShadMonth {
	position: absolute;
	top: -106px;
	left: -15px;
	display: none;
	background:#000;
	opacity: .5;
	filter: alpha(opacity=50);
	width: 960px;
	height: 702px;
	z-index: 200;
}

.dayCell {
	padding: 3px;
	vertical-align: top;
	width: 14%;
	/*position: relative;  Removed this to fix border problem in IE8 */ 
}

.dayNumber {
	font-size: 8px;
	font-weight: bold;
	height: 86px;
	color: #000;
	float: left;
	position: relative;
	top: -2px;
}

.dayCellBlank {
	padding: 3px;
	vertical-align: top;
	width: 14%;
	/*position: relative;*/
	background: #eeeeee;
}

.dayCellHighlight {
	padding: 3px;
	vertical-align: top;
	width: 14%;
	/*position: relative;*/
}

.monthEvent {
	font-size: 10px;
	margin-top: 12px;
	line-height: 20px;
	height: 15px;
	overflow: hidden;
	position: relative;
}

.monthEvent a {
	position: relative;
	bottom: 4px;
}

.monthEvent span {
	position: relative;
	bottom: 4px;
}

.singleEvent {
	font-size: 10px;
	margin-bottom: 1px;
	line-height: 20px;
	height: 15px;
	overflow: hidden;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    behavior: url(../styles/PIE.htc);
	padding: 2px 2px 2px 2px;
	display: none;
	position: relative;
}

.singleEvent a {
	position: relative;
	bottom: 4px;
}

.singleEvent span {
	position: relative;
	bottom: 4px;
}

.daySingleEvent {
	font-size: 10px;
	margin-bottom: 1px;
	line-height: 15px;
	height: 43px;
	overflow: hidden;
	background: #eee;
    border-radius: 10px 10px 10px 10px;
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    behavior: url(../styles/PIE.htc);
	padding: 5px 5px 5px 5px;
	display: none;
	position: relative;
	left: -4px;
	width: 95%;
}

.daySingleEvent a {
	position: relative;
	bottom: 1px;
}

.eventContainer {
	position: absolute;
	overflow: hidden;
	top: 2px;
	left: -3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 0px;
	z-index: 25;
	display: none;
}

.eventsWeekShown {
	position: absolute;
	overflow: hidden;
	top: 0px;
	left: -3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 0px;
	z-index: 25;
	display: none;
}

.eventContainerExpanded {
	height: 175px;
	width: 200px;
	background:#ddd;
	position: absolute;
	top: 18px;
	padding-left: 5px;
	padding-right: 2px;
	padding-bottom: 30px;
	overflow: auto;
	z-index: 27;
	left: 0px;
	display: none;
}

.monthEventMultiStart {
	font-size: 10px;
	margin-bottom: 15px;
	position: absolute;
	width: 75px;
	height: 15px;
	overflow: hidden;
	background: #CCC;
    border-radius: 2px 0px 0px 2px;
    -moz-border-radius: 2px 0px 0px 2px;
    -webkit-border-radius: 2px 0px 0px 2px;
    behavior: url(../styles/PIE.htc);
	padding: 2px 0px 2px 2px;
	z-index: 500;
	top: 17px;
	left: 0px;
	line-height: 20px;
}

.monthEventMultiStart a {
	position: relative;
	bottom: 4px;
}

.monthEventMultiStart span {
	position: relative;
	bottom: 4px;
}

.monthEventMultiEnd {
	font-size:10px;
	margin-bottom: 15px;
	position: absolute;
	width: 50px;
	height: 15px;
	overflow: hidden;
	background: #CCC;
    border-radius: 0px 2px 2px 0px;
    -moz-border-radius: 0px 2px 2px 0px;
    -webkit-border-radius: 0px 2px 2px 0px;
    behavior: url(../styles/PIE.htc);
	padding: 2px 0px 2px 2px;
	z-index: 500;
	top: 17px;
	left: 0px;
	line-height: 20px;
}

.monthEventMultiEnd a {
	position: relative;
	bottom: 4px;
}

.monthEventMultiEnd span {
	position: relative;
	bottom: 4px;
}

.monthEventMultiBoth {
	font-size: 10px;
	margin-bottom: 15px;
	position: absolute;
	width: 50px;
	height: 15px;
	overflow: hidden;
	background: #CCC;
	padding: 2px 0px 2px 2px;
	z-index: 500;
	top: 17px;
	left: 0px;
	line-height: 20px;
}

.monthEventMultiBoth a {
	position: relative;
	bottom: 4px;
}

.monthEventMultiBoth span {
	position: relative;
	bottom: 4px;
}

.monthEventMulti {
	font-size: 10px;
	margin-bottom: 15px;
	position: absolute;
	width: 75px;
	height: 15px;
	overflow: hidden;
	background: #CCC;
    border-radius: 2px 2px 2px 2px;
    -moz-border-radius: 2px 2px 2px 2px;
    -webkit-border-radius: 2px 2px 2px 2px;
    behavior: url(../styles/PIE.htc);
	padding: 2px 0px 2px 2px;
	z-index: 500;
	top: 17px;
	left: 0px;
	line-height: 20px;
}

.monthEventMulti a {
	position: relative;
	bottom: 4px;
}

.monthEventMulti span {
	position: relative;
	bottom: 4px;
}

.calendarTable {
	position: relative;
}

.dayContainer {
	position: relative;
}

.moreEvents {
	text-align: center;
	position: absolute;
	width: 100%;
	height: 9px;
	top: 73px;
	left: 0px;
	z-index: 26;
	display: none;
	padding-top: 4px;
}

.lessEvents {
	text-align: center;
	position: absolute;
	width: 207px;
	height: 12px;
	top: 208px;
	z-index: 505;
	display: none;
	left: 0px;
	padding-bottom: 3px;
}

.expandContractArrow {
	cursor: pointer;
}

.multiParams {
	display: none;
}

.multiDayArrowLeft {
	float: left;
	position: relative;
	top: 2px;
	padding-right: 3px;
}

.fullCalendarLink {
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 7px;
}

.eventDateTime {
	font-size: 12px;
}

.eventButtons {
	display: inline;
	text-transform: uppercase;
	font-size: 9px;
	font-weight: bold;
	text-align: center;
	background: #1297C2;
	color: #ffffff;
	padding: 0px 7px 0px 7px;
	margin-right: 10px;
	float: left;
}

#content .eventButtons a {
	color: #ffffff;
}

.eventOptions {
	position: relative;
	top: 2px;
}

#content .subGroup a {
	color: #ffffff;
}

.eventChatter {
	margin-top: 12px;
}

.leftEventContent {
	width: 50%;
	float: left;
}

.eventLinks {
	font-weight: bold;
	border-bottom: #1297C2 solid 2px;
	margin-top: 10px;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

.rightEventContent {
	width: 40%;
	float: right;
	margin: 0px 35px 10px 10px;
	position: relative;
	top: 15px;
}

.socialButtons {
	float: right;
}

.socialButtons div {
	display: inline;
	margin-right: 5px;
}

.eventDetailText {
	margin-top: 8px;
	line-height: 13px;
}

.eventDetailHead {
	font-weight: bold;
}

/* New CSS for updated week view */

.calendarHeadline {
	font-size: 30px;
	font-weight: normal;
	color: #0d7191;
	text-transform: uppercase;
	margin-bottom: 20px;
}

.calendarTabs {
	background: url(../images/css/calendarHead-back.png) repeat-x;
	width: 100%;
	height: 42px;
	position: relative;
}

.headerTabOff {
	font-size: 24px;
	font-weight: normal;
	height: 31px;
	padding: 10px 10px 0px 10px;
	position: absolute;
	text-transform: uppercase;
}


.headerTabOn {
	height: 31px;
	padding: 10px 10px 0px 10px;
	position: absolute;
	text-transform: uppercase;
}

#tab0 {
 	left: 15px;
}

#tab1 {
 	left: 139px;
}

#tab2 {
 	left: 210px;
}

#tab3 {
 	left: 302px;
}

.weekPicker {
	position: absolute;
	width: 180px;
	height: 23px;
	text-transform: uppercase;
	top: 10px;
	right: 10px;
}

.selectedWeek {
	text-transform: capitalize;
	float: left;
	height: 22px;
	width: 120px;
	margin: 1px 5px;
}

.selectedWeek input {
	background: none;
	border: none;
}

.currentWeek {
	font-size: 14px;
	position: absolute;
	bottom: 7px;
	right: 210px;
}

.weekPicker a.previousArrow img,
.weekPicker a.nextArrow img {
	display: none;
}

.weekPicker a.previousArrow,
.weekPicker a.nextArrow {
	height: 23px;
	width: 22px;
	display: block;
}

.weekPicker a.previousArrow {
	float: left;
}

.weekPicker a.nextArrow {
	float: right;
}

#content .currentWeek a {
	color: #608e9c;
}

.filterWeek {
	font-size: 14px;
	position: absolute;
	bottom: 7px;
	right: 310px;
}

.filterAgenda {
	bottom: 7px;
    font-size: 14px;
    position: absolute;
    right: 375px;
}

.filterDay {
	bottom: 7px;
    font-size: 14px;
    position: absolute;
    right: 300px;
}

#content .filterWeek a {
	color: #608e9c;
}

.weekPickerRight {
	position: absolute;
	right: 0px;
}

.leftBlue {
	width: 5%;
	background: #0c617c;
	font-size: 11px;
	color: #c5e3ec;
	text-align: right;
	padding-right: 5px;
}

.topBlue {
	background: #8cb5c2;
	color: #FFF;
	font-size: 11px;
	text-align: center;
	width: 13%;
}

.weekCell {
	height: 30px;
	border-right: #c3e1eb solid 1px;
	border-bottom: #eff7fa solid 1px;
	position: relative;
}

#dayMulti0, #dayMulti1, #dayMulti2, #dayMulti3, #dayMulti4, #dayMulti5, #dayMulti6 {
	border-bottom: #8cb5c2 solid 4px;
}

.weekCellHighlight {
	height: 30px;
	border-right: #c3e1eb solid 1px;
	border-bottom: #eff7fa solid 1px;
}

.weekEventContainer {
	height: 30px;
	width: 100%;
	overflow: hidden;
	position: relative;
}

.weekEventText {
	font-size: 11px;
	color: #4b4b4b;	
	height: 15px;
	padding: 0px;
	overflow: hidden;
	padding: 0px 3px 0px 3px;
}

#content .weekEventText a {
	color: #4b4b4b;	
}

.weekEventText div {
	position: relative;
	top: -5px;
	height: 18px;
	overflow: hidden;
}

.weekEventExpand {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: none;
}

.weekEventContract {
	position: absolute;
	right: 0px;
	bottom: 0px;
	display: none;
}

.weekMultiEventContainer {
	position: relative;
	top: 3px;
}

.weekEventMultiEnd {
	font-size: 9px;
	position: absolute;
	left: 3px;
	width: 115px;
	height: 11px;
	overflow: hidden;
	background: #0c617c;
	padding: 2px 0px 2px 2px;
	line-height: 15px;
	z-index: 10;
}

#content .weekEventMultiEnd a {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

#content .weekEventMultiEnd span {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

.weekEventMultiEnd .eventPurple {
	position: relative;
	left: 4px;
}

.weekEventMultiBoth {
	font-size: 9px;
	position: absolute;
	left: 3px;
	width: 115px;
	height: 11px;
	overflow: hidden;
	background: #0c617c;
	padding: 2px 0px 2px 2px;
	line-height: 15px;
	z-index: 10;
}

#content .weekEventMultiBoth a {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
	margin-right: 2px;
}

#content .weekEventMultiBoth span {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

.weekEventMultiBoth .eventPurple {
	position: relative;
	left: 4px;
}

.weekEventMulti {
	font-size: 9px;
	position: absolute;
	left: 3px;
	width: 115px;
	height: 11px;
	overflow: hidden;
	background: #0c617c;
	padding: 2px 0px 2px 2px;
	line-height: 15px;
	z-index: 10;
}

#content .weekEventMulti a {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

#content .weekEventMulti span {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

.weekEventMulti .eventPurple {
	position: relative;
	left: 3px;
}

.eventPurple {
	width: 10px;
	height: 10px;
	background: #09007f;
	margin-right: 1px;
	position: relative;
	float: left;
}

.multiWeekArrowLeft {
	float: left;
	position: relative;
	top: 1px;
	left: 1px;
	padding-right: 3px;
}

.weekEventMultiStart {
	font-size: 9px;
	position: absolute;
	left: 3px;
	width: 115px;
	height: 11px;
	overflow: hidden;
	background: #0c617c;
	padding: 2px 0px 2px 2px;
	line-height: 15px;
	z-index: 10;
}

#content .weekEventMultiStart a {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
	margin-right: 2px;
}

#content .weekEventMultiStart span {
	position: relative;
	bottom: 3px;
	left: 6px;
	color: #FFF;
}

.weekEventMultiStart .eventPurple {
	position: relative;
	left: 4px;
}

.multiWeekArrowRight {
	float: right;
	position: relative;
	top: 1px;
	left: 1px;
	padding-right: 4px;
}

#calendarUpdateContent {
	position: relative;
}

.dayPickerUpdate {
	position: absolute;
	width: 180px;
	height: 23px;
	text-transform: uppercase;
	top: 10px;
	right: -20px;
}

.datePicked {
	font-size: 13px;
	font-weight: bold;
	position: relative;
	font-size: 14px;
	text-transform: uppercase;
	padding: 0px 7px 0px 5px;
	text-align: center;
	width: 107px;
	top: 2px;
	cursor: pointer;
}

.currentDayUpdate {
	font-size: 14px;
	position: absolute;
	bottom: 7px;
	right: 180px;
}

.calendarOptionsUpdate {
	position: relative;
	top: 0px;
	height: 25px;
	background: #8cb5c2;
}

.optionLabelUpdate {
	position: relative;
	top: 2px;
	left: 4px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	background: #0c617c;
	color: #ffffff;
	padding: 0 7px 0 7px;
	text-align: center;
	display: inline;
	margin-right: 5px;
}

.optionLabelUpdateOff {
	position: relative;
	top: 2px;
	left: 4px;
	font-size: 12px;
	text-transform: uppercase;
	font-weight: bold;
	padding: 0 0 0 7px;
	text-align: center;
	display: inline;
	margin-right: 10px;	
}

#content .optionLabelUpdateOff a {
	color: #146680;
}

.agendaOptions {
	position: absolute;
	width: 320px;
	height: 23px;
	text-transform: uppercase;
	top: 10px;
	right: 0px;
}

.loaderBox {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 2000px;
	z-index: 1004;
	background: #fff;
	opacity: .8;
	filter: alpha(opacity=80);
	color: #636faa;
	text-align: center;
	padding-top: 300px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: bold;
}

/**
 * Style sheet for CalendarPickerControl
 * System-colors theme
 */

div.calendarbutton{
	position: absolute;
	width: 15px;
	height: 16px;
	background: transparent url("calendar_icon.png") no-repeat center;
}

#CalendarPickerControl{
	background-color: transparent;
	width: 250px;
	height: 200px;
}

#CalendarPickerControl table.calframe{
	width: 100%;
	border: 1px solid black;
	background-color: buttonface;
	text-align: center;
}

#CalendarPickerControl td.monthname{
	width: 100%;
	font: normal 13px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: #ddd;
}

#CalendarPickerControl td.monthnameLNX{
	width: 100%;
	font: normal 13px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl table.navigation{
	width: 100%;
	text-align: center;
}

#CalendarPickerControl td.navbutton{
	font: normal 11px Verdana;
	color: buttontext;
	font-weight: bold;
	background-color: buttonface;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
	cursor: pointer;
}

#CalendarPickerControl td.navbutton:hover{
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight  threeddarkshadow;
	background-color: buttonshadow;
}

#CalendarPickerControl span.yearbutton{
	cursor: pointer;
}

#CalendarPickerControl span.yearbutton:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.dayname{
	font: normal 11px Verdana;
	color: captiontext;
	font-weight: bold;
	background-color: #aaa;
}

#CalendarPickerControl td.daynameLNX{
	font: normal 11px Verdana;
	color: highlighttext;
	font-weight: bold;
	background-color: highlight;
}

#CalendarPickerControl td.today{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: red;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.today:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current{
	font: normal 11px Verdana;
	font-weight: bold;
	background-color: #333;
	color: highlighttext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.current:hover{
	text-decoration: underline;
}

#CalendarPickerControl td.day{
	font: normal 11px Verdana;
	background-color: buttonface;
	color: buttontext;
	text-decoration: none;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight buttonshadow buttonshadow buttonhighlight;
}

#CalendarPickerControl td.day:hover{
	text-decoration: underline;
	background-color: threedshadow;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.weekend{
	font: normal 11px Verdana;
	color: buttontext;
	text-decoration: none;
	background-color: threedshadow;
	font-style: italic;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: buttonhighlight threeddarkshadow threeddarkshadow buttonhighlight;
}

#CalendarPickerControl td.weekend:hover{
	background-color: buttonshadow;
	text-decoration: underline;
	border-color: threeddarkshadow buttonhighlight buttonhighlight threeddarkshadow;
}

#CalendarPickerControl td.dayothermonth{
	font:normal 11px Verdana;
	background-color: buttonhighlight;
	color: inactivecaptiontext;
	border: 1px solid buttonhighlight;
}

#CalendarPickerControl td.weeknumber{
	font:normal 9px Verdana;
	background-color: buttonface;
	color: inactivecaptiontext;
	border-width: 0px;
}

.singleEventPadding {
	line-height: 20px;
	height: 15px;
	overflow: hidden;
	background: #eee;
	padding: 2px 2px 2px 2px;
}

/*Styles below added to convert calendar to jQuery and to separate CSS from JS so that the calendar can muich more easily be skinned for mobile and other platforms.  */

/*Month view CSS additions */

.loaderBox.hide {
	display: none;
}

.monthEventMulti.span1, .monthEventMultiStart.span1, .monthEventMultiEnd.span1, .monthEventMultiBoth.span1 {
	width: 122px;
}

.monthEventMulti.span2, .monthEventMultiStart.span2, .monthEventMultiEnd.span2, .monthEventMultiBoth.span2 {
	width: 252px;
}

.monthEventMulti.span3, .monthEventMultiStart.span3, .monthEventMultiEnd.span3, .monthEventMultiBoth.span3 {
	width: 382px;
}

.monthEventMulti.span4, .monthEventMultiStart.span4, .monthEventMultiEnd.span4, .monthEventMultiBoth.span4 {
	width: 512px;
}

.monthEventMulti.span5, .monthEventMultiStart.span5, .monthEventMultiEnd.span5, .monthEventMultiBoth.span5 {
	width: 642px;
}

.monthEventMulti.span6, .monthEventMultiStart.span6, .monthEventMultiEnd.span6, .monthEventMultiBoth.span6 {
	width: 772px;
}

.monthEventMulti.span7, .monthEventMultiStart.span7, .monthEventMultiEnd.span7, .monthEventMultiBoth.span7 {
	width: 902px;
}

.eventsShown { /* This style replaces one in previous CSS */
	position: absolute;
	overflow: hidden;
	top: 17px;
	left: -3px;
	padding-left: 5px;
	padding-right: 2px;
	padding-top: 0px;
	z-index: 25;
	display: none;
	width: 124px;
}

.calUpdate { /* This style replaces one in previous CSS */
	display: inline;
	padding: 3px;
	margin-right: 5px;
	cursor: pointer;
}

.calCancel { /* This style replaces one in previous CSS */
	display: inline;
	padding: 3px;
	cursor: pointer;
}

.eventsShown.show {
	display: block;
}

.singleEvent.show {
	display: block;
	background: none;
}

.moreEvents.show {
	display: block;
}

.lessEvents.show {
	display: block;
}

.eventContainerExpanded.show {
	display: block;
}

.subGroup.hide {
	display: none;
}

.subGroupOptions.show {
	display: block;
}

.selectAll.show {
	visibility: visible;
}

.dayNumber.daySlot2 {
	height: 89px;
}

.dayNumber.daySlot3 {
	height: 109px;
}

.dayNumber.daySlot4 {
	height: 129px;
}

.dayNumber.daySlot5 {
	height: 149px;
}

.dayNumber.daySlot6 {
	height: 169px;
}

.dayNumber.daySlot7 {
	height: 189px;
}

.dayNumber.daySlot8 {
	height: 209px;
}

.dayNumber.daySlot9 {
	height: 229px;
}

.moreEvents.daySlot2 {
	top: 76px;
}

.moreEvents.daySlot3 {
	top: 96px;
}

.moreEvents.daySlot4 {
	top: 116px;
}

.moreEvents.daySlot5 {
	top: 136px;
}

.moreEvents.daySlot6 {
	top: 156px;
}

.moreEvents.daySlot7 {
	top: 176px;
}

.moreEvents.daySlot8 {
	top: 196px;
}

.moreEvents.daySlot9 {
	top: 216px;
}

.monthEventMulti.pos0, .monthEventMultiStart.pos0, .monthEventMultiEnd.pos0, .monthEventMultiBoth.pos0 {
	top: 17px;
}

.monthEventMulti.pos1, .monthEventMultiStart.pos1, .monthEventMultiEnd.pos1, .monthEventMultiBoth.pos1 {
	top: 37px;
}

.monthEventMulti.pos2, .monthEventMultiStart.pos2, .monthEventMultiEnd.pos2, .monthEventMultiBoth.pos2 {
	top: 57px;
}

.monthEventMulti.pos3, .monthEventMultiStart.pos3, .monthEventMultiEnd.pos3, .monthEventMultiBoth.pos3 {
	top: 77px;
}

.monthEventMulti.pos4, .monthEventMultiStart.pos4, .monthEventMultiEnd.pos4, .monthEventMultiBoth.pos4 {
	top: 97px;
}

.monthEventMulti.pos5, .monthEventMultiStart.pos5, .monthEventMultiEnd.pos5, .monthEventMultiBoth.pos5 {
	top: 117px;
}

.monthEventMulti.pos6, .monthEventMultiStart.pos6, .monthEventMultiEnd.pos6, .monthEventMultiBoth.pos6 {
	top: 137px;
}

.monthEventMulti.pos7, .monthEventMultiStart.pos7, .monthEventMultiEnd.pos7, .monthEventMultiBoth.pos7 {
	top: 157px;
}

.monthEventMulti.pos8, .monthEventMultiStart.pos8, .monthEventMultiEnd.pos8, .monthEventMultiBoth.pos8 {
	top: 177px;
}

.monthEventMulti.pos9, .monthEventMultiStart.pos9, .monthEventMultiEnd.pos9, .monthEventMultiBoth.pos9 {
	top: 197px;
}

.backShad.show, .backShadMonth.show {
	display: block;
}

.floatOptions.show {
	display: block;
}

.rightSide.hide {
	display: none;
}

#filterMonth {
	display: none;
}

#filterMonth.show {
	display: inline;
}

#filterWeek {
	display: none;
}

#filterWeek.show {
	display: inline;
}

#filterDay {
	display: none;
}

#filterDay.show {
	display: inline;
}

#filterAgenda {
	display: none;
}

#filterAgenda.show {
	display: inline;
}

/* BEGIN IE 7 hacks for expanded event box */

.lessEvents.topIE2 {
	top: 78px;
}

.lessEvents.topIE3 {
	top: 98px;
}

.lessEvents.topIE4 {
	top: 118px;
}

.lessEvents.topIE5 {
	top: 138px;
}

.lessEvents.topIE6 {
	top: 158px;
}

.lessEvents.topIE7 {
	top: 178px;
}

.lessEvents.topIE8 {
	top: 198px;
}

.lessEvents.topIE9 {
	top: 218px;
}

.eventContainerExpanded.topIE2 {
	top: -112px;
}

.eventContainerExpanded.topIE3 {
	top: -92px;
}

.eventContainerExpanded.topIE4 {
	top: -72px;
}

.eventContainerExpanded.topIE5 {
	top: -52px;
}

.eventContainerExpanded.topIE6 {
	top: -32px;
}

.eventContainerExpanded.topIE7 {
	top: -12px;
}

.eventContainerExpanded.topIE8 {
	top: 8px;
}

.eventContainerExpanded.topIE9 {
	top: 28px;
}

.lessEvents.leftBigIE, .eventContainerExpanded.leftBigIE {
	left: -115px;
}

.lessEvents.leftIE, .eventContainerExpanded.leftIE {
	left: -80px;
}


/* END IE 7 hacks for expanded event box */

/*Week view CSS additions */

.weekCell.current {
	background: #f8f8b9;
}

.weekEventMulti.span1, .weekEventMultiStart.span1, .weekEventMultiEnd.span1, .weekEventMultiBoth.span1 {
	width: 117px;
}

.weekEventMulti.span2, .weekEventMultiStart.span2, .weekEventMultiEnd.span2, .weekEventMultiBoth.span2 {
	width: 243px;
}

.weekEventMulti.span3, .weekEventMultiStart.span3, .weekEventMultiEnd.span3, .weekEventMultiBoth.span3 {
	width: 369px;
}

.weekEventMulti.span4, .weekEventMultiStart.span4, .weekEventMultiEnd.span4, .weekEventMultiBoth.span4 {
	width: 495px;
}

.weekEventMulti.span5, .weekEventMultiStart.span5, .weekEventMultiEnd.span5, .weekEventMultiBoth.span5 {
	width: 621px;
}

.weekEventMulti.span6, .weekEventMultiStart.span6, .weekEventMultiEnd.span6, .weekEventMultiBoth.span6 {
	width: 747px;
}

.weekEventMulti.span7, .weekEventMultiStart.span7, .weekEventMultiEnd.span7, .weekEventMultiBoth.span7 {
	width: 873px;
}



.weekEventMulti.pos0, .weekEventMultiStart.pos0, .weekEventMultiEnd.pos0, .weekEventMultiBoth.pos0 {
	top: 0px;
}

.weekEventMulti.pos1, .weekEventMultiStart.pos1, .weekEventMultiEnd.pos1, .weekEventMultiBoth.pos1 {
	top: 16px;
}

.weekEventMulti.pos2, .weekEventMultiStart.pos2, .weekEventMultiEnd.pos2, .weekEventMultiBoth.pos2 {
	top: 32px;
}

.weekEventMulti.pos3, .weekEventMultiStart.pos3, .weekEventMultiEnd.pos3, .weekEventMultiBoth.pos3 {
	top: 48px;
}

.weekEventMulti.pos4, .weekEventMultiStart.pos4, .weekEventMultiEnd.pos4, .weekEventMultiBoth.pos4 {
	top: 64px;
}

.weekEventMulti.pos5, .weekEventMultiStart.pos5, .weekEventMultiEnd.pos5, .weekEventMultiBoth.pos5 {
	top: 80px;
}

.weekEventMulti.pos6, .weekEventMultiStart.pos6, .weekEventMultiEnd.pos6, .weekEventMultiBoth.pos6 {
	top: 96px;
}

.weekEventMulti.pos7, .weekEventMultiStart.pos7, .weekEventMultiEnd.pos7, .weekEventMultiBoth.pos7 {
	top: 112px;
}

.weekEventMulti.pos8, .weekEventMultiStart.pos8, .weekEventMultiEnd.pos8, .weekEventMultiBoth.pos8 {
	top: 128px;
}

.weekEventMulti.pos9, .weekEventMultiStart.pos9, .weekEventMultiEnd.pos9, .weekEventMultiBoth.pos9 {
	top: 144px;
}

.weekMultiEventContainer.height0 {
	height: 21px;
}

.weekMultiEventContainer.height1 {
	height: 37px;
}

.weekMultiEventContainer.height2 {
	height: 53px;
}

.weekMultiEventContainer.height3 {
	height: 69px;
}

.weekMultiEventContainer.height4 {
	height: 85px;
}

.weekMultiEventContainer.height5 {
	height: 101px;
}

.weekMultiEventContainer.height6 {
	height: 117px;
}

.weekMultiEventContainer.height7 {
	height: 133px;
}

.weekMultiEventContainer.height8 {
	height: 149px;
}

.weekMultiEventContainer.height9 {
	height: 165px;
}

.timeRowHide {
	display: none;
}

.weekEventContainer.expand {
	height: auto;
}

.weekEventExpand.show {
	display: block;
}

.weekEventContract.show {
	display: block;
}

/*Day view CSS additions */

.eventTitle.noEvents {
	margin-top: 20px;
	color: #ff0000;
}
a.weekExpand, a.weekExpand:hover {
	background: url(/soImages/calendarWeekExpand20.png) no-repeat;
}
a.weekExpand {
	display: block;
	width: 19px;
	height: 19px;
}
a.weekContract, a.weekContract:hover {
	background: url(/soImages/calendarWeekContract20.png) no-repeat;
}
a.weekContract {
	display: block;
	width: 19px;
	height: 19px;
}
#filterMonthBox .loading{display:inline-block;background:#fff;color:#000;padding: 1px 10px;}