/****************************************************************
*Live365 toppage CSS
*(c) 2009-13 Live365, Inc.
****************************************************************/

/* Default ************************************ */
body#toppage {
	background: transparent url(/images/bg/live365_bg_default.jpg) repeat center top;

	/*background: transparent url(/web/img/placeholder/checker_large.png) 0 0 repeat;*/


	font-family: 'Open Sans', Helvetica, Arial, sans-serif;
	color: #333;
	background-color: #020b1e;
	/*background-repeat: repeat-x;*/
	background-position: 50% 0;
	background-attachment: scroll;
	position: relative;
}

body#toppage {
	/* old: min-width: 768px; */
	min-width:1190px;
}

#wrapper {
	text-align: left;
	margin: 0 auto;
	position: relative;
	z-index: 0;
	overflow: visible;
	margin-top: 64px;
}

#siteNav, 
#siteFooter,
#contentWrapper, 
#contentWrapperBottom, 
#contentFooter, 
#contentFooterBottom {

}
div#contentWrapper {
	border: 0;
	position: relative;
	background-repeat 		: no-repeat;
	background-position 	: -363px -64px;
	background-attachment 	: scroll;
	z-index: 90;
}
#contentWrapperBottom {
	padding: 0;
	margin: 0;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%; 
	height: 184px;
	z-index: 0;
}

#contentCol {
	position: relative;
	z-index: 2;
	padding: 0;
}

#contentCol.masked {
	background-color: transparent;
	background-color:rgba(255, 255, 255, 0.5);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";
}


/* tweak bootstrap definition of col-xs-8 to get around a 1px gap issue in Chrome and Firefox */
#contentCol.col-xs-8 {
	width: 66.67%;
}

#contentFrame {
	border: 0px; 
	width: 100%; 
	height: 1000px;
	margin-bottom: -6px;
}

.contentWrapper a:link, 
.contentWrapper a:visited {
	color: #1C8BBA;
}

.contentWrapper h3 {
	font-weight: bold;
}

.contentWrapper a:hover {
	text-decoration: underline;
}

#adCol {
	z-index: 2;
	position: absolute;
	right: 0;
	text-align: center;
	height: 100%;
	background-color: transparent; /* for IE8, do not remove: #ADAEAE; */
	background-color:rgba(255, 255, 255, 0.5);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";
}



#adCol .skinnyBox {
	margin-top: 10px;
}

#contentFooter {
	background: url(/web/img/bg/content_footer_bg.jpg) repeat-x left bottom;
	padding: 25px 15px 0 30px;
	height: 32px;
}

#contentFooter a:link, #contentFooter a:visited {
	color: #348ab1;
}

div#contentFooter img.iconListenSettings{
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -80px 0;
}

#globalSearchFormFoot {
	float: right;
}

#contentFooterBottom {
	background: url(/web/img/bg/footer_bottom.gif) no-repeat right top;
	padding-left: 25px;
	height: 3px;
}

#siteFooter {
	padding: 15px 15px 15px 17px;
	text-align: center;
	color: #464646;
	-webkit-text-size-adjust: none;
}

div#siteFooter a:link, div#siteFooter a:visited{
	color: #464646;
}

div#siteFooter a:hover{
	color: #1A3752;
}

div#siteFooter div.siteFooterLinks{
	margin-bottom: 20px;
}
div#siteFooter div.siteFooterLinks a{
	line-height: 1.5em;
	margin-right: 15px;
}

	div#siteFooter a.iconRadioTerra:hover{color: transparent;}

div#siteFooter a.iconRadioTerra img{
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -371px -164px;
}

div#siteFooter ul.socialIcons a:link, #siteFooter ul.socialIcons a:visited{
	margin: 0;
}
ul.socialIcons {
	margin-top: 10px;
	list-style-type: none;
}

ul.socialIcons li {
	display: inline-block; /*inline-block items treat line breaks in the HTML as extra whitespace! Keep </li> tags on the same line as the next opening <li> tag.*/
	zoom: 1;/*to trigger hasLayout for IE*/
	*display: inline;
	margin: 0 7px 0 0;
	padding: 0;
	vertical-align: middle;
}
ul.socialIcons li a{
	height: 21px;
	display: block;
	position: relative;
	top: 4px;
}
ul.socialIcons li.facebook a, ul.socialIcons li.twitter a, ul.socialIcons li.blogger a{
	position: static;
	width: 20px;
}
ul.socialIcons li.facebook {
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat 0 -164px;
}
ul.socialIcons li.twitter {
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -225px -164px;
}
ul.socialIcons li.blogger{
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -443px -164px;
}

#feedbackButton {
	position: fixed;
	top: 65px;
	right: 0;
	z-index: 999;
}

#feedbackButton a {
	display: block;
	text-indent: -9999px;
	width: 46px;
	height: 36px;
	background-image: url(/web/img/btns/sprite_feedback.png);
	background-repeat: no-repeat;
	margin-bottom: 6px;
}

#feedbackButton a.feedback-button {
	height: 111px;
	background-position: 10px 0;
}

#feedbackButton a:hover.feedback-button {
	background-position: 0 0;
}

#feedbackButton a.facebook-button {
	background-position: 10px -118px;
}

#feedbackButton a:hover.facebook-button {
	background-position: 0 -118px;
}

