#zvents_tabs {
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 8px 0px 0px 9px;
}

#zvents_tabs span {
	text-align: center;
	line-height: 16px;
	font-weight: bolder;
	vertical-align: bottom;
	color: #808080;
	background: #a8b6b9 url(../grafix/zvents_tabs.png) no-repeat 0px -40px;
	display: inline-block;
	padding: 2px 0px;
	margin: 0px 0px -8px 0px;
	width: 84px;
	cursor: pointer;
}
#zvents_tabs span:hover {
	color: #000;
}
#zvents_tabs span.selected {
	line-height: 20px;
	color: #fff;
	background: #789195 url(../grafix/zvents_tabs.png) no-repeat 0px 0px;
}

#zvents_widgets {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background: #f4fcff;
	border: 1px solid #789195;
	margin: 8px 0px 0px 6px;
	width: 298px;
	overflow: hidden;
}
#zvents_title {
	font-size: 13px;
	font-weight: bolder;
	text-align: center;
	color: #fff;
	background: #789195;
	padding: 2px;
	margin: 2px;
}

#zvents_features, #zvents_list {
	text-align: left;
	display: none;
}

#zvents_widgets li {
	list-style-type: none;
}


/* ---------------- */
/* widget 2 (tab 1) */
/* ---------------- */

#events_left {
	margin: 2px;
	width: 135px;
	float: left;
}

#events_left a {
	font-size: 16px;
	text-decoration: none;
	color: #3b3b3b;
	padding: 4px 4px 10px 4px;
	margin: 4px 0px;
	display: block;
	position: relative;
	border-bottom: solid 1px #ddd;
	width: 140px;
}

#events_left a:hover {
	text-decoration: none;
	color: #0060B7;
}

#events_left a.last {
	border-bottom: solid 0px #fff;
	margin-bottom: 0px;
}

#events_left .events_date {
	font-size: 11px;
	text-align: center;
	line-height: 34px;
	color: #444;
	background: url(../grafix/zvents_sprites.png) no-repeat -5px -44px;
	padding: 0px;
	margin: 0px;
	display: block;
	position: absolute;
	top: 1px;
	left: 120px;
	width: 26px;
	height: 26px;
}
#events_left a:hover .events_date {
	color: #000;
	background-position: -36px -44px;
}


#events_right {
	margin: 5px;
	width: 140px;
	float: right;
}

#event_widget_list {
	position: relative;
	width: 140px;
	height: 180px;
	overflow: hidden;
}

.zvents_zvent {
	float: left;
	position: absolute;
	width: 140px;
	height: 180px;
}

#events_pager_buttons {
	width: 100%;
	overflow: hidden;
}

.events_pager {
	font-weight: normal;
	text-decoration: none;
	color: #000;
	display: block;
	line-height: 18px;
	width: 60px;
	height: 18px;
}
.events_pager.enabled:hover {
	text-decoration: none;
	color: #000;
}
.events_pager.disabled {
	color: #888;
	cursor: default;
}
.events_pager .icon {
	background: url(../grafix/zvents_sprites.png) no-repeat -5px -5px;
	margin: 2px;
	float: left;
	width: 14px;
	height: 14px;
}

#events_list_prev {
	float: left;
}
#events_list_prev.enabled:hover .icon {
	background-position: -25px -5px;
}
#events_list_prev.disabled .icon {
	background-position: -45px -5px;
}

#events_list_next {
	text-align: right;
	float: right;
}
#events_list_next .icon {
	float: right;
	background-position: -5px -25px;
}
#events_list_next.enabled:hover .icon {
	background-position: -25px -25px;
}
#events_list_next.disabled .icon {
	background-position: -45px -25px;
}

.zvents_zvent_info a {
	color: #0060B6;
	font-weight: bolder;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
}


/* the sponsor */
#events_sponsor {
	font-size: 10px;
	text-align: center;
}
#events_sponsor img {
	vertical-align: middle;
}


/* ---------------- */
/* widget 1 (tab 2) */
/* ---------------- */

#event_dates {
	margin-left: 40px;
	width: 225px;
	overflow: hidden;
}

#event_dates a {
	text-align: center;
	text-decoration: none;
	color: #000;
	background: #B3CECC;
	border: solid 1px #888;
	margin: 0px 1px;
	display: block;
	float: left;
	width: 38px;
}
#event_dates a:hover {
	color: #fff;
	background: #E14221;
}
#event_dates a.selected {
	color: #fff;
	background: #789195;
}
#event_dates .date {
	font-size: 20px;
	line-height: 18px;
	padding: 2px;
}
#event_dates .day {
	font-size: 11px;
	color: #333;
	background: #eee;
	display: block;
}

#event_list {
	background: #fff;
	border: solid 1px #789195;
	margin: 5px;
	height: 140px;
	position: relative;
	overflow: auto;
	overflow-x: hidden;
}

#event_list ul {
	padding: 0px;
	margin: 0px;
}

#event_list .zvents_event {
	display: block;
	position: relative;
	height: 42px;
}

.zvents_event .zvents_event_icon {
	position: absolute;
	width: 36px;
	height: 36px;
	top: 1px;
	left: 2px;
}

.zvents_event .zvents_event_info {
	position: absolute;
	height: 36px;
	top: 3px;
	left: 44px;
	right: 2px;
}

#event_list a {
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #0060B6;
}
#event_list a:hover {
	text-decoration: underline;
}

.zvents_event .zvents_event_info .ZventsEventName {
	font-weight: normal;
	font-size: <? echo $lg - 2; ?>px;
}

#zvents_list .events_col {
	text-align: center;
	margin: 5px;
}
