/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

html { font-size:100.01%; }
body {
	width:100%;
	background-color: transparent;
	font-size:1em;
	margin:0;
	padding:0;
	border:0;
	/*color:#;*/
}
div {
	margin:0;
}
.time {
	color:#336600;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:15px;
	font-weight:400;
	margin-left:4px;	
	padding-top:2px;
	position:relative;
	text-align:left;
	z-index:101;
}
.title {
	color:#315980;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:18px;
	font-weight:700;
	margin-left:4px;
	padding-top:1px;
	position:relative;
	text-align:left;	
	z-index:101;
}

.album {
	color:#336600;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:11px;
	font-weight:400;
	margin-left:4px;	
	padding-top:2px;
	position:relative;
	text-align:left;
	z-index:101;
}

.itunes {
	margin-left:4px;	
	padding-top:2px;
	position:relative;
	text-align:left;
	z-index:100;
}

.artist {
	color:#ac0605;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:17px;
	font-weight:400;	
	margin-left:4px;
	padding-top:1px;
	position:relative;
	text-align:left;
	z-index:101;
}
.on-air {
	color:#ff3300;
	font-family:"Arial Black",Arial,Verdana,sans-serif;
	font-size:2em;
	font-weight:400;
	margin-left:4px;
	padding-top:2px;
	position:relative;
	text-align:left;
	z-index:101;
}

.plainJaneFeature {
	color:#333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;	
	margin-left:4px;
	padding-top:0px;
	position:relative;
	text-align:left;
	z-index:101;
}

.plainJanePreviously {
	color:#333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;	
	margin-left:4px;
	padding-top:0px;
	position:relative;
	text-align:left;
	z-index:101;
}

.defaultFeature {
	color:#333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;	
	margin-left:4px;
	padding-top:0px;
	position:relative;
	text-align:left;
	z-index:101;
}

.defaultPreviously {
	color:#333333;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:15px;
	font-weight:700;	
	margin-left:4px;
	padding-top:0px;
	position:relative;
	text-align:left;
	z-index:101;
}

.simpleRatings .text {
	color:#000000;
}

/*****************************************

	THESE STYLES ARE FOR THE ON AIR DJ

*****************************************/


