/* CALENDAR STYLES */
#calendarBody { position: relative; width: auto; height: auto;
			  text-align: left;
			  background-color: #E5E5E5;
		 	  padding: 5px 3px 5px 3px;
		 	  margin: 10px auto;
		 	  border: 0;
			}

#calendarBody td {
	line-height: 13px;
}

#calendarBody td a {
	color: #000;
	text-decoration: none;
}
#calendarBody td a:hover {
	color: #fff;
}

#contentCourseBox {
    width: 520px;
    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 20px 20px 0 30px;
    float: left;
}

* html #contentCourseBox {
    width: 520px;
    height: auto;
    background-color: #fff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    margin: 20px 0 0 15px;
    float: left;
}

#contentCourseBox th {
	font-size: 11px;
    background-color: #eee;
    padding: 2px 6px 2px 2px;
    border: 0;
}



#contentCourseBox th.sortUpDateDf {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #eee;
	color: #000;
	padding-left: 20px;
	border-right: 1px solid #aaa;
	cursor: pointer;
}
#contentCourseBox th.sortUpDateDf:hover {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #fff;
	padding-left: 20px;
	border-right: 1px solid #aaa;
}
#contentCourseBox th.sortUpDateHi {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	padding-left: 20px;
	border-right: 1px solid #aaa;
	cursor: pointer;
}
#contentCourseBox th.sortUpDateHiDown {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowDown.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	padding-left: 20px;
	border-right: 1px solid #aaa;
	cursor: pointer;
}

#contentCourseBox th.sortUpDate {
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	padding-left: 20px;
	border-right: 1px solid #aaa;
	cursor: pointer;
}

#contentCourseBox th.sortUpCourseDf {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #eee;
	color: #000;
	border-right: 1px solid #aaa;
	cursor: pointer;
}
#contentCourseBox th.sortUpCourseDf:hover {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	border-right: 1px solid #aaa;
}
#contentCourseBox th.sortUpCourseHi {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowUp.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	border-right: 1px solid #aaa;
	cursor: pointer;
}
#contentCourseBox th.sortUpCourseHiDown {
	font-size: 11px;
	background-image: url(../../interfaceImg/simpleArrowDown.gif); background-repeat: no-repeat; background-position: right 1px;
	background-color: #b5d7f5;
	color: #ee1c00;
	border-right: 1px solid #aaa;
	cursor: pointer;
}



#contentCourseBox td {
	font-size: 11px;
    padding: 2px 6px 2px 2px;
    border-bottom: 1px solid #7ba9cd;
}
.lastCol {
	padding-left: 10px;
}

.tableLineDf {
	color: #000;
	background-color: #fff;
	cursor: pointer;
}

.tableLineHi {
	color: #ee1c00;
	background-color: #b5d7f5;
	cursor: pointer;
}

.monthBody	{ width: auto; height: auto;
			  text-align: left;
			  background-color: transparent;
		 	  padding: 0; margin: 1px 2px 14px 1px;
		 	  border: 0; float: left;
			}
			
.monthBodyC	{ width: auto; height: auto;
			  text-align: left;
			  background-color: transparent;
		 	  padding: 0; margin: 1px 2px 14px 1px;
		 	  border: 0; clear: left; float: left;
			}
			
.yearFld	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #000; 
          	  width: 58px; padding-left: 2px; border: 1px solid #eee; }
.yearFldHi	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; text-align: left; color: #000; 
          	  width: 58px; padding-left: 2px; border: 1px solid #5db7e3; }
 
.monN		{ height: 22px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #012F6A; 
			  /* background-image: url(../images/calN.gif); background-repeat: repeat-x; background-position: 0px 2px; */
			  background-color: transparent;
			  cursor: default; }
			  
.neutralS	{ background-color: transparent;
			  /* background-image: url(../images/calN.gif); background-repeat: repeat-x; background-position: 0px 0px; */
			  border: 0;  }
.neutralE	{ background-color: transparent;
			  /* background-image: url(../images/calN.gif); background-repeat: repeat-x; background-position: 0px 0px; */
			  border: 0;  }
.neutralxE	{ background-color: transparent;
			  /* background-image: url(../images/calN.gif); background-repeat: repeat-x; background-position: 0px 0px; */
			  border: 0; }


.selectedDay	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff;
			  background-color: #ee1c00; cursor: pointer; }
			  
