 @import url(BTR.css);
/*HEADER*/
.headerback 
{
	/*background:#FFFFFF url(../img/bg.png) no-repeat;*/
	/*height: 980px; */
	width: 980px;
}

.header {
	width: 665px;
	height:133px;
	border-bottom: 1px solid #0098CB;
	clear:none;
	vertical-align: top;
	position:relative; /* needed to position */
	padding-top: 31px;
}

.header h2 {
	position:absolute;
	top: 12px;
	left: 0px;
}

.header_noborder
{
	width: 665px;
	height:133px;
	border-bottom: 0px solid;
	clear:none;
	vertical-align: top;
	position:relative; /* needed to position */
	float: left;
	padding-top: 31px;
}

.header_noborder h2 {
	position:absolute;
	top: 12px;
	left: 0px;
}
dl
{
	margin: 0 0;
}


.pad2x
{
	padding: 2px 2px;
}
p.pindent
{
	padding-left: 12px;
}
/*begin top sliders*/

/*slider menu */
.signup {
	position:relative;
	width:286px;
	display: block;
}
.minimenu {
	position:relative;
	top:10px;
	left: 0px;
	/*width: 665px;  //changed to accomodate show box */
	display: block;
}
.minimenu ul {
	font-weight: bold;
	font-size: 12px;
	float: left;
}
.minimenu ul li {
	display:inline;
	float: left;
	padding: 0 4px 0 4px;
	line-height: 24px;
	vertical-align:middle;
}
.minimenu ul li a {
	color: #0098cb;
	text-decoration: none;
}
.minimenu ul li a span {
	display: block;
	line-height: 24px; /* pic height */
	vertical-align: middle;
	padding-right: 9px;
	padding-left: 6px;
	padding-bottom: 0px;
	margin-bottom:0;
}
.minimenu ul li a span {
	vertical-align: bottom;
	margin-bottom:0px;
}
.minimenu img {
	vertical-align: middle;
	margin-bottom:0px;
}
.minimenu ul li.current_page_item {
	background: url("../img/pipex.gif") no-repeat right top;
	color: #0098cb;
}
.minimenu ul li a:hover {
	color: #CCCCCC;
	text-decoration: underline;
}
.minimenu ul li a:hover span {
	color: #CCCCCC;
	text-decoration: underline;
}
.VerticalRightBorder
{
border-right: solid 1px #A4C3E1; 
}

.keyhole
{
	display: block;
	background: url(../img/sign_in.gif) no-repeat 0px 2px;
	float: left;
	width: 17px;
	height: 20px;
	text-decoration: none;
}
 .keyhole:hover
 {
 background-position: -17px 2px;
 }

/*signup slider*/
.signup {
	width:100%;
	background-color:#0098cb;
}
.sign {
	width:980px;
	height:42px;
	background-color:#0098cb;
	font-size:12px;
	font-weight: bold;
	color:#FFFFFF;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align: left; /* this overrides the text-align: center on the body element. */
	overflow: hidden;
}
.remember
{
	color: White;
	padding-left: 95px;
}

.sign .left {
	width: 200px;
	float: left;
	margin : 5px 0 5px 5px; 
	padding : 5px; 
	border : 0; 
	overflow : hidden;
}

.sign .middle {
	width: 200px;
	float: left;
	margin : 5px 0 5px 5px; 
	padding : 5px; 
	border : 0; 
	overflow : hidden;
}

.sign .right {
	width: 2 00px;
	float: left;
	margin : 5px 0 5px 5px; 
	padding : 5px; 
	border : 0; 
	overflow : hidden;
}

/* =label/labelspan */
.sign label, .sign label span { display : block; padding-top : .35em; }
.sign label { float : left; width:100%; }
.sign label span { float : left; width : 40%; text-align : left; }

/* =input */
.sign input { float : left; border : 1px solid #999; }
.sign input:hover { border-color : #333; }
.sign input:active, .sign input:focus { border-color : #0098cb; }
/* End signup slider*/

/*begin registration slider*/
.regup {
	width: 100%;
	background-color: #0098cb;
}

.register {
	width: 980px;
	height: 410px;
	background-color: #0098cb;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 auto;
	/* the auto margins (in conjunction with a width) center the page */
	text-align: left;
	/* this overrides the text-align: center on the body element. */
}

.register .xxx {
	display: block;
	padding: 0;
	margin: 0;
}

.register #left {
	width: 270px;
	padding: 5px 20px 5px 0;
	margin: 30px 0 0 0;
	float: left;
}

.regcol #middle {
	width: 325px;
	margin: 65px 0 0 0;
	float: left;
	text-align:left;
}

.regcol #midbottom {
	width: 325px;
	color: #FFFFFF;
	margin: 0 0px 10px 5px;
	float: left;
	text-align: left;
}

.regcol #midbottom input[type="checkbox"]
 { float:left;}

.regcol #midbottom label
 { padding-top: 3px;
	float: left;}

.regcol #midbottom.a{
 	color: #FFFFFF; 
	float: left;
}

.regcol #midbottom.a:hover {
	  color: #FFFFFF;  
}

.regcol #right {
	width:400px;
	margin: 65px 0 0 0;
	float: left;
}

.register #right .day {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
}
.register #right .month {
	display: block;
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
	position: relative;
}
.register #right .year {
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	position: relative;
}

.register h3 {
	font-size: 18px;
	line-height: 20px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 0 15px 0;
	padding: 0;
}

#regops
{
	
}

#regops input, #regops select
{
	font-size: 9pt !important;
	border: solid 1px gray !important;
	height: 19px;
}

#regopsleftcol label
{
	float: right;
}

#regiframe
{
	 height: 390px;
	 width: 800px;
}




/* =label/labelspan */
.register label, label span { display : block; padding-bottom : .35em; }
.register label { float : left; width : 100%; }
.register label span { float : left; width : 50%; text-align : right; }

