@charset "UTF-8";

/***** default body/etc styles *****/
BODY, BODY.webMain {
background:url(/media/bodyBg.jpg) #000 top repeat-x;
margin:0;
padding:0;
text-align:center;
}

BODY.basic {
background-color : #000;
}


/***** default anchor styles *****/
A:link {
color: #cf001c;
text-decoration: underline;
}

A:hover {
color: #a50117;
text-decoration: underline;
}

A:active {
color: #cf001c;
text-decoration: underline;
}

A:visited {
color: #cf001c;
text-decoration: underline;
}


/***** the outer table/template skeleton *****/
TABLE.webOuterTable {
background:url(/media/contentBg.jpg) repeat-y;
border-right:1px solid #fff;
border-left:1px solid #fff;
margin:0 auto -15px auto;
width:810px;
}

TD.webOuterTableH {
background:none;
padding:0;
}

TD.webOuterTableF {
background:transparent url(/media/footerBg.jpg) repeat-y scroll 0 0;
padding:0;
}

TD.webOuterTableC1, TD.webOuterTableC2, TD.webOuterTableC3, TD.webOuterTableC4, TD.webOuterTableC5, TD.webOuterTableC6, TD.webOuterTableC7, TD.webOuterTableC8, TD.webOuterTableC9, TD.webOuterTableC10 {
background:none;
}

td.webOuterTableC1 {
padding-left:10px;
}

td.webOuterTableC3 {
padding-right:10px;
}


/***** the header styles *****/
TD.webHeader {
background:none;
height:142px;
padding:0 !important;
}


/** the horizontal dynamic nav styles **/
TD.webHeaderNav {
background:url(/media/navBg.jpg) top center no-repeat;
border:none;
color:#FFFFFF;
height:47px;
padding:0 20px;
text-align:center;
}

td.webHeaderNav span {
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

td.webHeaderNav span a {
color:#FFF;
}

td.webHeaderNav span a:hover {
color:#999;
}

A.webHeaderNav  {
color: #FFFFFF !important;
text-decoration: none;
font-weight: bold;
margin:0 5px;
}

A.webHeaderNav:hover  {
color: #a50117 !important;
text-decoration: underline;
}


/***** the siderail bucket styles - can just override one or more of these bucket styles to change it up *****/
td.webSideRail, td.webSideRail1, td.webSideRail2, td.webSideRail3, td.webSideRail4, td.webSideRail5, td.webSideRail6, td.webSideRail7, td.webSideRail8, td.webSideRail9, td.webSideRail10, td.webSideRail11, td.webSideRail12, td.webSideRail13, td.webSideRail14, td.webSideRail15 {
background-color:#FFFFFF;
border-bottom:1px solid #E0E0E0;
border-left:1px solid #E0E0E0;
border-right:1px solid #E0E0E0;
padding:5px;
}

th.webSideRail, th.webSideRail1, th.webSideRail2, th.webSideRail3, th.webSideRail4, th.webSideRail5, th.webSideRail6, th.webSideRail7, th.webSideRail8, th.webSideRail9, th.webSideRail10, th.webSideRail11, th.webSideRail12, th.webSideRail13, th.webSideRail14, th.webSideRail15 {
background: url(/media/titleBg.png) repeat-x bottom #EEEEEE;
border:1px solid #C6C6C6;
color:#000000;
font-size:13px;
padding:10px 5px;
text-align:left;
}


/***** the content styles *****/
TH.webContent, TH.webContent1, TH.webContent2, TH.webContent3, TH.webContent4, TH.webContent5 {
background: url(/media/titleBigBg.png) repeat-x top #ededed;
border:1px solid #aeaeae;
color:#000000;
font-size:13px;
padding:10px 5px;
text-align:left;
}


/***** the footer style *****/
table.webFooter {
height:160px;
}

TD.webFooter {
background:none;
padding:0;
vertical-align:top;
}

table.footerContent {
background:transparent url(/media/footerContentBg.jpg) no-repeat scroll center top;
height:75px;
padding:30px 15px 0 15px;
text-align:center;
width:100%;
}

table.footerContent p, table.footerContent span {
color:#fff;
}
/***** end footer style *****/


/*NOW ON AIR FEED: This controls the colors of your Now on Air bucket. 
You can change the background color, link and text colors by altering the 
colors below. More detailed information can be found in your Composer Admin.*/

TABLE.gnc {
background: url(http://www.publicbroadcasting.net/national/guide/images/gncBg.png) #fff top repeat-x;
border:1px solid #bdbcbd;
COLOR: #4444AA;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 10px;
padding:5px;
width:150px;
}

.gncTitle {
PADDING-BOTTOM: 5px;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 11px;
font-weight:bold;
}

TABLE.gncSongList {
COLOR: #4444AA;
FONT-FAMILY: Verdana, sans-serif;
FONT-SIZE: 10px;
margin-bottom:5px;
width:100%;
}

.gncSong {
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
font-size:12px;
font-weight:normal;
margin-bottom:-1px;
padding:3px;
width:100%;
}

.s0 {
background-color:#F0F0F0;
}

.gncSongTitle {
FONT-WEIGHT: bold;
padding-bottom:3px;
font-size:12px;
}

.gncSongArtist {
color:#666666;
font-size:10px;
width:58%;
}

.gncSongTime {
text-align: right;
PADDING: 0;
COLOR: #010101;
FONT-SIZE: 10px;
}

.gncProgramName {
PADDING-BOTTOM: 5px;
FONT-SIZE: 12px;
FONT-WEIGHT: bold;
}

.gncProgramTime {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 11px;
}

.gncProgramDesc {
PADDING: 0;
FONT-SIZE: 10px;
}

.gncHostName {
PADDING-BOTTOM: 5px;
FONT-SIZE: 10px;
}

A.gncViewPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 10px;
}

A.gncSearchPlaylist {
PADDING-BOTTOM: 5px;
PADDING-TOP:5px;
FONT-SIZE: 10px;
}
A.gncViewPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnPlaylist.gif) left no-repeat;
padding-left:24px;
padding-right:7px;
}