.selectedDayOver	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff;
			  background-color: #00498e; cursor: pointer; }
			  
.tl { 
	background-color: #eee;
}


.curDay		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #cc0000;
			  background-color: #b5d7f5; cursor: pointer; }
			  
.curDay:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff;
			  background-color: #cd0000; cursor: pointer; }

.curDay:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff;
			  background-color: #cd0000; cursor: pointer; }
			  
			  
.dayN		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000;
			  background-color: transparent; cursor: pointer; }
			  
.dayN:hover		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #012F6A;
			  background-color: transparent; cursor: pointer; text-decoration: underline;}
			  
.dayN:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
.lastDayN	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #000;
			  background-color: transparent; border-right: 1px solid #fff;  }
			  
.daySo		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #bb0000;
			  background-color: transparent; cursor: pointer; }
			  
.daySo:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #012F6A;
			  background-color: transparent; cursor: pointer; text-decoration: underline;}
			  
.daySo:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
.daySa		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #444;
			  background-color: transparent; cursor: pointer; }
			  
.daySa:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #012F6A;
			  background-color: transparent; cursor: pointer; text-decoration: underline;}
			  
.daySa:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
			  
.dayHoli	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #cc0000;
			  background-color: transparent; cursor: pointer; }
			  
.dayHoli:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #012F6A;
			  background-color: transparent; cursor: pointer; text-decoration: underline; }
			  
.dayHoli:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
			  
.daySoHoli	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #cc0000;
			  background-color: transparent; cursor: pointer; }
			  
.daySoHoli:hover	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #012F6A;
			  background-color: transparent; cursor: pointer;  text-decoration: underline;}
			  
.daySoHoli:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
			  
.dayNx		{ width: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #00488c; padding: 0 1px 0 1px;
			  background-color: transparent; cursor: default; }
.daySox		{ width: 17px; font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 10px; color: #bb0000; padding: 0 1px 0 1px;
			  background-color: transparent; cursor: default; }
			  
			  
.btnL		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;
				background-image: url(../../interfaceImg/arrowBlueL.gif); background-repeat: no-repeat; background-position: 4px 2px;
			  background-color: transparent; cursor: pointer; }
			  
.btnL:hover		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
				background-image: url(../../interfaceImg/arrowRedL.gif); background-repeat: no-repeat; background-position: 4px 2px;
			  background-color: transparent; cursor: pointer; }
			  
.btnL:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
			  background-image: url(../images/calDn.gif); background-repeat: repeat-x; background-position: 0px 0px;
			  background-color: transparent; cursor: pointer; }
			  
.btnR		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #000;
				background-image: url(../../interfaceImg/arrowBlueR.gif); background-repeat: no-repeat; background-position: 2px 2px;
			  background-color: transparent; cursor: pointer; }
			  
.btnR:hover		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
				background-image: url(../../interfaceImg/arrowRedR.gif); background-repeat: no-repeat; background-position: 2px 2px;
			  background-color: transparent; cursor: pointer; }
			  
.btnR:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
			  
.btnS		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
.btnS:hover		{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
			  background-color: transparent; cursor: pointer; }
			  
.btnS:active	{ font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold; font-size: 11px; color: #fff;
			  background-color: transparent; cursor: pointer; }
/* CALENDAR STYLES END */

.displayArea {
	border: 1px solid #ddd;
}



.mMenuContentAutoHeight {
    width: auto;
    height: auto;
    font-size: 11px;
    margin: 0;
    padding: 6px 10px 6px 17px;
}

.mMenuDf {
/*	font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 3px 0 0 10px;
*/	display: block;
	cursor: pointer;

}
.mMenuHi {
/*	font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
	color: #ee1c00;
	background-color: transparent;
	margin: 3px 0 0 10px;
*/	display: block;
	cursor: pointer;
}

a.mMenu {
	font-family: Arial, Verdana, Helvetica, sans-serif; font-weight: bold;
	color: #000;
	background-color: transparent;
	margin: 3px 0 0 10px;
	display: block;
	cursor: pointer;
}
a.mMenu:hover {
	color: #ee1c00;
}


#cal h2 {
	padding: 3px 5px 3px 17px;
	font-size: 11px;
	color: #fff;
	background-color: #012F6A;
}


#calendarBody a {
	padding: 0;
	margin: 0;
}