#feedbackButton a.twitter-button {
	background-position: 10px -161px;
}

#feedbackButton a:hover.twitter-button {
	background-position: 0 -161px;
}

#feedbackButton a.youtube-button {
	background-position: 10px -204px;
}

#feedbackButton a:hover.youtube-button {
	background-position: 0 -204px;
}

/* Begin: Navigation bars
----------------------------*/
#globalNav {
	position: absolute;
	top: 12px;
	right: 0;
	font-size: 11px;
}
#siteNav {
	
}
#siteNav a {
	margin-right: 20px;
	font-weight: 200;
	text-transform: uppercase;
}

#siteNav span:last-child a {
	margin-right: 0;
}
div.subnav {
	padding: 1px 25px;
	font-weight: 600;
	font-size: 12px;
	text-align: center;
	background-color: transparent;
	
}
div.bcwrap {
	margin-top: -4px;
	padding: 3px 25px;
	height: 24px;
	background-color: rgba(178,176,172, 0.5);
}
body.home div.bcwrap {
	display: none;
}
#bread {
	display: block;
	font-size: 12px;
	font-weight: 200;
	color: #666;
}
#bread a {
	margin-right: 2px;
	font-size: 12px;
	font-weight:200;
	text-transform: none;
	color: #666;
	vertical-align: text-bottom;
}

#globalNav .globalLink,
#globalNav a:link, 
#globalNav a:visited {
	color: #000000;
}

#siteNav a:link, 
#siteNav a:visited {
	color: #fff;
	font-size:14px;
}

#globalNav a.globalLink:link, 
#globalNav a.globalLink:visited {
	margin-right: 10px;
}

#globalNav a:hover, 
#siteNav a:hover {
	color: #FFFFFF;
}

div#siteNav span#vipListenFree img, div#siteNav a#bookmark, #siteNav a.navArrow{
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat;
}
#siteNav a.navArrow {
	background-position: right -80px;
	padding-right: 14px;
}

div#siteNav span#vipListenFree span{
	margin-left: 6px;
}

div#siteNav span#vipListenFree img{
	background-position:  0 0;
}

span#vipListenFree a:hover{
	border-bottom: 1px solid #FFF; 
	text-decoration: none;
}

div#siteNav a#bookmark {
	background-position: -170px 0;
	width: 16px;
	height: 12px;
	zoom: 1;
}

div.siteNavBottom {
	padding-top:4px;
}

div#siteNav a#bookmark:hover {
	background-position: -170px -12px;
}
#bread a:link, #bread a:visited {
	color: #666;
}
.flyoutMenu  {/* Genres, Presets and Search flyouts */
	background-color: #fff;
	position: absolute;
	top: 54px;
	right: 10px;
	/*padding: 12px;*/
	width: 513px;
	height: 161px;
	display: none;
	/*background: transparent url(/web/img/bg/sprites_fly_bg.png) no-repeat;*/
	z-index: 500;
	line-height: 15px;
	font-size: 14px;
}

.flyoutMenu  .padding{/* Genres, Presets and Search flyouts */
	padding: 20px;
}

.flyoutMenu .moreLinks {
	position: absolute;
	/*background: url(/web/img/icons/sprites_fixed.png) no-repeat 0 -28px;*/
	width: 100%;
	height: 31px;
	bottom: -10px;
	/*right: 10px;*/
	line-height: 15px;
	/*margin-bottom: 8px;*/
	overflow: hidden;
	text-align: center;
	background-color: #cca36e;
	padding-top: 5px;
	border-bottom-left-radius: 25%;
	border-bottom-right-radius: 25%;
}

.flyout {
	display: none;
	position: absolute;
	left: 0;
	top: 56px;
	z-index: 10000;
	float: left;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	background-color: transparent;

}
.flyout .padding {
	position: relative;
	float: left;
	width: 100%;
	padding: 20px;
	border-top-right-radius: 5px;
	border-top-left-radius: 5px;
	/* crappy browsers first */
	background: #666;
	/* vendor prefix styles go here */
	background: -moz-linear-gradient(#444444, #737373);
	background: -webkit-linear-gradient(#444444, #737373);
	/* now w3c compliant browsers */
	background: linear-gradient(#444444, ##737373);
	/* crappy IE filter BS goes here */
}
.flyout .padding .xed {
	position: absolute;
	right: 15px;
	top: 5px;
	font-size: 24px;
	cursor: pointer;
	color: #999;
}
.flyout.vip .padding {
	border-radius: 5px;
	text-align: left;
}
.flyout h2 {
	margin: 0 0 15px 0;
	color: #CCA36E;
	text-transform: uppercase;
	font-size: 24px;
	text-align: left;
}
.flyout ul {
	float: left;
	margin: 0 40px 0 0;
	text-align: left;
}
.flyout ul:last-child, .flyout ul.end {
	margin-right: 0;
}
.flyout li a {
	color: #fff;
}
.flyout .moreLinks {
	clear: both;
	background-color: #cca36e;
	text-align: center;
	padding: 3px 0;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.flyout.vip .moreLinks {
	display: none;
}
.flyout .moreLinks a {
	color: #fff;
	font-size: 18px;
}

#presetsDrop .moreLinks{
}

.flyoutMenu .moreLinks a {
	font-weight: bold;
	color: #FFFFFF;
}

.flyoutMenu .moreLinks iframe {
	position: relative;
	float: right;
}

.flyoutMenu .moreLinks .moreLinksText {
	position: relative;
	float: left;
	padding-top: 10px;
}

.flyoutMenu ul {
	float: left;
	width: 25%;
}

.favImg{
	position: absolute;
	width: 60px;
	height:55px;
	top:12px;
	padding-left: 35px;
}

.favTitle{
	position: absolute;
	top:70px;
	width: 120px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.flyoutMenu ul li {
	float: left;
	width: 100%;
	white-space: nowrap;
	margin-bottom: 5px;
}

.flyoutMenu h2 {
	color: #FFFFFF;
	margin: 5px 0;
	font-weight: bold;
}

#genreDrop {
	width: 645px;
	left: -170px;
}
#genreDrop.vip {
	left: -170px;
}
#genreDrop:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -24px;
	left: 50%;
	border: 12px solid transparent;
	border-bottom: 12px solid #444;
}
#genreDrop ul li a:link{
	/* width: 25%; */
	color: #FFFFFF;
}

