﻿/*HEADER*/
.headerback 
{
	/*background:#FFFFFF url(http://www.blogtalkradio.com/img/bg.png) no-repeat;*/
	height: 100%;
	width: 980px;
}

.header 
{
	padding-top: 0px;
}

.header h3 {
	top: -12px;
}

.header_noborder
{
	padding-top: 0px;
}
.header_noborder h3 {
	top: -12px;
}

.menu {
	top:74px;
}

.headerDiv .line {
	top:103px;
}



#regops input, #regops select
{
	font-size: 9pt !important;
	border: solid 1px gray !important;
	height: 20px;
}

.iconlist li.showicon  {
	height: 70px;
	width: 70px; 
	text-align: center;
}
.scheduledatetimepicker
{
    float:left;
    margin: 10px 0 0 0;
    padding: 0 10px 0 0;
    width:150px;
}
/* btrmaster styles */
.panel {
    display: inline-block;
}
.ui-tabs-panel .blockpair .blockright .panel
{
	width: 326px;
}
/* <li> doesn't respect width/height of nested <a> element */
.iconlist li.lgicon  {
	height: 128px;
	width: 128px; 
	text-align: center;
}
.iconlist li.medicon  {
	height: 72px;
	width: 72px; 
	text-align: center;
}
.iconlist li.smicon  {
	height: 48px;
	width: 48px; 
	text-align: center;
}
.iconlist li.smallericon  {
	height: 32px;
	width: 32px; 
	text-align: center;
	padding-left: 0px;
}
.iconlist li.tinyicon  {
	height: 24px;
	width: 24px; 
	text-align: center;
}
.iconlist li.featicon  {
	height: 235px;
	width: 160px; 
	text-align: center;
}
/* for <a>, <span>, <img> and other inline elements */
.iconshow .iconframe {
	display: block; 
}
.iconlist li.showicon  {
	height: 70px;
	width: 70px; 
	text-align: center;
}
.rss-feed2
{
	text-align: center;
}
.rss-feed2 img
{
	border: 0px none #FFFFFF;
}
/* ========== Friends & Favorites Listings ========== */
.friendfavs {
	display: inline-block;
}
.friendfavs li {
	display: inline-block;
}
.friendfav li {
	display: inline;
}
.friendfav h4 {
	font-size: 1em;
}
.friendfav .friendname li {
	float: left;
}
.friendfav .friendname li.iconshow {
	padding-top: 0;
}
.friendfav li.smicon, .friendfav li.smallericon {
	text-align: center;
	overflow: hidden;
}
.friendfav li.smallericon {
	overflow: hidden;
	padding: 0;
}
/* to fix gap between .friendfavs elements, we remove the float -- .friendbuttons element 'wraps' around .friendname, 
	but because of the widths, they always appear on one line -- don't know WHY this is required, but it works */
.friendfav .friendbuttons, .friendfav .messageContent {
 	float: none;
	display: inline-block;
}
.friendfav .friendbuttons ul, .friendfav .messageContent ul {
	width: 100%;
}
.friendfav .friendbuttons li, .friendfav .messageContent li {
	float: left;
	padding-top: 5px;
	margin: 0;
}
.friendbuttons li.friendbutton {
	height: auto;
	padding: 12px 0 0 0;
	width: 19.5%;
}
li.messageSelect {
	height: auto;
	float: left;
	padding: 6px 0 0 0;
}
.friendname li.messageSelect {
	height: auto;
	padding: 12px 5px 0 0;
}
li.messageFrom
{
	padding-top: 3px 0 0 10px; 
	width: 155px;
}
li.messageBlurb
{
	padding-top: 3px 0 0 5px; 
	width: 342px;
}
li.messageTime
{
	padding-top: 3px 0 0 5px;
	width: 75px; 
}
/* keeps gaps out of friendfavs lists */
.pad2x {
	display: inline-block;
}
/* double margin bug? */
.postMonth
{
	padding: -3px 0px;
	margin: -2px 0px;
}
ul.tagUL {
  display: inline-block;
}
/* use inline with no float to force proper wrap; border, padding and margin get ignored */
ul.tagUL li {
  display: inline;
  float: none;
  margin: 0;
  padding: 0;
}
/* use nested span to set margin (unneeded in newer browsers) */
ul.tagUL li span.tagspan {
  display: inline-block;
  margin: 0 7px 5px 0; /* KGI */
  vertical-align: middle;
}
ul.blogposts, ul.ningShows
{
	display: inline-block;
}

.friendfav li.eventDetail
{
	padding-top: 8px;
}
.sidebaritems {
	padding: 0;
}
.sidebaritems li {
	display: inline-block;
	float: left;
}
.divLinkPager 
{
    float:none;
}
.listenersContent
{
	padding-bottom: 7px;
}

