@charset "UTF-8";
/* CSS Document */

<!--
#zvents_container { 
background-color:#FFFFFF; 
width: 296px;
padding: 2px 2px 2px 2px;
margin-left: 10px;
}

#zvents_container_topmike { 
background-color:#FFFFFF; 
width: 270px;
padding: 2px 2px 2px 2px;
margin-left: 3px;
}


#zvents_container_lifebeat { 
background-color:#FFFFFF; 
width: 280px;
padding: 2px 2px 2px 2px;
margin-left: 5px;
}

.widget /*  Each section (chats, question, tv) should be contained within this container class */
{
	margin: 0 0 0 0;
	padding: 0;                                      
	background-color: #fff;
	color: #000;
	font-size: 11px;
	line-height: 15px;
}

ul#zvents_nav
{
margin-left: 0px;
margin-top: 5px;
margin-bottom: 2px;
padding-left: 0px;
white-space: nowrap;
font-family: Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:bold;
text-align:left;
}

#zvents_nav li
{
display: inline;
list-style-type: none;
}

#zvents_nav a { 
font-size:10px;
font-weight:bold;
padding:5px 5px 5px 5px;
margin: 0px 0px 0px 0px;
background-image:url(http://cache.projo.com/thebeat/images/caltab_off.gif);
background-position: left;
background-repeat:no-repeat; 
}