/* =input */
.register input { float: right; width: 45%; border: 1px solid #999; }
.leftput input { float:left;}
.register input:hover { border-color: #333; }
.register input:active, .register input:focus { border-color: #0098cb; }

.register input#zip { float : left; width : 45%; border : 1px solid #999; margin-top: -.35em; margin-bottom:.35em;}

/* =fieldset */
fieldset { 
	margin-bottom : 5px; 
	/* padding : 5px; */
	/*border : 0; -- conflicts with other uses of fieldset! */
	overflow : hidden; 
}
.submit {
	margin-top: .35em;
	color:#0098cb; 
	font-weight: bold; 
	border: 1px solid #999;
}
.submit:hover { border : 1px solid #fff; color:#FFFFFF; background-color: #0098cb;}
.submit:active, .submit:focus { border-color : #0098cb; }
/*end registration slider */
/*end top sliders*/


/*begin nav */
.menu {
	position:absolute;
	top: 105px;
	left: 0px;
	width: 665px;
	display: inline;
}
.menu ul {
	font-weight: bold;
	font-size: 16px;
	float: left;
	width: 100%;
	border-bottom: 1px solid #dcdcdc;
}
/* <li> retains padding because it is the thing being hovered on;
	li elements in top and sub-menus need to butt up to each other, with no gap */
.menu ul > li {
	background: none;
	float: left;
	height: 25px;
	padding-bottom: 2px;
}
.menu ul > li > a {
	color: #0098cb;
	background: none;
 	display: block;
	text-decoration: none;
	padding-left: 4px;
	margin-right: 20px;
}
.menu ul > li > a > span {
	background: none;
	display: block;
	line-height: 25px;
	padding-right: 4px;
}
/* sub-menu;
	sub <ul> will render underneath <a> in parent <li>, so top: property is not needed 
*/
.menu ul > li > ul {
	visibility: hidden;
	position: absolute;
	font-size: 12px;
	border-bottom: none;
}
/* use li box model to ensure:
	li:hover works in IE7; using border eliminates need to reposition background
	5px = 2px bottom + 1px border + 2px top of sub
*/
.menu ul > li > ul > li {
 	border-top: 5px solid transparent;
}

.menu ul > li > ul > li > a {
	margin-right: 15px;
}

/* hover behaviors */
.menu ul > li:hover > ul, .menu ul > li.current > ul {
	visibility: visible;
}
.menu ul > li > a:hover, .menu ul li.current {
	background: url('../img/link_left.gif') no-repeat left top;
}
.menu ul li.current > a > span 
{
	background: url('../img/link_right.gif') no-repeat right top;
}
.menu ul > li > a:hover > span {
	background: url('../img/link_right.gif') no-repeat right top;
	color: #333;
}

/*end nav*/

/* absolutely positioned line graphic interferes with li:hover in all browsers */
.headerDiv .line {
 	display: none;
}
/*END HEADER*/




.blockcontent:after, .blockpair:after, .blogcomment:after, .blogpost:after, 
.collapsePanel:after, .colleft:after, .column:after, .columns:after, .commentcontainer:after, .current-rating:after, 
.featuredcontent:after, .featureitems:after, .featureitems_container:after, .frienditems:after, .frienditem:after, 
.iconframe:after, .lightblue:after, .linecontent:after, .microitems:after, 
.panel:after, .pagination:after, .profileblock:after, .profilebox:after, 
.showbody:after, .showbutton:after, .showcontrols:after, .showdescription:after, .showheader:after, .star-rating:after, 
.modalBackground:after,
.continueShowPrompt:after,
.upcomingcontent:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.lightGreenRCBGfg a,
.lightGreenRCBGfg a:link,
.lightGreenRCBGfg a:visited,
.lightGreenRCBGfg a:hover,
a.subscribeLink,
a:link.subscribeLink, a:visited.subscribeLink, a:hover.subscribeLink
{
	font-size: 13px;
	font-weight: bold;
	color: #666666;
	text-decoration: underline;
}
a:link, a:visited, a:hover
{
	text-decoration: none;
}
a:hover
{
	text-decoration: underline;
}
.GuideTitle
{
	padding-top: 10px;
	
}
.GuideTitle .subscribeLink
{
	padding-top: 10px;
}

.greyTitle
{
	color: #9A9A9A;
	
}
.lightGreyTitle
{
	color: #C7C7C7;
}
.showColumn
{
	padding-right: 8px;
	/*width: 220px;*/
	float: left;
	display: block;
}

.showColumnLast
{
	padding-right: 0;
	float: left;
	display: block;
}
.oneColumnOfThree
{
	float: left;
	width: 221px;

}
.oneColumn
{
float:left;
width: 221px;
}
.twoColumn
{
	width: 441px;
}
.threeColum
{
	width: 663px;
}
.showboxOutter
{
	float: left;
	display: block;
	background-color: #CCC;
	
	padding: 1px 1px;
	margin: 0px 4px 4px 0px;
}
.featuredShow
{
	background-color: #40D940;
}
.showBox
{
	 background-color: #FFF;
	 width: 100%;
	 margin: 0px 0px;
	 padding: 0px 0px;
	 font-size: 11px;
	height: 100%;
}
.showBox h3
{
	font-size: 12px;
}
.showBox h4
{
	font-size: 11px;
}
.oneThird .showboxOutter
{
	width: 100%;
}
.twoThirds .showboxOutter
{
	width: 48%;
	float:left;
}

.showBox .colleft {
	display: block;
	float: left;
	width: 72px;
	margin: 2px 2px;
	padding: 2 0 0.5em 5px;
	
}
.showBox .colright
{
	 height:100%;
	/*position:relative;*/
	float: right;
	width: 138px;
	display: block;
}
.showBox .ratings
{
	/*vertical-align:top;*/
}
.showBox .ratings img
{
 vertical-align:text-bottom;
}
.showBox .buttonBox
{
	/*position:relative;
	 bottom:0px;
	 left: 0px;*/
	width: 100%;
	vertical-align:bottom;
}
.buttonBox .buttonRow
{
	height: 20px;
}
.showBox .bottomButtons
{
	width: 100%;
	color: #1151BB;
	position: relative;
	bottom: -1px;
	/*background-color: #FFF;
	z-index: 2;*/
	left: 2px;
	width: 208px;
	white-space:nowrap;
	overflow:hidden;
	display:block;
}

.showBox .details
{
	display:block;
	width: 100%;
	margin: 0px 4px 0px 2px;
	font-size: 11px;
	height: 80px;
}
.details p
{
	padding-left: 5px;
}
.details blockquote
{
	padding: 0px 2px 0px 5px;
	overflow: hidden;
	height: 47px;
}
.showBox .noticeContainer
{
	float: right;
	margin-bottom: 4px;
	height: 16px;
}
.showBox .notice 
{
	width: 136px;
	display: block; 
	background-color: #FF8000;
	color: #FFF;
	padding: 1px 2px 0px 3px;
	margin: 0;
	font-size: 0.95em;
	text-align: center;
	/*font-weight: bold;*/
}
.showBox .showIdentifiers
{
	 height: 37px;
	 margin: 4px 0px 2px 0px;
}
.showIdentifiers .showName
{
	height: 23px;
	font-size: 12px;
	line-height: 11px;
	overflow: hidden;
	white-space: normal;
	font-weight: bold;
	word-spacing: normal;
}
.showIdentifiers .hostName
{
	height: 13px;
	overflow: hidden;
	white-space: normal;
	font-size: 11px;
	line-height: 13px;
	font-weight: bold;
	word-spacing: normal;
}
.showBox .liveBelowImage
{
	 text-align:center;
}
.showBox button, .show_info button
{
	background-color:transparent;
	border: medium none;
	cursor:pointer;
	text-align:left;
	/*vertical-align:middle;*/
	white-space:normal;
	font-size: 11px;
	color: #999;
	margin: 2px 0px;
	padding: 0px 0px;
	padding-right: 2px;
	
}
.bottomButtons button
{
	background-color:transparent;
	border:0 none;
	cursor:pointer;
	text-align:left;
	color:#1151BB;
	vertical-align:middle;
	white-space:normal;
	/*font-size: 11px;*/
	margin: 1px 0px;
	padding: 0px 0px;
	border-collapse: collapse;
}
.buttonBox .left
{
	width: 38%;
	}
.buttonBox .right
{
	width: 59%;
	}
.buttonBox button img
{
	vertical-align:middle;
	margin-right: 4px;
}
.bottomButtons button img
{
	vertical-align: middle;
	/*margin-right: -2px;*/
}

/* show box icon */
.iconshow {
	display: table;
	float: left;
	border-collapse: collapse;
}
.iconshow img {
	padding: 0;
	border: none;
}
.iconshow .iconframe {
	display: table-cell;
	text-align: center;
	vertical-align: top;
	background: transparent;
	padding: 0;
	overflow: hidden;
	text-decoration: none;
}
.iconshow.featicon {
	display: block;
}

/* compound classes meant to be used with .iconshow */
.lgicon .iconframe {
	height: 128px;
	width: 128px; 
}
.medicon .iconframe {
	height: 72px;
	width: 72px; 
}
.smicon .iconframe {
	height: 48px;
	width: 48px; 
}
.smallericon  {
	height: 32px;
	width: 32px; 
}
.smallericon .iconframe {
	height: auto;
	width: auto;
}
.tinyicon {
	height: 24px;
	width: 24px; 
}
.tinyicon .iconframe {
	height: auto;
	width: auto; 
}
.featicon .iconframe {
/* height changed to 227px: just set width for now
	height: 235px; */
	width: 160px; 
}

.headline
{
	color: #0098CB;
}
h2.headline { font-size: 26px !important; }
.greenHeadline,
.greenHeadline a,
.greenHeadline a:link,
.greenHeadline a:visited,
.greenHeadline a:hover
{
	color: #40D940;	
}
.DownArrow
{
	background-color: #FFF;
	background-repeat:repeat-x;
	padding: 2px 15px;
	margin: 5px 0px;
	height: 44px;
}
.DownArrow.second
{
	margin-top: 40px;
}
.DownArrow.blues
{
	color: #66CCFF;
	background-image: url(../img/lightblueh3backDownArrow.gif);
}
.bluesDownArrow.blues h3
{
	color: #66CCFF;
	
}
.DownArrow.green
{
	background-image: url(../img/greenh3backDownArrow.gif);
	color: #FFF;
}
.DownArrow.green h3
{
	
}
.DownArrow.orange
{
	background-image: url(../img/orange3backDownArrow.gif);
	color: #FFF;
}
.DownArrow.orange h3
{
	
}
.DownArrow.red
{
	background-image: url(../img/red3backDownArrow.gif);
	color: #FFF;
}
.DownArrow.red h3
{
	color: White;
	padding: 3px 0 0 0;
	font-size: 18px;
	margin: 0 0 0 0;
}
.DownArrow.red a, .DownArrow.green a, .DownArrow.green a:link, .DownArrow.green a:visited, .DownArrow.green a:hover,
.DownArrow.orange a, .DownArrow.orange a:link, .DownArrow.orange a:visited, .DownArrow.orange a:hover
{
	color: #FFF;
}
.DownArrow.subscribeLink, .DownArrow .subscribeLink
{
	padding-top: 6px;
}
.CatMoreRight
{
	width:67px;
	text-align: center;
	overflow: hidden;
}
.DownMore
{
	background-color: #FFF;
	background-repeat:repeat-x;
	padding: 2px 10px;
	margin: 10px 0px;
	height: 44px;
	
}
.DownMore.green
{
	background-image: url(../img/greenh3backDownArrow.gif);
	color: #FFF;
}
.DownMore.green a
{
	color: #FFF;
}
.sortOptions
{
	font-size: 0.75em;
	color: #666;
	clear: both;
	overflow: hidden;
	margin: 0;
	padding: 0 0px 5px;
}
.sortOptions2
{
	clear: none;
	padding:10px 0px 10px 0px
}
.sortOptions ul
{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
}
.sortOptions li
{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	white-space:nowrap;
}
.sortOptions a, .sortOptions a:visited
{
	color: #666;
	text-decoration: underline;
}
.sortOptions a:hover
{
	color: #000;
	/*font-weight: bold;*/
	text-decoration: none;
}
.GuideTitle .GenreChooser
{
	width: 227px;
	 font-size: 1.2em;
	 /*font-weight: bold;*/
	 color: #0098CB;
	 float: right;
	 margin-right:22px;
}
.sortOptions .GenreChooser 
{
    border: none;
	 font-size: 1.4em;
	 /*font-weight: bold;*/
	 color: #0098CB;
	 border:none;
	  
}
.sortOptions .GuideGenreChooser 
{
	font-size: 1.4em;
	color: #0098CB;
	height: 25px;
	width:250px;
	text-align: left;
	float:right;	  
}

.GuideGenreChooser select { 
	background-color: #fff;
	color: #0098cb;
	font-size:12px;
	margin-top:13px;
	width: 200px;
	border: 1px solid #ccc;
	margin: 15px 26px 10px 26px;
 }
 .nav-border{
	padding: 0px;
	height: 25px;
	width: 250px;
	float: right;
	border: 15px solid #C9E3F3;
}
.sortOptions .current
{
	color: #000;
	font-weight: inherit;
	text-decoration: none;
}
/* ========== Pagination ========== */

.pagination
{
	clear: both;
	font-size: 0.8em;
	float: right;
	margin: 0;
	padding: 5px 5px 5px;
	overflow: visible;
}
.pagination p
{
	display: block;
	float: left;
}
.pagination ul
{
	/*display: block; */
	/*float: left;*/
	float: right;
	margin: 0;
	padding: 3px 5px;
}
.pagination li
{
	/*font-weight: bold;*/
	color: #666666;
	display: block;
	float: left;
	margin: 0 1px;
	padding: 0;
	white-space:nowrap;
	height: 18px;
	line-height: 18px;
}
.pagination li a
{
	color: #3399CC;
	font-weight: bold;
	margin: 0;
	padding: 0px 1px;
	text-decoration: none;
	display: block;
	float: left;
	height: 18px;
	line-height: 18px;
}
.pagination a.currentpage
{
	font-weight: bold;
	color: #666666;
	font-size: 16px;
	position: relative;
	bottom: 1px;
}
.pagination li span.page
{
	float: left;
}
.pagination a:hover
{
	/*color: #666;*/
}
.pagination a.next
{
	
	background: url('../img/page_next.gif') no-repeat 0px 0px;
	width: 18px;
	text-decoration: none;
	padding: 0 0;
}
.pagination a.next:hover, .pagination a.previous:hover
{
	background-position: -18px 0;
}
.pagination a.nextloading
{
	background: url('../img/page_next.gif') no-repeat -36px 0px;
	width: 18px;
	text-decoration: none;
	padding: 0 0;
}
.pagination a.previous
{
	background: url('../img/page_previous.gif') no-repeat 0px 0px;
	width: 18px;
	text-decoration: none;
	padding: 0 0;
	margin-left: 5px;
}
.pagination a.previousloading
{
	background: url('../img/page_previous.gif') no-repeat -36px 0px;
	width: 18px;
	text-decoration: none;
	padding: 0 0;
	margin-left: 5px;
}
.pagination a.hide
{
	display: none;
}
.tree_footer
{
	padding-top: 10px;
}



/* LIVE overlay on top-left of featured icon */
.colleft .livebox, #spanblock .livebox {
	position: absolute; 
	right: 12px;
	top: 12px;
	background-color: #ff6600;
	color: #fff;
	font-size: 1.2em;
	font-weight: bold;
	padding: 1px 5px;
}
.lgwidth .colleft {
	display: block;
	float: left;
	width: 82px;
	margin: 0;
	padding: 0 0 8px 0;
}


/* for grouping .block elements together */
/* IE BUG NOTE: float: left; in .blockpair LOCKS IE6*/
.blockpair {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0;
}

.blockleft {
	float: left; 
	width: 49.25%;
	margin: 0;
	padding: 0 1.5% 0 0;
}
.blockleft.leftProfile
{
	float: left; 
	width: 200px;
	margin: 0;
	padding: 0 3px 0 0;
}
.blockright {
	clear: right;
	float: left; 
	width: 49.25%;
	margin: 0;
	padding: 0;
}
.blockright.rightProfile {
	clear: right;
	float: left; 
	width: 225px;
	margin: 0;
	padding: 0;
}
.columns .adnarrowPadded {
	width: 233px;
	text-align: center;
}
.adnarrowPadded .adlong
{
	background: url(../img/btr_160_X_600_ad_padding.jpg);
	background-repeat: no-repeat;
	height:651px;
	width: 233px;
	text-align: center;
	padding: 25px 0px;
	
}

.adnarrowPadded .adShort
{
	background: url(../img/btr_120_X_900_ad_padding.jpg);
	background-repeat: no-repeat;
	height:116;
	width: 233px;
	text-align: center;
	padding: 12px 0px;
}
.adShort div
{
	margin: 0px 56px;
	width:120px; 
	height: 90px; 
	text-align: center; 
	color: White; 
	background-color: Gray; 
	vertical-align: middle;
}

/* ========== Modal Popup ========== */
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
	width:100%;
}
/* bump up specificity to override styling for various contexts */
 .modalPopup, .showsContainers .modalPopup {
	display: block;
	background-color:#CCEAF5;
	border-width:2px;
	border-style:solid;
	border-color: #999999;
	padding: 19px 19px;
	position: absolute;
	z-index: 1001; 
	width: 470px;
	font-size: 12px; /* fixed font size for consistency in various contexts */
	filter:alpha(opacity=130);
	opacity:2.0;
}
.modalPopup .drag
{
	border: dashed 1px Gray; 
    color: Black;
    padding: 3px 3px;
}
.modalPopup button 
{
	background-color:transparent;
	border:medium none;
	cursor:pointer;
	vertical-align:middle;
	white-space:normal;
	/*font-weight: bold;*/
	color: #999;
	margin: 2px 8px;
	padding: 0px 0px;
	
}
.maincontent .modalPopup input[type=text], .maincontent .modalPopup textarea, .modalPopup .text {
	width: 440px;
	max-width: 99%;
	font-size: 12px; /* fixed font size for consistency in various contexts */
	margin: 4px 0px 8px 0px;
}
.maincontent .modalPopup input[type=submit], .modalPopup .button {
	margin-right: 8px;
	
}
.maincontent .modalPopup select {
	width: auto;
	max-width: 99%;
	font-size: 10pt; /* fixed font size for consistency in various contexts */
}
.maincontent .modalPopup a {
	cursor: pointer;
}
.maincontent .modalPopup h4 {
	color: #000;
	background: transparent;
	font-size: 13px; /* fixed font size for consistency in various contexts */
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.maincontent .modalPopup p {
	/* clear: both; */
	/*display: block;*/
	line-height: normal;
	font-size: 10pt; /* fixed font size for consistency in various contexts */
	text-align: left;
	margin: 0 0 0.3em 0;
	padding: 0;
}
.maincontent .modalPopup span {
	display: inline;
	position: static;
	font-size: 12px; /* fixed font size for consistency in various contexts */
	line-height: normal;
	text-align: left;
	margin: 0;
	padding: 0;
}
.buttonleft
{
	margin: 4px 8px 4px 0;
}
#content h1
{
	font-size: 26px;
	margin-bottom: 0px;
}
.genreColumn
{
	float:left;
	padding:0px 15px;
	width:20%;
}
/*----- Main Content squared Tabs ---- */
.mtabContainer
{
	width: 656px;
	padding: 15px 0;
	margin: 0;
}
.mtabContainer .HR1
{
	position: relative;
	bottom: 1px;
	clear: left;
	width: 100%;
	height: 1px;
	background-color:  #3399CC;
	z-index: 0;
}
.ulTabs
{
	/*margin: 0 0 10px 0;*/
	padding: 0;
	list-style-type: none;
	width: 655px;
	float: left; /* contain floated li's */
	z-index: 2;
}
.ulTabs li
{
	margin: 0;
	padding: 0 2px 0 0;
	float: left;
	
}
.ulTabs a
{
	
	height: 27px;
	font-size: 15px;
	line-height: 25px;
	float: left;
	width: 162px;
	text-align: center;
	text-decoration: none;
	
	border-right: 1px solid #FFF;
	/*background: url(../img/tabsBG.jpg) no-repeat;*/
	cursor: pointer;
	background-color: #3399CC;
	/*background-position: -162px 0;*/
	color: #FFF;
	border-bottom: 1px solid #3399CC;
	border-top: 1px solid #3399CC;
	border-left: 1px solid #3399CC;
	border-right: 1px solid #3399CC;
}
.ulTabs a.current
{
	color: #3399CC;
	font-weight: bold;
	/*background-position: 0px 0;*/
	background-color: #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
	
}
.ulTabs a:hover, .ulTabs a:hover.current, .ulTabs a.current:hover
{
	font-weight: bold;
	background-color: #599AF2;
	/*background-position: -324px 0;*/
	text-decoration: underline;
	color: #FFF;
}
.ulTabs a:disabled, .ulTabs a:disabled:hover, .ulTabs a.disabled, .ulTabs a:hover.disabled, .ulTabs a.disabled:hover
{
	text-decoration: none;
	color:#E0E0E0;
	background-position: 0 0;
}
.mtabContent
{
	margin-top: 10px;
	width: 656px;
	 border-width: 1px thin;
	 border-color: Blue;
}
/*--------- search navigation css ------*/
.SearchOptions
{
	color:#666666;
	font-size: 0.75em;
	width: 670px;
	position: relative;
}
.SearchOptions .popup
{
	position: absolute; 
	top: 10px; 
	left: 300px; 
	z-index: 2500; 
	width: 100px; 
	height: 130px; 
	margin: 5px;
	background-color: #333;
	padding: 1px;
	
}
.popup .inner
{
	padding: 5px;
	text-align: center; 
	height: 120px;
	width: 90px;
	background-color: #EEE;
	font-weight: bold;
}
.popup iframe
{
 display:none;/*sorry for IE5*/ 
 display/**/:block;/*sorry for IE5*/
 position:absolute;/*must have*/
 top:0;/*must have*/
 left:0;/*must have*/
 z-index:-1;/*must have*/
 filter:mask();/*must have*/
 width:100px;/*must have for any big value*/
 height: 132px;/*must have for any big value*/
}
.MaskedEditFocus, .MaskedEditFocusNegative
{
    background-color: #ffffcc;
    color: #000000;
}
.MaskedEditError
{
    background-color: #ffcccc;
}
.SearchOptions .leftColumn
{
	width: 180px;
	padding-right: 12px;
	float: left;
}
.SearchOptions .rightColumn
{
	width: 255px;
	float: left;
}
.SearchOptions .rightColumn .lightBlueTop
{
	background-color: #E2F4FF;
	margin: 15px 0px 0px 0px;
	padding: 4px 12px 2px 14px;
}
.SearchOptions .rightColumn .lightBlueBottom
{
	padding-top: 14px;
	background-image: url(../img/lightblueh3backDownArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 -31px;
}
.SearchOptions input, .SearchOptions select
{
	width: 170px;
	border: #C5C5C5 solid 1px;
	margin-bottom: 10px;
}
.SearchOptions input[disabled], .SearchOptions select[disabled], .SearchOptions input[readonly], .SearchOptions select[readonly], .SearchOptions .disabled
{
	 background-color: #DDD;
	cursor:default;
}

/* Jim's stuff, but altered to make the class names more appropriate, and delete duplicates.*/
.show_container {
	width: 209px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	position:relative;
	padding: 2px;
	border:#CCCCCC solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	/*overflow: hidden;*/
}
.show_container_big {
	width: 209px;
	height: 180px;
	margin-bottom: 4px;
	position:relative;
	padding: 2px;
	border:#CCCCCC solid 1px;
	font-family: Arial, Helvetica, sans-serif;
	overflow: hidden;
}
.featuredShowBox
{
	border:#40D940 solid 1px;
}
.thumbnail {
	width: 70px;
	height: 70px;
	float:left;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top;
}
.show_info {
	width: 135px;
	height: 90px;
	padding:0px;
	margin:0px;
	float:right;
	overflow:hidden;
}
.show_info h3 {
	color: #0098CB;
	font-size: 14px;
	line-height: normal;
	word-spacing: normal;
	display:inline;
	font-weight: bold;
	font-style:normal;
	padding:0px;
	margin:0 0 0 0;
}
.show_info h4 {
	color: #000;
	font-size: 11px;
	font-style:normal;
	line-height: normal;
	word-spacing: normal;
	display:inline;
	font-weight: bold;
	padding:0;
	margin:0;
}
.show_info a
{
	color:#0098CB;
	text-decoration:none;
}
.show_info a:hover
{
	color:Black;
	text-decoration: underline;
}
.show_info a.black
{
	color:Black;
}
.show_info a.black:hover
{
	color:#0098CB;
	text-decoration:underline;
}
.show_info br
{
	line-height:.2em;
}
.buttons , .buttonsNoSpace{
	color: #999999;
	font-size: 11px;
	display:block;
	margin: 5px 0 0 0;
	padding:0;
}
.buttons2 {
	color: #999999;
	font-size: 11px;
	display:block;
	margin: 0;
	padding:0;
}

.profilebody .showbox .buttons, .profilebody .blogpost .buttons
{
	clear: left;
	height: 14px;
	color: #999999;
	font-size: 11px;
	display:block;
	margin: 5px 0px;
	padding:5px 0px;
}
.show_container_big .details {
	width: 209px;
	height: 60px;
	color: #000;
	font-size: 11px;
	line-height: 1.1em;
	word-spacing: normal;
	clear:both;
}
.show_container_big .details p {
	margin: .3em;
}
.show_container_big .bottom {
	width: 209px;
	height: 25px;
	color: #000;
	font-size: 10px;
	line-height: 1.1em;
	word-spacing: normal;
	position:absolute;
	bottom:2px;
	display:block;
	clear:both;
}
.show_container_big .bottom ul {
	list-style-type : none;
	width : 100%;
	margin : 0;
	padding : 0;
}
.show_container_big .bottom li {
	position : relative;
	float : left;
	/*width : 33%;*/
	margin: 13px 14px 0px 0px;
}

.show_container_big .upcoming, .show_container .upcoming {
	color: #fff;
	font-size:11px;
	font-weight:bold;
	background-color:#FF6600;
	text-align:center;
	margin-bottom:3px;
	padding: .1em 0 .1em 0;
	display:block;
	font-style:normal;
	width:100%;
}
.showicon .iconframe {
	height: 70px;
	width: 70px; 
	position: relative;
}
.showIcon_onAirOver
{
	z-index: 0; 
	width: 70px; 
	height: 70px; 
	position: absolute;
	
	background-image: url(../img/on_air.gif);
}
.showicon img
{
	max-height: 70px;
	max-width: 70px;
}
.show_container .description, .show_container_big .description
{
	/*height: 50px;*/
	overflow:hidden;
}
.showIcon_Images
{
	float: left;
}

.featuredshow {
	position:absolute;
	bottom:0px;
}
.overlay {
	position:absolute;
	bottom:15px;
}

.avatar {
	width:70px;
	height:85px;
	float:left;
	margin-bottom:5px;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:bottom;
	position:relative; /* needed to position .pic div */
}

.buttons3 {
	width: 135px;
	margin-top: 5px;
	float:right;
}
a.x
{
	display: block;
	background: url(../img/x_rollover.gif) no-repeat 0px 0px;
	float: left;
	width: 30px;
	height: 20px;
	text-decoration: none;
}
a.x:hover
{
	background-position: -30px 0;
	text-decoration: none;
}
a.xloading
{
	display: block;
	background: url(../img/x_rollover.gif) no-repeat -60px 0px;
	float: left;
	width: 30px;
	height: 20px;
	text-decoration: none;
}

a.x:hover
{
	text-decoration: none;
	background-position: -30px 0;
}
a.asubmit
{
	display: block;
	background: url(../img/submit_roll_loading.gif) no-repeat 0px 0px;
	float: left;
	width: 71px;
	height: 20px;
	text-decoration: none;
}
a.asubmit:hover
{
	background-position: -71px 0;
	text-decoration: none;
}
a.asubmit.loading
{
	background: url(../img/submit_roll_loading.gif) no-repeat -142px 0px;
}
a.send
{
	display: block;
	background: url('../img/send_rollover.gif') no-repeat 0 0;
	text-decoration: none;
	float: left;
	width: 56px;
	height: 20px;
	margin-right: 5px;
}
a.send:hover
{
	background-position: -56px 0;
	text-decoration: none;
}
a.sendloading
{
	display: block;
	background: url('../img/send_rollover.gif') no-repeat -112px 0;
	text-decoration: none;
	float: left;
	width: 56px;
	height: 20px;
	margin-right: 5px;
}
a.mi
{
	display: block;
	background: url('../img/mailit.gif') no-repeat 0 0;
	text-decoration: none;
	float: left;
	width: 58px;
	height: 16px;
	margin-top: 1px;
	
}
a.miclick
{
	display: block;
	background: url('../img/mailit.gif') no-repeat -58px 0;
	text-decoration: none;
	float: left;
	width: 58px;
	height: 16px;
	margin-top: 1px;
}
A.pc 
{
	DISPLAY: block;	
	BACKGROUND: url(../img/pc.png) no-repeat 0px 0px;	
	FLOAT: left;	
	WIDTH: 80px;	
	MARGIN-RIGHT: 5px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.d 
{
	DISPLAY: block;	
	BACKGROUND: url(../img/d.gif) no-repeat 0px 0px;	
	FLOAT: left;	
	MARGIN-LEFT: 5px;	
	WIDTH: 80px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.r 
{	
	DISPLAY: block;	
	BACKGROUND: url(../img/Remind_Me_button.png) no-repeat 0px 0px;	
	FLOAT: left;	
	WIDTH: 80px;	
	MARGIN-RIGHT: 5px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}
a.rloading
{
	display: block;
	background: url(../img/Remind_Me_button.png) no-repeat -160px 0px;	
	float: left;
	width: 80px;
	margin-right: 5px;
	height: 17px;
	text-decoration: none;
}
a.rr
{
	display: block;
	background: url(../img/remove-roll.png) no-repeat 0 0px;
	float: left;
	width: 121px;
	margin-right: 5px;
	height: 14px;
	text-decoration: none;
}
.buttons A.s
{
	margin-left:5px;
}
A.s
{
	cursor: pointer;
	display: block;
	background: url(../img/share2.gif) no-repeat 0px 0px;
	float: left;
	width: 63px;
	height: 14px;
	text-decoration: none;
}
 A.s:hover
 {
 background-position: -63px 0;
 }
A.pc:hover, A.d:hover, A.r:hover
{	
	BACKGROUND-POSITION: -80px 0px
}
a.rr:hover
{
	background-position: -121px 0px;
}
a.next
{
	background: url('../img/page_next.gif') no-repeat 0 0;
	width: 18px;
	height: 18px;
	padding: 0 0;
	line-height: 18px;
	margin: 0 2px;
	text-decoration: none;
}
a.next:hover
{
	background-position: -18px 0;
}
a.nextloading
{
	display: block;
	background: url('../img/page_next.gif') no-repeat -36px 0;
	width: 18px;
	height: 18px;
	padding: 0 0;
	line-height: 18px;
	margin: 0 2px;
	text-decoration: none;
}
A.p 
{	
	DISPLAY: block;	
	BACKGROUND: url(../img/play.png) no-repeat 0px 0px;	
	FLOAT: left;	
	WIDTH: 48px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}
A.p:hover 
{
	BACKGROUND-POSITION: -48px 0px;
}

a.TT
{
	DISPLAY: block;	
	BACKGROUND: url(../img/twitter_default.gif) no-repeat 0px 0px;	
	FLOAT: left;	
	MARGIN-LEFT: 5px;	
	WIDTH: 83px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}

a.TT:hover
{
	background-position: -83px 0px;
}

a.FT
{
	DISPLAY: block;	
	BACKGROUND: url(../img/facebook_default.gif) no-repeat 0px 0px;	
	FLOAT: left;	
	MARGIN-LEFT: 5px;	
	WIDTH: 80px;	
	HEIGHT: 14px;	
	TEXT-DECORATION: none;
	cursor:pointer;
}

a.FT:hover
{
	background-position: -80px 0px;
}

a.left
{
	margin-right: 10px;
}
a.save
{
	display: block;
	background: url(../img/loadingbuttonSave.gif) no-repeat 0px 0px;
	float: left;
	width: 55px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.saveloading
{
	display: block;
	background: url(../img/loadingbuttonSave.gif) no-repeat -110px 0px;
	float: left;
	width: 55px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.okay
{
	display: block;
	background: url(../img/okay_rollover.gif) no-repeat 0px 0px;
	float: left;
	width: 57px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.okayloading
{
	display: block;
	background: url(../img/okay_rollover.gif) no-repeat -114px 0px;
	float: left;
	width: 57px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.delete
{
	display: block;
	background: url(../img/deleteLoading.gif) no-repeat 0px 0px;
	float: left;
	width: 72px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.deleteloading
{
	display: block;
	background: url(../img/deleteLoading.gif) no-repeat -144px 0px;
	float: left;
	width: 72px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.cancel
{
	display: block;
	background: url(../img/cancel_rollover.gif) no-repeat 0px 0px;
	float: left;
	width: 75px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.cancelloading
{
	display: block;
	background: url(../img/cancel_rollover.gif) no-repeat -150px 0px;
	float: left;
	width: 75px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}
a.set
{
	display: block;
	background: url(../img/set_rollover.gif) no-repeat 0px 0px;
	float: left;
	width: 45px;
	height: 20px;
	text-decoration: none;
}

a.remove
{
	display: block;
	background: url(../img/remove.png) no-repeat 0px 0px;
	float: left;
	width: 75px;
	height: 20px;
	text-decoration: none;
	margin-left: 5px;
}

a.google
{
	display: block;
	background: url(../img/google.png) no-repeat 0px 0px;
	float: left;
	width: 58px;
	height: 55px;
	text-decoration: none;
}

a.outlook
{
	display: block;
	background: url(../img/outlook.png) no-repeat 0px 0px;
	float: left;
	width: 58px;
	height: 55px;
	text-decoration: none;
}

a.sms
{
	display: block;
	background: url(../img/sms.png) no-repeat 0px 0px;
	float: left;
	width: 58px;
	height: 55px;
	text-decoration: none;
}
a.delete:hover
{
	background-position: -72px 0;
}
a.cancel:hover
{
	background-position: -75px 0;
}
a.okay:hover
{
	background-position: -57px 0;
}
a.save:hover
{
	background-position: -55px 0;
}
a.set:hover
{
	background-position: -45px 0;
}
a.remove:hover
{
	background-position: 0px 0;
}
a.google:hover
{
	background-position: -58px 0;
}
a.outlook:hover
{
	background-position: -58px 0;
}
a.sms:hover
{
	background-position: -58px 0;
}

button.bl19x16
{
	padding: 0px 0px 0px 19px;
	margin: 2px 0;
	height: 16px;
	border: 0px none;
	cursor: pointer;
	font-size: 11px;
	text-align: left;
	white-space: normal;
	width: 123px;
	
}
button.bl16x16
{
	padding: 0px 0px 0px 16px;
	margin: 2px 0;
	height: 16px;
	border: 0px none;
	cursor: pointer;
	font-size: 11px;
	text-align: left;
	white-space: normal;
	width: auto;
	
}
button.bl16x16.rss
{
	background:transparent url(../img/icon-sub-rss2-loading.gif) no-repeat 0px 0px;
}
button.bl16x16.sm
{
	background:transparent url(../img/mail_16-loading.gif) no-repeat 0px 0px;
}
button.bl16x16.sml
{
	background:transparent url(../img/mail_16-loading.gif) no-repeat -16px 0px;
}

.bigp button.bl19x16.af
{
	background:transparent url(../img/profile_add_friend_icon.gif) no-repeat 0px 0px;
}

.bigp button.bl19x16 .blText
{
	color: #0098CB;
	font-size:13px;
	font-weight:bold;
	width:99%;
	padding-left: 0px;
	font-family:Arial,Helvetica,sans-serif;
}
.bigp button.bl16x16 .blText
{
	color: #0098CB;
	font-size:13px;
	font-weight:bold;
	width:99%;
	padding-left: 2px;
	font-family:Arial,Helvetica,sans-serif;
}
.bigp button.bl19x16
{
	margin: 0px 0px;
}
.bigp button.bl16x16
{
	margin: 0px 0px;
	width: 100%
}
button.bl19x16.af
{
	background:transparent url(../img/icon-add-loading.gif) no-repeat 0px 0px;
	width: 100%;
}
button.bl19x16.afl
{
	background:transparent url(../img/icon-add-loading.gif) no-repeat -19px 0px;
	
}
button.bl19x16.rf
{
	background:transparent url(../img/icon_remove_friend.gif) no-repeat 0px 0px;
}
button.bl19x16.afav
{
	background:transparent url(../img/icon-add-fav-loading.gif) no-repeat 0px 0px;
}
button.bl19x16.afavl
{
	background:transparent url(../img/icon-add-fav-loading.gif) no-repeat -19px 0px;
}
button.bl19x16.rfav
{
	background:transparent url(../img/icon-remove-fav-loading.gif) no-repeat 0px 0px;
}
button.bl19x16 .blText
{
	padding-left: 3px;
	background: #EFEFEF;
	height: 16px;
	width: 81px;
}
button.bl16x16 .blText
{
	padding-left: 3px;
	background: #EFEFEF;
	height: 16px;
	width: 78px;
}

.tags {
	width: 100%;
	height: 25px;
	float:right;
	color: #0098CB;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	margin-bottom:3px;
	padding:0;
}
.tags h5 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	display: inline;
	margin:0;
	padding:0;
}
.tags a
{
	color:#0098CB;
	text-decoration:none;
}
.tags a:hover 
{	
	color:Black;
	text-decoration:underline;
}
.slickbox {
	width: 100%;
	height: 146px;
	color: #000;
	font-size: 11px;
	margin:0;
	padding:0;
	clear:both;
	vertical-align:bottom;
	position:relative; /* needed to position .bottom div */
	display:none;
}
.slickbox p {
	margin: .3em;
	font-size: 12px;
}
.slickbox a
{
	color:#0098CB;
	text-decoration:none;
}
.slickbox a:hover 
{	
	color:Black;
	text-decoration:underline;
}
.slickbox h5 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	font-style: normal;
	display: inline;
	margin:.3em;
	padding:0;
}

.bottom ul {
	list-style-type : none;
	width : 211px;
	margin : 0;
	padding : 0;
	position:absolute;
	bottom:0;
}
.bottom li {
	float : left;
}
.bottom img {
	vertical-align: middle;
}
.bottom a {
	vertical-align: middle;
}
.desc, .desc2 {
	/*width:215px; conflicts with other uses of desc in site! */
	margin:0 0 0 0;
}

.desc a {
	display: block;
	width: 215px;
	height: 16px;
	background: url("../img/desc-closed.png") 0 0 no-repeat;
	text-decoration: none;
	margin-bottom:6px;
	cursor: pointer;
}

.desc2 a {
	display: block;
	width: 215px;
	height: 16px;
	background: url("../img/desc-open.png") 0 0 no-repeat;
	text-decoration: none;
	margin-bottom:6px;
	cursor: pointer;
}
.desc a:hover, .desc2 a:hover {
	background-position: -215px 0;
}

a.black {
	color:Black;
}
a.black:hover 
{	
	color:#0098CB;
	text-decoration:underline;
}
spanDesc a
{
	text-decoration:underline;
	color:#1151BB;
}

/* (HOME PAGE BANNER) */
.bannerFirstTime
{
	position: relative;
	height: 190px;
	background-image: url(../img/gradient_bg_tall.jpg);
	background-repeat: no-repeat;
	border: 0px solid black
}

.bannerFirstTime div
{
	position: absolute;
	height: 61px;
	width: 614px;
	top: 110px;
	left: 23px;

}

.imgTagline
{
	position: absolute;
	top: 30px;
	left: 25px;	
}

.defPgLgSrchBox
{
	position: absolute;
	top: 0px;
	left: 0px;
}

.defPgLgSrchInput
{
	position: absolute;
	font-weight: bold;
	left: 18px;
	top: 15px;
	width: 480px;
	border: none;
	background-color: Transparent;	
}

.defPgLgSrchButton
{
	position: absolute;
	top: 13px;
	left: 502px;	
}
.bannerSignedOut
{
	position: relative;
	height: 91px;
	background-image: url(../img/gradient_bg_short_91.jpg);
	background-repeat: no-repeat;
	border: 0px solid black
}

.bannerSignedOut div
{
	position: absolute;
	height: 61px;
	width: 614px;
	top: 15px;
	left: 23px;

}

.bannerSignedIn
{
	position: relative;
	height: 91px;
	background-image: url(../img/gradient_bg_short_91.jpg);
	background-repeat: no-repeat;
	border: 0px solid black
}

.bannerSignedIn div
{
	position: absolute;
	/*background-color: #DDDDDD;*/
	height: 60px;
	width: 468px;
	top: 15px;
	left: 100px;
	border: 1px solid #DDDDDD;
}

.defPageSecHeaders
{
	float: left;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #999999;	
}

.banner {
	height:190px;
	vertical-align:bottom;
}
.banner img {
	float:left;
}
.tagline {
	width:435px;
	height:190px;
	float:left;
	vertical-align:bottom;
	position:relative; /* needed to position .pic div */
}
.banner h1 {
	font-weight: bold;
	font-size: 16px;
	line-height:28px;
	padding-top:20px;
	color:#333333;
}
.banner h1 a {
	color: #0098cb;
	text-decoration:underline;
}
.banner h1 a:hover {
	color: #333;
}
.mainSearch {
	width:435px;
	height:70px;
	background-image:url("../img/looking2.gif");
	position:absolute;
	bottom:0;
}
.mainSearch #applesearch {
	margin:35px 0 0 25px;
}

#applesearch .xbox input {
	width: 300px;
	float:left;
}

/* (SEARCH) (old)*/
.search {
	width: 280px;
	height:30px;
	margin: 10px 5px 5px 5px;
	padding: 5px 7px 5px 7px;
	background: url("../img/search_bg.png") no-repeat left top;
}
/* (SEARCH) (new)*/
.searchsqr {
	width: 285px;
	height:20px;
	margin: 10px 5px 20px 0;
	padding: 5px 7px;
	background-image: url(../img/search_box_small.gif);
	background-repeat: no-repeat;
}

.searchsqr input[type=text]
{
	width: 260px;
	border: none 0px;
	position: absolute;
	top: 6px;
	left: 10px;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #999999;
}

.searchsqr input[type=image]
{
	position: absolute;
	top: 5px;
	left: 272px;
}

.showdivheader 
{
	margin-bottom:0px;
	font-weight: bold;
	font-size: 16px;
	color:#333333;
	display:block;
}

/* (BOXTROT) */
.subheader{
	margin-bottom:0px;
	margin: 30px 0 3px 0;
	font-weight: bold;
	font-size: 16px;
	line-height:16px;
	color:#333333;
	display:block;
}
#left {
	width:215px;
	padding: 0 8px 0 0;
	margin: 0;
	float:left;
}
#middle {
	width:300px;

	padding: 0;
	margin: 0;
}
#right {
	width:350px;
	padding: 0 0 0 5px;
	margin: 0;
	float:left;
}

.tabbox {
	width: 100%;
	height: 146px;
	color: #000;
	font-size: 11px;
	margin:0;
	padding:0;
	clear:both;
	vertical-align:bottom;
	position:relative; /* needed to position .bottom div */
	display:none;
	float: left;
}
.columns {
}

.columnsmaincontent {
	width: 665px;
	float: left;
}

.ningmaster .columnsmaincontent
{
	float: left;
	width: 492px;
}
.columnsmaincontent h2
{
	font-size: 18px;
	}
.columnsmaincontent p
{
	font-size: 12px;
}
.clearall {
	clear: both; 
}
.BOBTRContent
{
	padding: 15px 35px; 
	font-size: smaller;
}
.featuredstation
{
	float:left;
	padding: 0 6px 0 0;
}

.rbroundbox {
	background-color: #E4F1F9 ;
	border: 1px solid #cccccc;
}

.rbtop div {
	background: url(../img/tl.gif) no-repeat top left;
}
.rbtop {
	background: url(../img/tr.gif) no-repeat top right;
}
.rbbot div {
	background: url(../img/bl.gif) no-repeat bottom left;
}
.rbbot {
	background: url(../img/br.gif) no-repeat bottom right;
}
.rbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}

.rbcontent {
	margin: 5px 10px 0 10px;
	color:#333333;
	font-size: 12px;
}
.rbcontent h3 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 16px;
	line-height:16px;
	color:#333333;
	display:block;
}
.space {
	height: 15px;
}

.defspace {
	height: 20px;
}


.rbcontent .genreColumn {
	width:120px;
	padding: 0 0px 0 0;
	margin: 0;
	float:right;
}

.rbcontent .genreOuterDiv
{
	width: 170px;
	float: left;
}

.rbcontent a
{
	color: #333333;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
	text-decoration:underline;
}
a:hover {
	color: #0098cb;
}

.gbroundbox {
	/*background: url(../img/greybox-nt.gif) repeat;*/
	background-color: #ECEEEC;
	border: 1px solid #cccccc;
}
.gbtop div {
	background: url(../img/greybox-tl.gif) no-repeat top left;
}
.gbtop {
	background: url(../img/greybox-tr.gif) no-repeat top right;
}
.gbbot div {
	background: url(../img/greybox-bl.gif) no-repeat bottom left;
}
.gbbot {
	background: url(../img/greybox-br.gif) no-repeat bottom right;
}
/* height and width stuff, width not really nessisary. */
.gbtop div, .rbtop, .rbbot div, .rbbot {
	width: 100%;
	height: 7px;
	font-size: 1px;
}
.gbcontent {
	margin: 5px 10px 0 10px;
	color:#333333;
	font-size: 12px;
}

.gbcontent h3 {
	margin: 0 0 5px 0;
	font-weight: bold;
	font-size: 16px;
	line-height:16px;
	color:#333333;
	display:block;
	
}
.gbroundbox {
	/*margin: 12px auto;*/
	width: 980px;
}
.greyl {
	width:185px;
	padding: 0 8px 0 0;
	margin: 0;
	float:left;
}
.greylm {
	width:185px;
	float:left;
	padding: 0;
	margin: 0;
}
.greyrm {
	width:185px;
	padding: 0 0 0 8px;
	margin: 0;
	float:left;
}
.greyr {
	width:185px;
	padding: 0 0 0 8px;
	margin: 0;
	float:left;
}
.greyrr {
	width:185px;
	padding: 0 0 0 8px;
	margin: 0;
	float:left;
}
.gbcontent p {
font-size:12px;
color:#333333;
line-height: 14px;
}
.gbcontent a {
	text-decoration: underline;
	color:#333333;
	font-family: Arial;
	font-size: 12px;
	line-height: 18px;
}


.gbcontent a:hover {
	color: #0098cb;
}

.footer_row_width
{
	width: 165px;
}

.copyrightText
{
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
	font-family: Arial;
	font-weight:lighter;
	float:right;
}

a:focus {
	-moz-outline-style: none;
}

.rightcolumnboxes {
	margin-bottom: 10px;
	width:300px;
	text-align:left;
}
.rightcolumnboxescenter
{
	margin-bottom: 10px;
	width:300px;
	text-align:center;
}
.fixedheight {
	height: 160px;
	overflow: visible;
}
.rightcolumnsidebar {
	text-align:left;
	float:left;
}

.s_box {
width: 298px;
border:#bababa solid 1px;
font: 9pt Arial, sans-serif;}

.s_box img {
border:0px;}

.s_box p {
	padding:0 10px 0 10px;
}

p.head {
	padding-top:5px;
	font: bold 9pt Arial, sans-serif; 
}

.s_box a {
	color: #0098cb;
	text-decoration: none;
}
.s_box a:hover {
	color:Black;
	text-decoration: underline;
}
.s_box2 a {
	color:Black;	
	text-decoration: none;
}
.s_box2 a:hover {
	color: #0098cb;
	text-decoration: underline;
}
.chatlinks
{
  margin: 5px 0px 5px 0px;
}
.profileboxLine
{
	height:1px;
	background-color:#CECECE;
	border-top-style:outset;
	border-bottom-style:none;
	border-left-style:none;
	border-right-style:none;
}

.s_chat {
	width:298px;
	margin:0 0 0 0;
	display: block;
	height: 27px;
	background: url("../img/s_chat.png") 0 0 no-repeat;
	text-decoration: none;
}
.sb_chat {
	width:300px;
	margin:0 0 15px 0;
	display: block;
	height: 25px;
	background: url("../img/sb_chat.png") 0 0 no-repeat;
	text-decoration: none;
}
.s_blog
{
	width:298px;
	margin:0 0 0 0;
	display: block;
	height: 27px;
	background: url("../img/s_blog.png") 0 0 no-repeat;
	text-decoration: none;
}
.sb_blog {
	width:300px;
	margin:0 0 15px 0;
}
.sb_blog a {
	display: block;
	width: 300px;
	height: 25px;
	background: url("../img/sb_blog.png") 0 0 no-repeat;
	text-decoration: none;
}


.scheduledatetimepicker
{
    float:left;
    margin: 10px 0 0 0;
    padding: 0 10px 0 2px;
    width: 180px;
    white-space: nowrap;
    overflow:visible;
    height: 32px;
}

.scheduledatetimepicker img
{
    /*float:left;*/
}

.scheduledatetimepicker span
{
    float:right;
    vertical-align:middle;
    text-align:center;
    padding: 2px 10px 0 0;
    
     
    
}
.SortBy1111
{
    color:#999999;
    font-size:13px;    
}

.nav-container-outer{
background: #990000;
padding: 0px;
height: 51px;
width:250px;
background: url("../img/catback.gif") no-repeat;
align: center;
float:right;
}
.nav-container-outer select {
 background-color: #fff;
 color: #0098cb;
 font-size:12px;
 margin-top:13px;
 width: 200px;
 border: 1px solid #ccc;
 margin: 15px 26px 10px 26px;
 
}



.showboxtitle
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-right: 5px;
}

.showboxtitle a:hover
{
	color:Black;
}

.searchallresultsubtitle
{
	float: left;
	font-size: 18px;
	font-weight: bold;
	padding-right:5px;
}
.blue
{
	color: #0098CB;
}

.grey
{
	color: #C7C7C7;
}

.resultlink
{
	font-size: 14px;
	font-weight:bold;
	/*margin: 0 5px 0 0;*/
	line-height: 18px;
}
.resultlink a
{
	color:#0098CB;
	text-decoration:none;
	float: right;
}
.resultlink a:hover 
{	
	color:Black;
	text-decoration:underline;
}

.moregimage, .moreoimage, .morebimage,.backgimage, .backoimage, .backbimage,.viewallgimage, .viewalloimage, .viewallbimage
{
	float:right;
}
a.moregimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/more-g.png) no-repeat 0px 0px;	
	float:right;
}
a.moreoimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/more-o.png) no-repeat 0px 0px;	
	float:right;
}