#presetsDrop {
	max-width: 703px;
	left: 40px;
}
#presetsDrop a.all {
position: absolute;
font-size: 12px;
font-weight: bold;
right: 25px;
bottom: 5px;
}
#presetsDrop.vip {
	width: 703px;
	left: -120px;
}
#presetsDrop.listener {
	left: -100px;
}

#presetsDrop .logged_out {
	text-align: center;
}
#presetsDrop.vip .logged_out, #presetsDrop.listener .logged_out {
	display: none;
}
#presetsDrop .logged_out p {
	margin: 0;
}
#presetsDrop .logged_out p:first-child {
	color: #fff;
	margin: 0 0 30px 0;
}
#presetsDrop .logged_out p:last-child {
	margin: 15px 0 0 0;
}
#presetsDrop .logged_out a {
	font-weight: bold;
}
#presetsDrop a.register {
    background-color: #CCA36E;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    padding: 2px 55px;
    text-decoration: none;
    text-transform: uppercase;
}
#presetsDrop a.login {
	text-decoration: underline;
}
#presetsDrop .logged_in {
	display: none;
}
#presetsDrop.vip .logged_in, #presetsDrop.listener .logged_in {
	display: block;
}

#presetsDrop:before {
	content: '';
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	top: -24px;
	left: 50%;
	border: 12px solid transparent;
	border-bottom: 12px solid #444;
}

#presetsDrop .logged_in p {
	color: #fff;
	margin: 0 0 25px 0;
}
#presetsDrop .logged_in h2 {
	font-size: 24px;
	color: #999;
}
#presetsDrop .logged_in h2 a {
	font-size: 24px;
	padding: 0 7px 0 0;
}
#presetsDrop .logged_in h2 a.liked {
	display: inline-block;
	text-decoration: underline;
	/*margin: 0 0 0 5px;*/
	padding-right: 35px;
	background: transparent url(/web/img/icons/icon_thumbup-white.png) right center no-repeat;
}
#presetsDrop .logged_in h2 span.favs {
	display: inline-block;
	color: #CCA36E;
  	margin: 0 15px 0 0;
    padding-right: 35px;
    background: transparent url(/web/img/icons/icon_heart-white.png) right center no-repeat;
}

#genreInfoFlyoutAnchor {
	position: relative;
	z-index: 5;/*deal with an IE7 z-stacking bug*/
}
#genreInfoFlyout {
	top: -17px;
	left: 20px;
	width: 426px;
	height: 131px;
	background-position: 0 -603px;
}

img.iconPresetAdd {
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -556px 3px;
	width: 12px; 
}




#presetsUL li a img {
	vertical-align: middle;
	width: 60px;
	height: 50px;
}

#presetsUL li a {
	padding: 0 0 0 5px;
	background: none;
	display: inline;
	font-size: 12px;
}

#presetsUL li a.presetLink {
	padding: 0 5px 0 0;
}

#subPreviousDrop {
	overflow: hidden;
	float: right;
	width: 175px;
	height: 95%;
	padding: 0 10px 10px 10px;
	border-left: 1px solid #ACD3E9;
	display:	none;
}


#subPreviousDrop #add {
	width: 8px;
	height: 8px;
	margin-top: 0;
	margin-bottom: 1px;
	background-image: url(/web/img/icons/add_sm.png);
}


#subPresetsDrop {
	
}
#subPresetsDrop .itemBox {

}
#subPresetsDrop .itemBox figcaption {
	width: 100%;
	overflow: hidden;
	padding-top: 2px;
}
#subPresetsDrop .itemBox figcaption a {
	display: block;
	width: 100%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-size: 14px;
}
#subPresetsDrop .itemBox figure {
   margin: 0 auto;
   width: 125px;
}
#subPresetsDrop .iconWrap {
	position: relative;
	width: 100%;
	overflow: hidden;
}
#subPresetsDrop .iconWrap a.icon {
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	outline: 0;
}
.iconWrap a.icon:hover, .iconWrap a.icon:active, .iconWrap a.icon:focus {
	outline: 0;
}
#subPresetsDrop .iconWrap a.srect {
	margin-left: -25px;
	margin-top: -25px;
}
#subPresetsDrop .iconWrap a.icon img {
	margin: 0;
}
#subPresetsDrop .iconWrap a.srect img {
	width: 50px;
	height: 50px;
}
#subPresetsDrop .iconWrap a.srect img.playing, #subPresetsDrop .iconWrap a.srect img.fauxPlay {
	background-position: -68px 0;
}
#subPresetsDrop .row:first-child {
	margin-bottom: 20px;
}






