/****************************************************************
*	Live365 Directory Listings CSS
*	(c) 2008-14 Live365, Inc.
****************************************************************/
/* Directory-wide settings */
@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,600);
body {
	margin			: 0;
	padding			: 0;
	background		: inherit;
}

#genreNavRow {
	vertical-align	: bottom;
}

#genreNavRow .searchLink {
	margin-top		: 25px;
}

/* Genre dropdown */
#subGenreInfoCont {
	display			: none;
	position		: absolute;
	z-index			: 50;
	top				: 160px;
	left			: 0px;	
	background		: url(/web/img/bg/subgenre_flyout.png) no-repeat 0 0;
	padding			: 15px 18px 10px 15px;
	width			: 429px;
	height			: 235px;
	font-size		: 11px;
	background-color: transparent;
}

#subGenreInfoCont .hrBorder {
	width			: 375px;
	margin-top		: 5px;
	margin-bottom	: 5px;
}

#subGenreInfoCont #subGenreInfoDesc {
	width			: 400px;
}

#subGenreInfoCont .moreLinks {
	float			: right;
	width			: 88px;
	position		: relative;
}

#subGenreInfoCont table {
	font-size		: 12px;
}

#subGenreInfoCont ul {
	float			: left;
	width			: 25%;
}

#subGenreInfoCont div.hrBorder {
	margin-top		: 5px;
}

#subGenreInfoCont a.floatRight {
	top				: 2px;
	position		: relative;
}

#subGenreInfoCont ul li {
	margin-bottom	: 6px;
}

#subGenreInfoCont p {
	padding			: 6px 0 2px 0;
}

#subGenreInfoCont .row .label {
	font-weight		: bold;
	float			: left;
	width			: 86px;
	text-align		: right;
}

#subGenreInfoCont .row .data {
	margin-left		: 89px;
	width			: 145px;
	color			: #1c8bba;
}

/* Search dropdown */
#searchGenreCont {
	display			: none;
	position		: absolute;
	top				: 40px;
	right			: 5px;
	height			: 52px;
	width			: 380px;
	z-index			: 15;
}

#searchGenreCont input.text {
	padding			: 2px 3px;
}

#searchGenreCont select, #searchGenreCont option {
	color			: #5a5a5a;
}

#searchGenreCont input.text, #searchGenreCont select {
	font-size		: 11px;
	border			: 1px solid #b0aea1;
	margin			: 0 4px;
}

#searchGenreCont .goBtn {
	margin-top		: -2px;
}

#searchGenreCont #searchGenreLeft, #searchGenreCont #searchGenreRight {
	background		: url(/web/img/bg/genre_search_left.png) no-repeat 0 0;
	padding-top		: 15px;
	width			: 10px;
	height			: 52px;
	float			: left;
}

#searchGenreCont #searchGenreRight {
	width			: 16px;
	background		: url(/web/img/bg/genre_search_right.png) no-repeat 0 0;
}

#searchGenreCont #searchGenreMid {
	background		: url(/web/img/bg/genre_search_middle.png) repeat-x 0 0;
	padding-top		: 15px;
	height			: 52px;
	float			: left;
	vertical-align	: middle;
}

#searchGenreCont #searchGenreMid #searchdesc, 
#searchGenreCont #searchGenreMid #searchgenre {
	vertical-align	: middle;
}

.highlight {
	background		: #e2e2e2;
}

/* Main content container */
#contentCont {
	clear			: both;
	z-index			: 1;
	text-align		: left;
}

body.subpage #contentCont {
	padding-bottom	: 60px;
	min-height: 1000px;
}

#stationDirectory {
	clear			: both;
	padding			: 0px 25px;
	min-height		: 400px;
	height			: auto !important;
	height			: 400px;
}

#stationDirectory a,
#stationDirectory a:link,
#stationDirectory a:visited {
	text-decoration : none;
	color: #000;
}

#stationDirectory a:hover {
	text-decoration	: underline;
	cursor:	pointer;
	cursor: hand;
}

#stationDirectory h3 {
	font-weight		: normal;
	font-size:		12.4833px; /*by Walt */
	margin:3px 0;
}