h2.trigger {
	padding: 0 0 0 50px;
	margin: 0;
	background: #323232 url(http://core.getmarci.com/img/symbol-add.png) no-repeat 8px 8px;
	height: 48px;
	line-height: 48px;
	width: 906px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color: #fff;
	text-decoration: none;
	display: block;
}
h2.trigger a:hover { color: #ccc; }
h2.active {	background: #323232 url(http://core.getmarci.com/img/symbol-restricted.png) no-repeat 8px 8px;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	margin: 5px 0 5px;
	padding: 0;
	border-top: 1px solid #d6d6d6;
	background: #fff url(toggle_block_stretch.gif) repeat-y left top;
	overflow: hidden;
	font-size: 1.2em;
	width: 956px;
	clear: both;
}
.toggle_container .block {
	padding: 20px; /*--Padding of Container--*/
	background: url(toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/
}

/* NEW CONFIG OPTIONS (07/15/2009) ************************************************/

p.bioLink {
	margin-left:4px;
	padding-top:1px;
	position:relative;
	text-align:left;
	z-index:100;
/*
	border:1px solid #666;
	background-color:#333;
	width:40px;
	float:right;
	margin-right:4px;
*/
	text-align:center;
}

p.bioLink img {
	border:0px solid #444;
	margin-top:2px;
}

a {
	color:#fda100;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
	font-weight:400;
}

a:hover {
	color:#fda100;
}

div.trackInfo {
	margin:1em 0 1em 0;
	padding:0;
}

div.trackInfo p, .text {
	color:#000000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-size:12px;
}
div.trackInfo p {
	margin:1em 0 1em 0;
	line-height:1.5em;
/*	text-align:justify; */
	padding:0 2px 0 2px;
}

div.trackInfo h2.header {
	display:block;
	background-color:#ededed;
	padding:2px 0 2px 4px;
}

div.trackInfo h1 {
	color:#000000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:4px 0 4px 0;
	font-size:14px;
}

div.trackInfo h2 {
	color:#000000;
	font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
	margin:4px 0 10px 0;	
}

div.trackInfo h2 a {
	font-size:12px;
}
/*
div.trackInfo h1 a {
	font-size:14px;	
}
*/
div.trackInfo p a {
	font-size:12px;
}

div.albumImage {
	width:64px;
	height:64px;
	float:left;
	margin-right:8px;
	border:1px solid #333;
}

div.albumsContainer {
	float:left;
	width:50%;
	height:68px;
}

div.albumsContainer p {
	font-size:10px;
	text-align:left;
	margin:0;
}

div.albumsContainer p a {

}

/************************************************************************/
/************************ STYLES FOR RATINGS BAR ************************/
/************************************************************************/

div.layover {
	position:absolute;
	padding:0px;
	display:inline-block;
	background-color:#323232;
	height:106px;
	width:956px;
}

div.buyNowLink {
	display:block;
	margin:2px 0px 2px 0px;
	width:33%;
	text-align:center;
	float:left;	
}

div.iTunesLink {
	display:block;
	margin:2px 0px 2px 0px;
	width:33%;
	text-align:center;
	float:left;
}

div.gabberBlock {
	margin:0;
	padding:4px 0 0 4px;
	position:relative;
	text-align:right;
	z-index:100;
	border:0px solid #666;
	background-color: transparent;
	height:24px;
}

div.hideMe {
	display:none;
}

div.gabberBlockOverlay {
	clear:both;
	margin:0;
	padding:0 8px 0 12px;
	position:relative;
	text-align:right;
	z-index:100;
	border:0px solid #666;
	background-color: transparent;
	height:24px;
}

div.overlayLinks {
	display:block;
	margin:2px 0px 2px 0px;
	width:33%;
	text-align:center;
	float:left;
}

div.overlayLinks a {
	color:#fda100 !important;
}

div.overlayLinks a:hover span {
	display: block;
	position: absolute;
	top: 16px;
	border:0px solid red;
	right: 12px;
	color:#fff;
	text-decoration: none;
/*	width: 200px; */
	padding: 0;
	margin: 0;
	z-index: 100;
/*	color: !important;*/
	background: transparent;
	font: 10px Verdana, sans-serif;
	text-align: right;
}

div.gabber {
	font-size:0.75em;
	margin-right:4px;
	font-family: Arial, Tahoma, "Times New Roman", sans-serif;
}

div.gabberOverlay {
	font-size:0.75em;
	margin-right:4px;
	font-family: Arial, Tahoma, "Times New Roman", sans-serif;
}

.sprite {
	background:url('http://core.getmarci.com/img/sprite-gabber.png') no-repeat top left;
}

.gabber-icons {
	width:16px;
}

.sprite-cd { background-position: 0 0; height: 16px; } 
.sprite-chart_bar { background-position: 0 -18px; height: 16px; } 
.sprite-lorry { background-position: 0 -36px; height: 16px; } 
.sprite-music { background-position: 0 -54px; height: 16px; } 
.sprite-star { background-position: 0 -72px; height: 16px; } 


/************************************************************************/
/************************************************************************/
/************************************************************************/

div.streamStats {
	margin:0 0 2px 0;
	text-align:left;
	border:1px solid #666;
	background-color: transparent;	
}

div.streamStats table td {
	font-family: Arial, Tahoma, "Times New Roman", sans-serif;
	font-size:12px;
	text-align:left;
	color:#000000;
	padding:2px;
	vertical-align:middle;	
}

img.toggle {
	position:relative;
	top:-24px;
	height:24px;
	width:24px;
	z-index:101;
	margin:0;
	padding:0;
	cursor:pointer;
}

div.links a span {
	display: none;
}

div.links a:hover span {
	display: block;
	position: absolute;
	top: 5px;
	right: 102px;
/*	width: 130px;  */
	padding: 0;
	margin: 0;
	z-index: 100;
/*	color: !important;*/
	background: transparent;
	font: 10px Verdana, sans-serif;
	text-align: right;
}

ul.stuffContainer, ul.stuffContainer li {
	padding:0;
	margin:0;
}

ul.stuffContainer h2 {
	padding:0;
	margin:0;
	z-index:2000;	
	margin-bottom:-24px;
}

/**********************************************************************************/

.verticalSpacer {
	padding:0;
	margin-bottom:2px;
	clear:both;
}

.nobr {
    white-space: nowrap;
}
.letterboxThumbnail {
	display:inline;
	float:left;
	width:96px;
	height:96px;
	margin:4px 0 4px 4px;
	position:relative;
	top:0;
	padding:0;
	z-index:1;
}

.marciThumbnail {
	float:left;
	margin:4px 0 4px 4px;
	position:relative;	
	z-index:110;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}
/*
img.missing {
	behavior: url(iepngfix.htc)
}
*/
div.bigAd {
	display:block;
	padding:0;
	border:1px solid #666;
	color:#ffffff;
	background:#ffffff url("http://core.getmarci.com/img/ads/marciAd-bg-2.jpg") no-repeat;
	text-align:center;
	height:64px;
}
a.adText {
	text-decoration:none;
	display:block;
	color:#000000;
	text-align:center;
	font-size:10px;
	overflow:hidden;
	font-family:Arial,Verdana,sans-serif;
	height:64px;
	vertical-align:middle;
}


/*  styles for the unit rater
--------------------------------------------------------- 
ryan masuga, masugadesign.com
ryan@masugadesign.com 
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */

.ratingblock {
	display:block;
	margin:0;

/*
	border-bottom:0px solid #999;
	padding-bottom:8px;
	margin-bottom:8px;
	margin-left:.5em;
	padding-left:.5em;
*/
	}

.loading {
	height: 30px;
	background: url('http://core.getmarci.com/rating/images/ajax-loader.gif') 50% 50% no-repeat;
	}
	
.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 16px;
	position: relative;
	background: url('http://core.getmarci.com/rating/images/starrating.png') top left repeat-x;		
	}

.unit-rating li {
	text-indent: -9999px;
	text-align:left;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}
	
.unit-rating li a {
	outline: none;
	display:block;
	width:16px;
	height: 16px;
	text-decoration: none;
	text-align:left;	
	text-indent: -9999px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}
	
.unit-rating li a:hover {
	background: url('http://core.getmarci.com/rating/images/starrating.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:16px;}
.unit-rating a.r2-unit{left:16px;}
.unit-rating a.r2-unit:hover{width: 32px;}
.unit-rating a.r3-unit{left: 32px;}
.unit-rating a.r3-unit:hover{width: 48px;}
.unit-rating a.r4-unit{left: 48px;}	
.unit-rating a.r4-unit:hover{width: 64px;}
.unit-rating a.r5-unit{left: 64px;}
.unit-rating a.r5-unit:hover{width: 80px;}
.unit-rating a.r6-unit{left: 80px;}
.unit-rating a.r6-unit:hover{width: 96px;}
.unit-rating a.r7-unit{left: 96px;}
.unit-rating a.r7-unit:hover{width: 112px;}
.unit-rating a.r8-unit{left: 112px;}
.unit-rating a.r8-unit:hover{width: 128px;}
.unit-rating a.r9-unit{left: 128px;}
.unit-rating a.r9-unit:hover{width: 144px;}
.unit-rating a.r10-unit{left: 144px;}
.unit-rating a.r10-unit:hover{width: 160px;}

.unit-rating li.current-rating {
	background: url('http://core.getmarci.com/rating/images/starrating.png') left bottom;
/*	position: center; */
	height: 16px;
	display: block;
	text-indent: -9999px;
	text-align:left;
	z-index: 1;
	}

.voted, .ratingblock p {
	font-family: verdana, helvetica, sans-serif;
	padding:4px 0;
	font-size: 11px;
	color:#fff;
	clear:both;
}
.thanks {
	padding:0;
	margin:0;
	color:#36AA3D;
}
.thanks img {
	position:relative;
	padding:0;
	margin:0;
	width:12px;
	height:12px;
}
.static {color:#5D3126;}