#subPresetsDrop ul li {
	float: none;
	margin: 0;
	white-space: normal;
	width: 125px;
	display: inline-block;
}

#subPresetsDrop div.stationBoxImg {
	position: relative;
}
ul#presetsUL {
	float: none;
	width: 100%;
	margin: 0;
}

#searchDrop {
	left: 696px;
	width: 288px;
	height: 137px;
	background-position: 0 0;
}

#searchDrop ul li {
	margin-bottom: 1px;
}

#searchDrop .moreLinks {
	width: 115px;
	right: 5px;
}

.searchInputCont {
	height: 21px;
}

div.searchInputCont #searchIcon, div.searchInputCont #searchIconFoot, div.searchInputCont input.globalSearchText,
div.searchInputCont div.inputRoundedRight, div.searchInputCont input.goBtn{
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat;
}

div.searchInputCont #searchIcon, div.searchInputCont #searchIconFoot{
	display: inline-block;
	width: 29px;
	height: 21px;
	background-position: -270px -224px;
	position: relative;
	zoom: 1;
	*display: inline;
}

div.searchInputCont input.globalSearchText {
	border-top-color: #c0bfb5;
	border-bottom-color: white;
	border-width: 1px 0;
	border-style: solid;
	position: relative;
	vertical-align: top;
	background-color: white;
	background-position: -4px -224px;
	width: 190px;
	padding: 3px 5px 1px 5px;
	*margin-top: -1px;
}

div.searchInputCont div.inputRoundedRight {
	display: inline-block;
	width: 3px;
	height: 21px;
	vertical-align: top;
	background-position: 0 -224px;
	zoom: 1;
	*display: inline;
	_height: 21px;
}

div.searchInputCont input.goBtn{
	background-position: -352px 0; 
}

.itemSelect {
	width: 10px;
	height: 10px;
	display: inline-block;
	margin-right: 5px;
}


.checked {
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -492px -82px;
}



/* Begin: Player
----------------------------*/
#plsData, #embeddedPlayer {/* shared, hidden Shout-Out iframe */
	position: absolute;
	left: 0px;
	top: 20px;
	width: 9px;
	height: 9px;  
}

#plsData {
	left: 10px;
}

#plsFrame {
	overflow: hidden;
	height: 0px;
	width: 0px;
	visibility: hidden;
}

#playerFrame {   
	position: fixed;
	top: 15px;
	width: 16px; /* IE7/Flash10.3 min size */
	height: 16px;  
	overflow: hidden;
	display: block;
	background-color: transparent;
	z-index: -10;
}

#musicPlayerCont {
	width: 148px;
	height: 454px;
	position: fixed;
	-webkit-transform: translateZ(0);/* fix Chrome z-index issue with RMA slider */
	top: 2px;
	z-index: 100;
	padding-top: 8px;
}

#musicPlayerCont.long {
	height: 520px;
	border: 2px solid blue;
}

.playerVIPArea a.active {
	background-position: -83px -503px;
}

.playerVIPArea.msg02 a {
	width: 146px;
	display: block;
}

.playerVIPArea.msg02 a.active {
	background-position: -270px -579px;
}

.playerVIPArea.msg03 a {
	background-position: -85px -511px;
}

.playerVIPArea.msg03 a.active {
	background-position: -85px -548px;
}

.playerModule {
	position: relative;
	color: white;
	font-size: 11px;
	margin-top: 55px;
}

.playerModule a {
	color: #878787;
}

.artist {
	color: #348ab1;
}

.title, .ad{
	font-size: 12px;
	line-height:1.4em;
	display: block;
	color: #E9D0B0;
}

#playerLogo {
	height: 70px;
}

#playerLogo a {
	display: block;
	height: 100%;
	width: 100%;
}

#topImage {
	width: 125px;
	height: 125px; 
	vertical-align:top;
}

#stationDetails {
	margin-top: 15px; 
}

#stationDetails a {
	color: #767676;
	display:block;
}

#stationImage {
	width: 125px;
	height: 70px;
	margin: 0 auto;
	display: block;
}

#stationArt {
	position: relative;
}

#lineupCont {
/* component retired 1/2012 */
	display: none;
	background: url(/web/img/bg/playlist_bg.png) no-repeat 0 0;
	margin-bottom: 5px;
	width: 125px;
	height: 108px;
	color: #878787;
}

.lineupTitle {
	font-size: 11px;
	padding: 1px 0 2px 2px;
	display: block;
	font-weight: normal;
	white-space: nowrap;
	overflow: hidden;
	width: 110px;
}

#scrollerBtns {
	position: absolute;
	margin-top: 25px;
	right: 0px;
	z-index: 10;
}

#scrollerBtns a {
	display: block;
}

#lineup {
	overflow: hidden;
	height: 90px;
	width: 110px;
}

#lineup ul li {
	overflow: hidden;
	white-space: nowrap;
	padding: 1px 0 1px 2px;
	height: 16px;
	display: block;
}

#lineup ul li a,
.lineupTitle a {
	color: #878787;
}

