@CHARSET "UTF-8";

#mainCalendar {
	font-family: Verdana, Arial, Sans-serif;
}

.clr {
	clear: both;
}

.inputText {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	border: 1px solid #ccc;
	padding: 2px;
	line-height: 12px;
}

textarea {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
}

#grid {
	font-family: Verdana, Arial, Sans-serif;
	width: 100%;
}

/**** calendar header ****/
#calendar-header {
	position: relative;
	font-size: 16pt;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	background: #457DBF url(/resources/common/images/calendar/calendar_header_bar.png) repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#5AA3FB), to(#457DBF));
	background: -moz-linear-gradient(top, #5AA3FB, #457DBF);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5AA3FB', EndColorStr='#457DBF');
	color: #fff;
	text-shadow: 0 1px 0 #3969A2;
	border-bottom: solid 1px #3969A2;
}

#calendar-header div {
	display: inline-block;
	text-align: center;
	height: 28px;
	padding-top: 5px;
}

#calendar-prev {
	background: #457DBF url(/resources/common/images/calendar/calendar_header_bar.png) repeat-x top left;
	position: absolute;
	width: 50px;
	left: 0;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	cursor: pointer;
}

#calendar-prev:hover {
	background: #5AA3FB url(/resources/common/images/calendar/calendar_header_bar_button_hover.png) repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC4FB), to(#5AA3FB));
	background: -moz-linear-gradient(top, #8DC4FB, #5AA3FB);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8DC4FB', EndColorStr='#5AA3FB');
	border-bottom: solid 1px #6085AC;
}

#calendar-next {
	background: #457DBF url(/resources/common/images/calendar/calendar_header_bar.png) repeat-x top left;
	position: absolute;
	width: 50px;
	right: 0;
	top: 0;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	cursor: pointer;
}

#calendar-print {
	position: absolute;
	right: 55px;
	width: 100px;
	top: 0;
	text-align: center;
	cursor: pointer;
}

#calendar-print:hover {
	background: #5AA3FB url(/resources/common/images/calendar/calendar_header_bar_button_hover.png) repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC4FB), to(#5AA3FB));
	background: -moz-linear-gradient(top, #8DC4FB, #5AA3FB);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8DC4FB', EndColorStr='#5AA3FB');
	border-bottom: solid 1px #6085AC;
}

#calendar-next:hover {
	background: #5AA3FB url(/resources/common/images/calendar/calendar_header_bar_button_hover.png) repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#8DC4FB), to(#5AA3FB));
	background: -moz-linear-gradient(top, #8DC4FB, #5AA3FB);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#8DC4FB', EndColorStr='#5AA3FB');
	border-bottom: solid 1px #6085AC;
}

#calendar-month {
	width: 100%;
	font-weight: bold;
}

/**** calendar body ****/
#calendar-grid {
	border-collapse: collapse;
	width: 100%;
}

#calendar-days-header {
	border-left: solid 1px #ccc;
	border-right: solid 1px #ccc;
}

#calendar-days-header tr th {
	text-align: center;
	text-transform: capitalize;
	color: #999;
	font-size: 10pt;
	color: #787878;
	font-weight: normal;
	border-top: none;
	padding-top: 3px;
	padding-bottom: 3px;
	text-shadow: 0 1px 0 #dedede;
}

#calendar-grid tbody tr td {
	border: solid 1px #ccc;
	width: 14%;
	height: 90px;
	vertical-align: top;
}

#calendar-grid tbody tr td.shade {
	background-color: #F2FAFF;
}

#calendar-grid tbody tr td.shade.today {
	background-color: #FFECD7;
}

#calendar-grid tbody tr td div.day-number-header {
	font-size: 10pt;
	padding: 2px;
	position: relative;
	color: #333;
}

#calendar-grid tbody tr td.shade div.day-number-header {
	text-shadow: 0 1px 0 #fff;
}

#calendar-grid tbody tr td div.day-events {
	font-size: 8pt;
}

#calendar-grid tbody tr td div.day-events a:link, #calendar-grid tbody tr td div.day-events a:active, #calendar-grid tbody tr td div.day-events a:visited {
	color: #3969A2 !important;
	text-decoration: none;
}

#calendar-grid tbody tr td div.day-events a:hover, #calendar-grid tbody tr td div.day-events a:focus {
	color: #457DBF;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
}

#calendar-grid tbody tr td div.day-events div.day-event {
	padding: 2px 3px;
	margin-bottom: 5px;
	line-height: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}