A.gncSearchPlaylist {
background:url(http://www.publicbroadcasting.net/national/guide/images/icnSearchplaylist.gif) left no-repeat;
padding-left:25px;
}


A.gncBuyNowBtn {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow_h.gif) no-repeat;
  display:block;
  height:16px;
  width:16px;
}

A.gncBuyNowBtn:hover {
  background:url(http://www.publicbroadcasting.net/national/guide/images/icnBuynow.gif) no-repeat;
}

A.gncListenNow {
  PADDING:3px 0 0 22px;
  FONT-SIZE:12px;
  FONT-WEIGHT:bold;
  display:block;
 background:url(http://www.publicbroadcasting.net/national/guide/images/icnListen.gif) left no-repeat;
} 




/* ------------------------------------------------------------ */
/* ------------------- Streaming New Layout ------------------- */
/* ------------------------------------------------------------ */



/* ------------------- Structure ------------------- */

#pprWrapper {
	margin:0 auto;
	padding:0;
	width:593px;
	font-size:12px;
	text-align:left;
}

#pprTitle {
	background:url(http://www.publicbroadcasting.net/ppr/images/titleBg.gif) top no-repeat;
	height:30px;
	overflow:hidden;
}

#pprTitle ul {
	float:right;
	margin: 0;
	padding: 8px;
	white-space: nowrap;
}

#pprTitle ul li {
	display:inline;
	padding: 3px 18px;
	line-height:1.4em;
}

#pprTitle ul li.helpLink {
	background: url(http://www.publicbroadcasting.net/ppr/images/icnHelp.gif) 0 50% no-repeat;
}

#pprTitle ul li.faqLink {
	background: url(http://www.publicbroadcasting.net/ppr/images/icnFAQ.gif) 0 50% no-repeat;
}

#pprContent #contentTop {
	background:url(http://www.publicbroadcasting.net/ppr/images/separatingSpace.gif) top no-repeat;
	display:block;
	height:20px;
	width:593px;
	}
	
#pprContent #contentBody {
	background:url(http://www.publicbroadcasting.net/ppr/images/contentBg.gif) repeat-y;
	width:593px;
}

#pprContent #contentBody .mainContent {
	padding-left:20px;
	float:left;
	width:345px;
}

#contentBody #mediaStreamContent {
	background:url(http://www.publicbroadcasting.net/ppr/images/mediaContainer.gif) no-repeat;
	height:55px;
	overflow:hidden;
	padding:5px 0 0 10px;
	width:345px;
}

#contentBody #mediaStreamContent a {
	background:url(http://www.publicbroadcasting.net/ppr/images/kasu_btnPlay.gif) 0 50% no-repeat;
	display:block;
	float:left;
	height:37px;
	padding-left:35px;
	text-decoration:none;
	width:190px;
}


#contentBody #mediaStreamContent a:hover {
	background:url(http://www.publicbroadcasting.net/ppr/images/kasu_btnPlay_h.gif) 0 50% no-repeat;
}

#contentBody #mediaStreamContent ul {
	float:right;
	margin: 0;
	padding: 10px 7px 10px 10px;
	width:100px;
	-moz-opacity:.6;
    filter:alpha(opacity=60);
	opacity:.6; 
}

#contentBody #mediaStreamContent ul li {
	display:inline;
	list-style-type:none;
}

#pprContent #contentBody .rightContent {
	margin-left:390px;
	width:180px;
}

