/* @override http://mcts.cpmpreview.com/css/events.css */


/* @group CONTENT */ 
#content-wrap						{ background:url(/images/events_content_wrap_bg.gif) repeat-y; }
#content							{ background-image:url(/images/events_content_bg.gif);}
#content.wide #main					{ width:867px; float:none; margin-left: 10px;}

#main								{ position:relative; }
#main h2							{  padding-bottom:11px; margin-bottom:.5em;}
#main .event-detail p				{ margin:0 0 1em;  }
#caltabs							{ position:absolute; top:26px; right:48px; margin:0; padding:0; list-style:none; height:31px; }
#caltabs li							{ display:inline; padding-left:4px; float:left; }
#caltabs li a						{ 
									  float:left; display:block; font:15px georgia, times, serif; color:#51504b; padding:0 8px 0 5px; 
									  line-height:31px;
									}
#caltabs li a:hover					{ text-decoration:none; }
#caltabs li.active					{ background:url(/images/events_tab_li.gif) no-repeat left top; }
#caltabs li.active a				{ background:url(/images/events_tab_a.gif) no-repeat right top; }
/* @end */

/* @group FILTERS */
#cal-content						{ position:relative; margin-top:65px; border: 5px solid #eae8e0; width:873px; }
#filters							{ position:absolute; top:87px; right:50px; z-index:2000; }
#main #filters p					{ font-size:1.2em; color:#34332f; margin:0;} 
/* @end */


/* @group CALENDAR */
#main table.calendar				{ border-collapse: collapse; width:100%; }
#main table.calendar caption		{ 
									  padding:0 0 12px 50px; color:#2b2318; font-weight: bold;font-size:1.4em; text-align:left; 
									  background:url(/images/caption_bg.gif) no-repeat left top; position:absolute; top:-35px;
									}
#main .calendar span				{ 
									  display:block; width:21px; height:18px; text-indent:-999em; position:absolute; 
									  background:url(/images/caption_span_bg.gif) no-repeat;
									}
#main span.calendar-next			{ background-position:right top; top:0; left:22px;}
#main span.calendar-prev			{ background-position:lef top; top:0; left:0px; }
#main table.calendar th				{ 
									  padding:0; background:#111a22; color:#fefefe; font-size: 1.2em; font-weight: normal; line-height:33px;
									  text-transform:uppercase;
									}
#main table.calendar td				{ 
									  width: 68px; height:68px; padding: 2px; border:1px solid #e3e1d9; border-left:0; text-align:right;
									  border-top:0; background:#fefefe url(/images/td_bg.gif) repeat-x; color:#898781; font-size:1.0em; 
									  vertical-align:top; 									  
									}
#main table.calendar td a			{ color:#898781; text-decoration: none; }
#main table.calendar td ul			{ margin: .7em 0 0 .4em; font-size: 100%; list-style: none; padding:6px;margin-right: -4px; }
#main table.calendar td li			{ margin-bottom: .95em; font-size: 1.1em; line-height: 1.3; text-align:left; }
#main table.calendar td li a		{ color: #575653; text-decoration:none; font-size:11px; }
#main table.calendar td li a:hover	{ text-decoration:underline; color: #8d3224; }
/* @end */

/* @group LISTING */
#listing 					{ width:600px; float:left; }
#listing .row				{ clear:both; margin-bottom:15px; }
#main #listing h3			{ 
							  line-height:27px; color:#fff; text-transform:uppercase; background:#111a22; padding-left:10px; clear:both; 
							  margin:0 0 5px; font-size: 12px;
							}
#main #listing .event		{ 
							  float:left; width:285px; border:0; border-bottom:1px solid #e9e8dd; background:none; padding:18px 0 15px 3px; 
							  margin-left:7px;
							}
#listing .event h4			{ font-size:15px; font-weight:normal; margin:0; }
#listing .event h4 a		{ color:#42413c; }
#listing .event h4 a:hover	{ color:#ae4026; }
#listing .event p			{ font-size:12px; color:#898781; margin:3px 0 0; }
/* @end */

/* @group CATEGORIES */
#categories					{ padding:8px; width:224px; float:right; background:#edebe4; }
#categories label			{ display:block; padding-left:14px; font-size:12px; color:#70706c; margin:.5em 0 1em;  }
/* @end */

/* @group EVENT DETAIL */
#map			{ float:right; width:445px; height:310px; border:5px solid #e9e7de; display:block; margin:0 0 25px 25px; }
.event-detail h4{ font-size:15px; font-weight:normal; color:#95938a; }
#back			{ 
				  background:url(/images/back_arrow.gif) no-repeat left center; padding-left:20px; font-size:14px;
				  position:absolute; top:32px; right:47px;
				}
/* @end */