/*  _             _                              _
   / \  _   _ ___| |_ ___ _ __ ___  ___    _ __ | | __ _ _   _  ___ _ __
  / _ \| | | / __| __/ _ \ '__/ _ \/ _ \  | '_ \| |/ _` | | | |/ _ \ '__|
 / ___ \ |_| \__ \ ||  __/ | |  __/ (_) | | |_) | | (_| | |_| |  __/ |
/_/   \_\__,_|___/\__\___|_|  \___|\___/  | .__/|_|\__,_|\__, |\___|_|   Base skinning for all players
                                          |_|            |___/
Author:    Jens Korff, Fairfax Digital
Born:      January 2009
Modified:  19/May/2009
----------------------------------------------------------------------------------------- */
/* Reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}
body {line-height:1;color:black;background:white}
ol, ul {list-style:none}
/* Tables still need 'cellspacing="0"' in the markup: */
table {border-collapse:separate;border-spacing:0}
table, td, th {vertical-align:top}
caption, th, td {text-align:left;font-weight:normal}
img {vertical-align:bottom}


body {position:relative;font:normal 76% Arial, Helvetica, sans-serif}
#nowPlayingMainWrapper {width:100%;height:100%;}
.wrap {margin:0 auto;width:714px;height:648px;padding:2px 10px 4px 6px}
.main {float:left;width:406px;position:relative;height:100%}
.aside {float:right;width:300px;position:relative;height:100%}

a {text-decoration:none}
a:hover {text-decoration:underline}

h1 {position:absolute;left:-9000px}

#mediaPlayerPluginRequiredWrapper {display:none;position:absolute;z-index:1;width:730px;margin:-2px 0px 0px -6px/*=padding of .wrap*/;height:100%}
	#mediaPlayerPluginRequiredWrapper .heading {position:absolute;display:block;left:18px;top:15px;width:145px;height:80px;text-indent:-9000px}
#mediaPlayerPreroll {position:absolute;z-index:1;width:730px;margin:-2px 0 0 -6px/*=padding of .wrap*/;height:100%}
	#mediaPlayerPreroll .heading {position:absolute;display:block;left:18px;top:15px;width:145px;height:80px;text-indent:-9000px}
	.adSpot-preroll {margin-top:170px;text-align:center}
		.adSpot-preroll strong {font-weight:bold}
		.adSpot-preroll .img-bottom {margin-top:17px}
		.adSpot-preroll .download {display:block;margin:0 auto;text-indent:-9000px;margin-top:17px}
.videoPlayer {width:645px;text-align:center;margin:125px auto 0}

.rateSong {position:relative}
	.rateSong dt {position:absolute;left:-9000px}
	.rateSong a {display:block;width:13px;height:15px;text-indent:-9000px}
	.rateSong dd ul {margin:0}
	.rateSong dd li {float:left;padding:0;margin:0;background:transparent none}
	.rateSong a {background:transparent url(../img/stars.png) no-repeat 0 0/*stars (empty star)*/}
		.fullStar a {background-position:-13px 0}
		.halfStar a {background-position:-26px 0}

.video-wrap {height:76px;margin-top:-2px}

.onair img {margin:0 6px 0 3px;float:left}
	.onair p, .onair p a { font-family:Arial, sans-serif; font-weight:bold; font-size:18px;}
	.onair span {display:block;font-size:12px;font-weight:bold}