div.day-event.shade1 {
	background-color: #F6F6F6;
}

div.day-event.shade2 {
	background-color: #E9E9E9;
}

div.day-event.shade3 {
	background-color: #FFDBF2;
}

div.day-event.shade4 {
	background-color: #FFD7D6;
}

div.day-event.shade5 {
	background-color: #FFF0D3;
}

div.day-event.shade6 {
	background-color: #FCFFC5;
}

div.day-event.shade7 {
	background-color: #DBF8DC;
}

div.day-event.shade8 {
	background-color: #E4EFFC;
}

div.day-event.shade9 {
	background-color: #D8E2FF;
}

div.day-event.shade10 {
	background-color: #F3E7FF;
}

/**** list styles ****/
.listBlock {
	background: #FFF;
	padding: 0px;
	color: #666;
	font-size: 11pt;
	border-bottom: 1px solid #999;
}

.listBlock.shade {
	border-bottom: 1px solid #457DBF;
	background: #F2FAFF;
}

.listBlock.shade.today {
	border-bottom: 1px solid #EC8E12;
	background: #FFECD7;
}

.listNumberHeader {
	color: #666;
	padding: 3px;
	padding-bottom: 7px;
	font-size: 15pt;
	position: relative;
	/*border-bottom: 1px solid #ddd;*/
}

.listNumberHeader.shade {
	color: #457DBF;
	border-bottom: 1px solid #457DBF;
}

.listNumberHeader.shade.weekend {
	color: #333;
	border-bottom: 1px solid #333;
}

.listNumberHeader.shade.today {
	color: #EC8E12;
	border-bottom: 1px solid #EC8E12;
}

.listBlockAdmin {
	padding: 2px;
	padding-left: 10px;
	font-size: 10pt;
	border-top: solid 1px #ddd;
}

.listBlockEvents {
	clear: both;
}

.listBlockEvent {}

.listBlockEventName {
	font-weight: bold;
	font-size: 10pt;
	padding-left: 5px;
}

.listBlockEventDates {
	font-weight: bold;
	font-size: 8pt;
	padding-left: 20px;
}

.listBlockEventDetails {
	font-size: 8pt;
	padding-left: 20px;
	padding-bottom: 5px;
	line-height: 14px;
}

.listBlockEventAdmin {
	padding: 2px;
	padding-left: 20px;
	font-size: 10pt;
}

/**
 * Cluetip styles
 * These styles are written to override the boxy look of the generic
 * cluetip styles to add more site specific styles to the plug-in
 */
#cluetip-title {
	border: none;
	position: relative;
	background: #457DBF url(/resources/common/images/calendar/calendar_cluetip_header_bar.png) repeat-x top left;
	background: -webkit-gradient(linear, left top, left bottom, from(#5AA3FB), to(#457DBF));
	background: -moz-linear-gradient(top, #5AA3FB, #457DBF);
	filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#5AA3FB', EndColorStr='#457DBF');
	color: #fff;
	text-shadow: 0 1px 0 #3969A2;
	border-bottom: solid 1px #3969A2;
	font-size: 11pt;
	padding: 5px 0 0px 4px !important;
	border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	font-weight: bold;
	margin-bottom: 0px !important;
}

#cluetip-inner {
	border: solid 1px #ababab;
	background-color: #fff;
	border-top: none;
	padding: 2px !important;
	font-size: 8pt;
}

#cluetip-inner div.cluetip-details-line {
	clear: both;
	padding: 2px 0;
}

#cluetip-inner div.cluetip-details-line div.cluetip-details-item {
	width: 50px;
	float: left;
	text-align: right;
	color: #666;
	font-weight: bold;
}

#cluetip-inner div.cluetip-details-line div.cluetip-details-descrip {
	margin-left: 55px;
}

#cluetip-inner div.cluetip-details-block {
	clear: both;
	margin-top: 5px;
	padding: 5px 0 5px 2px;
	border-top: solid 1px #ccc;
}

#cluetip-inner div.cluetip-admin-tools {
	clear: both;
	padding: 2px;
	border-top: solid 1px #ccc;
}

/**** calendar footer styles ****/
#calendar-footer {
	
}

#footer-legend {
	font-weight: bold;
	font-size: 11pt;
	margin-right: 310px;
	padding: 2px;
	margin-left: 2px;
}

#footer-go-to-box {
	text-align: right;
	float: right;
	width: 300px;
}

#footer-clear {
	font-size: 0;
	line-height: 0px;
	clear: both;
	height: 0;
}