/*
 * Mootools Events Calendar - 800px x 500px
*/

/* Calendar Header/Controls */
.mooECal{margin:0; padding:0; width:310px; height:182px; text-align:center; font-family:Arial, Helvetica, sans-serif;}
.mooECal li, .mooECal ul{list-style:none; display:inline; margin:0; padding:0;}
.thControls, .ulControls{text-align: center;}
.thControls{ border:0px solid #ffffff;}
.mooECal .liHeaderCal{font-size:14px; text-align:center;} /* Header title (month/year) */
.aPrevCal{text-decoration:none; font-size:14px;} /* left/right nav arrow */
.aNextCal{text-decoration:none; font-size:14px;} /* left/right nav arrow */
.mooECal .liPrevCal{float:left;}
.mooECal .liNextCal{float:right;}
.mooECal .liLoading{display: none; font-size:11px; color:#999; letter-spacing:0.2em; margin-left:3%;}/* "loading..." text */
/* month, week, day view links*/
.ulViewPicker li{ display:none;float:right;}
.aViewCal{display: none; text-decoration:none; font-size:10px; margin-right:11px; color:#ffffff;} 
.aViewCal:hover{text-decoration: underline;}
/* mon, tues, wed ... row */
.mooECal tr.dowRow th{ display: none; font-size:9px; text-align:center;}
.mooECal tr.dowRow th li{display: none; float:left; width:14.2%;}


/* Calendar Body */
.monthWeek{overflow:hidden;}
.weekWeek,.dayDay{height: 40px;}
.monthDay,.weekDay,.dayDay{background-color: #e9e9e9; border:3px solid #f4f4f4; height: 40px; width: 40px; vertical-align:middle;}
.mooECal td.dayDay{ height: 40px; width: 40px; text-align: center; padding:2%;}
.mooECal td.hover{background-color:#ffffff;} /* color when hovering a day */
.mooECal td.selected{background-color:#ae3c38;} /* color for the selected day */
.mooECal td.empty{background-color:#dfdfdf;} /* color for the empty cell */
.mooECal td.monthDay DIV.selected{background-color:#ae3c38;} /* color for the selected day */
.mooECal td span{ vertical-align: middle; color:#ae3c38; font-size:14px;} /* day of the month (1-31) */
.mooECal td.selected span {color: #ffffff;} /* color for the selected day */
.monthDay div{height: 0px; overflow:hidden; cursor:default;}
.mooECal td div div{font-size:10px; color:#000000; overflow:hidden; cursor:default;}
/* .mooECal td a{font-size:10px; color:#009; 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;}
.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-top{
	width:220px;
	height:12px;
	background-image:url(/images/solutions-architecture/tip-top.png);
}


.tip-bottom{
	width:220px;
	height:12px;
	background-image:url(/images/solutions-architecture/tip-bot.png);
}


.tip{
	background-color:#CB3733;
	width:200px;
	padding:0px 10px 0px 10px;
	color:#F4F4F4;
	line-height:15px;
}

.tip .tip-text{
	
}