/** Events Calendar v4.0 for zencart v1.5.1 								*/
/** --------------------------------------------------------------------- 	*/

/* Sidebox */

table.calendarBox {
	width: 100%;
	height: 220px; /* height must be same as iFrame.calendarBox */
	margin: 0;
	padding: 0;
	cursor: default;
	background: #eee;
	}

iframe.calendarBox {
	width: 100%;
	height: 220px; /* height must be same as table.calendarBox */
	}

td.yearHeader { /* added */
	margin-top:1em;
	margin-bottom:0em;
	padding-bottom: 0em;
	}

.yearHeader { /* left & right directional arrows on calendar title */
	font-size: 0.95em;
	font-weight: bold;
	}

.yearHeader SELECT { /* month & year dropdown box spacings */
	font-size: 0.8em;
	background: #ffd;
	padding: 0.1em 0;
	}

.yearHeaderButton { /* Go & Year button spacings */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 0.85em;
	font-weight: bold;
	border: 1px solid #ccc;
	background: #ffd;
	cursor: pointer;
	padding: 0.25em 0.25em;
	}

.calendarMonth { /* days text */
	font-size: 0.95em;
	background: #f1f1f1;
	border: 1px solid #fff;
	width: 100%;
	}

.calendarHeader { /* days */
	font-size: 0.95em;
	font-weight: bold;
	color: #666;
	height: 22px;
	width: 100%;
	border-top: 1px solid #A78EAB;
	}

.calendarToday { /* today box */
	font-size: 0.9em;
	color: #000;
	font-weight: normal;
	text-align: center;
	vertical-align: middle;
	border:1px solid #090;
	}

.calendarWeekend { /* numbers weekends */
	font-size: 0.9em;
	color: #000;
	background: #efe;
	border:1px solid #fff;
	text-align: center;
	vertical-align: middle;
	}

.calendar { /* Days M-F */
	font-size: 0.9em;
	color: #000;
	background: #E4F0F3;
	border:1px solid #fff;
	text-align:center;
	vertical-align: middle;
	}

.empty {
	background: #f1f1f1;
	}

/* list number */
.calendar a:link, .calendarToday a:link, .calendarWeekend a:link {
	color: #00f;
	text-align:center;
	font-weight: bold;
	}

.calendar a:visited, .calendarToday a:visited, .calendarWeekend a:visited {
	color: #900;
	text-align:center;
	}

.calendar a:visited:hover, .calendarToday a:visited:hover, .calendarWeekend a:visited:hover {
	background: #900;
	}

.calendar a:hover, .calendarToday a:hover, .calendarWeekend a:hover, .yearHeader a:hover {
	background: #ff0;
	}

.pageHeading {
	color: #000;
	text-align: center;
	}

.main {
	background: #eee;
	}

.eventcalImage {
	width:40%;
	vertical-align: top;
	text-align: center;
	}

.eventDropdown {
	float:right;
	margin-bottom:1em;
	}