.nowPlaying {position:relative}
	.nowPlaying .rateSong {position:absolute}
	.nowPlaying h2 {position:absolute;left:-9000px}
	.nowPlaying img {position:absolute;right:4px;top:-6px;border:1px solid #fff}
	.nowPlaying .song dt {font:bold 18px Arial, sans-serif;padding-top:8px; width:222px; line-height:20px}
	.nowPlaying .song dd {font:bold 14px Arial, sans-serif;line-height:1; padding-top:2px;}
	.nowPlaying ul {margin-top:5px}
	.nowPlaying li {float:left;font-weight:bold;margin-right:10px}
div.main .nowPlaying img#NowPlayingImage {height: 100px; width: 100px;}

.songList {position:relative;margin-top:20px;height:83px/*to alleviate further line-height browser differences*/}
	.songList h2 {position:absolute;left:-9000px}
	.legend {clear:left;float:left;padding-left:6px;width:72px;line-height:1.7; text-transform:capitalize;}
	.songList .song {margin-left:78px;width:323px;line-height:1.7}
	.songList .song a {font-weight:bold}
	.songList .song .rateSong {float:right;margin-top:-16px}
	/* ---- IE fixes ---- */
	*+ html .legend,
	*+ html .songList .song {line-height:1.8}
	*+ html .songList {height:88px}
	* html .legend,
	* html .songList .song {line-height:1.6}
	* html .songList {width:400px;margin-top:15px}
	* html .songList .song {position:relative;float:right;margin:0;width:320px}/*Work around 3px jog*/
	/* ---- Webkit fixes ---- */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.songList .song .rateSong {margin-top:0}/*No offset for Webkit-based browsers (Chrome, Safari)*/
		.songList .song {line-height:1.8}
	}

.comingUp {float:left;width:395px;font-weight:bold;margin:20px 0 0 6px}
	.comingUp a {margin-left:.3em}
	.comingUp li {float:left; text-transform:capitalize;}
	.comingUp .schedule {float:right}
	/* ----- IE fixes ----- */
	* html .comingUp {display:inline; padding-top:15px;}

/* tab box is positioned absolutely to align with bottom of pop-up */
.cN-tabBox {float:left;clear:both;position:absolute;bottom:0;left:0;padding-top:27px;overflow:hidden;width:100%;font-size:.9em}
	.cN-tabBox h2 {position:absolute;top:0;left:0;height:27px;width:170px;line-height:25px;margin:0 2px}
	.cN-tabBox h2 a {display:block;font-weight:bold;padding:2px 0 4px 21px}
	.cN-tabBox .tab2 h2 {left:172px}
	.cN-tabBox div {display:none;padding:10px 15px 7px 8px}
	.cN-tabBox .selected div {display:block}
	.cN-tabBox ol {list-style-type:decimal;margin-left:2em;line-height:1.5}
	.cN-tabBox strong {font-weight:bold;display:inline-block;width:132px;margin-left:1em}
	.cN-tabBox ol a {float:right;font-weight:bold;margin-top:-16px}
	.cN-tabBox ol li {width:100%/*for FF2*/}
	.more {text-align:center;margin:11px 0 4px}
	/* Accessibility: WCAG 6.3 (Javascript removes this class) */
	.accessibleTab h2 {position:static}
	.accessibleTab div {display:block}
	/* ----- IE fixes ----- */
	*+ html .cN-tabBox li {display:inline;width:auto/*IE6 won't increment li if width is set*/}
	*+ html .cN-tabBox li li {display:block}
	* html .cN-tabBox li {display:inline;width:auto/*IE6 won't increment li if width is set*/}
	* html .cN-tabBox li li {display:block}
	/* ---- Webkit fixes ---- */
	@media screen and (-webkit-min-device-pixel-ratio:0) {
		.cN-tabBox ol a {margin-top:0}/*No offset for Webkit-based browsers (Chrome, Safari)*/
	}

.latest img {float:left;margin:0 6px 5px 5px}
	.latest h3 {margin:0 0 2px 5px;font-weight:bold;font-size:1.03em;clear:left}
	.latest p {margin-right:5px;font-size:.94em}
	.latest .more {margin-right:0;clear:left}
	/* ----- IE fixes ----- */
	* html .latest .more {margin-top:2px}
	*+ html .latest .more {margin-top:2px}
	* html .latest h3,* html .latest p {position:relative}

.ad {margin:6px 0 0}
/* adSpot-island is positioned absolutely to align with bottom of pop-up */
#adSpot-island {position:absolute;right:0;bottom:0}

.msMediaPlayerWrapper {position: absolute; left: -1000px; top: -1000px;}