/* from squareTabs.css */
/* width: 100% somehow makes notification text show up reliably */
.maintabs .bottomspace6
{
	width: 100%;
	padding-bottom: 6px;
}
.maintabs .bottomspace6 button {
	padding: 0 6px 0 6px;
}
/* ensure .hasLayout so tab dialog borders show consistently */
.ui-tabs-panel {
	display: inline-block;
}
.ui-tabs-panel.ui-tabs-hide {
	display: none;
}

.noplayer #divLivePlayer
{
	left: 1px;
}
.showcontrols .tinyPlayerOptions
{
	height: 15px;
	position: relative;
	top: -13px;
	padding-top: 10px;
	
}
.singleplayeraddon
{
	top:-13px;
}
.noplayer #divLivePlayer
{
	background:  #FFF url('http://www.blogtalkradio.com/img/player_noshow.png') no-repeat 0 0;
	position: relative;
	top: 6px;
	left: 1px;
}
#divLivePlayer .UpcomingShowInfo p.buttons
{
	margin: 2px 0px -1px 0px;
}
#divLivePlayer .UpcomingShowInfo .bottombuttons
{
	position: relative;
	bottom: -6px;
	left: 1px;
	padding-left: 0px;
}
.singleplayeraddon
{
	width: 235px;
}
.pagination a.currentpage
{
	position: relative;
	bottom: 0px;
}
.pagination li {
    display: inline;
    float: none;
}

.ningConfirm
{
	margin-bottom: 18px;
}

.ningconfirmLI span
{
	padding-top: 5px;
}

.ningConfirmUL span
{
	padding-bottom: 0px;
}

.nImage
{
	margin-top: 0px;
}

.genreHeader
{
	margin-left: 439px;
}

.FBctrlPnl { z-index: 3;}

.FBctrlPnl .apbar
{
	width: 296px;
}
.apbar .blockright
{
	padding-bottom: 8px;
	width: 258px;
}
div.head div.subnav
{
/* for some reason setting a background to subnav helps a LOT with maintaining hoverstate */
  background: url('http://www.blogtalkradio.com/img/bg1.gif') no-repeat bottom right;
}
div.head ul.subnav
{
	padding-bottom: 3px;
}
div.head ul.subnav li a
{
	width: 200px;
	line-height: 22px;
	height: 23px;
	padding-bottom: 0px;
}
div.head ul.subnav li a.sfirst
{
	padding-bottom: 2px;
	line-height: 20px;
}
div.head ul.subnav li.lihr
{
	line-height: 22px;
	width: 230px;
	margin-bottom: -19px;
	height: 0px;
}
div.head .browse a.configure 
{
	height: 12px;
}
div.head .browse a.configure span
{
	width: 10px;
	margin-right: 0px;
}
div.head .browse ul
{
	padding-bottom: 15px;
}
.divSearch
{
	margin-top: 5px;
}

.ningConfirmUL
{
	list-style-image: url("http://www.blogtalkradio.com/img/bullet_padded.gif");
	list-style-position: inside;
}

.ningConfirmUL li a
{
	margin-left: 8px;
}

.ningConfirmUL span a
{
	margin-left: 0px;
}


.Player a.RemoveReminder, .Player a.AddReminder, .Player a.EditReminder
{
	padding-bottom: 0px;
}



/*
.maincontent .modalPopup a.CssButton span
{
 padding: 5px 8px 2px 0;
}

a.CssButton
{
padding-top:1px;
}
a.CssButton span
{
padding-bottom:0px;
}


a.CssButton 
 {
 padding: 0px 0 2px 8px;
 }
a.CssButton span
 {
 padding: 5px 8px 2px 0;
 }
 
a.GrayButton 
 {
	background-position: left  -35px;
 }
 a.GrayButton  span
 {
	background-position: right  -54px;
 }

a.GrayButton:hover 
{
	background-position: left  3px;
}
a.GrayButton span:hover 
{
	background-position: right  -16px;
}
 
a.GrayButton:hover .CssButtonSpan
{
	background-position: right  -16px;
}

a.GreenButton 
{
	background-position: left  3px;
}
a.GreenButton  span
{
	background-position: right  -16px;
}

a.GreenButton:hover 
{
	background-position: left  -35px;
}
a.GreenButton span:hover 
{
	background-position: right  -54px;
}
a.GreenButton:hover .CssButtonSpan
{
	background-position: right  -54px;
}


a.GrayButton 
 {
	background-position: left  -35px;
 }
 a.GrayButton  span
 {
	background-position: right  -55px;
 }

a.GrayButton:hover 
{
	background-position: left  5px;
}
a.GrayButton span:hover 
{
	background-position: right  -16px;
}
 
a.GrayButton:hover .CssButtonSpan
{
	background-position: right  -16px;
}

a.GreenButton 
{
	background-position: left  5px;
}
a.GreenButton  span
{
	background-position: right  -16px;
}

a.GreenButton:hover 
{
	background-position: left  -35px;
}
a.GreenButton span:hover 
{
	background-position: right  -55px;
}
a.GreenButton:hover .CssButtonSpan
{
	background-position: right  -55px;

}
*/

