/* ======== CSS ==========  */
/*GECKO SPECIFIC POSITIONING STYLES*/
/*BODY and FONTS in mapex_2009.css*/

/* --------- OLD STYLES-----------------*/

/*------LINK STYLES--------------------*/
a.link {
	color: #000000;
	text-decoration: none;
}
a.visited {
	color: #000000;
	text-decoration: none;
}
a.hover {
	color: #000000;
	text-decoration: underline;
}
a.black:link {
	color: #000000;
	text-decoration: none;
}
a.black:visited {
	color: #000000;
	text-decoration: none;
}
a.black:hover {
	color: #000000;
	text-decoration: underline;
}
a.drumName:link {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.drumName:visited {
	color: #666666;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.drumName:hover {
	color: #666666;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
a.footer:link {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.footer:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}
a.footer:hover {
	color: #FFFFFF;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
}

/*------NEWS STYLES---------------*/
a.news {
	color: #000000;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-transform:uppercase;
}	

a.news:hoover {
	color: #8e7e1e;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;	
	text-transform:uppercase;
}	

a.news:visted {
	color: #666600;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;	
	text-transform:uppercase;
}	

/*------IMAGE STYLES---------------*/
a.photo, a.photo:visted, a.photo:hoover {
	border-style: none;
	text-decoration: none;
}	

/*------TEXT STYLES--------------------*/
.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
}

.bullet {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 9px;
	padding-left: 15px;
}
.backstageBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 15px;
}
.blueBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #356b7d;
	line-height: 15px;
}
.backstageHeadline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
}
.backstageCaption {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: italic;
	color: #FFFFFF;
}

.camoBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #695d15;
}
.comment {
	font-family: Arial, Helvetica, sans-serif;
	font-style:italic
	font-size: 10px;
	font-weight:bold;
	color: #000000;
}
.dreamkit {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
.dreamkitShaded {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #999999;
}
.drumName {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}
.headline {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #000000;
}
.table {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}

.tablebody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 15px;
	line-height: 15px;
}

.subheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}
.commentheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	font-style: italic;
	color: #005878;
	line-height: 13px;
}

.heading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	line-height: 20px;
}

.tablesubheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 10px;
}

.tableheading {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px;
	bgcolor: #666666;
	background-color: #666666;

}

.glossaryTitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	padding: 10px;
	bgcolor: #666666;
	background-color: #666666;

}

.glossaryBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #000000;
	padding: 10px;
	bgcolor: #FA9800;
	background-color: #FA9800;
}

.searchWhite {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	padding: 10px;
}

.searchLtGray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	line-height: 15px;
	padding: 10px;
	bgcolor: #EFEFEF;
	background-color: #efefef;
}
.whiteItalics {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: italic;
	color: #FFFFFF;
}

.bodySubscript {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8px;
	color: #000000;
	line-height: 15px;
	vertical-align: super;
}
.cyan {color: #00ACEC}

.asterik {
	font-size: 9px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
}

/*------TABLE STYLES-------------------*/
.mainTable {
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.imagePadding {
	margin-bottom: 10px;
}
.padding20 {
	padding: 20px;
}
.padding10{
	padding: 10px;
}
.padding8{
	padding: 8px;
}
.paddingLRT {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
}
.paddingBTM {
	padding-bottom: 5px;
}
/*------POLL STYLES-------------------*/
.answer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
}
.percent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #B02015;
    font-weight: bold;
}

.percent_blue {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
    font-weight: bold;
}


a.dom_links:link {
	color: #545454;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-indent:7px;
}
a.dom_links:visited {
	color: #545454;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-indent:7px;
}
a.dom_links:hover, a.dom_links:active {
	color: #b45a30;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	text-indent:7px;
}

/*rollover images for orion diagrams*/

#pic {
	font:Arial, Helvetica, sans-serif;
	font-size:11px;
	background-color: #FFFFFF;
	left: 0px;
	position: relative;
	top: 0px;
	width: 110px;
}

#pic a .basses {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}
#pic a .floors {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}
#pic a .toms {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}
#pic a .snares {
	border: 0px;
	display: block;
	height: 1px;
	left: -1px;
	position: absolute;
	top: -1px;
	width: 0px;
}
#pic a img {
	border: 0;
}


#pic a.p1, #pic a.p1:visited {
	background: #FFFFFF;
	color: #000000;
	border: 0px solid #000000;
	display: block;
	height: 12px;
	left: 0;
	text-decoration: none;
	top: 0;
	width: 110px;
}

#pic a.p1:hover {
	background-color: #8C97A3;
	color: #000000;
	text-decoration: none;
}

#pic a.p1:hover .basses {
	border: 2px solid #000000;
	display: block;
	height: 150px;
	left: 120px;
	position: absolute;
	top: -60px;
	width: 100px;
}