a.morebimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/more-b.png) no-repeat 0px 0px;	
	float:right;
}
a.morebgrayimagevcenter
{	
	width:68px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 25px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/more-bgray.png) no-repeat 0px 4px;	
	float:right;
}
a.moregimage:hover, a.moreoimage:hover, a.morebimage:hover
{	
	BACKGROUND-POSITION: -67px 0px
}

a.morebgrayimagevcenter:hover
{	
	BACKGROUND-POSITION: -67px 4px
}

a.backgimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/back-g.png) no-repeat 0px 0px;	
}

a.backbimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/back-b.png) no-repeat 0px 0px;	
	float:right;
}
a.backbgrayimagevcenter
{	
	width:68px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 25px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/back-bgray.png) no-repeat 0px 4px;	
	float:right;
}
a.backoimage
{	
	width:67px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/back-o.png) no-repeat 0px 0px;	
}
a.backgimage:hover, a.backbimage:hover, a.backoimage:hover
{	
	BACKGROUND-POSITION: -67px 0px
}
a.backbgrayimagevcenter:hover
{	
	BACKGROUND-POSITION: -67px 4px
}
a.viewallgimage
{	
	width:69px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/view-g.png) no-repeat 0px 0px;	
}
a.viewalloimage
{	
	width:69px;
	DISPLAY: block;	
	FLOAT: left;	
	HEIGHT: 16px;	
	TEXT-DECORATION: none;
	BACKGROUND: url(../img/view-o.png) no-repeat 0px 0px;	
}