#lineup ul li.active a,
#lineup ul li.active {
	color: #dcdcdc;
}

#lineup ul li a:hover {
	text-decoration: underline;
}

#playerAd {
	text-align: center;
}

#siteName {
	text-indent: -9999px;
	display: block;
	position: absolute;
	width: 163px;
	height: 50px;
}



#playerStatus {
	position: absolute;
	top: 147px;
	left: 106px;
	width: 20px;
	height: 20px; 
	z-index: 6;
	overflow: hidden;
}

#playerStatus #thumperImage.active, 
#playerStatus #loaderImage.active {
	display: block;
}

#playerStatus #thumperImage {
	display: none;
	width: 15px;
	height: 20px; 
}

#playerStatus #loaderImage {
	display: none;
	width: 19px;
	height: 19px; 
}

#albumCover{
	padding-top: 15px;
}

#artistHover {
	position: absolute;
	top: 57px;
	top: 55px;
	width: 125px;
	height: 125px;
	display: none;
	/*overflow: hidden;*/
	text-align: center;
	z-index: 80;
	left: 11px;
	background-color: rgba(255, 255, 255, .55);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff, endColorstr=#8Cffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff, endColorstr=#8Cffffff)";
}

#artistHover.active, 
#stationHover.active {
	background-position: bottom left;
	display: block;
}

#artistHover .imageButton {
	float: left;
	margin-right: 12px;
	position: relative;
	z-index: 10;
}

#artistHover #artistInfo {
	position: absolute;
	top: 35px;
	overflow: auto;
	height: 120px;
	width: 111px;
	z-index: 10;
}

#artistHover #artistInfo .artist {
	font-size:11px;
}

#artistHover #artistInfo .title{
	overflow: hidden;
	max-height: 2.4em;
	line-height:1.1em;
}

#albumtd1{
	line-height:1.2em;
}

#albumtd2{
	height:auto;
	overflow:hidden; 
	max-height:2.4em; 
	line-height:1.2em;
}

#progressBar {
	position: absolute;
	height: 40px;
	width: 100px;
	overflow: hidden;
	z-index: 1;
	top: 9px;
	left: 11px;
}

#progressBarLine {
	position: absolute;
	height: 60px;
	width: 129px;
	overflow: hidden;
	z-index: 1;
	top: 21px;
	left: 11px;
	/* border: 1px solid red; */
}

#currentTrack {
	margin-top: 2px;
}

#currentTrack .artist,
#currentTrack .title,
#currentStation .stationTitle,
#currentStation .stationLocation {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 14px;
}

#artistTitle{
	padding-left: 11px;
}

#currentStation{
	margin-top:2px;
	padding-bottom: 10px;
	padding-left: 11px;
}

#currentTrack .artist {
	height: 40px;
	font-size: 14px;
	font-weight: 700;
	color:  #e9d0b0;
}

.sepBar{
  background: none repeat scroll 0 0 #e9d0b0;
    display: block;
    height: 1px;
    margin: 0 0 10px 11px;
    padding: 0;
    width: 85%;
}

#currentStation .stationTitle, #currentStation .stationTitle a {
	color: #FFFFFF;
	font-size: 14px;
	height: 18px;
}

#currentStation .stationLocation,
#currentStation .stationLocation a {
	color: #FFFFFF;
	font-size: 12px;
}

#playerVIPPromo,
#playerVIPPromo a {
	color: #5391b5;
	text-align: left;
}

#stationHover {
	display: block;
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 5;
	width: 125px;
	height: 73px;
	background-color: rgba(255, 255, 255, .55);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff, endColorstr=#8Cffffff);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8Cffffff, endColorstr=#8Cffffff)";
}

#stationHover #stationUpsell,
#stationHover #rateDiv {
	position: absolute;
	font-size: 11px;
	color: #cfeeff;
	top: 15px;
	padding: 0px 5px 2px 5px;
	width: 111px;
	height: 39px;
}
#stationUpsell div.stationInformation {
	margin: 0;
	padding: 0; 
}
#stationHover #rateDiv {
	text-align: center;
}

#shoutOutBody {
	margin: 2px 4px 0px 0px;
}

#shoutWrap {
	display: none;
}

ul#artistButtons, ul#stationButtons {
	height: 55px;
	padding-left: 10px;
	list-style-type: none;
	overflow: hidden;
	position: absolute;
	top: 20px;
}

ul#stationButtons {
	height: 35px;
	margin-left: 8px;
}

ul#artistButtons {
	position: absolute;
	z-index: 100;
	width: 135px;
	top: 30px;
	overflow: visible;
}

.time{
	position: absolute;
	z-index: 10;
	width: 125px;
	width:95px;
	bottom: 15px;
	bottom: 30px;
	color: #000000;
	left: 16px;
}

.spaceBetweenTime{
	padding-left: 10px;
}

.imageButton {
	background-position: top left;
	background-repeat: no-repeat;
	overflow: hidden;
	display: block;
	text-indent: -9999px;
	cursor: pointer;
}

ul#artistButtons li,
ul#stationButtons li{
	float: left;
	cursor: pointer;
	position: relative;
	z-index: 10;
}

#artistButtons li {
	width: 38px;
	margin-right: 15px;
	margin-top: 2px;
	margin-left: 5px;
}
#stationButtons li {
	margin-right: 10px;
	position: relative;
	z-index: 10;
	margin-top: 4px;
	margin-left: 1px;
}