#contentBody .rightContent div {
	padding-bottom:15px;
}

#contentBody .rightContent ul {
	margin: 0;
	padding:5px 0 0 0;
}

#contentBody .rightContent ul li {
	background:url(http://www.publicbroadcasting.net/ppr/images/icnBullet.gif) 0 50% no-repeat;
	list-style-type:none;
	padding-left:25px;
}

#contentBody .rightContent ul li a {
	text-decoration:none;
}

#contentBody .rightContent img {
	margin-right:5px;
}
	
#pprContent #contentBottom {
	background:url(http://www.publicbroadcasting.net/ppr/images/contentBottomBg.gif) top no-repeat;
	clear:both;
	display:block;
	height:14px;
	width:593px;
}

#pprBottom {
	clear:both;
	height:30px;
	padding-top:10px;
	position:relative;
}

#pprBottom .bottomPrograms {
	display:block;
	float:left;
	position:relative;
	width:350px;
}

#pprBottom .bottomLogos {
	float:right;
	text-align:right;
}



/* ------------------- Typography Layout ------------------- */

#pprWrapper {
	font-family:Arial, Helvetica, sans-serif;
}

#pprWrapper p {
	margin:0;
	padding:0;
}

#pprTitle h2 {
	float:left;
	margin:0;
	padding:4px 0 0 20px;
}

.mainContent h3 {
	margin:0;
	padding:9px 0;
	font-size:90%;
	font-weight:normal;
}

.rightContent h3 {
	border-bottom:1px solid #efefef;
	font-size:.9em;
	margin:0 0 5px 0;
	padding:0 0 5px 0;
}




/* ------------------- Typography Attributes ------------------- */
	
.headingLarge {
	color:#000;
	font-size:1.2em;
}

.smallSubTitle {
	color:#666;
	clear:both;
	display:block;
	font-weight:normal;
	font-size:80%;
	margin-top:0.4em;
}

.smallSubTitle strong {
	color:#000 !important;
}

.streamLink {
	font-weight:bold;
}

.rightContent p, .rightContent a {
	font-size:.9em;
}




/* ------------------- Addition: Media Player Instruction ------------------- */

#mediaPlayerInstruction  {
	border-top:1px solid #ccc;
}

#mediaPlayerInstruction ul {
	font-size:80%;
	margin:0;
	padding:0;
}

#mediaPlayerInstruction ul li {
	background:url(http://www.publicbroadcasting.net/ppr/images/icnArrow.gif) 0 50% no-repeat;
	list-style-type:none;
	padding:2px 0 2px 15px;
}




/* ------------------- Addition: Clearfix ------------------- */

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}


/* ------------------- OLD PPR STyles ------------------- */

.stationhead{font-size: 16px; color: #000; font-weight : bold; vertical-align:middle;}

.highlight{font-size: 12px;	color: #000;	font-weight : bold;}

.helpheader{font-size: 16px;	color: #000;	font-weight : bold;}

.menu{font: 11px Arial, Helvetica, sans-serif; color: #FFFFFF; text-decoration: none; padding:7px;}

.text_medium{font-size: 12px; color: #000000; line-height: 120%;}
.text_mediuml A {color: #000;}
.text_mediuml A:link {color: #000;}
.text_medium A:visited {color: #000;}
.text_medium A:active {color: #999999;} 

.text_small{font-size: 10px; color: #000000;}
.text_small A {color: #000;}
.text_small A:link {color: #000;}
.text_small A:visited {color: #000;}
.text_small A:active {color: #999999;} 

.launch{cursor: hand;background-color:#000; color:#FFFFFF; font-size: 11px; line-height: 130%;}
.launch A {background-color:#000; color:#FFFFFF; font-size: 11px; line-height: 130%;}
.launch A:link {background-color:#000; color:#FFFFFF; font-size: 11px; line-height: 130%;}
.launch A:visited {background-color:#000; color:#FFFFFF; font-size: 11px; line-height: 130%;}
.launch A:active {background-color:#000; color:#999999; font-size: 11px; line-height: 130%;} 


.launch_over{cursor: hand;background-color:#FFFFFF ;color:#000; font-size: 11px; line-height: 130%;}  
.launch_over A {background-color:#FFFFFF; color:#000; font-size: 11px; line-height: 130%;}
.launch_over A:link {background-color:#FFFFFF; color:#000; font-size: 11px; line-height: 130%;}
.launch_over A:visited {background-color:#FFFFFF; color:#000; font-size: 11px; line-height: 130%;}
.launch_over A:active {background-color:#FFFFFF; color:#999999; font-size: 11px; line-height: 130%;} 


.border{background-color: #000000;}	
.bg{background-color: #E2EBE2;}