.searchallresultcolumns
{
	float:left;
	width:221px;
}
.searchtitle
{
	padding-top: 10px;
	padding-right: 30px;
	padding-bottom: 10px;
}
.searchsubtitle
{
	padding-top: 20px;
	padding-right: 30px;
	float:left;
}

.columnsmaincontent label
{
	padding-bottom: 0; /* to remove the padding from the header */
}

.recommendedshowsheader
{
	background-color: #eeeeee;
	padding: 3px 3px 3px 5px;
}
.recommendedshowsheader p
{
	font-size: 16px;
	font-style:italic;
	font-weight:bold;
	color: #777777
}

.recommendedshowsbody
{
	padding: 5px 0px 0px 0px;
}

/*  -------------- RSS ---------------

    ------------------------------------------

    ------------------------------------------

 */
 
 .rss {
	vertical-align: top;
	position:relative; /* needed to position */
	z-index:19;
 }
.rssInLineHeading
{
	vertical-align: middle;
	margin-top: 3px;
}
.rss img {
	border: none;
}

/*rss div */
.rss-feed {
 	list-style:none;
 	margin:0px;
 	padding:0px;
}
.rss-feed-div {
	display:none;
	position:absolute;
	bottom: 5px;
	left: 13px;
	background-color:#ffffff;
	padding:3px;
	border:1px solid #cccccc;
	z-index:41;
	font-size:1px;
}
.rss-feed-div2 {
	background-color:#ffffff;
	padding:3px;
	border:1px solid #cccccc;
	z-index:41;
	font-size:1px;
	width: 100%;
	height: 100%;
}
.rss-feed-div.tagsflyover 
{
	position: absolute;
	left: -20px;
	bottom: 10px;
}
.tagsflyover ul.rss-feed, .tagsflyover ul.rss-feed2 
{
	margin: 3px 0px -5px 0px;
}
ul.rss-feed2
{
	width: 91px;
	overflow:visible;
}
ul.rss-feed
{
	width: 90px;
	position:relative;
	overflow:visible;
}
.rss-feed li {
	font-weight:bold; 
	color:#EC8132;
	padding:2px 0px 2px 0px;
	margin: 0px;
	height:15px;
	display:inline-block;
}
.rss-feed2 li {
	font-weight:bold; 
	color:#FFFFFF;
	padding:1px 0px 1px 0px;
	margin: 0px;
	height:17px;
	display:inline-block;
}
.rss-feed li a, .rss-feed2 li a {
	font-weight:bold; 
	color:#FFFFFF; 
	text-decoration:none;
	border: 0px none;
}
.rss-feed2 li, .rss-feed2 li a
{
	text-align: center;
}
.rss-feed2 li img
{
	border: 0px none #FFF;
}
.columnsmaincontent .panelH2, .columnsmaincontent .panelH3
{
	background-color: #666666;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: normal;
	padding: 4px 8px;
	height: 17px;
	margin: 6px 0px;
}
.columnsmaincontent .panelH2 .hidden, .columnsmaincontent .panelH3 .hidden
{
	color: #009CCE;
}
.panel .panelH2
{
	margin: 0 0;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 6px;
}
.panel .panelH3
{
	margin: 0 0;
	font-weight: bold;
	font-size: 13px;
	padding: 3px 6px;
}
.showbody .panel, .profilebody .panel
{
	font-size: 12px;
}


