/*
* District: Global CSS 
**************************************/

/* IMPORT & RESET */

@import url(typography.css);

html, body, div, span, form, fieldset, label, input, textarea, legend {
	background: transparent;
	border: 0;
	color: #797979;
	margin: 0;
	outline: 0;
	padding: 0;
}				

body	{ background: url("../media/images/bg/global-bg.gif") center center repeat transparent;
		  font-family: Arial, Helvetica, sans-serif;
		  font-size: 11px;
		  height: 100%;
		  padding: 15px 0;
		  width: 100%; }
		
/*
* LAYOUT 
**************************************/	
	
.containerOuter	{ background: url("../media/images/bg/container-bg.png") 0 0 repeat; 
				  border: 1px solid #464646;
				  height: 692px; 
				  margin: 5px auto;
				  padding: 15px;
				  width: 980px; }
				  	
.containerInner	{ background-color: #000000;
				  border: 1px solid #3a3a3a;
				  height: 662px;
				  margin: 0;
				  padding: 15px; 
				  width: 950px; }		
	 
/* 
*	#header 
*/
	#header				{ height: 120px; margin: 0; padding: 0 0 5px; width: 942px; }			
	#header div.fltRgt	{ height: 39px; margin: 36px 0 10px; width: 490px; }
		
	/* #head nav */
		#facebook a	{ background: url("../media/images/btn/facebook-btn.jpg") 0 0 no-repeat; margin-right: 14px; }
		#music a	{ background: url("../media/images/btn/music-btn.jpg") 0 0 no-repeat; margin-right: 14px; }
		#twitter a	{ background: url("../media/images/btn/twitter-btn.jpg") 0 0 no-repeat; margin-right: 14px;}
	
/* 
*	#content 
*/
	
	.contentWrapper		{ background: url("../media/images/bg/content-bg.gif") 0 0 repeat-x #000;
						  border: 1px solid #454242;	
						  height: 431px; 
						  margin: 0 auto 12px;
						  padding: 5px;
						  width: 920px; }
	
	#content			{ margin: 0 auto; position: relative; }
	
	#content div.colLft { height: 427px;
						  margin: 0 auto; 
						  padding: 0; 
						  width: 640px; }
	
	.col		 		{ background-color: #000; border: 1px solid #454242; padding: 10px;}
	.thin				{ height: 365px; width: 618px; }
	.wide				{ width: 917px; }
	
	.tall				{ height: 415px; padding: 5px 10px 7px; }
	
	#content div.colRgt	{ background-color:#000000;
						  border: 1px solid #454242;
						  height: 412px;
						  margin: 0 auto; 
						  padding: 7.5px;  
						  width: 257px; }				
		
	
/* 
*	#footer 
*/
	#footer			{ color: #FFFFFF; 
					  font-size: 11px; 
					  margin: -95px auto 0; 
					  text-transform: uppercase; 
					  position: relative;
					  width: 930px; }
			
	#footer .fltLft	{ font-weight:bold;
					  margin-left:-6px;
					  margin-top:-8px;
					  width: 300px; }
					  
	span.transmyt a	{ background: url("../media/images/transmyt.jpg") 0 0 no-repeat; 
					  display: block; 
					  float: left; 
					  height: 13px;
					  margin: 38px -3px;;
					  text-indent: -9999px;
					  width: 73px; }
	
	#footer .fltRgt	{ margin: 0 -3px 0 0;
					  width: 600px; }
		
	#banner 		{ display: block;
					  float: right;
					  width: 600px;
					  height: 74px; }
					
			
/*
*  MISC CLASSES 
**************************************/		
.clr{ clear: both; } .clrLft{ clear: left; } .clrRgt{ clear: right; }
.fltLft{ float: left;} .fltRgt{ float: right; }
.last 					{ margin-right: 0; padding-right: 0; }
.accessibility, hr		{ display: none; }	

img a					{ border: none; }