.stationTitle {
	font-weight		: bold;
	text-align		: left;
}
 
.titleGenreAttr h2.stationTitle,td.stationTitle h2.stationTitle{
	font-size		: 16px;
}

.stationAttr {
	padding-top		: .25em;
	font-size:		9px;
	font-weight:	bold;
	text-align: center;
	width:125px;
}

.playIconAndTitle {
	min-height		: 35px;
}

.playIcon {
	width			: 41px;
	padding			: 4px 2px 0px 2px;
}

/* all play icons */
.playIconImg {
	background		: transparent;
	border			: 0;
	padding			: 0;
	vertical-align	: middle;
	margin-bottom	: .25em;
}

/* small */
img.playIconImg.srect-rad-reg,
img.playIconImg.srect-rad-afl,
img.playIconImg.srect-rad-dim,
img.playIconImg.srect-rad-sub,
img.playIconImg.srect-oda-reg,
img.playIconImg.srect-oda-afl,
img.playIconImg.srect-oda-dim,
img.playIconImg.srect-oda-sub {
	background		: transparent url(/scp/web/images/listen-srect.png) no-repeat 0px 0px;
	width			: 50px;
	height			: 50px;
}

/* medium */
img.playIconImg.mrect-rad-reg,
img.playIconImg.mrect-rad-afl,
img.playIconImg.mrect-rad-dim,
img.playIconImg.mrect-rad-sub,
img.playIconImg.mrect-oda-reg,
img.playIconImg.mrect-oda-afl,
img.playIconImg.mrect-oda-dim,
img.playIconImg.mrect-oda-sub {
	background		: transparent url(/scp/web/images/listen-mrect.png) no-repeat 0px 0px; 
	width			: 37px;
	height			: 35px;
}

img.mrect-rad-dim {
	margin-top		: 2px;
	margin-left		: 2px;
}
/* large : moved to live365_responsive.css
img.playIconImg.lrect-rad-reg,
img.playIconImg.lrect-rad-afl,
img.playIconImg.lrect-rad-dim,
img.playIconImg.lrect-rad-sub,
img.playIconImg.lrect-oda-reg,
img.playIconImg.lrect-oda-afl,
img.playIconImg.lrect-oda-dim,
img.playIconImg.lrect-oda-sub {
	background		: transparent url(/scp/web/images/listen-lrect.png) no-repeat 0px 0px !important;
	width			: 74px;
	height			: 56px;
}
*/

/* Pagination string */
div.pages {
	float			: right;
	margin-right	: 5px;
}

div.pageSum {
	font-weight		: normal;
	clear			: left;
	margin: 0 auto;
}

div.pageSum div.center{
	text-align: center;
}

div.web b {
	padding			: 0 5px;
}

div.pages a {
	/* color			: #348AB1; */
	font-weight		: bold;
	text-decoration	: none;
	font-size: 14px;
} 

div.pages span {
	font-size		: 12px;
	margin			: 0 .50em;
	font-weight		: bold;
	color			: #000000;
}

div.paginationContTop {
	clear			: both;
	padding			: 20px 25px 0;
	margin			: 0;
	min-height		: 12px;
	overflow		: auto;
}

div.paginationContBot {
	clear			: both;
	padding			: 20px 25px;
}


/* List View - mode 1
----------------------------*/
.listView table {
	margin			: 15px 0;
}

.listView table th {
	/*background-color: #e1f4fd;*/
	border-bottom	: 1px solid #72accb;
	color			: #497da8;
	padding			: 5px 10px;
}					  

.listView table td {
	padding			: 5px 10px;
}

.listView .searchResults table,
.listView .searchResults tr,
.listView .searchResults td
{
	margin-top		: 0px;
	padding-top		: 0px;
}

/* Thumb List View - mode 2
-----------------------------------*/
.thumbListView .stationCont {
	padding			: 20px 0;
	border-top		: 1px solid #999999;
}
div.thumbListView div.hrBorder{display: none;}

.thumbListView .stationCont .thumb {
	float			: left;
	position		: relative;
}