.boxpanel li {
	font-size: 12px;
}

.boxpanel .panelH2
{
	margin: 0 0;
	font-weight: bold;
	font-size: 15px;
	padding: 3px 6px;
}

.boxpanel ul {
	font-weight: bold;
	font-size: 16px;
	float: right;
}
.boxpanel ul li {
	/*display: inline;*/
	float: right;
}
.boxpanel ul li a {
	float: left;
	text-decoration: none;
	padding: 0 0 0 3px;
	line-height: 24px;
	margin-right:24px;
	color: #0098cb;
}
.boxpanel ul li a span {
	display: block;
	padding-right: 2px;
	padding-left: 1px;
	padding-bottom: 2px;
}

.boxpanel  ul li.current_page_item a {
	background: url("../img/link_left.gif") no-repeat left top;
	color: #0098cb;
}
.boxpanel ul li.current_page_item a span {
	background: url("../img/link_right.gif") no-repeat right top;
}
.boxpanel ul li a:hover {
	background: url("../img/link_left.gif") no-repeat left top;
	color: #333;
}
.boxpanel ul li a:hover span {
	background: url("../img/link_right.gif") no-repeat right top;
}

.panel .green
{
	background-color: #31CE31;
	
}

.greyboxtop
{
	background-color:#F2F2F2;
	margin-bottom: 4px;
	margin-top:10px;
}

