body {
	background-color:#e2e2e2;
	margin:10px;
}

h1 {
    color: #333333;
    font-family: calibri,verdana,sans-serif;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 8px;
    text-transform: uppercase;
    margin-top:10px;
    float:right;
    margin-right:10px;
}

.popup-container {
	width:530px; 
	background-color:#fff;
	padding:10px;
	-moz-box-shadow: 6px 6px 6px #333;
	-webkit-box-shadow: 6px 6px 6px #333;
	-box-shadow: 6px 6px 6px #333;
}

.popup-player-container {
	width:300px; 
	float:left; 
	margin-right:10px;
}

.popup-player {

}

.popup-sidebar {
	width:200px; 
	float:right; 
	margin-left:10px;
}

.popup-help {
	margin-top:15px;
	text-align:center;
}

.popup-container h2 {
    -moz-box-shadow: 0 0 8px #CCCCCC;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    height: auto;
    padding: 5px 0 5px 10px;
    width: auto;
}	

.popup-header,
.popup-footer {
    -moz-box-shadow: 0 0 8px #CCCCCC;
    border: 1px solid #CCCCCC;
    font-size: 15px;
    height: auto;
    padding: 5px 0 5px 10px;
    width: auto;
    margin-bottom:12px;
}

.popup-footer {
	padding:5px;
}

.popup-footer h3 {
	margin:5px 0;
	font-size:15px;
}

.popup-footer h3 a {
	font-size:15px;
	text-decoration:none;
	color:#0569B4;
}

.popup-footer a:hover{
	color:#000000;
}

#whatsplaying_twitter_div {
	margin-bottom:9px;
	max-height:90px;
	overflow:auto;
}

#twitter_update_list li {
	font-size:12px;
	line-height:15px;
}

.banner-overlay2 {
	position:absolute;
	z-index:3;
}



.scrollBox {
	overflow: hidden; 
	height:200px; 
	position:relative;
}

.scroll {
    height: 250px;
    overflow: auto;
    overflow-x: hidden;
    position: relative;
    z-index:2;
}

.scrollContainer div.panel {
    height: 196px;
	width:300px;
    background-color: #ccc;
    float:left;
    position:relative;
    overflow:hidden;
}

.scrollContainer div.panel img {
	width:300px;
	height:196px;
}


#slider div.background {
	background:none repeat scroll 0 0 #fff;
	height:70px;
	position:absolute;
	top:160px;
	left:0px;
	width:100%;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
	z-index:990;
}

#slider div.panelText {
	height:60px;
	padding:8px 5px 0 10px;
	position:absolute;
	top:157px;
	left:0px;
	z-index:991;
}

.panelText h2 {
	color: #0569B4;
    font-family: 'century schoolbook',georgia,serif;
    font-size: 17px;
    font-weight: bold;
    letter-spacing: -0.01em;
    margin: 0 0 5px;
    text-transform:lowercase;
	text-shadow: #ccc 1px 1px 2px;
	-moz-box-shadow: 0 0 0 !important;
	border:0px !important;
	padding:0px !important;
}

.panelText p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	color:#333;
	line-height:16px;
}

div.panel a {
	text-decoration:none;
}

.highlights-header {
	height:51px; 
	background-color:#fff; 
	color: #990000;
	font-size:15px;
	font-family: 'century schoolbook',georgia,serif;
	padding: 4px 0 0 6px;
	font-weight:bold;
}

#highlights-overlay {
	border:1px solid #ccc;
	border-bottom:0px;
	height:250px;
}