#zvents_nav a:link, #zvents_nav a:visited
{
color: #566aa7;
/*background-color: #EEEEEE;*/
text-decoration: none;
background-image:url(http://cache.projo.com/thebeat/images/caltab_off.gif):
background-position: left;
background-repeat:no-repeat;
}

#zvents_nav a:hover
{
color: #f25e18;
text-decoration: none;
background-image:url(http://cache.projo.com/thebeat/images/caltab_on.gif);
background-position: left;
background-repeat:no-repeat;
}



#zvents_middle_content { height: 100%;}
#zvents_left_events_list { width: 148px; float:left; margin-top: 0px;}

#zvents_left_events_list ul{ font-size:10px; color:#3366CC;}
#zvents_right_browse { width: 148px; float:right; margin-top: 0px;}

#zvents_search_btm { font-size:12px; color:#000;}
-->

/*This is for the daily date boxes*/

	.ZventsQuickSearch {
		margin: 2px 2px 0 0;
		width: 280px;
		text-align: center;
	}
	/*days of the week*/
	.ZventsQuickSearch * {
		font-family: Arial,Helvetica,sans-serif;
		font-size: 10px;
	}
	.ZventsQuickSearch form {
		margin: 0;
		padding: 0;
	}
	.ZventsDayButton, .ZventsDayButton * {
		display: block;
		text-align: center;
	}
	.ZventsDayButton {
		color: rgb(91,91,91);
		background-color: rgb(255,166,70);
		border: 1px solid rgb(255,166,70);
		/*border-top: 1px solid #d0d0d0;*/
		/*border-left: 1px solid #d0d0d0;*/
		text-decoration: none;
		cursor: pointer;
		line-height: 120%;
		font-weight: bold;
		margin-right: 2px;
		padding: 2px 2px 0 2px;
	}
	.ZventsDayButton:hover {
		background-color: rgb(255,233,208);
		/*border: 1px solid #c2e1ef;*/
		/*color: #336699;*/
	}
	
	.ZventsDayButtonDate {
		font-size: 14px;
	}
	.ZventsDayButtonDay {
	}
	.ZventsDayButtonAll {
		margin-right: 0;
		background-color: rgb(255,216,170);
	}
	.ZventsDayButtonToday {
		color: #900810;
	}
	.ZventsDayButtonWeekend {
		background-color: rgb(249,196,102);
	}


/*This is for the big calendar and featured event list*/

.ZventsWidget {
	FONT-SIZE: 10pt; FONT-FAMILY: verdana, helvetica, arial, sans-serif
}
A {
	COLOR: rgb(176,16,16)
}
.ZventsCalendarFrame * {
	FONT-SIZE: 11px
}
.ZventsCalendarHeaderTable {
	FONT-WEIGHT: bold; COLOR: rgb(244,236,204); BACKGROUND-COLOR: rgb(108,91,10)
}
.ZventsCalendarOddMonth {
	BACKGROUND-COLOR: rgb(220,244,196)
}
.ZventsCalendarOddMonth .ZventsCalendarDayContent {
	BORDER-RIGHT: rgb(220,244,196) 1px solid; BORDER-TOP: rgb(220,244,196) 1px solid; BORDER-LEFT:  
rgb(220,244,196) 1px solid; BORDER-BOTTOM: rgb(220,244,196) 1px solid
}
.ZventsCalendarOddMonth .ZventsCalendarDayWeekend {
	BACKGROUND-COLOR: rgb(185,233,137)
}
.ZventsCalendarOddMonth .ZventsCalendarDayWeekend .ZventsCalendarDayContent {
	BORDER-RIGHT: rgb(185,233,137) 1px solid; BORDER-TOP: rgb(185,233,137) 1px solid; BORDER-LEFT:  
rgb(185,233,137) 1px solid; BORDER-BOTTOM: rgb(185,233,137) 1px solid
}
.ZventsCalendarOddMonth .ZventsCalendarDayEvents {
	BACKGROUND-COLOR: rgb(235,249,221)
}
.ZventsCalendarEvenMonth {
	BACKGROUND-COLOR: rgb(211,237,245)
}
.ZventsCalendarEvenMonth .ZventsCalendarDayContent {
	BORDER-RIGHT: rgb(211,237,245) 1px solid; BORDER-TOP: rgb(211,237,245) 1px solid; BORDER-LEFT:  
rgb(211,237,245) 1px solid; BORDER-BOTTOM: rgb(211,237,245) 1px solid
}
.ZventsCalendarEvenMonth .ZventsCalendarDayWeekend {
	BACKGROUND-COLOR: rgb(167,220,235)
}
.ZventsCalendarEvenMonth .ZventsCalendarDayWeekend .ZventsCalendarDayContent {
	BORDER-RIGHT: rgb(167,220,235) 1px solid; BORDER-TOP: rgb(167,220,235) 1px solid; BORDER-LEFT:  
rgb(167,220,235) 1px solid; BORDER-BOTTOM: rgb(167,220,235) 1px solid
}
.ZventsCalendarEvenMonth .ZventsCalendarDayEvents {
	BACKGROUND-COLOR: rgb(236,248,251)
}
.ZventsWidget .ZventsCalendarDayInRange .ZventsCalendarDayContent {
	BORDER-LEFT-COLOR: rgb(80,80,80); BORDER-BOTTOM-COLOR: rgb(80,80,80); BORDER-TOP-COLOR:  
rgb(80,80,80); BORDER-RIGHT-COLOR: rgb(80,80,80)
}
.ZventsCalendarDayLink .ZventsCalendarDayContent {
	FONT-WEIGHT: bold; COLOR: rgb(176,16,16)
}
.ZventsWidget .ZventsCalendarDayLink:hover .ZventsCalendarDayContent {
	BACKGROUND-COLOR: rgb(244,214,131)
}
.ZventsCalendarDaySelected .ZventsCalendarDayContent {
	BACKGROUND-COLOR: rgb(244,214,131)
}
.ZventsListDayWrapper {
	BACKGROUND-COLOR: rgb(244,214,131)
}
.ZventsResultsHeader {
	BACKGROUND-COLOR: rgb(244,214,131)
}
.ZventsDetailName {
	BACKGROUND-COLOR: rgb(244,214,131)
}
.ZventsListDayHeader {
	FONT-SIZE: 100%
}
.ZventsResultsHeader {
	FONT-SIZE: 100%
}
.ZventsDetailName {
	FONT-SIZE: 100%
}
.ZventsDetailDayLink {
	FONT-SIZE: 100%
}
.ZventsEventName A {
	FONT-SIZE: 100%
}
.ZventsVenueName A {
	FONT-SIZE: 100%
}
.ZventsDetailDay {
	BACKGROUND-COLOR: rgb(244,225,168)
}
.ZventsDetailTimeAtVenue {
	BACKGROUND-COLOR: rgb(244,225,168)
}


#MyZventsEventView{
	scrollbar-face-color: #D3EDF5;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #FFFFFF;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-highlight-color: #D3EDF5;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #FFFFFF
	}
.style1 {
	font-family:  verdana, helvetica, arial, sans-serif;
	font-size: 12px;
}





/* CSS Document */

/* zvents-calendar-fancy.css */

/* Font for all the calendar widget elements */
.ZventsWidget * { font-family: verdana, helvetica, arial, sans-serif; font-size: 10pt; }

/* For the optional debug log */
#ZventsLog { float: right; font: .8em "Verdana"; background-color: rgb(244,244,244); border:1px solid rgb(222,222,222); padding: 2px; }

/* Color for all links */
a { color:rgb(176,16,16); }

/* Font size for the calendar */
.ZventsCalendarFrame * { font-size: 12px; }

/* Font and colors for calendar "S M T W T F S" header */
.ZventsCalendarHeaderTable { background-color: rgb(108,91,10); color: rgb(244,236,204); font-weight: bold; }

/* Odd month weekday color - use same color in both rules */
.ZventsCalendarOddMonth { background-color: rgb(220,244,196); }
.ZventsCalendarOddMonth .ZventsCalendarDayContent { border: 1px solid rgb(220,244,196); }

/* Odd month weekend color - use same color in both rules */
.ZventsCalendarOddMonth .ZventsCalendarDayWeekend { background-color: rgb(185,233,137); }
.ZventsCalendarOddMonth .ZventsCalendarDayWeekend .ZventsCalendarDayContent { border: 1px solid rgb(185,233,137); }

/* Even month weekday color - use same color in both rules */
.ZventsCalendarEvenMonth { background-color: rgb(211,237,245); }
.ZventsCalendarEvenMonth .ZventsCalendarDayContent { border: 1px solid rgb(211,237,245); }

/* Even month weekend color - use same color in both rules */
.ZventsCalendarEvenMonth .ZventsCalendarDayWeekend { background-color: rgb(167,220,235); }
.ZventsCalendarEvenMonth .ZventsCalendarDayWeekend .ZventsCalendarDayContent { border: 1px solid rgb(167,220,235); }

/* Selected or hovered calendar day border */
.ZventsCalendarDaySelected .ZventsCalendarDayContent, .ZventsCalendarDayMouseOver .ZventsCalendarDayContent { border-color: rgb(80,80,80); }

/* Font for calendar day with events */
.ZventsCalendarDayWithEvents .ZventsCalendarDayContent { font-weight: bold; color: rgb(176,16,16); }

/* Background color for selected day in calendar, event list day header, and detail name */
.ZventsCalendarDaySelected .ZventsCalendarDayContent, .ZventsListDayWrapper, .ZventsResultsHeader, .ZventsDetailName { background-color: rgb(244,214,131); }

/* Background color for event list and event detail */
.ZventsEventList, .ZventsDetail { background-color: rgb(244,236,204); }

/* Font size for event list day header and event detail name */
.ZventsListDayHeader, .ZventsResultsHeader, .ZventsDetailName { font-size: 100%; }

/* Font size for date in event detail */
.ZventsDetailDayLink { font-size: 100%; }

/* Font size for event name in event list */
.ZventsEventName a { font-size: 10px; }

/* Color for second row of event detail header (date, time, venue) */
.ZventsDetailDay, .ZventsDetailTimeAtVenue { background-color: rgb(244,225,168); }