.divider				{ background-color: #454545; height: 1px; font-size: 0; margin: 7px 0; }
.col.thin .divider 		{ background-color: #454545; height: 1px; font-size: 0; margin: 7px 0; width: 595px;}
.divider2 				{ background-color: #454545; height: 1px; font-size: 0; margin: 17px 0 13px 7px; width: 216px;}

.memberships			{ background: url("../media/images/membershipbg.jpg") top left no-repeat; }

#PlayerContainer		{ height: 363px; width: 618px; }
#map					{ height: 247px; width: 616px; }

#people.contentWrapper	{ width: 620px; }
#people div.fltLft		{ height: 200px; width: 200px; }
#people div.fltLft img	{ border: 1px solid #454242; margin-bottom: 8px; padding: 5px; }
#people div.fltRgt		{ color: #797979; margin-right: 10px; width: 390px; }
#people div.fltRgt a	{ color: #ff4800; }
#people h1				{ color: #ff4800; font-size: 17px; font-weight: bold; }
#people h2, #people h3	{ font-size: 14px; padding-bottom: 5px; }
#people h2				{ color: #FFF; width: 90px;  }
#people h3				{ color: #797979; }
#people .social			{ background: url("../media/images/bg/dark-gradient.gif") bottom left repeat-x #232323;
						  border: 1px solid #454242; 
						  height: 15px; 
						  padding: 5px 5px 7px; 
						  width: 200px; }

/* 
*	.scroll-pane 
*/
	.scroll-pane			{ background-color:#000;
							  height: 360px; 
							  overflow: auto; }
	
	.jScrollPaneContainer	{ background:#000;
							  margin: 0;
							  overflow: hidden;
							  position: relative;
							  z-index: 1; }
		
	.jScrollPaneTrack 		{ background: #222222;
							  border-left: 1px solid #000;
							  cursor: pointer;
							  height: 577px;
							  position: absolute;
							  right: 0; 
							  top: -1px; }
		
	.jScrollPaneDrag 		{ background: #ff4800;
							  cursor: pointer;
							  position: absolute;
							  overflow: hidden; }
		
	.jScrollPaneDragTop 	{ left: 0;
							  overflow: hidden;
							  position: absolute;
							  top: 0; }
/* 
*	#slider 
*/
	#slider 				{ margin: 0; position: relative; width: 638px; }
	.scroll 				{ background-color: #000; 
							  border: 1px solid #454242; 
							  height: 385px; 
							  overflow: auto; 
							  overflow-x: hidden; 
							  position: relative; 
							  width: 638px; }
							  
	#events .clr.divider	{ margin: 8px 0; width: 337px; }					  
	
	/*.scroll.thin.,*/
	.scroll.thin .panel		{ padding: 10px; width: 618px; }
	.scroll.wide 			{ border: 1px solid #454242; height: 386px; margin: 0 auto; padding: 0; width: 917px; }
	.scroll.wide .panel		{ height: 366px; padding: 10px; width: 897px; }

	.panel#Monday, 
	.panel#Tuesday, 
	.panel#Sunday			{ background:url("../media/images/closedBg.jpg") top left no-repeat; }
	
	.panel#Saturday			{ background:url("../media/images/eventBg.jpg") top left no-repeat; }
	
	.panel#Wednesday		{ background:url("../media/images/eventBg5.jpg") top right no-repeat; }
	
	.panel#Thursday			{ background:url("../media/images/eventBg4.jpg") top right no-repeat; }
	
	.panel#Friday			{ background:url("../media/images/eventBg3.jpg") top left no-repeat; }
	
	.panel#Monday p, .panel#Tuesday p, .panel#Wednesday p, .panel#Thursday p, .panel#Friday p, .panel#Saturday p,
	.panel#Sunday p			{ border-top: 1px solid #454545; width: 543px; }

/* 
*	Calendar 
*/
table.calendar { border-collapse: collapse; float: left; }
table.calendar tr.control td { text-align: center; font-size: 14px; padding-bottom: 8px; }
table.calendar tr.control a { border: 1px solid #454242; height: 14px; display: -moz-inline-stack; display: inline-block; width:18px; }
table.calendar tr.control a.fltLft { background: url("../media/images/calendar_larrow.gif") no-repeat; float: none; margin-right: 30px; }
table.calendar tr.control a.fltRgt { background: url("../media/images/calendar_rarrow.gif") no-repeat; float: none;  margin-left: 30px; }
table.calendar tr.names td { color: #ff4800; text-align: center; font: 11px Arial; font-weight: bold; padding-bottom: 5px; }
table.calendar tr.numbers td
{
	background: #121212; border: 1px solid #454242;
	vertical-align: top; padding: 7px;
	font: 14px Arial; font-weight: bold;
}
table.calendar tr.numbers #box { height: 46px; width: 73.5px; }
table.calendar tr.numbers td.blank { background-color: #121212; }
table.calendar tr.numbers td.today { background: #4c4c4c }
table.calendar tr.numbers td.day_past { background-color: #000; }
table.calendar tr.numbers td #box div { color: #FFF; float: left;  }

table.calendar tr.numbers td div#event_large { width: 15px; height: 15px; background: url("../media/images/calendar_marker.png") no-repeat;
                    float: right; cursor: pointer; position: relative; clear: right;}
table.calendar tr.numbers td div#event_large:hover #tooltip { display: block; z-index: 1000; position: absolute; top: -241px; left: 38px; }
#event_large #tooltip { display: none; width: 339px; }
#event_large #tooltip #top,
#event_large #tooltip #bottom { width: 339px; }
#event_large #tooltip #data { width: 335px; height: 250px; }
#event_large #tooltip #pointer { background: url("../media/images/tooltip_large_pointer.png") no-repeat; height: 35px; width:34px; float:left; position:relative; left:-32px; top:220px;  }
#event_large #tooltip #top { background: url("../media/images/tooltip_large_top.png") no-repeat; height: 13px; }
#event_large #tooltip #bottom { background: url("../media/images/tooltip_large_bottom.png") no-repeat; height: 45px; }
#event_large #tooltip #data { background-color: #121212; border-left: 1px solid #6e6e6e; border-right: 1px solid #6e6e6e; margin: -5px 0 0 1px; }
#event_large #tooltip #data #day_title { width: 336px; text-align: center; font-size: 14pt; margin-bottom:7px;}
#event_large #tooltip #data #image { background-color: #121212; padding: 3px; margin: 0 10px 10px 0; overflow: hidden; float: left; }
#event_large #tooltip #data #info { width: 180px; font-size:11px; overflow: hidden; float: right; }
#event_large #tooltip #data #event_info { height: 225px; margin-bottom: 8px; }
#event_large #tooltip #data a:hover { color: #fff; }
#event_large #tooltip #data #more_info{ width:336px; float:right; text-align:center;}
#event_large #tooltip #sharethis a { color: #8FC03A; }
#event_large #tooltip tr,
#event_large #tooltip td { border: none; font-size: 11px; padding: 0; padding: 0; }
#event_large #tooltip td { padding-bottom: 3px; background: none; }