/* CSS Document for Motels Connect Front Page Calendar Control */

#frontcal body {
	font-family: Helvetica, Tahoma, Arial, sans-serif;
	text-align: center;
	font-weight: normal;
	
}
#frontcal a {
	text-align: center;
	text-decoration: none;
	color: #000000;
	text-align: center;
}
#frontcal a:hover {
	text-decoration: none;
	color: #006699;
}
#frontcal .year {
	border-style: outset;
	border-width: 1px;
	background-color: #e4e4e4;
	text-align: center;
}
#frontcal .month {
	border-style: none;
	background-color: #FFF;
	text-align: center;
	padding: 10px auto;
	width: 100%; 
}

#frontcal .month a {
	text-align: center;
}

#frontcal .yearname {
	text-align: center;
	font-weight: bold;
}
#frontcal .monthname {
	text-align: center;
	font-weight: bold;
	background-color:#DADAB6;
	color:#666666;
	padding: 5px 5px 5px 5px;
	border: none;
	border-collapse: collapse;
	
}
#frontcal .dayname {
	text-align: center;
	font-weight: bold;
	background-color: #ffffff;
	color: #006699;
	border-width:1px;
	border-color:#DADAB6;
	padding: 3px;
}
#frontcal .weeknumtitle {
	text-align: center;
	
	font-weight: normal;
	background-color: #e9e9e9;
	border-style: outset;
	border-width:1px
}
#frontcal .weeknum {
	text-align: center;
	
	height:20px;
	width:20px;
	color: #000099;
	background-color: #e9e9e9;
}
#frontcal .yearnavigation {
	
}
#frontcal .datepicker {
	background-color: #e4e4e4;
}
#frontcal .datepickerform {
	margin: 0px;
}
#frontcal .monthnavigation {
	font-family: Tahoma, Arial, sans-serif;
	background-color:#DADAB6;
	border: none;
	border-collapse: collapse;
}
#frontcal .monthpicker {
	
	background-color: #eeeeee;
}
#frontcal .yearpicker {
	background-color: #eeeeee;
}
#frontcal .pickerbutton {
	background-color: #eeeeee;
	border-style: solid;
	border-color: #000000;
	border-width: 1px;
}
#frontcal .nomonthday {
	text-align: center;
	height:20px;
	width:20px;
	color: #aaaaaa;
}

#frontcal .monthday {
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	height:20px;
	width:20px;
	border: 1px #ddd solid;
}


#frontcal .today {
	text-align: center;
	font-weight: bold;
	background-color: #fff;
	color: #000;
	height:20px;
	width:20px;
	border:2px solid #FF0000;
}
#frontcal .selectedday {
	text-align: center;
	font-weight: bold;
	background-color:#FFFFFF;
	height:20px;
	width:20px;
}
#frontcal .sunday {
	text-align: center;
	font-weight: bold;
	color: #000000;
	height:20px;
	width:20px;
	background-color:#CCCCCC;
}
#frontcal .sunday a {
	color: #000000;
}
#frontcal .saturday {
	text-align: center;
	font-weight: bold;
	color: #000;
	height:20px;
	width:20px;
	background-color:#CCCCCC;
}
#frontcal .saturday a {
	color: #000000;
}
#frontcal .event {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	height:20px;
	width:20px;
    border: 1px solid #006699;
    background-color:#666666;
}
#frontcal .event a {
	text-align: center;
	color:#FFFFFF;
}

#frontcal .event a:hover {
	
	color:#ffff99;
}

#frontcal .selectedevent {
	text-align: center;
	font-weight: bold;
	color: red;
	background-color:#FFF;
	height:20px;
	width:20px;
}
#frontcal .selectedevent a {
	background-color: #ffff99;
	color: red;
	text-align: center;
}
#frontcal .todayevent {
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#666666;
	height:20px;
	width:20px;
    border: 2px solid #cc0000;
}

#frontcal .eventcontent {
	text-align: center;
	border-style: outset;
	border-width: 1px;
	width: 100%;
}

#frontcal .booked { }
#frontcal .avail {
	text-align: center;
	font-weight: bold;
	background-color: #FFFFFF;
	color: #000000;
	height:20px;
	width:20px;
	border: 1px #ddd solid; 
	}