/* CALENDAR */
#calendar {
	width:600px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#fff;
	padding:10px 0 0 20px;
}
#calendar img {
	margin:0;
}
/* CALENDAR HEADER */
#calendarHeader {
	width:690px;
	height:30px;
	float:left;
}
#calendarHeaderL {
	float:left;
	width:350px;
	height:34px;
	padding:6px 0 0;
}
#calendarHeaderL H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#2e70a9;
	margin:0;
	padding:0;
}
#calendarHeaderR {
	float:left;
	width:235px;
	height:40px;
}
#calendarHeaderRArrows {
	float:left;
}
.calendarHeaderDivider {
	float:left;
	width:1px;
	height:27px;
	background-image:url(../images/calendar/dividerV.png);
	background-repeat:repeat-y;
	margin:0 5px 0 10px;
}
#calendarHeaderRType {
	float:left;
	width:78px;
	height:27px;
	margin:0 0 0 10px;
}
#calendarHeaderRRSS {
	float:left;
	width:30px;
	height:27px;
	margin:0;
	padding:0 5px 0 0;
}
/* CALENDAR TABLE */
#calendarMain {
	float:left;
	width:600px;
	margin:15px 0 0;
}
.tblCal {
	border-color:#929292;
	border-style:solid;
	border-width:0 0 1px 1px;
}
.tblCal td {
	width:76px;
	height:75px;
	background-color:#fff;
	vertical-align:top;
	border-color:#929292;
	border-style:solid;
	border-width:1px 1px 0 0;
	margin:0;
	padding:4px;
}
#calendarDays {
	width:596px;
	height:27px;
	color:#FFF;
	background-color:#2e70a9;
}
.calendarDayTxt {
	float:left;
	width:84px;
	height:20px;
	text-align:center;
	font:13px  Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#fff;
	padding:5px 0 0;
}
.tblCalDate {
	float:left;
	width:20px;
	height:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#6c6c6c;
	text-align:center;
}
.tblCalCurDate {
	float:left;
	width:20px;
	height:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#5e4c25;
	text-align:center;
}
/* CALENDAR COLORS 
 GREEN */
.calType1 {
	float:left;
	width:68px;
	background-color:#9df384;
	border:#6dbe56 solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#3a8723;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* PINK */
.calType2 {
	float:left;
	width:68px;
	background-color:#f5b8f1;
	border:#e986e4 solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#91448c;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* BLUE */
.calType3 {
	float:left;
	width:68px;
	background-color:#7bd2ff;
	border:#2696d1 solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#005a89;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* ORANGE */
.calType4 {
	float:left;
	width:68px;
	background-color:#f3a334;
	border:#c47a12 solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#7a4700;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* RED */
.calType5 {
	float:left;
	width:68px;
	background-color:#ff7e7a;
	border:#cc403b solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#951612;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* PURPLE */
.calType6 {
	float:left;
	width:68px;
	background-color:#9f8cff;
	border:#5034e1 solid 1px;
	font:9px Arial, Helvetica, sans-serif;
	color:#3823a6;
	overflow:hidden;
	text-align:center;
	cursor:pointer;
	margin:0 0 5px;
	padding:2px;
}
/* LEGEND */
#calLegend {
	float:left;
	width:614px;
	font:18px  Arial, Helvetica, sans-serif;
	color:#2e70a9;
	margin:20px 0 0;
}
.calLegendType {
	float:left;
	width:200px;
	height:14px;
	margin:10px 0 2px;
}
.calLegendTypeText {
	float:left;
	width:175px;
	height:14px;
	font:11px Arial, Helvetica, sans-serif;
	color:#000;
	margin:0 0 0 9px;
}
/* GREEN */
#calLegendType1 {
	float:left;
	width:14px;
	height:14px;
	background-color:#9df384;
	border:#6dbe56 solid 1px;
}
/*#calLegendType1:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 PINK */
#calLegendType2 {
	float:left;
	width:14px;
	height:14px;
	background-color:#f5b8f1;
	border:#e986e4 solid 1px;
}
/*#calLegendType2:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 BLUE */
#calLegendType3 {
	float:left;
	width:14px;
	height:14px;
	background-color:#7bd2ff;
	border:#2696d1 solid 1px;
}
/*#calLegendType3:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 ORANGE */
#calLegendType4 {
	float:left;
	width:14px;
	height:14px;
	background-color:#f3a334;
	border:#c47a12 solid 1px;
}
/*#calLegendType4:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 RED */
#calLegendType5 {
	float:left;
	width:14px;
	height:14px;
	background-color:#ff7e7a;
	border:#cc403b solid 1px;
}
/*#calLegendType5:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 PURPLE */
#calLegendType6 {
	float:left;
	width:14px;
	height:14px;
	background-color:#9f8cff;
	border:#5034e1 solid 1px;
}
/*#calLegendType6:hover {
		background-image:url(../images/calendar/icoCheck.png);
		background-position:center;
		background-repeat:no-repeat;
	}
 CALENDAR POPUP */