.thumbListView .stationCont .stationMeta h2 a {
	font-weight		: bold;
	color		: #000000;
}

.thumbListView .stationCont .stationMeta {
	padding-left: 25px;
	vertical-align: top;
	display: table-cell;
	width: 100%;
}

div.thumbListView div.imageAttrs {
	/*position		: absolute;*/
	width			: 129px;
	display: table-cell;
}

div.playIconOverlay {
	z-index			: 3;
	position		: absolute;
	margin			: 0;
	padding			: 0;
	background		: transparent;
	width			: 37px;
	height			: 21px;
	top				: 10px;
	left			: 35px;
}

div.playIconGrayOverlay {
	background		: transparent url(/web/img/bg/opa-blk-50.png) repeat 0 0;
	height			: 45px;
	width			: 80px;
	display			: none;
	position		: absolute;
	margin			: 2px;
	padding			: 0;
	top				: 0;
	left			: 0;
	z-index			: 2;
	cursor			: pointer;
}

div.imageWithOverlay div.playIconOverlay {
	display			: block;
	top				: 10px;
	left			: 40px;
	border			: 0px dashed white;
}

div.thumbListView div.stationMeta {
	position		: relative;
	left			: 0px;
	top				: 0px;
}

div.thumbListView div.playIconAndTitle {
	position		: relative;
	margin-left		: 0px;
	margin-right	: 5px;
}

div.thumbListView a.icon {
	position		: absolute;
	display			: block;
	top				: 2px;
	left			: 3px;
}

div.thumbListView .presetIcon {
	/*position		: absolute;*/
	display			: block;
	top				: 4px;
	right			: 5px;
	z-index			: 1;
}

div.thumbListView .titleGenreAttr {
	position		: relative;
	min-height		: 30px;
	border			: 0;
}

div.thumbListView .stationDesc,
div.thumbListView .stationDesc a:link,
div.thumbListView .stationDesc a:visited,
div.thumbListView .stationDesc a:hover {
	font-size			: 12px;
	text-decoration	: none !important;
}

div.thumbListView .statLine{
	padding			: 0;
	text-align		: left;
	overflow		: hidden;
}

div.thumbListView .ratingStars,
div.thumbListView .listenerStars,
div.thumbListView .audioQuality,
div.thumbListView .createDate,
div.thumbListView .stnAttrs
{
	float			: left;
}

div.thumbListView .createDate{
	clear			: left;
	width			: 50%;
}

div.thumbListView .stnAttrs{
	font-size		: 9px;
	text-align		: right;
	float			: right;
	padding         : 3px 5px 0 0;
}

div.thumbListView .listenerStars,
div.thumbListView .ratingStars{
	width			: 15%;
	margin-right	: 5px;
}
div.thumbListView .listenerStars{
	margin-left		: 5px;
}

div.thumbListView .ratingStars {
	margin-left		: 65px;
}

div.thumbListView .audioQuality {
	margin-right	: 2em;
	padding-top		: 2px;
}

/* Thumbs Only - mode 3
------------------------*/
.thumbsView .stationCont {
	float			: left;
	position		: relative;
	margin			: 12px 0;
	width			: 122px;
	margin-right	: 13px;
}

.thumbsView .stationInfo {
	padding			: 1px;
	border			: 1px solid #e0e0e0;
	width			: 120px;
	height			: 70px;
	color			: #fff;
	position		: relative;
}

.thumbsView .stationMeta h2 a {
	font-size		: 13px;
	font-weight		: bold;
	line-height: 18px;
}

#stationDirectory h3.stationGenres a, #stationDirectory h3.stationGenres a:link, #stationDirectory h3.stationGenres a.visited {
	font-size:13px;
	font-weight:200;
	color: #cca36e;
}

.thumbsView .stationMeta h3 {
	font-size		: 12px;
}

.thumbsView .stationInfo a {
	background-color: #000;
	display			: block;	
	width			: 120px;
	height			: 70px;
}					  

.thumbsView .stationCont .thumb {
	border			: 0;
	padding			: 0;
	margin-bottom	: 3px;
	display			: block;
	float			: none;
}