#pic a.p1:hover .floors {
	border: 2px solid #000000;
	display: block;
	height: 217px;
	left: 120px;
	position: absolute;
	top: -60px;
	width: 100px;
}
#pic a.p1:hover .toms {
	border: 2px solid #000000;
	display: block;
	height: 194px;
	left: 120px;
	position: absolute;
	top: -60px;
	width: 100px;
}
#pic a.p1:hover .snares {
	border: 2px solid #000000;
	display: block;
	height: 154px;
	left: 120px;
	position: absolute;
	top: -60px;
	width: 100px;
}

/* ------------ NEW STYLES-----------------*/

/* ----------------------------------------------
            BODY ELEMENTS
---------------------------------------------- */
		
	BODY 
	{
	min-width:750px;
	margin:0px auto;
	padding:0px;
	text-align: center;
	background-color:#000;
	background-image:url(images/2009/colorburn_background.jpg);
	background-repeat:repeat;	
	}
	

	BODY, H1, H2, H3, H4, H5, H6, TD, TH, DIV, PRE, CODE, SPAN, P, OL, UL, DL, DT, DD, LI, BLOCKQUOTE, ADDRESS
	{
	font-family: Arial, Helvetica; 
	font-size:11px; 
	color: #000; 
	text-decoration: none;
	}
	
	ul {
	text-indent: 0px;
	list-style-position: outside;
	/*list-style-image: url(arrow.gif);
	list-style-type: square;*/
	padding: 5px;
	margin: 10px;
	}
	
	
	body, div, p, th, td, li, dd    
	{
	/* redundant selectors to help NS4 remember */
	font-family:  Arial, Helvetica, sans-serif;
	font-size:    11px;
	}
	
	
	body, body div, body p, body th, 
	body td, body li, body dd    {
	    /* more specific to override imported rule */
	    font-size:    11px;      
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    
	    /* false value for WinIE4/5 */
	    voice-family: "\"}\"";   
	    /* trick WinIE4/5 into thinking rule is over */
	    voice-family: inherit;   
	    /* recover from trick */
	    font-size:    11px;
	    /* intended value for better browsers */	    
	    font-family:  Arial, Helvetica, sans-serif;
	    
	    }
		
	

	p { 
	margin:0; 
	} 
	
	img {border:0px;}

	p.white {
	color:#fff;
	}
	li.white {
	color:#fff;
	line-height:14px;
	padding-bottom:6px;
	}

/* ----------------------------------------------
            GENERAL LAYOUT
---------------------------------------------- */
	
#wrap
{
width: 750px;
margin: 0px auto;
background-color: #000;
/*background-image:url(jbi_images/backgrounds/jupiterBackgroundHome.jpg); 
background-repeat:no-repeat;*/
padding:0px;
}

#banner
{
margin:0px auto;
width: 750px;
height: 100px;
/*background-image:url(images/2009/09_grey_space_750px.jpg);
background-repeat:no-repeat;
background-position:bottom;*/
background-color: #000;
}


#banner p
{
padding: 0px;
margin: 0px 0px 0px 0px;
}


#content
{
float:left;
margin: 0px 0px 0px 0px;
width: 750px;
background-color:#000;
background-image:url(images/2009/drumsbackground.jpg); 
background-repeat:repeat-y;
padding:0px;
}

#contentWhite
{
float:left;
margin: 0px 0px 0px 0px;
width: 750px;
background-color:#fff;
background-image:url(images/2009/whiteswirlbackground.jpg); 
background-repeat:repeat-y;
padding:0px;
}

#contentBlue
{
float:left;
margin: 0px 0px 0px 0px;
width: 750px;
background-color:#fff;
background-image:url(images/2009/blueswirlbackground.jpg); 
background-repeat:repeat-y;
padding:0px;
}

#contentDivided
{
float:left;
margin: 0px 0px 0px 0px;
width: 750px;
background-color:#fff;
background-image:url(images/2009/whiteswirldivider.jpg); 
background-repeat:repeat-y;
padding:0px;
}


#data{
background-color:#fff;
background-image:url(images/2009/drumsbackground.jpg); 
text-align:left;
padding:15px;	
}

.dataleftColumn{
float:left;
width:315px;
_width:315px;
padding-left:20px;
text-align:left;	
}

.dataleftColumnEvents{
float:left;
width:500px;
padding-left:20px;
text-align:left;	
}


p.dataleftColumn
{
padding: 0px;
margin-left:10px;
}

.datarightColumn
{
float:right;
width:385px;
padding:15px;
text-align:right;
}



.datarightColumnLinks
{
float:right;
width:200px;
/*margin-left:195px;
_margin-left:2px;*/
padding:10px;
text-align:right;
}

.databottom
{
clear:both;
float:left;
width:750px;
margin:0px 0px 0px 0px;
padding-top:0px;
padding-bottom:10px;
padding-left:125px;
text-align:justify;
}



#footer
{
clear: both;
width:750px;
margin: 0 auto;
color: #FFF;
background-color: #000;
}


/*lightbox*/
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; font-size:12px; color:#333; padding-bottom:2px;}
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(../../images/2009/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../images/2009/overlay.png", sizingMethod="scale");
	}