@font-face {
    font-family: 'AvantGardeBkBTBook';
    src: url('https://c14015706.ssl.cf2.rackcdn.com/avgardn-webfont_eot-1334601070');
    src: url('https://c14015706.ssl.cf2.rackcdn.com/avgardn-webfont_eot-1334601070?#iefix') format('embedded-opentype'),
         url('https://secure.qgiv.com/cps_orgs/sac/avgardn-webfont.woff') format('woff'),
         url('https://c14015706.ssl.cf2.rackcdn.com/avgardn-webfont_ttf-1334600665') format('truetype'),
         url('avgardn-webfont.svg#AvantGardeBkBTBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 6, 2012 */

@font-face {
    font-family: 'FuturaMdCnBTMedium';
    src: url('https://secure.qgiv.com/cps_orgs/sac/futuramc-webfont.eot');
    src: url('https://secure.qgiv.com/cps_orgs/sac/futuramc-webfont.eot?#iefix') format('embedded-opentype'),
     url('https://c14015706.ssl.cf2.rackcdn.com/futuramc-webfont_ttf-1334600672') format('truetype'),
     url('https://secure.qgiv.com/cps_orgs/sac/futuramc-webfont.woff') format('woff'),
     url('https://secure.qgiv.com/cps_orgs/sac/futuramc-webfont.svg#FuturaMdCnBTMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

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

.calUpdate {
	font-size: 9px;
	text-transform: uppercase;
	display: inline;
	padding: 3px;
	margin-right: 5px;
}

.calCancel {
	display: inline;
	font-size: 9px;
	text-transform: uppercase;
	padding: 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;
}


.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;
}

.eventsShown {
	position: absolute;
	overflow: hidden;
	top: 17px;
	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: 504;
	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: 10;
	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;
	width: 12px;
	height: 12px;
}

.multiDayArrowRight {
	float: right;
	position: relative;
	top: 2px;
	width: 12px;
	height: 12px;
}

.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;
	margin-bottom: 12px;
}

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

.eventChatter {
	margin-top: -4px;
}

.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: -9px;
}

.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: 39px;
	position: relative;
}

.headerTabOff {
    font-size: 24px;
    font-weight: normal;
    height: 31px;
    padding: 10px 10px 0;
    position: relative;
    text-transform: uppercase;
    display: inline;
    top: 16px;
}

.headerTabOn {
    height: 31px;
    padding: 4px 10px 0px;
    position: relative;
    text-transform: uppercase;
    display: inline;
    top: 16px;
}
#tab0 {
    left: 15px;
}
#tab1 {
    left: 20px;
}
#tab2 {
    left: 20px;
}
#tab3 {
    left: 20px;
}

.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: 1px;
	left: 6px;
	color: #FFF;
}

#content .weekEventMultiEnd span {
	position: relative;
	bottom: 1px;
	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: 1px;
	left: 0px;
	color: #FFF;
	margin-right: 2px;
}

#content .weekEventMultiBoth span {
	position: relative;
	bottom: 1px;
	left: 0px;
	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: 1px;
	left: 6px;
	color: #FFF;
}

#content .weekEventMulti span {
	position: relative;
	bottom: 1px;
	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: 0px;
	left: 1px;
	padding-right: 3px;
	width: 10px;
	height: 12px;
}

.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: 1px;
	left: 0px;
	color: #FFF;
	margin-right: 2px;
}

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

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

.multiWeekArrowRight {
	float: right;
	position: relative;
	top: 0px;
	left: 1px;
	padding-right: 4px;
	width: 7px;
	height: 12px;
}

#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;
}