div#stationDirectory.thumbsView {
	background		: transparent;
	padding			: 0px 10px;
}

div#stationDirectory .hrBorder {
	margin-top:		8px;
	padding			: 0px;
}

div.stationBox {
	width			: 129px;
	height			: 170px;
	padding			: 0;
	margin			: 0 10px 12px 10px;
	overflow		: hidden;
	float			: left;
}

div.stationBoxLeft 	{
	margin-left		: 15px;
}

div.stationBoxMid 	{
	
}

div.stationBoxRight {	
}

div.stationBox div.stationMeta {
	position		: relative;
	padding-left	: 0;
	margin-left		: 0;
	margin-top		: 3px;
}

div.stationBox div.playIconAndTitle {
	width			: 125px;
}

div.stationBox .stationTitle {
	line-height: 10px;
	top				: 0px;
	padding-top		: 4px;
}

div.stationBox .stationGenres {
	clear			: both;	
	margin: 0;
}

div.imageWithOverlay {
	/*border			: 1px solid #CCA36E;*/
	padding			: 1px;
	background		: transparent;
	width			: 125px;
	height			: 70px;
	overflow		: hidden;
}

div.stationImgA img,
div.stationImgB img {
	border			: 0;
	margin			: 0;
	padding			: 0;
	background-color: transparent;
	display			: block;
}

div.stationBoxStats {
	width			: 125px;
	height			: 70px;
	padding			: 0;
	background		: transparent url(/web/img/bg/opa-blk-50.png) repeat 0 0;
	vertical-align	: middle;
	font-size		: 12px;
	color			: white;
	position		: absolute;
	top				: 0;
	margin			: 0;
	text-decoration : none;
	border			: 0;
}

.imageAttrs .stationImgA, .imageAttrs .stationImgB {
	width			: 125px;
	height			: 70px;
	padding			: 1px;
}

.imageAttrs div.stationBoxStats {
	width			: 125px;
	height			: 70px;
	top				: 1px;
	left			: 1px;
}

div.stationBoxStats span {
	display			: block;
	position		: absolute;
}

div.stationBoxStats span.audioQuality {
	top				: 3px;
	left			: 4px;
}

div.stationBoxStats span.presetIcon {
	top				: 3px;
	right			: 4px;
}

div.stationBoxStats span.ratingStars {
	top				: 50px;
	right			: 4px;
}

div.stationBoxStats span.listenerStars {
	top				: 48px;
	left			: 4px;
}

div.stationImgA, div.stationImgB  {
	border			: 0;
	margin			: 0;
	padding			: 0;
	position		: relative;
	display			: block;
	text-decoration : none;
}

div.stationBoxStats .audioQuality, div.stationBoxStats .audioQuality a {
	color			: white;
	clear			: left;
}

div.stationBoxStats img.mp3ProDot {
	display			: inline;
	margin-left		: .5em;
}

div.stationBoxImg {
	width			: 125px;
	height			: 70px;
	position		: absolute;
}

.imageAttrs div.stationBoxImg {
	width			: 125px;
	height			: 70px;
}

div.stationImgA div.stationBoxStats {
	z-index			: 0;
}

div.stationImgA div.stationBoxImg {
	z-index			: 1;
}

div.stationImgB div.stationBoxStats {
	z-index			: 1;
}

div.stationImgB div.stationBoxImg {
	z-index			: 0;
}

div.stationCont {
	position		: relative;
	background		: transparent;
	padding			: .75em 0 .25em .75em;
}

.stationCont .active {
	display			: block;
}

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

img.thumb {
	width			: 80px;
	height			: 45px;
	border			: 1px solid #E0E0E0;
	padding			: 1px;
}

div.stationMeta {
	margin			: 0 0 0 135px;
}

div.stationMeta h2 {
	color			: #348AB1;
	text-decoration	: none;
	display			: inline-block;
	margin			: 0;
	padding			: 0;
}

div.stationMeta p {

}

div.searchResults{
	margin-top: 20px;
}

td.description{
	color: #000;
	font-size: 12px;
}

span.audioQuality {
	border			: 0;
}