.greybox
{
	background-color:#F2F2F2;
	margin-bottom: 15px;
    padding-right:20px;
    padding-bottom:20px;

}
.showheader .panel
{
	padding-top: 10px;
}

.profilebody .panel .hostBlurb
{
	padding: 5px 5px;
	overflow-x: hidden;
}
.showheader .panel .panelH2, .showheader .panel .archive, .showsocial .panel .panelH2, .profilebody .panel .panelH2, .columnsmaincontent .panelH3
{
	background-color: #009CCE;
	
}
.showsocial .panel .panelcontent
{
	border: solid 1px #CECECE;
	background-color: #EFEFEF;
}
.profilebody .h2tall
{
	height: 28px;
	padding-top: 14px;
	/*font-size: 16px;*/
}
.showheader .panel .panelH2 .sideright
{
	padding-right: 10px;
}
.showheader .panel .onair
{
	background-color: #CE0000;
}
.showheader .panel .notice
{
	background-color: #FF6600;
}

.Instructions p
{
	padding-top: 10px;
	font-size: 12px;
}
.Instructions a
{
	color:#0098CB;
	text-decoration:none;
}
.Instructions a:hover
{
	color:Black;
	text-decoration: underline;
}

.stationRows
{
	padding-top: 20px;
}

.stationRow 
{
	background: #fff;
	display: block;
	clear: both;
	overflow: hidden;
	margin-bottom:8px;
}