ul#artistButtons li a, ul#stationButtons li a {
	display: block;
}

ul#artistButtons a span, ul#stationButtons a span{
	display: none;
}

#shout form {
	position: absolute; 
	top: 15px;
}

ul#playerIconsSocial {
	list-style-type: none;
	text-align: center;
	margin-right: -5px;
}
ul#playerIconsSocial li {
	display: inline-block;
	*display: inline;
	margin: 0 2px;
	width: 25px;
	height: 29px;
	vertical-align: top;
}

ul#playerIconsSocial li a {
	display: block;
	width: 29px;
	height: 29px;
	background: transparent url(/web/img/icons/sprites_h.png) no-repeat;
}
ul#playerIconsSocial a.facebook {
	background-position: 0 -263px;
}
ul#playerIconsSocial a.facebook:active {
	background-position: 0 -304px;
}
ul#playerIconsSocial a.twitter {
	background-position: 0 -348px;
}
ul#playerIconsSocial a.twitter:active {
	background-position: 0 -390px;
}
ul#playerIconsSocial a.google {
	background-position: 0 -431px;
}
ul#playerIconsSocial a.google:active {
	background-position: 0 -468px;
}
ul#playerIconsSocial a.email {
	background-position: 0 -507px;
}
ul#playerIconsSocial a.email:active {
	background-position: 0 -544px;
}
ul#playerIconsSocial a.adson {
	background-position: 0 -583px;
	width: 31px;
	height: 31px;
}
ul#playerIconsSocial a.adson:active {
	background-position: 0 -620px;
}

.hoverBg {
	width: 125px;
	height: 37px;
	position: absolute;
	background: url(/web/img/bg/playerStation_active.png) no-repeat top left;
	top: 33px;
	left: 0;
	display: none;
}

.hoverBg.active {
	display: block;
}

.hoverBg input {
	width: 100px;
	text-align: center;
	font-size: 9px;
	margin-left: 11px;
}

.hoverBg button {
	font-size: 10px;
	padding: 0px;
	margin-top: 2px;
	margin-left: 2px;
	cursor: pointer;
}

.hoverBg .send {
	margin-left: 15px;
}

#rateDiv,
#rateCountDown,
#ratePrompt,
#rateNow {
	text-align: center;
	display: none;
	line-height: 1.5em;
}

#rateDiv.active,
#rateCountDown.active,
#ratePrompt.active {
	display: block;
}

#ratePrompt a {
	display: inline;
}

#rateNow {
	display: block;
	font-size: 14px;
}

#rateNow .stars {
	width: 18px;
	height: 16px;
	overflow: hidden;
	background-image: url(/web/img/icons/white_star.png);
	background-position: left top;
	background-repeat: no-repeat;
	float: left;
	text-indent: -9999px;
}

#rateNow .stars.whole {
	background-image: url(/web/img/icons/blue_star.png);
}

#rateNow .stars.half {
	background-image: url(/web/img/icons/blue_half_star.png);
}

#rateNow .stars.voted {
	background-image: url(/web/img/icons/yellow_star.png);
}

#rateNow #star1 {
	margin-left: 10px;
}

.controls a { /* directory */
	display: block;
	position: relative;
	z-index: 1;
}

#socialWrap {
	display: table-cell;
	position: absolute;
	top: 30px;
	left: 15px;
	display: none;
}
#socialWrap.alt {
	display: block;
	border: 0px solid red;
	left: 4px;
	margin: 0;
	padding: 0;
}
#socialWrap.alt a {
	display: inline;
}

a.topIconLnk {
	display:inline-block;
	height:12px;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration: none!important;          
}

a.topIconLnk:hover {
	background-position: 0 -8px;
}

.imageInfo {
	width:123px; 
	height:22px;
	background-color:transparent;
	padding-left:2px;
	margin-bottom: 0px;
	top:50px;
	z-index: 90;
}

/* player */
div#controls{ 
	/*padding: 10px 0px;
	margin-top: 2px;
	width: 100%;
	height: 40px;*/
	position: relative;
	z-index: 10;
}

div#controls a#playOrStopButton {
	width: 15px;
	height: 16px;
	background-color: transparent;
	background-repeat: no-repeat;
	display: block;
	position: absolute;

}

div#controls #volumeControl {
	background: transparent;
	width: 75px;
	height: 26px;
	border: none;
	position: absolute;
	right: 11px;
}

#popup .subTitle {
	text-indent: 0;
	font-size: 16px;
	font-weight: normal;
	color: #348ab1;
	height: auto;
	padding: 3px 0 3px 0;
}

#popup {
	text-align:left;
}

#popup p, .popup p {
	margin: 10px 0;
}

#popup h1, .popup h1 {
	text-indent: 0;
	font-size: 21px;
	font-weight: normal;
	color: #348ab1;
	height: auto;
	padding: 3px 0;
}

#popup h2, .popup h2 {
	color: #348AB1;
	font-size: 16px;
	margin-top: 10px;
}

#popup h3, .popup h3 {
	font-size: 12px;
	margin-top: 5px;
}

.popup {
	text-align: left;
	margin: 20px;
}

#albumCoverCont{
	width: 125px;
	height: 125px;
	margin: 0 auto;
}

