/*
 * Mootools Events Calendar - 600px x 400px
*/

/* Calendar Header/Controls */
.mooECal{margin:0; padding:0; width:600px; height:400px; border:1px solid #FFF; border-left:none; text-align:center; border-collapse:separate; font-family:Arial, Helvetica, sans-serif;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
thead tr{height:30px;}
.trControls{height:30px;}
.thControls, .ulControls{text-align:left;}
.thControls{ border-bottom:1px solid #FFF; border-left:1px solid #FFF; height:30px;}
.mooECal .liHeaderCal{font-size:1.0em; float:right; width:52%; text-align:center; margin-right:2%;} /* date range of current view */
.aPrevCal,.aNextCal{text-decoration:none; font-size:1.2em;} /* left/right nav arrow */
.mooECal .liNextCal{float:right;}
.mooECal .liLoading{font-size:0.8em; color:#999; letter-spacing:0.3em; margin-left:2%;}/* "loading..." text */
/* month, week, day view links*/
.ulViewPicker li{float:right;}
.aViewCal{text-decoration:none; font-size:10px; margin-right:1.2em; color:#999;} 
.aViewCal:hover{text-decoration:underline;}
/* mon, tues, wed ... row */
.mooECal tr.dowRow{height:10px;}
.mooECal tr.dowRow th{border-left:1px solid #FFF; font-size:0.6em; text-align:center; height:10px;}
.mooECal tr.dowRow th li{float:left; width:14.28%;}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height:90%;}
.monthDay,.weekDay,.dayDay{border:1px solid #FFF; border-right:none; border-bottom:none; width:14%; text-align:left; vertical-align:top;}
.mooECal td.dayDay{padding:2%;}
.mooECal td {background-color:#c2d184; text-align: center;} /* regular days */
.mooECal td.hover{background-color:#d5e1a2;} /* color when hovering a day */
.mooECal td.selected{background-color:#c2d184;} /* color for the selected day */
.mooECal td span{color:#333; font-size:0.8em;} /* day of the month (1-31) */
.monthDay div{height:55px; overflow:hidden; cursor:default;}
.mooECal td div div{font-size:10px; color:#757575; height:12px; overflow:hidden; cursor:default;}
.mooECal td a{font-size:10px; color:#757575; text-decoration:underline;}
.mooECal td div.fullEvent{height:auto; overflow:auto; font-size:14px; border-bottom:1px solid #DDD;}
/* tips styling */
.tip {color: #fff; z-index: 13000; background-color:#666; -moz-border-radius: 3px; -webkit-border-radius: 3px; font-family: Tahoma, Arial, Verdana, Sans-serif;}
.tip-title {font-weight: bold;font-size: 11px;margin: 0;padding: 8px 8px 4px;}
.tip-text {font-size: 11px;padding: 4px 8px 8px;}
.tip a{text-decoration:none; color:#FFF; font-size: 11px;}
.tip { width: 300px; }


/* Calendar tweakz */

#calBody {
	margin-left: 55px; /* This will roughly centre the calendar */
}

#calBody .liViewPicker {
	display: none; /* Knock out the day / week / month selector */
}

#calBody .liPrevCal a, #calBody .liNextCal a {
	color: 9ab33d;
	font-size: 12px;
	margin: 0px 10px 0px 10px;
}

#calBody .liHeaderCal {
	position: relative;
	left: -90px;
	top: 10px;
	font-size: 19px;
	color:#505B68;
	font-weight: normal;
}

.prev, .next {
	height: 30px;
	width: 35px;
	padding-top: 10px;
}

.prev {
	background: url('/images/interface/cal-arrow-left-large.gif') no-repeat;
}

.next {
	background: url('/images/interface/cal-arrow-right-large.gif') no-repeat right top;
}

#calBody .liPrevCal a, #calBody .liNextCal a {
	color: white;
}

tr.dowRow {
	background-color: #b4c667;
}

.dowRow li {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	height: 25px;
	padding-top: 9px;
}

.mooECal td span {
	color: #FFFFFF;
	padding-top: 20px;
	font-size: 12px;
}

.mooECal td div div {
	color: white;
}

.mooECal td div div {
	background: #adb9ab;
	color: white;
}

.mooECal td div div:hover {
	background: #e9f6b1;
	color: black;
}

.thControls {
	height: 20px;
}