.stationCell 
{
	display: block;
	float: left;
	margin: 0;
	overflow: hidden;
	padding-right: 7px;
}

.stationCellLast 
{
	padding-right: 0px;
}

.stationCell img, .stationCellLast img
{
	overflow:hidden;
	float:left;
}

.stationCell p, .stationCellLast p
{
	font-size:11px;
	line-height:17px;
}

.stationCell span , .stationCellLast span
{
	display: block;
	float: none;
	font-size: 0.7em;
	padding-bottom: 0.3em;
	text-align: left;
	color: #ff6600;
}

.stationBox
{
	border-right:#CCCCCC solid 1px;
	border-left:#CCCCCC solid 1px;
	width: 213px;
	height: 130px;
}

.stationTitle
{
	float: left;
	font-size: 16px;
	font-weight: bold;
	padding-right: 5px;
}

.stationInfo
{
	padding-left: 5px;
	padding-right: 5px;
	padding-top:10px;
	height:115px;
}

.stationTitle a
{
	color:#0098CB;
	text-decoration:none;
}

.stationTitle a:hover
{
	color:Black;
	text-decoration: underline;
}

.stationImage
{
	height:100px;
	overflow:hidden;
	width:215px;
}

/* ======= row list ========== */
.listrow {
	padding: 0px 0px;
	margin: 0px 0px;
	font-size: 14px;
	background-color: #498832;
	height: 100%;
	border-collapse: separate;
	border: 0px none;
}
.listrow li {
	display: block; 
	padding: 5px; 
	overflow: hidden; 
	margin: 0px;
	height: 100%;
}
ul .left
{
	float: left;
}
ul .right
{
	float: right;
	padding-right: 5px;
}
.listrow li .pad2px
{
	padding: 2px;
}
.listrow .pagination li {
	padding: 0;
	overflow: visible;
}
.listrowitem {
}
.listrowitem ul {
	display: table; 
	border-collapse: separate;
	border-spacing: 0;
	empty-cells: show;
	table-layout: fixed;
	width: 100%;
	float: left;
}
.listrowitem li {
	display: table-cell; 
	vertical-align: middle;
	padding: 0; 
	border: none;
	margin: 0;
	overflow: visible;
}
.listrow .babyblue, .friendfavs .babyblue
{
	background-color: #E7F7FF;
}
.listrow .lightgreen, .friendfavs .lightgreen
{
	background-color: #E7F7E7;
}
.listrow li.unreadmsg
{
	 background-color: #E4F8FF;
}
.listrow li.readmsg
{
	 background-color: #FFFFFF;
}
.msgDetails
{
	display: block;
	border-bottom: 1px solid #C6C6C6; 
	padding: 5px 15px 10px 25px;
}
.msgDetails h2
{
	margin: 6 0 10 0;
}
.listrowitem {
	float: left;
	width: 98%;
}

.listrowitem .messageSelect
{
	 
	 height: 32px;
}
.listrowitem li 
{
	vertical-align: middle;
}
.listrowitem .icon {
	margin: 0 15px 0 0;
}
.listrowitem .friendbuttons {
	float: right; 
	width: 55%; 
}
.friendbuttons .friendbutton
{
	vertical-align:  middle;
	height: 48px;
	text-align: center; 
	width: 18%;
}
.listrowitem .messageContent 
{
	float: left;
	width: 65%;
}
.listrowitem .friendbuttons ul, .listrowitem .messageContent ul {
	width: 100%;
}
.listrowitem .friendbuttons li{
	padding: 0 1%;
}
.listrowitem .messageContent li
{
	width:100%;
	padding: 0 5;
}
.listrowitem .notice {
	color: #666;
	font-size: 0.8em;
}
/* override petty font-size issues */
.table .listrowitem li {
	font-size: 12px;
}
.panel .listrow p
{
	margin: 0 0;
}
.panel .listrow .pagination {
	font-size: 14px;
}
.listrowitem .listHeadline, .friendfav .listHeadline, h3.listHeadline, .listrowitem .listSubHeadline, h3.listSubHeadline
{
	font-size: 15px;
	font-weight: bold;
	margin: 0px 0px 2px 0px;
}
.bodycontent
{
	padding-top:20px;
	font-size:12px;
}

.bodycontent a 
{
	color:#0098CB;
	text-decoration:none;
}
.bodycontent a:hover
{
	color:Black;
	text-decoration: underline;
}
.stationdescription
{
	width: 430px;
	font-size:12px;
	float: left;
	border-top: 10px solid #0098CB;
}
.stationdescription h3
{
	margin-top: 10px;
}

.stationLogoImage {
	float:right;
	padding:10px 0pt 0pt 8px;
	max-width: 200px;
}

.stationNavigation
{
	margin: 10px 0px 15px 0px;
	background: url("../img/bluebar.gif") no-repeat;
	/*position:relative;*/
}

.stationOptions
{
	/*background-color:#3399CC;
	float:left;
	margin:0px 0px;
	overflow:visible;
	height:50px;
	width:450px;
	z-index: 5;
	position:absolute;*/
}

.stationOptionsRight
{
	margin:0px; 
	padding:0px 2px 0px 0px;
	/*z-index:10; 
	position:relative;
	float:right;*/
}

.stationOptionsRight .nav-container-outer
{
	background: #990000;
	padding: 0px;
	height: 51px;
	width:250px;
	background: url("../img/catback2.gif") no-repeat;
	align: center;
	float:right;
}

.stationGuideChoice
{
	/*margin:15px 0px 0px 35px;*/
}

.stationSubHeader
{
	float:left;
}

.stationOptions ul 
{
	display:block;
	float:left;
	margin:0pt;
	padding:15px 0px 0px 25px;
}

.stationOptions li
{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0px 10px 0px 0px;
	white-space:nowrap;
}

/* ========== Ad Banner ========== */
#adspace {
	clear: both;
	width: 100%;
	margin: 0;
	padding: 0 0 10px 0;
	text-align: center;
}
.SingleColumnHeadline
{
   font-size: 18px;  
   color: #0098CB;
}

.SingleColumnHeadlineSm 
{
	font-size: 16px;
}

.stationOptions li a
{
	color:White;
	font-weight:bolder;
	font-size: 12px;
}

.stationOptions li a:hover
{
	color:White;
	font-weight:bolder;
	font-size: 12px;
}

.timeChooserOptions .SortBy
{
    color:red;
    font-size:13px;
    font-weight:bold;
}

.timeChooserOptions
{
	font-size: 0.75em;
	color: #666;
}

.timeChooserOptions ul
{
	display: block;
	float: left;
	margin: 0;
	padding: 0 0px 0 0;
}
.timeChooserOptions li
{
	display: block;
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
	white-space:nowrap;
}

.timeChooserOptions a, .timeChooserOptions a:visited
{
	color: #0098cb;
}
.timeChooserOptions a:hover
{
	color: #000;
	/*font-weight: bold;*/
	text-decoration: underline;
}

.multiplayerbackground
{
	/*margin-top: -10px;*/
	padding-top: 10px;
	/*z-index: 5;*/
	background: url( "../img/bg-multiplayer_lg.png" ) no-repeat scroll 0 0;
	width:235px;
	height:248px;
}
.singleplayerbackground2
{
	background: #FFF url('../Img/bg-singleplayer_lg.png') no-repeat 0 0;
	width:235px;
	height:133px;
	padding-top: 10px;
	text-align:center;
}
.singleplayeraddon
{
	color:#FFFFFF;
	font-size:9px;
	height:18px;
	padding-top:10px;
	position:relative;
	text-align:center;
	top:-4px;
}

.singleplayeraddon a
{
	color: white;
}
.singleplayeraddon a:hover 
{
	color:Black;
}
.stationplayer
{
	float:right;
	padding-right:5px;
}

/*Calendar*/

#calendar BODY {
	FONT-SIZE: small
}
#calendar TABLE	{
	font-size: small;
}
#calendar .item {
	text-align: left;
	font-size: small;
	BACKGROUND-COLOR: #f1f1f1;
	FONT-WEIGHT: bold;
	border-bottom-color: #bababa; 
	border-top-color: #bababa;
	vertical-align:text-top;
	padding:0 5px 5px 5px;
	border-bottom: solid 1px #bababa;
	border-right:solid 2px white;
	/*padding:0 0px 0px 5px;
	border-right: none 1 white;*/
	

}
#calendar
{
	padding-top: 10px;
}
#calendar .bground {
	font-size: small;
	BACKGROUND-COLOR: white;
	border-bottom: solid 1px #bababa;
	height: 0px;
}
#calendar .bground TD
{
	height: 0px;
	BACKGROUND-COLOR: red;
}
#calendar .host a
{
	color: #0098CB;
	font-size: 11px;
	font-weight: bold;
}
#calendar .host a:hover
{
	color:Black;
}
#calendar .show a
{
	color: #ff6600;
	font-size: 11px;
	font-weight: bold;
	padding: 0 0 0px 0;
}
#calendar .show a:hover
{
	color:Black;
}
#calendar .reminder
{
	padding:0px 0 0px 0;
}
#calendar .titleheader
{
	BACKGROUND-COLOR: #000000;
	text-align: center;
	font-size: 11px;	
	FONT-WEIGHT: bold;
	color: white;
	background-color: #0098CB;
	border-width: 0 0 0 0 ;
	padding: 0 0 0 0 ;
}
#calendar .time {
	width: 50px;
	font-size: 11px;
}
#calendar .title
{
	width: 120px;
	overflow:hidden;
	height: 15px;
	vertical-align: middle;
	padding: 3px 0 0 0;
}
#calendar .rangeheader {
	text-align: right;
	font-weight:bold;
	font-size:xx-small;
	/*VERTICAL-ALIGN: middle;*/
	font-size: small;
	BACKGROUND-COLOR: white;
    border-bottom:1px solid #bababa;
    border-top: none 0 none;
    /*border-right:1px solid #EEEEEE;
    border-top:1px solid #EEEEEE;
    border-left:1px solid #EEEEEE;*/
}
#calendar .heading {
	FONT-SIZE: small; 
    BACKGROUND-COLOR: #007FCC;
	color: white;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#7FCCFF' , EndColorStr= '#007FCC' );
}
#calendar .normal {
	FONT-SIZE: small; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #aaccee;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#ddeeff' , EndColorStr= '#aaccee') }