div.hrBorder {
	margin			: 1px 0px;
	clear			: right;
	padding			: 0px 1em;
}

/* controls */
div.controls  {
	/*border-bottom		: 1px solid #CCA36E;
	padding				: 0 25px;
	height				: 25px;*/
}

div.controls #modeButtons {
	float				: right;
	width				: 140px;
	margin-right		: 10px;
}

div.controls #sortOptions {
	float				: left;
	margin: 0 0 30px 25px;
}

div.controls a {
	background			: #808080 url(/web/img/icons/sprites_fixed.png) no-repeat;	
	height				: 25px;
	width				: 39px;
	text-indent			: -9999px;
	overflow			: hidden;
	display				: block;
	margin-top			: 0px;
	margin-right	    : 1px;
	float				: right;
}
div.controls a.current {
	cursor				: default;
}

div.controls a#dirModeBtn3 {
	background-position	: 0 -82px;
}
div.controls a#dirModeBtn3:hover, div.controls a#dirModeBtn3.current{
	background-position	: 0 -107px;
}
div.controls a#dirModeBtn2 {
	background-position	: -144px -82px;
}
div.controls a#dirModeBtn2:hover, div.controls a#dirModeBtn2.current{
	background-position	: -144px -107px;
}
div.controls a#dirModeBtn1 {
	background-position	: -71px -82px;
}
div.controls a#dirModeBtn1:hover, div.controls a#dirModeBtn1.current{
	background-position	: -71px -107px;
}

/*  list view mode=1 */
table.dirTbl, table.wTbl {
	margin			: 0;
	border-collapse : collapse;
	table-layout	: auto;
	text-align		: left;
}

table.dirTbl td {
	padding			: .50em 1.50em .50em 0;	
	vertical-align	: top;
}

table.dirTbl th {
	/*background		: #E1F4FD;*/
	padding			: .75em .25em .75em 0;	
	color			: #348AB1;
	border-bottom	: 1px solid #CCA36E;
	vertical-align	: top;
	font-size		: 8pt;
}

table.dirTbl tr.odd td, table.wTbl tr.odd td {
	/*background		: #E1F4FD;*/
}

table.dirTbl tr.even td {
	/*background		: #FFFFFF;*/
}

table.dirTbl .listenerStars {
	padding-right	: .25em;
	min-width		: 60px;
}

table.dirTbl td.listenerStars span.listenerStars {
	display			: block;
	padding-bottom	: .50em;
}

table.dirTbl .playIcon {
	padding-left	: .50em;
	padding-right	: .75em;
	width			: 30px;
}

table.dirTbl .audioQuality {
	white-space		: nowrap;
	min-width		: 54px;
}

table.dirTbl .createDate {
	padding-top		: 6px;
}

table.dirTbl td.audioQuality,
table.dirTbl td.presetIcon {
	padding-top		: 8px;
}

table.dirTbl .stationTitle {
	width			: 100%;
}

table.dirTbl td.stationTitle .stationGenres a {
	color			: #348ab1;
}

table.dirTbl td.stationTitle a {
	text-decoration : none;
	color			: #348AB1;
}

table.dirTbl td.stationTitle h2 {
	font-weight		: bold;
}

#filterSelect {
	font-size: 14px;
	padding: 3px 5px;
	background: transparent;
	-webkit-appearance: none;
	width: 150px;
	border: 1px solid #999999;
	color: #000;
}

#filterSelect option{
	background-color: transparent;
}

/* IE8,9 hack for select option bgcolor */
@media \0screen\,screen\9 {
		#filterSelect option {
				background-color: transparent;
			}
		}
/* for share and preset in directory page */

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

span.presetIcon #share, span.presetIcon #add
{
	padding-right:	1px;
}
.presetIcon #share, .presetIcon #add
{
	margin-top:		0;
}


div.stationAttr a.soldout,
div.stationAttr a.soldout:hover{
	background:	url('/web/img/icons/sprites_fixed.png') no-repeat scroll -126px -311px transparent;
	width:	125px;
	display: inline-block;
    height: 23px;
	margin-top:	5px;
	zoom:1; *display: inline; _height: 121px;
}