#calendarPopup {
	float:left;
	position:absolute;
	width:265px;
	background-color:#f8f8f8;
	border:#999 solid 1px;
	font:10px Verdana, Arial, Helvetica, sans-serif;
	color:#777;
	line-height:12px;
	margin:180px 0 0 130px;
	padding:6px 6px 10px 10px;
}
#calendarPopup a {
	color:#5595ba;
	text-decoration:underline;
}
#calendarPopup a:hover {
	color:#000;
	text-decoration:none;
}
#calendarPopup h2 {
	width:200px;
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#2e2e2d;
	margin:3px 0 8px;
}
.calendarPopupL {
	float:left;
	width:65px;
	color:#000;
	font-weight:700;
	margin:3px 0;
}
.calendarPopupR {
	float:left;
	width:200px;
	margin:3px 0;
}
.calendarPopupDivider {
	float:left;
	width:265px;
	height:1px;
	background-image:url(../images/calendar/dividerH.png);
	background-repeat:repeat-x;
	margin:10px 0 8px;
}
/* CALENDAR LIST VIEW */
#calendarList {
	font:13px Arial, Helvetica, sans-seriff;
	float:left;
	width:427px;
	color:#000;
	padding:0 20px 0 0;
}
.calendarListItem {
	float:left;
	width:437px;
	color:#666;
	padding:0 20px 0 0;
}
.calendarListItem a {
	color:#2e70a9;
	text-decoration:underline;
}
.calendarListItem a:hover {
	color:#000;
	text-decoration:underline;
}
.calendarListItem h3 {
	font:bold 12px Arial, Helvetica, sans-seriff;
	color:#2e70a9;
	margin:5px 0 0;
}
.calendarListItem h4 {
	font:18px bold Arial, Helvetica, sans-serif;
	color:#2e70a9;
	margin:8px 0;
	padding:0;
}
.calendarListL {
	float:left;
	width:75px;
	color:#000;
	font-weight:700;
	margin:3px 0;
}
.calendarListR {
	float:left;
	width:350px;
	margin:3px 0;
}
.calendarListDivider {
	float:left;
	width:430px;
	height:1px;
	background-image:url(../images/calendar/dividerH.png);
	background-repeat:repeat-x;
	margin:15px 0;
}
.calendarListSpacer {
	float:left;
	width:457px;
	height:1px;
	margin:5px 0;
}
.calendarListAttachments {
	float:left;
	width:457px;
	height:20px;
}
#calListLegend {
	float:left;
	width:148px;
	color:#000;
	margin:10px 0 0;
}
#calListLegend H2 {
	font:18px  Arial, Helvetica, sans-serif;
	color:#2e70a9;
	margin:0 0 8px;
	padding:0;
}
.calListLegend {
	float:left;
	width:158px;
	height:1px;
	background-image:url(../images/calendar/dividerH.png);
	background-repeat:repeat-x;
}