#calendar .normal2 {
	FONT-SIZE: small; 
	TEXT-ALIGN: center;
	BACKGROUND-COLOR: #ddeeff;
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr= '#ffffff' , EndColorStr= '#ddeeff') }
#calendar .empty {
	FONT-SIZE: small; 
	BACKGROUND-COLOR: #e0fff0;
}
.ChannelDescription
{
	width: 665px;
}
.ChannelDescription2
{
	width: 570px;
	font-size: 12px;
	float: left;
}

.channelLogoImage {
	float:left;
	padding:10px 0pt 0pt 0px;
}

.channelSubHeader
{
	float: left;
	font-size: 20px;
}

.promote {
	width:298px;
	margin:0 0 0 0;
	display: block;
	height: 250px;
	background: url("../img/promote.png") 0 0 no-repeat;
	text-decoration: none;
}
.display
{
	display:block;
}
.hide
{
	display:none;
}

.multiplayerbackground .tinyPlayerOptions
{
	font-size: 9px;
	color: #FFFFFF;
	padding-left: 10px;
	text-align:center;
	top: -5px;
	margin-top:5px;
}

.multiplayerbackground .tinyPlayerOptions a
{
	color: #ffffff;
}
.promote_box 
{
	font-family:Arial,sans-serif;
	font-size: 10pt;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
	width:287.5;
	overflow:hidden;
	background-color:#F1F1F1;
	text-align:left;
	padding:10px 0px 10px 0px;
	border:1px solid #BABABA;
}

.promote_box p
{
	text-align:left;	
	padding:5px 5px 5px 5px;
}

.promote_box h3
{
	text-align:left;
	padding:0 5px 5px 0;
	font-size: 14pt;
}
.promote_box br
{
	line-height:30px;
}
.gigya
{
	text-align:left;
	padding:5px 20px 20px;
}

.aligncenter
{
	text-align:center;
}

.alignright
{
	text-align:right;
}
.loadinganimation 
{
	text-align: center; 
	background-image: url('../img/tab_loading.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

.calendartable
{
}

.calendartable input[type=text], .calendartable .text
{
	margin: 0px 0px 0px 0px !important;
}
.calendartable .internalrow
{
	margin:0px 0px 0px 19px;
}

.calendartable .even
{
	background-color:#DEF1F8;
	border-top-width: thin;
	border-bottom-width: thin;
	height: 25px;
}

.calendartable .odd
{
	background-color:#EDF8FC;
	border-bottom-width: thin;
	height: 25px;
}
.ReminderPopup
{
	padding: 0px 0px 0px 0px !important;
}

a.hostlink {
	color:#0098CB;
	text-decoration:underline;
}
a.hostlink:hover 
{	
	color:Black;
	text-decoration:underline;
}

.popupimitation
{
	background-color: #D8D8D8 ;
	text-align: center;
	vertical-align: middle;
}

.popupimitation .popup
{
	background-color: #D6EDFB;
	vertical-align: middle;
	width: 460px;
	height: 140px;
	border:#989898  solid 2px;
	font: 14px Arial, sans-serif;
	position: absolute;
	top: 40%;
	left: 32%; 
}
.popupimitation .popupright
{
	float:right;	
	padding: 15px 15px 0 0px;
}

.popupimitation .popupleft
{
	float:left;
	text-align:left;
	padding: 15px 0px 0 15px;
}
.popupimitation h1
{
	font-size: 16px;
}
.popupimitation .host
{
	font-style: italic;
	font-weight:bold;
	color:#0098CB;
}

.loginmessage h2
{
	color: #909090;
	font-size:15pt;	
	font-weight:normal;
	padding-bottom:15px;
}
.loginmessage a
{
	text-decoration: underline;
}
.loginmessage a:hover
{
	text-decoration: none;
}



.VideoPlayer
{
	z-index:99;
	position:absolute;
	width:226px;
}
.VideoPlayer .Ad
{
	z-index:100;
	background-color:black;
	float:right;
	width:300px;
	/*position:relative;
	display:none;*/
	position:absolute;
	left:-4000px;
}
.VideoPlayer .Ad h3
{
	color:White;
	text-align:center;
	font-size:12px;
}
div.ajax__calendar_days table tr td
{
    padding-right:0px;
    padding:0px;
    padding-left:0px;
}
.noticemsg{background:#FDB none repeat scroll 0 0;border:1px solid #FF6600; padding: 2px;}
 .sharepp{
    width: 449px;
}
.sharepp input[type="text"]
{
    width: 449px;
}
.sharepp textarea
{
    width: 449px;
}
.gridleftbutton
{
	padding-right:0px;
}
.gridrightbutton
{
	padding-right:8px;
}

.VideoAdBlocker
{
	position:absolute;
	z-index:900;
	display:none;
	width:300px;
	height:250px;
	vertical-align:middle;
	text-align:center;	
}

.tagsColumn
{
	float:left;
	width:220px;
}

.transcriptIcons
{
	cursor:pointer;
	cursor:hand;
}

.onairbox {
	padding:1px 5px;
	position:absolute;
	left:12px;
	top:12px;
	z-index: 10000000;
}

.defaultPageH3Text
{
 font-family: Arial;
 font-size: 24px;
 color: #999999;
}

.Price
{
	color:Green;
	font-weight:bold;
}

.TotalPrice
{
	color:Green;
	font-weight:bold;
	font-size:22px;
}

.ProductName
{
	padding-left:2px;
	padding-right:2px;
	font-size:small;
	font-weight:bold;
}

.ProductTab
{
	color:white;
	font-weight:bold;
	text-align:center;
	height:48px;
	padding-top:10px;
}

.ProductTab span
{
	 font-size:10px;
}

.ProductAttributeWithCycle
{
	width: 550px;
}
.ProductAttribute
{
	width: 600px;
}

a.SignUp, a.SignUp:hover
{
	/*position:absolute;
	top: -40px;*/
	display:block;
	color:White;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	/*z-index:100;
	margin:20px;
	padding: 15px 27px;*/
	width:145px;
	height:60px;
	padding: 15px 0px 0px 0px;
}

.attributesection
{
	font-size:12px;
}

.signupbutton
{
	position:static;
	z-index:50;
}


.productbottom0
{
	background:url("../img/productbottom0.gif") no-repeat;
}
.productbottom1
{
	background:url("../img/productbottom1.gif") no-repeat;
}
.productbottom2
{
	background:url("../img/productbottom2.gif") no-repeat;
}
.productbottom3
{
	background:url("../img/productbottom3.gif") no-repeat;
}

/*Book Jacket Arrows*/
a.bookleftarrow 
{
background: url( "../img/left_default.gif" ) 0 0 no-repeat;
}
a.bookrightarrow 
{
background: url( "../img/right_default.gif" ) 0 0 no-repeat;
}

a.bookleftarrow:hover
{
background: url( "../img/left_default_gray.gif" ) 0 0 no-repeat;
}
a.bookrightarrow:hover
{
background: url( "../img/right_default_gray.gif" ) 0 0 no-repeat;
}


.cssTemplateImages
{
	padding-bottom: 20px;
}

.productrow0
{
	background-color:#FFEFE2;
}

.productrow1
{
	background-color:#E9FCE6;
}

.productrow2
{
	background-color:#DAF3F9;
}

.productrow0gray
{
	background-color:#EFDDD1;
}

.productrow1gray
{
	background-color:#D7EAD4;
}

.productrow2gray
{
	background-color:#CAE0E7;
}

/*payment type page*/
.tblLeftCol
{
	float: right;
	font-size: 12px;
}


.premiumsettingsadimage
{
 padding-top:8px; 
}


.premiumstatusbox {
	padding:5px 5px;
	position:absolute;
	z-index: 10000;
}

.brandedheader
{
	/*background-color:#009CCE;
	color:White;*/
	background: url("../img/branded_header.gif") no-repeat left top;
	padding: 10px 0px 10px 5px;
	height:35px;
}

.brandedbody
{
	background: url("../img/branded_bg.gif") repeat-y left bottom;
	padding-left: 5px;
}

.brandedbody p
{
	padding: 10px 5px 0px 5px;
	line-height:20px;
}

.brandedbodycontact
{
	padding-top: 30px;
	padding-bottom:30px;
	padding-left:5px;
	font-weight:bold;
	font-size:15px;
	width: 75%;
}

.brandedbodycontact a
{
	text-decoration:underline;
}

.brandedbodyimage
{
	height:10px;
	padding-right: 10px;
	position:relative;
	top: -20px;
	
}

.playindiv
{
	width: 130px;
	margin-left: -50px;
	position: relative;
}


.ningRegMaster
{
	width: 490px !important;
}

.ningRegMaster #divSignIn
{
	width: 250px;
	margin-top: 10px;
}

.ningRegMaster #divForgotPassword
{
	width: 250px;
	margin-top: 10px;
}

.ningRegCanvas
{
	width: 700px !important;	
}

.ningRegCanvas #divSignIn
{
	width: 300px;	
}

.ningRegCanvas #divForgotPassword
{
	width: 300px;
}



.ningRegtda
{
	width: 40%;
}

.ningRegtdb
{
	width: 60%;
}

.ningSIText
{
	width: 150px;
}

.ningRegText
{
	width: 185px;
}

.ningVal
{
	display: block;
}

.ningErrSpan
{
	border: solid 2px red;
	padding-top: 5px;
	padding-bottom: 3px;
	display: block;
	width: 190px;
}
	
.ningConfirm
{
	width: 590px;
	height: 100%;
	margin-left: 40px;
	border-bottom: dotted 1px gray;
	border-bottom-color: Silver;
	float: none
}

.ningConfirm table
{
	width: 100%;
}

.
.ningconfirmLI
{
	font-weight: bold;	
}

.ningconfirmLI h3
{
	color: black;
	font-size: 16px;		
}

.ningconfirmLI span
{
	font-size: 13px;
	font-weight: normal;
	display: block;
	padding-bottom: 5px;
}

.ningConfirmUL
{
	list-style-image: url("../img/triangle-black.png");
	
	list-style-position: inside;
}

.ningConfirmUL lh
{
	font-weight: bold;
	font-size: 14px;
}

.ningConfirmUL a
{
	text-decoration: underline;
	font-size: 14px;
	font-weight: bold;
}

.ningConfirmUL span
{
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
	display: block;
	margin-top: 5px;
}

.ningConfirmUL span a
{
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}

.ningConfirmTd label
{
	color: Gray;
	font-size: 12px;
}

.nImage
{
	margin-top: 20px;
}
	