#stationInfo, #stationInfo a{
	font-size: 14px; 
	font-weight:700;
	padding:5px 0 0 1px;
	color: #e9d0b0;
	text-decoration: none;
}

#stationInfo{
	padding:5px 0 0 11px;
}

#playerControls, #stationDetails{ /* don't think the new design needs this. removing on 4/24/2012 */
	/*
	opacity:0.75;
	filter:alpha(opacity=75); /* For IE8 and earlier */
}

#stationInfoDisp div.info a {
	color: #CFEEFF;
}

#stationInfoDisp div.info  {
	margin: 0px auto; 
	text-align: left; 
	text-decoration: none;
	color: white;
}
#stationInfoDisp div.more {
	margin: 6px auto; 
	text-align: center; 
	color: #CFEEFF;
}

#popupPlayer{
	margin-top:5px; 
	position:absolute; 
	width:20px; 
	height:18px; 
	right:0; 
	top:1px; 
	z-index:100;
	zoom:1; 
	*display: inline;
	_height: 20px
}

#popupPlayer a{
	width:100%; 
	height:100%; 
	display:block;
}

#popupPlayer a:hover{
	cursor:pointer;
	cursor:hand;
}

/* -------start of slider.css------- */
.fader {
	position: fixed;
	z-index: 50;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: transparent url(/web/img/bg/opa-blk-45.png) 0 0 repeat;
}

#slider {
	position: fixed;
	z-index: 500;
	width: 1px; 
	height: 1px;
	left: 10px;
	top: 50px;
	padding: 0px;
	background: transparent;
	overflow: hidden;
	cursor: auto;
}

#sliderCont {
	position: absolute;
	width: 300px;
	height: 250px;
	overflow: hidden;
	cursor: auto;
}

#trigger {
	position: absolute;
	right: 5px;
	top: 0px;
	width: 18px;
	height: 18px;
	background: transparent url(/web/img/icons/sprites_fixed.png) -218px 0 no-repeat;
	cursor: pointer;
	border: 0;
	z-index: 1;
}

#turnOffAds {
	position: absolute;
	left: 60px;
	bottom: 13px;
	width: 200px;
	height: 20px;
	background: transparent url(/web/img/icons/sprites_fixed.png) no-repeat -130px -39px;
	cursor: pointer;
	border: 0;
	z-index: 1;
}

#slider300x250, #slider300x250rma {
	position: relative;
	margin: 0px;
	left: 0px;
	top: 0px;
}

#slider300x250 {
	z-index: 0;
	display: none;
}

#slider300x250rma {
	z-index: 1;
}
/* -------end of slider.css--- */



div#bgLink1 {
	position: absolute;
	top: 0; left: 0;
	width: 100%;
	height: 101%;
	margin: 0;
	padding: 0;
	cursor: pointer;
	display: block;
}
div#bgLink2 {
	position: absolute;
	top: 500px;
	left: 0;
	border: 0;
	display: block;
	width: 150px;
	height: 125px;
	margin: 0;
	padding: 0;
	cursor: pointer;
	z-index: 10;
	background: transparent;
}

/* Corporate button for links and buttons */