a.CssButton 
 {
 padding: 0px 0 0px 8px;
 }
a.CssButton span
 {
 padding: 6px 8px 2px 0;
 }
 
a.GrayButton , a.GreenButton:hover 
 {
	 
	background-position: left  -42px;
 }
 a.GrayButton  span, a.GreenButton span:hover , a.GreenButton:hover .CssButtonSpan

 {
	background-position: right  -61px;
 }

a.GreenButton , a.GrayButton:hover 
{
	background-position: left  3px;
}
a.GreenButton  span, a.GrayButton:hover .CssButtonSpan, a.GrayButton span:hover 
{
	background-position: right  -16px;
}

a.SeeAllEpisodes 
 {
	padding-top: 3px;
 }
a.Favorite 
 {
	padding-bottom: 3px;
 } 
/*a.TinyFavorite { display: inline-block;}*/
 a.TinyFavorite span
{
	padding: 0px 0px 2px 39px;
	margin: 0px 0px 0px 0px;
}
a.CssButton .processing
{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}

.maincontent .modalPopup a.CssButton.processing span, a.CssButton.processing span
{
padding: 0px 10px 2px 0px;
margin:0px 0px 0px 10px;
width: 30px;
display: block;
}
  
 /*settings page */
 .mypageshowsummarydiv h3, .mypage h3
 {
	margin-top: 0px;
 } 
 
 .content_header
 {
	margin-top: 30px !important;
 }
 
  .settings-nav-li
 {

	 margin-top: -4px !important;
 }
 
 .headingLi
 {
 	width: 92px;
 }
 
 .settings-nav
 {
 	height: 160px;
 }
 
 .rs1
 {
	float: left;
	width: 218px;
	height: 20px;
 }
 
 .spancal
 {
	float: right;
	display: block;
	margin-top: -15px;
 }
 
 .SectionSaveButton
 {
	margin-right: 30px;
 }
 /* end settings page */
 
 .helppanel textarea.text { position: relative; left: -20px; }
button.rblue span { padding: 10px 9px 10px 0; }
a.rblue { padding: 9px 0px 12px 9px; }
a.rblue span { margin: -9px 0 -12px 0; padding: 10px 9px 10px 0px;	} 
a.brightblue { padding: 9px 0px 12px 9px; }
a.brightblue span { margin: -9px 0 -12px 0; padding: 10px 9px 10px 0px;	} 
/*a.lightblue { padding: 9px 0px 12px 9px; }
a.lightblue span { margin: -9px 0 -12px 0; padding: 7px 9px 6px 0px;	} */

#divRegPremium  { padding-bottom: 12px; }
#divRegPremium .optiongrp span.radio { margin-left: -6px; }
#divRegPremium .optiongrp span.radio input { position: relative; top: 3px; }
.cancelIEVAlignFix { vertical-align: super; }
.pnl .content h3 { position: relative; }

.popupModal .pnlH2 .close { position: absolute; top: -1px; right: -1px; }
.popupModal button.rblue { padding: 10px 9px 12px 9px; }
.cropbuttons .Cancel { position: relative; top: -48px;right: -55px; }
.cropbuttons { height: 20px; }
.popupModal.msg .pnlH2 .close { top: 16px; right: 3px; }
.bottomLi{border-bottom: #eeeeee 0px solid;}
.joinbenefits .li1{background-position: -625px 1px;}
.joinbenefits .li2{background-position: -625px -43px;}
.joinbenefits .li3{background-position: -625px -87px;}
.joinbenefits .li4{background-position: -625px -123px;}
.joinbenefits .li5{background-position: -625px -175px;}
.joinbenefits .li6{background-position: -625px -219px;}
.joinbenefits .li7{background-position: -625px -256px;}
.joinbenefits .li8{background-position: -625px -299px;}
.joinbenefits .li9{background-position: -625px -350px;}
.joinbenefits .li10{background-position: -625px -394px;}

#SettingsTabs .ui-tabs-nav li.headingLi, .headingLi { margin-bottom: -3px;}

.ui-tabs-nav a span.new span { right: -12px;}


.premiumitemsectiontitle {float: none;}
.premiumremove {margin: -35px -2px -2px -3px;}
a.lightblue { padding-bottom: 7px; height:17px;}
a.lightblue span { line-height: 17px;padding-top:4px; }
H3 .cclogos { top: -25px;}