div.stationAttr a.pmonly,
div.stationAttr a.pmonly:hover{
	background:	url('/web/img/icons/sprites_fixed.png') no-repeat scroll 0 -310px transparent;
	width:	125px;
	display: inline-block;
    height: 25px;
	margin-top:	5px;
	zoom:1; *display: inline; _height: 16px;
}

div.stationAttr a.pmonly:hover{
	background:	url('/web/img/icons/sprites_fixed.png') no-repeat scroll 0 -334px transparent;
}

div#stationDirectory div.viponly{
    /*background: url("/web/img/bg/directory_vip_bg.png") repeat-x scroll 0 0 transparent;*/
}

div.stationAttr a.soldout:hover{
	background:	url('/web/img/icons/sprites_fixed.png') no-repeat scroll -126px -335px transparent;
}

.dirvip{
	display:		inline-block;
	padding-top:	5px;
	text-align:		center;
	width:			120px;
	font-size: 14px;
	zoom:1; *display: inline;
}

#contentBoxDataFeatured div.imageWithOverlay, #contentBoxDataFeatured div.stationBoxImg{
	width: 276px;
	height: 155px;
}

.homeRecSM div.imageWithOverlay, .homeRecSM div.stationBoxImg{
	width: 80px;
	height: 45px;
}

.homeRecSM div.imageWithOverlay, .homeRecSM div.playIconOverlay{
	top: 0;
	left: 0;
}

p.reg{
	margin: 25px 0 10px;
	text-align: center;
	line-height: 25px;
}


#genre #subpageTitle{
	width: 100%;
	padding-left:25px;
}

#genre #subpageTitle h1{
	padding: 10px 0;
}

div.pageSum div.notLogin{
	text-align: center;
}

.dirvip a:link{
	font-size: 14px;
}

.presetIcon a.presetadd {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 10px;
    position: relative;
    top: 5px;
    width: 125px;
}

.addToFav a:link,  .addToFav a.presetadd{
	font-size: 14px;
	display: inline-block;
	height: 23px;
	line-height: 23px;
	vertical-align: top
}

.presetIcon div.similar a.similar{
	padding:0;
	width: 125px;
}

.presetIcon div.similar{
	text-align: center;
}

.addToFav{
	text-align: center;
}

a.presetadd .favIcon{
	background: url("/scp/web/images/btns/sprites_icons.png") no-repeat scroll -74px -150px;
	width: 23px;
	height:23px;
	display: inline-block;
	padding:0;
	margin:0;

}

a.presetadd .favText{
	display: inline-block;
	vertical-align: top;
}

.addToFav a:hover{
	text-align: center;
}

p.plsSpace{
	line-height: 0;
}

div#subpageBanner{
	clear: left; 
	overflow: hidden; 
	margin: 10px 0 0 0 !important;
}

div.center p.reg a:link, div.center p.login a:link{
	font-weight: 600;
}
div.center p.login a:link{
	text-decoration:underline;
}
div.center p.reg a{
	color: #FFFFFF;
	background-color: #CCA36E;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 2px 55px;
    text-decoration: none;
	text-transform: uppercase;
}

.dirhdrmenu {
	font-size: 14px;
}

.panel {
margin-bottom: 20px;
background-color: #fff; /* changed this */
border: 1px solid transparent;
border-radius: 4px;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-body{
	padding:0;
}

.panel-default>.panel-heading {
background-color: #fff; /* changed this */
border-color: #fff;
}


.panel-group .panel-heading+.panel-collapse .panel-body {
border-top: none;
}

.panel-heading {
padding: 10px 0px;
border-bottom: 1px solid transparent;
border-top-right-radius: 3px;
border-top-left-radius: 3px;
}

panel-body {
	padding: 0px;
}

.chevron-down {
	background: url(/scp/web/images/chevron-down.png) no-repeat;
	width: 17px;
	height: 11px;
	display:inline-block;
	
}

.chevron-up {
	background: url(/scp/web/images/chevron-up.png) no-repeat;
	width: 17px;
	height: 11px;
	display:inline-block;
}