a.default, a.default:link, a.default:active, a.default:visited {
	background-color: #d6eeff;
	background-image: -moz-linear-gradient(center top , #f7fcff, #d6eeff);
	border-color: #cfd8fb;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	color: #113d56;
	font: bold 15px/1 arial, helvetica,sans-serif;
	padding: 4px 30px;
	text-align: center;
	-moz-box-shadow: 1px 1px 1px #94b5d8;
	-webkit-box-shadow: 1px 1px 1px #94b5d8;
	box-shadow: 1px 1px 1px #94b5d8;
	text-decoration: none;
	display: inline-block;
}

a.default:active {
	background-image: -moz-linear-gradient(center top , #f2faff, #f7fcff);
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

button.default {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	background-color: #CCA36E;
	background-image: -moz-linear-gradient(center top , #CCA36E, #CCA36E);
	border-color: #CCA36E;
	border-image: none;
	border-radius: 3px 3px 3px 3px;
	border-style: solid;
	border-width: 1px;
	color: #113d56;
	font: bold 15px/1 arial, helvetica,sans-serif;
	padding: 4px 30px;
	text-align: center;
	-moz-box-shadow: 1px 1px 1px #94b5d8;
	-webkit-box-shadow: 1px 1px 1px #94b5d8;
	box-shadow: 1px 1px 1px #CCA36E;
}

button.default:hover {
	cursor: pointer;
}

button.default:active {
	background-image: -moz-linear-gradient(center top , #f2faff, #f7fcff);
	cursor: pointer;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}
/* Background Color: Multiple page */
/* removed due to new home page reskin 2015
.bg-gray-dark {
	background-color: transparent; 
	background-color: rgba(51, 51, 51, 0.75);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0333333, endColorstr=#c0333333);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0333333, endColorstr=#C0333333)";
	
}
*/

.bg-gray-light {
	background-color: transparent; /* for IE8, do not remove: #ADAEAE; */
	background-color:rgba(255, 255, 255, 0.5);
	 filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF);
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#80FFFFFF, endColorstr=#80FFFFFF)";
}

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

/* styles for popover used on search results page when clicking favicons */
.popover._favicons {
	border: none;
	max-width: none;
	width: 325px;
	opacity: 1;
	z-index: 10000;


	/* first crappy old browsers */
	background: #8e8e8e url('/web/img/bg/thumb_login_form_bg.jpg') left top repeat-x; // 8e8e8e is supposed to be the stop color for the gradient (at bottom)
	/* vendor prefix styles go here */
	background: -moz-linear-gradient(#8e8e8e, #666 30%, #666 60%, #8e8e8e);
	background: -webkit-linear-gradient(#8e8e8e, #666 30%, #666 60%, #8e8e8e);
	/* now w3c compliant browsers */
	background: linear-gradient(#8e8e8e, #666 30%, #666 60%, #8e8e8e);
	/* crappy IE filter BS goes here */
}
.popover._favicons.userfb {
	top: 305px !important;
}
.popover._favicons span.xed {
	position: absolute;
	right: 8px;
	top: -5px;
	font-size: 24px;
	cursor: pointer;
	color: #999;
}
.popover._favicons .popover-title {
	display: none;
}
.popover._favicons .popover-content {
	padding: 20px;
}
.popover.right > .arrow:after {
	border-color: transparent;
	border-right-color: #666 !important;
}
.popover._favicons p.userfb {
	color: #fff;
	padding: 15px 0;
}


/* styles for login form used inside player's thumbs up/down */
form.thumb_login {
	color: #fff;
}
form.thumb_login p {
	margin: 0 0 20px 0;
	font-size: 18px;
	line-height: 22px;
	width: 250px;
}
form.thumb_login a {
	font-size: 16px;
}
form.thumb_login p a {
	font-size: 18px;
	text-decoration: underline;
}
form.thumb_login div, .stnfavlogin form div {
	position: relative;
}
form.thumb_login div.mid {
	margin: 25px 0;
}
form.thumb_login .form-control {
	color: #000;
}
form.thumb_login .btn.btn-default {
	padding: 6px 30px;
}
body.thumbsDown .thumb_login p span {
	display: none;
}
form.thumb_login .btm ul {
	margin: 0;
}
form.thumb_login .btm li {
	display: inline-block;
	font-size: 14px;
}
form.thumb_login .btm li:first-child {
	margin: 0 10px 0 0;
}
form.thumb_login .btm li:last-child {
	vertical-align: middle;
}
form.thumb_login .btm li a {
	font-size: 14px;
}
form.thumb_login span.error, .stnfavlogin form span.error {
	display: inline-block;
	position: absolute;
	left: 2px;
	top: 37px;
	color: #990000;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.8);
}
form.thumb_login p.server-error-msg, .stnfavlogin form p.server-error-msg {
	margin: -10px 0 5px 0;
	font-size: 12px;
	color: #990000;
	text-shadow: 0px 0px 9px rgba(255, 255, 255, 0.8);
	font-weight: bold;
}

/*-------------------------------start of nyroModal.css --------------------------------- */

.nyroModalBg {
	position: fixed;
	overflow: hidden;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	background: #000;
	opacity: 0.7;
}
.nmReposition {
	position: absolute;
}
.nyroModalCloseButton {
	top: -20px;
	right: -20px;
	width: 50px;
	height: 50px;
	text-indent: -9999em;
	background: url(/web/img/bg/sldClsF.png);
	z-index: 960;
}
.nyroModalTitle {
	top: -26px;
	left: 0;
	margin: 0;
	font-size: 1.1em;
	color: #ddd;
}
.nyroModalCont {
	position: absolute;
	-moz-border-radius: 15px;
	border-radius: 15px;
	padding: 25px;
	background: #fff;
	text-align: left;
	z-index: 950;
}
.nyroModalCont iframe {
	width: 600px;
	height: 400px;
	border: 0;
}
.nyroModalError {
	border: 4px solid red;
	color: red;
	width: 250px;
	height: 250px;
}
.nyroModalError div {
	min-width: 0;
	min-height: 0;
	padding: 10px;
}
.nyroModalLink, .nyroModalDom, .nyroModalForm, .nyroModalFormFile {
	position: relative;
	padding: 10px;
	height: 400px;
	min-height: 250px;
	min-width: 250px;
	max-width: 1000px;
	overflow: hidden;
	width:560px;
}
.nyroModalImage, .nyroModalSwf, .nyroModalIframe, .nyroModalIframeForm {
	position: relative;
	overflow: hidden;
}
.nyroModalImage img {
	vertical-align: top;
}
.nyroModalHidden {
	left: -9999em;
	top: -9999em;
}
.nyroModalLoad {
	position: absolute;
	width: 100px;
	height: 100px;
	background: #fff url(/web/img/ajaxLoader.gif) no-repeat center;
	padding: 0;
}
.nyroModalPrev, .nyroModalNext {
	outline: none;
	position: absolute;
	top: 0;
	height: 60%;
	width: 150px;
	min-height: 50px;
	max-height: 300px;
	cursor: pointer;
	text-indent: -9999em;
	background: transparent url('data:image/gif;base64,AAAA') left 20% no-repeat;
}
.nyroModalImage .nyroModalPrev, .nyroModalImage .nyroModalNext {
	height: 100%;
	width: 40%;
	max-height: none;
}
.nyroModalPrev {
	left: 0;
}
.nyroModalPrev:hover {
	background-image: url(../img/prev.gif);
}
.nyroModalNext {
	right: 0;
	background-position: right 20%;
}