/* Main CSS for Calendar */

h1, h2, h3, h4, h5, h6 {margin: 0; padding: 0;}
#splash {width: 700px; padding: 3px; background: #e4a600 url('/images/calendar_splash_bg.gif') no-repeat;}
#splash_menu {width: 700px; height: 28px;}

.calendar_banner {width: 699px; height:33px; background-color: #e7e7e7; color: #2e2e2d; text-transform: uppercase; margin-left:12px;border-top: solid 1px #b7b7b7;border-left: solid 1px #b7b7b7;border-right: solid 1px #b7b7b7; text-align:center;}
.calendar_banner td {padding-top:2px; vertical-align:middle}
.calendar_banner h2 {color: #2e2e2d; font-size: 15px; text-align: center; font-weight:bold;}
.callegend {margin:10px 0px 2px 25px;color: #2e2e2d; font-family:arial; font-weight: bold; font-size: 0.75em; text-decoration: none;}

#calendar {width: 700px; margin: 0 11px 11px 11px;}
#calendar table {width: 100%; border: solid 1px #b7b7b7; border-collapse: collapse;border-spacing: 0;}
#calendar table th {height: 25px; border: ridge 2px #ffffff; background: #e7e7e7; color: #2e2e2d; font-size: 0.75em; text-transform: uppercase; vertical-align: middle;}
#calendar table td {width: 14.2%; height: 100px; border: ridge 2px #ffffff; background: #e7e7e7; vertical-align: top; cursor: pointer;font-size:13px;}
#calendar table .hover {background: #cccccc;padding-top:0px;}
#calendar table td .day {width: 97%; padding-top: 0px; text-align: left; background-color:#2f374e;color:#ffffff;font-family:arial; font-weight: bold; font-size: 14px;padding:3px 0px 3px 5px;border-bottom: ridge 2px #ffffff;}
#calendar table td .inactiveday {height:20px; background-color:#e7e7e7;border-bottom: ridge 2px #ffffff;}
#calendar table td span {width: 100%; height: 15px; display: block; overflow: hidden; text-align: left; font-size: 0.7em;margin:5px 5px 0px 5px;text-decoration:underline; font-weight:bold;}

#calendar table td .event_container {width: 174px; display:none; position:absolute; z-index:1000;margin-top:20px;}

#calendar table td .event_container .header {width: 100%; height: 37px; background: transparent url('/images/event_popup_header.png'); font-size: 0em; _background: none;}
#calendar table td .event_container .contents {width: 174px; padding: 0px 0px 0px 0px; background: transparent url('/images/event_popup_bg.png'); _width: 174px;}
#calendar table td .event_container .footer {width: 100%; height: 24px; background: transparent url('/images/event_popup_footer.png'); font-size: 0em;}

#calendar table td .event_container .contents .event {margin: 0 10px; padding-top: 7px; padding-bottom:10px; border-bottom: solid 1px #000; overflow:hidden;}

.event_type1 {background-image:url(/images/cal_v.jpg); background-repeat:no-repeat;padding-left:13px; vertical-align:middle;}
.event_type2 {background-image:url(/images/cal_p.jpg); background-repeat:no-repeat;padding-left:13px; vertical-align:middle;}

.timetext {width: 100% !important; height: 10px !important; display: block !important; overflow: hidden !important; text-align: left !important; font-size: 0.7em !important;margin:0px 0px 3px 18px !important;}

/* popup content style */

.eventtitle {float:left;color:#fff;font-weight:bold;font-size:11px;margin-left:5px;}
.eventtype {float:left;color:#fff;padding-left:2px;text-transform:uppercase;font-style:italic;font-size:10px;}
.eventdesctext {color:#fff;font-size:9px;margin-right:5px;margin-left:5px;}
.boxofficel {float:left;color:#fff;font-size:10px;margin-top:5px;margin-left:5px;}
.boxofficer {float:left;margin-left:2px;font-weight:bold;color:#fff;font-size:10px;margin-top:5px;margin-bottom:10px;margin-left:5px;}
.clear {clear:both;}
.caldetails {margin:0px 0px 0px 20px}

.caldetailsbutton {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f6efdf), color-stop(1, #caa75f) );
	background:-moz-linear-gradient( center top, #f6efdf 5%, #caa75f 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f6efdf', endColorstr='#caa75f');
	background-color:#caa75f;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border:1px solid #caa75f;
	display:inline-block;
	color:#2e2e2d;
	font-family:arial;
	font-size:10px;
	font-weight:bold;
	padding:3px 14px;
	text-decoration:none;
}.caldetailsbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #b1b1b1), color-stop(1, #010101) );
	background:-moz-linear-gradient( center top, #b1b1b1 5%, #010101 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#b1b1b1', endColorstr='#010101');
	background-color:#595959;
	border:1px solid #595959;
	box-shadow:inset 0px 1px 0px 0px #595959;
	color:#ffffff;
}.caldetailsbutton:active {
	position:relative;
	top:1px;
}