@charset "utf-8";
/* CSS Document */

.calendarWrapper {
	background-image: url(../calendar/images/content_background.png );
	border-style: solid;
	border-width: 1px;
	border-color: #000066;
	font-family:  Geneva, Arial, Helvetica, sans-serif;
	font-size:    10px;
	margin:       auto ;
}

.calendarWrapper .calDayHeader { padding: 2px ; background-color: #ffffff ; text-align: center ; }
.calendarWrapper .calHeader .title { margin-top: 2px; text-align: center; font-size: 14px; font-weight: 700 ; color: #000066 ; }
.calendarWrapper .calHeader { font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; }
.calendarWrapper .calHeader .month { color:  #000066 ; cursor: pointer; font-size: 10px ; }
.calendarWrapper .calHeader .previous { float: left ; }
.calendarWrapper .calHeader .next { float: right; }
.eventIcon { width:45px; height:45px ; }

.calendarWrapper .calendarDayNumber {
	color: #ffffff ;
	cursor: pointer;
	font-size: 12px;
	font-weight: 900;
	height: 1.5em;
	padding: 0 5px ;
	cursor:  pointer;
	vertical-align: middle;
	background-color: #000066;
	float: right ;
	margin:-5px -5px 0 0 ;
}

.calendarWrapper .calendarDayCell {
	border: 1px solid #000066;
	width:  110px;
	height: 110px;
	padding: 5px ;
	vertical-align:top;}

#tip {
	position:    absolute;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:   9px;
	border:      navy 1px solid;
	z-index:     2;
	display:     none;
	padding:     1px 3px;
	background-color:#ffFFFF;
}

#day_detail {
	position: absolute ;
	display:none;
	z-index:2;
}

#event_detail_box {
	position: absolute;
	z-index:3;
	display:none;
}

.dayHour {
	font-size: 8pt ;
	color: #0000c0 ;
	text-align: right;
	white-space:nowrap;
	vertical-align: top ;
	width: 7em ;
}

.dayTitle {
	width: 300px;
	padding-left: 10px;
	vertical-align: top ;
	font-size: 8pt;
}

.dayHourOdd {
	background-color: #ffffff ;
	border-color: blue ;
	height: 1.3em ;
	border-collapse: separate;
}

.dayHourEven {
	height: 1.3em ;
	background-color: #e9e9e9 ;
}

.day_detailTable, .event_detailTable{
	padding: 4px 10px 5px 10px;
	width: 100%;
	border-collapse:collapse ;
}

.day_detailDate, .event_detailHeader{
	text-align: left;
	color: #c00000;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 16px;
	padding: 0px 0 0 5px ;
	font-weight:600 ;
	background-image: url(../calendar/images/detail_header.png) ;
}

.day_detailClose, .event_detailClose {
	text-align:right;
	color: #c00000;
	cursor: pointer;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight:800 ;
	margin:-25px 5px 0 335px;
	z-index: 3 ;
	width: 2em ;
}

.calHeader {
	background-image:url(../calendar/images/calendarheaderbackground.png);
	background-repeat:no-repeat ;
	border:  1px solid #6600CC;
	border-bottom: 1px solid #6600CC;
	background-color:white;
}

#TICKER {
	white-space:nowrap;
	width:93%;
	position:absolute;
	top: 39px;
	overflow:hidden;
	height:25px;
	color:red;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	opacity: 0 ; /* start off with invisible text to determine the size of the text to display. */
}

#TICKER_Wrapper { width: 100% ; height:1.5em ;}

#message {
	left:330px;
	position:relative;
	margin:0px;
	padding:0px;
}