/* File: global.css Author: Alessandro Chisari Born: July 21 2007 -------------------------------------------------------------------------------------------------- */ * {padding:0; margin:0;} body {font-size:69%; font-family:Verdana, Arial, Helvetica, sans-serif;background-color:#cb5e0c; } /*body {background:transparent url('http://images.2dayfm.com.au/2008/07/11/37096/KJ_Wings.jpg') 50% 0 no-repeat}*/ a,abbr,acronym,address,area,b,base,bdo,big,blockquote,body,br,button,caption,cite,code,col,colgroup, dd,del,dfn,div,dl,doctype,dt,em,fieldset,form,h1,h2,h3,h4,h5,h6,head,html,hr,i,img,input,ins,kbd,label, legend,li,link,map,meta,noscript,object,ol,optgroup,option,p,param,pre,q,samp,script,select,small,span, strong,style,sub,sup,table,tbody,td,textarea,tfoot,th,thead,title,tr,tt,ul,var,iframe {margin:0;padding:0} img,object,fieldset,hr,table,button {border:0px} img {vertical-align:bottom} a,a:link {text-decoration:none;outline:none;color:#ff5000; font-family:Verdana, Arial, Helvetica, sans-serif;} a:hover {text-decoration:underline} .cfix:after {content: ".";display:block;height:0;clear:both;visibility: hidden}/*Credit: http://www.positioniseverything.net/easyclearing.html */ div#page {width:962px; margin:0 auto;} div#smallpage {width:740px; margin:0 auto; background:url(../img/bg_emailfriend_rept_mix.gif) repeat-x;} h2 {font-weight: bold; color:white; font-size:13px; margin:0; font-family:Arial, Helvetica, sans-serif;} H6 {font-size:13px; color:#3f3f3f;} UL {list-style:none;} hr {display:none;} /*home page */ .homepage #primary .advert {height:130px;} .homepage .rounded-1 {padding-left:0pt;padding-right:0pt;width:636px; padding-bottom:10px; } .homepage .rounded-1 div.group {float:left;margin:0px 0px 7px 7px;position:relative;width:204px;} .homepage .rounded-1 div.large {margin-bottom:8px;margin-right:6px;width:305px;} .homepage .rounded-1 .r2 {width:636px;} .homepage .group p.teaser { position:absolute; width:275px; left:5px; bottom:5px; padding:5px 8px 3px 5px;} .homepage .group p.teaser a {color:#fff;font-size:16px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif } .homepage .group P.teaser SPAN { display:block;font-size:12px; color:#fff; padding-top:3px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} .homepage #primary h4 a {font-weight:normal;position:absolute; right:0px;background:url(../img/bullet.png) no-repeat center right; padding-right:8px; padding-bottom:1px; font-size:11px; bottom:3px; } .homepage #primary h4 {margin-left:7px;width:622px;} .homepage #primary .entertainment h4 a, .homepage #primary .hitMusic h4 a, .homepage #primary .ent h4 a , .homepage #primary .ent-2 h4 a{ background:transparent none repeat scroll 0 0; bottom:0; color:#3F3F3F; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:18px; font-weight:bold; height:23px; margin-bottom:8px; padding-bottom:3px; position:relative; text-decoration:none;} .homepage #primary .hitMusic h4 span a, .homepage #primary .ent h4 span a, .homepage #primary .ent-2 h4 span a { background:transparent url(../img/bullet.png) no-repeat scroll right center; bottom:3px; color:#FF5000; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; font-weight:normal; height:auto; margin-bottom:auto; padding-bottom:1px; padding-right:8px; position:absolute; right:0;} .homepage .entertainment .group p.teaser { background:url(../img/bg_orangex190_mix.png) bottom right no-repeat; bottom:5px;left:5px;padding:2px 10px 3px 5px;position:absolute;width:175px;} .homepage .entertainment .group p.teaser a {color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold;} .homepage .hotgossip .group p.teaser { background:url(../img/bg_orangex292_mix_90pc.png) bottom right no-repeat;} .homepage .hitMusic .group p.teaser { background:url(../img/bg_orangex292_mix_85pc.png) bottom right no-repeat;} .homepage .ent .group p.teaser {background:url(../img/bg_orangex292_mix_90pc.png) bottom right no-repeat;} .homepage .hitMusic .musicWof,.homepage .ent .musicWof {display:block; min-height:50px; height:auto !important; height:50px;} .homepage .hitMusic .musicWof IMg,.homepage .ent .musicWof IMg { float:right;} .homepage .hitMusic .musicWof h5 ,.homepage .ent .musicWof h5 { margin-bottom:2px;} .homepage .hitMusic .musicWof h5 a, .homepage .ent .musicWof h5 a { color:#ff5000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .homepage .hitMusic .musicWof p, .homepage .ent .musicWof p {font-size:11px; color:#3f3f3f;} .panel .hitMusic h6,.panel .ent h6 {font-size:13px; margin-bottom:6px;} .homepage .winPrizes h5 {margin-bottom:3px;} .homepage .winPrizes h5 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f; } .homepage .wof {display:block; } .homepage #primary .winPrizes h4,.homepage #primary .high h4 {font-size:14px; padding-bottom:0;} .homepage #primary .winPrizes h4 span {margin-left: 0px; padding-right: 277px; position: absolute; right: 0px;} .homepage .winPrizes .wof,.high .wof {border-bottom:none;padding-bottom:0; margin-bottom:0;} .homepage .winPrizes .wof p,.homepage .winPrizes .wof a.link { font-size:11px;} .homepage .high div.small {width:620px; background:url(../img/bg_showfeatures.gif) repeat-y center; } .homepage .high .small .wof {float:left;width:104px; padding-left:20px; } .homepage .high .wof a img {float:none;} .homepage .high h5 a {font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; color:#3f3f3f;} .homepage .high p {font-size:11px;} .homepage .high a.link {font-size:11px;} /*blogbubble */ .homepage #primary .blogBubble { height:188px; margin-right:7px;} .homepage #primary .blogBubble{background:url(../img/bg_blogbubble_mix.gif) no-repeat 0 -5px; width:303px; position:relative; float:right;} .homepage #primary .blogBubble h4{ margin-left:0;color:white; font-size:13px; padding:7px 5px 0px 7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; width:290px; background:none; margin-bottom:3px;} .homepage #primary .blogBubble h5 { color:#ff5000; font-size:12px; padding:0px 5px 0 7px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;} .homepage #primary .blogBubble IMG {margin:7px 0px 0px 10px;} .homepage #primary .blogBubble blockquote p{ font-size:11px; font-weight:bold; color:#3f3f3f; padding:5px 10px 0px 7px; display:block; } .homepage #primary .blogBubble blockquote p Span{ font-style:normal; color:#ff5000;display:inline; padding-right:3px;} .homepage #primary .blogBubble blockquote p a { bottom:auto;display:inline; font-style:normal; font-weight:normal;left:3px;position:relative; background:transparent none repeat scroll 0%; padding-left:0; font-size:11px;} .homepage #primary .blogBubble a {bottom:0px; position:absolute; left:0; font-size:11px; height:auto;} #secondary .panel.videos {background:url(../img/bg_rhsx303_mix.gif) bottom left no-repeat; width:303px; margin-left:4px; padding-bottom:10px;} #secondary .panel.videos h4 { background:url(../img/bg_video_headx303_mix.gif) no-repeat; color:white; padding:10px 5px 6px 8px; margin-left:0; margin-bottom:5px; width:290px; font-size:13px;} #secondary .panel.videos .wof {margin-left:4px; border-bottom:0; padding-bottom:0;padding-left:4px;width:290px;min-height:50px; height:auto !important; height:50px;} #secondary .panel.videos .wof h5 a {font-size:12px;} #secondary .panel.videos .wof a.link {margin-left:0;} #secondary .panel.videos a.link {margin-left:8px;} /* Primary Layouyt -------------------------------------------------------------------------------------------------- */ /*main*/ #page {background:url(../img/bg_content_rpt_mix.gif) repeat-y; width:100%;text-align:left;} #smallpage {width:100%;} /*primary (left) */ #primary {float:left; padding-left:6px; width:636px;} #primary .inverseCols .mainCol {float:left; width:398px;} #primary .inverseCols .smallCol { float:right;width:213px;} .mainCol {float:right;width:398px;} .mainCol P{line-height:1.2;margin-bottom:0.7em; color:#3F3F3F; font-size:11px;} .mainCol IMG { margin-bottom:1em;} .smallCol { float:left;width:213px;} div#context {float:left;} .wideCol {font-size:12px;} .wideCol P,.wideCol .wof P {font-size:11px;line-height:1.2;margin-bottom:0.5em;} .wideCol h4, { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#3f3f3f; font-weight:bold; padding-bottom:5px; position:relative;} #primary .inverseCols .mainCol h4.medium,#primary .mainCol h4.medium { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#3f3f3f; font-weight:bold; padding-bottom:5px; position:relative;} .wideCol h4,h4.medium {padding-bottom:5px; position:relative;} .wideCol.bottomPadding h4 {font-size:14px;} .wideCol h4 .note { position:absolute; right:0; font-size:11px; top:3px; font-weight:normal;} .wideCol .wof IMg {float:left;margin:0pt 5px 5px 0pt; padding:2px;} .wideCol h6 { font-size:14px; color:#ff5000; font-weight:bold;} #primary .mainCol .r2 div {padding:0;} #primary .smallCol .panel {margin-left:0;} #primary .inverseCols .mainCol h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:18px; font-weight:bold; color:#3f3f3f; padding-bottom:6px;background:transparent url(../img/bg_heading_mix_rpt.gif) repeat-x scroll center bottom; margin-bottom:5px;} #primary .mainCol h4,#primary .hColour h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ff5000; margin-bottom:5px;} #primary .mainCol .first {padding-top:0; margin-top:0;} #primary .smallCol .first {margin-top:0;} /* #context iframe {margin-left:6px;} #primary .content {width:636px; margin-left:6px;} #secondary iframe {margin-left:0;} */ #primary .mainCol h4 span { display:none;} .smallCol h4,.emailfriend h4 { font-size:14px; color:#ff5000; padding:0px 0 5px 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold } .smallCol h5 {font-size:11px; padding:0px 0 5px 0; color:#3f3f3f; font-weight:normal;} /* Sitemap and 404*/ #primary .sitemap .smallCol h4 a,#primary .sitemap .mainCol h4 a,#primary .sitemap .mainCol h4,#primary .sitemap .smallCol h4{ color:#3f3f3f; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; padding:0 0 0px 8px; margin-bottom:5px; background:url(../img/bullet.png) 0 5px no-repeat; font-weight:bold;} #primary .sitemap .mainCol h4,#primary .sitemap .smallCol h4 {background:none; padding-left:0;} #primary .sitemap h4 {display:none;} #primary .sitemap ul li a {color:#3f3f3f; font-size:14px; font-weight:bold;} #primary .sitemap ul ul li a {color:#ff5000;font-weight:normal; font-size:11px;} #primary .sitemap UL LI {line-height:1.5em;background-position:0px 7px;} #primary .sitemap UL,#primary .sitemap .smallCol h4.first {margin-bottom:10px;} #primary .sitemap .smallCol{font-size:12px;} #primary .sitemap .smallCol {width:300px;} #primary .sitemap .mainCol {width:300px;} #primary .sitemap .wof.last {clear:both;} #primary .sitemap .last a { font-weight:bold; margin-left:322px; color:#ff5000; padding:0 0 0px 0px; clear:both;} #primary .sitemap form.frmSearch label {font-size:11px;} #adSpot-330x40-1 {position:absolute; top:80px; left:11px; z-index:200;} #primary .smallCol .divider_thin {background:url(../img/bg_divider_right.gif) repeat-x bottom left; padding-bottom:5px;} #primary .mainCol .divider_thin {background:url(../img/bg_divider_right.gif) repeat-x bottom left; padding-bottom:15px;} .primaryBg {padding-bottom: 30px;} .secondaryBg {margin-left:6px;padding-bottom: 30px;} /*secondary (right) */ #secondary {float:left;} #secondary .content {width:307px; margin-left:6px;} #secondary .panel { width:298px; margin-bottom:10px; color:#3f3f3f; clear:both;} #secondary .panel P { margin-left:4px;} #secondary h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:12px;margin-left:4px; width:300px; background:none; padding-bottom:0; margin-bottom:0;} #secondary .panel h3 {padding-bottom:3px; margin:0;} #secondary .panel h3 a {font-weight:normal;position:absolute; right:12px;top:18px;} #secondary .divider { background:url(../img/bg_divider_right.gif) repeat-x bottom left; padding-bottom:1px;} #secondary .panel_wrap_wide {padding:0px 0px 0px 4px; position:relative; clear:both; } #secondary .extra_padding {padding-top:20px;} #secondary .panel_wrap {padding:20px 10px; position:relative; clear:both; } #secondary .wof {width: 296px; margin-left: 10px; display:block;} /* newsletter pod*/ .newsletterWrap {width:303px; background:url(../img/bg_rhsx303_mix.gif) bottom no-repeat; margin-left:3px; margin-bottom:10px;} #secondary .newsletter {padding-bottom:5px; } #secondary .newsletter h4 { background:url(../img/bg_newsletterheadx303_mix.gif) no-repeat; width:290px; padding:7px; height:14px; color:white; font-size:13px; margin-left:0; position:static} #secondary .newsletter p {padding:3px 6px 6px 6px; font-size:11px; color:#3f3f3f; margin-left:0; } #secondary .newsletter a { margin-left:5px;} #secondary .newsletter a.button {background-position:0 -720px; text-indent:-9999px;} #secondary .newsletter a.button:hover {background-position:0 -750px;} /************** Most Popular ************/ #secondary div.popular {display:block} div.popular {margin:37px 0 10px; padding:2px 10px 10px; position:relative;} div.popular h4 {width:625px; height:27px; line-height:25px; color:#fff; padding-left:7px;position:absolute; top:-27px; left:0; font-size:18px!important} div.popular h5 {font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:14px;margin-top:3px; color:#3f3f3f} div.popular h5 a {color:#3f3f3f;} div.popular div {min-height:80px} div#secondary .popular {background:transparent url('../img/bg_rhsx303_mix.gif') no-repeat 4px 100%;width:285px;padding-right:14px} div#secondary .popular h4 {background:transparent url('../img/bg_newsletterheadx303_mix.gif') no-repeat 0 0;width:296px} div#secondary div.popular {behavior: url(http://www.2dayfm.com.au/css/iepngfix.htc)} div#secondary .popular {width:283px} .popular p {border:none;} .popular p a img {float:left; padding:3px; margin-right:3px;margin-left:-6px;margin-top:3px; height:50px; width:85px;} .popularBorder{border-bottom:1px solid #dbdbdb; padding-bottom:12px; padding-top:2px} #lastPod{border-bottom:none;} /* Generic Panel Style */ .panel .noFrame h3 a{font-family:Verdana, Arial, Helvetica, sans-serif; color:#ff5000; font-size:14px;} .panel h3 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; margin-bottom:5px; color:#3f3f3f;} .panel h3 a {color:#3f3f3f;} .panel h6 {font-weight:bold;} .panel .smallCol .wof h5,.panel .smallCol .wof h6 {padding-bottom:5px; font-size:12px;} .panel .smallCol .wof h5 a,#secondary .wof h5 a, .wof.lineTop h4{ font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px; color:#3f3f3f;font-weight:bold; background:none;} .wof.lineTop P { font-size:12px;} #primary .hColour .wideCol .wof h5 {background:none;} #primary .wideCol .videoPlayer {text-align:center; padding-bottom:10px;} .panel OL {list-style:inside; list-style-type:decimal; color:#ff5000;} #ad P { color:#3f3f3f; font-size:11px; line-height:normal;} .rounded-1 {padding:6px 7px 15px; background:url('../img/mix_content_divider.gif') repeat-x bottom left; display:inline-block; font-size:12px; width:622px;} .rounded-1 .r2 { position:relative; width:622px;} .nopadding{padding: 0pt!important; width: 636px!important;} .noborder,.mainCol .noborder { background:none; border-bottom:0px;} .showfeature {clear:both;width:622px; height:248px; background-color:white; } .showfeature .r1 { background-color:#fa7520;height:248px; } .showfeature .r2 {height:248px; background:#fa7520 url(../img/bg_feature_mix.gif) bottom right no-repeat; } .showfeature .r2 DIV {float:left; width:200px; padding:10px;} .showfeature .r2 DIV UL LI { height:20px;} .showfeature .r2 IMG {float:left; width:400px;} .showfeature h2 a{ font-family:Verdana, Arial, Helvetica, sans-serif; color:white;font-size:18px; font-weight:bold; line-height:1.2em;} .showfeature P {font-size:12px; padding-top:5px; padding-bottom:3px; color:white;} .showfeature Ul {margin-top:5px;} .showfeature Ul LI {font-size:12px; background:url(../img/bg_white_bullet_mix.gif) 0px 5px no-repeat; padding-left:10px;} .showfeature Ul LI a {color:white; font-weight:bold;} .mainCol {font-size:12px;} .smallCol {font-size:11px;} .mainCol .wof {padding:0px 0 10px 0; position:relative; font-weight:normal; color:#3f3f3f; margin-bottom:10px;} .mainCol .blogWof {padding:0 0 15px 0; margin-bottom:15px; display:block; } .mainCol .blogWof UL { width:200px; position:relative; } .mainCol .blogWof UL LI { display:inline;background:none; margin-bottom:2px; padding-left:0;} #primary .mainCol h3.blogHeading a {font-size:14px; color:#ff5000;} .mainCol h3.blogHeading span {display:block; color:#959595; font-size:11px; font-weight:normal;} .mainCol h3.blogHeading span img {margin:1px; width:auto; height:auto;} div.wof img.floatRight { float:right; margin-left:1em; margin-bottom:1em;} div.blogWof ul img {border:0pt none;float:none; margin:0; vertical-align:text-bottom; width:auto; height:auto;} div.blogWof ul li a { } div.blogWof ul li a:hover {border-bottom:1px solid #ff5000; text-decoration:none; } .iTunes {display:block;background:transparent url(../img/bullet.gif) no-repeat scroll 0 5px;color:#FF5000;line-height:normal;padding-bottom:1px;padding-left:8px;} .mainCol .iTunes {left:222px;position:relative;top:-22px;} .smallCol .iTunes {margin:0 5px;} .wof {border-bottom:1px solid #F4F4F4;padding-bottom:10px; margin-bottom:10px;display:block;} .wof a {font-size:11px;} .wof.emphasis { background-color:#fafafa; padding:8px 8px 4px; height:29px; width:607px;} .colSpanTop .wof.emphasis {margin-top:0;} .wof span {margin-bottom:5px;} .smallCol .wof UL.spaced LI { margin-bottom:3px;} .regularLinks {border-bottom:none; margin-bottom:0;} .wof a img,.wof img {float:left; margin:3px 5px 3px 0; } .indexWof h5 a {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#ff5000;} .inverseCols .mainCol .wof h5,.inverseCols .mainCol .wof h5 a,.mainCol .wof h5,.mainCol .wof h5 a,#primary .wideCol .wof h5 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size:14px; color:#ff5000; padding-bottom:3px;} .smallCol .wof h5,smallCol .wof h5 a, .wideCol .wof h5 { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size:12px; color:#404040; padding-bottom:3px;} .wof h4,.wof h4 a { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;font-size:13px; color:#3f3f3f;} .borderWof h5 a {font-family:Georgia, "Times New Roman", Times, serif; font-size:16px; font-weight:normal;} .mainCol .borderWof h6 {display:none;} .wof h6 {clear:none;} .wof h6 a {color:#404040; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px;} .smallCol .wof h6 {color:#ff5000;} .wof .download {line-height:2.8} .wof p {padding-bottom:3px; color:#3f3f3f; font-size:11px; margin-bottom:0;} .wof cite, .newsWof cite {display:block; font-size:11px; color:#959595; font-style:normal;} .newsWof cite,.wof cite {margin-bottom:5px; padding-top:2px;} .newsWof ul li,.indexWof ul li {display:inline;} Ul.headlines LI CITE {display:none;} Ul.headlines LI a {line-height:1.4em; font-size:11px;} /*.showfeature DIV {border:1px solid red; width:100px; float:left;} .showfeature IMG {width:400px; float:left;} */ .smallCol .pinkBox {background:url(../img/bg_podx215_mix.gif) no-repeat bottom left; padding-bottom:2px; width:215px; margin-bottom:35px; margin-top:15px; position:relative;height:190px; } .smallCol .pinkBox.small a.other, .galleryHome .pinkBox a.other {display:none;} .smallCol .pinkBox h4 {background:url(../img/bg_photoheadx215_mix.gif) no-repeat; padding:6px 0pt 7px 11px; font-size:13px; color:white; font-family:Verdana, Arial, Helvetica, sans-serif;font-weight:bold;} .smallCol .pinkBox h5 {font-size:11px; position:absolute; bottom:3px; left:11px; font-weight:normal;} .smallCol .pinkBox IMG {margin:8px 11px 18px 11px; height:128px; width:190px;} .smallCol .pinkBox A {color:black; text-align:center;} .smallCol .pinkBox a.other {position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .smallCol .pinkBox a.link {background:transparent url(../img/bullet.gif) no-repeat scroll 0 5px; color:#FF5000; position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .smallCol .purpleBox {background:url(../img/bg_podx215_mix.gif) no-repeat bottom left; padding-bottom:2px; width:215px; margin-bottom:35px; margin-top:15px;position:relative; height:190px; } .smallCol .purpleBox h4 {background:url(../img/bg_videoheadx215_mix.gif) no-repeat; padding:6px 0pt 7px 11px; color:white; font-size:13px; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold;} .smallCol .purpleBox h5 {font-size:11px; position:absolute; bottom:3px; left:11px; font-weight:normal;} .smallCol .purpleBox IMG {margin:8px 11px 18px 11px; height:128px; width:190px;} .smallCol .purpleBox A {color:black; text-align:center;} .smallCol .purpleBox a.other {position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .smallCol .purpleBox a.link {color: #FF5000; position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .smallCol .purpleBox.contained {background:url(../img/bg_podx215_mix.gif) no-repeat bottom left; padding-bottom:2px; width:215px; margin-bottom:10px; margin-top:15px;position:relative; height:auto; padding-bottom:10px; } .smallCol .purpleBox.contained h4 {background:url(../img/bg_bangheadx215_mix.gif) no-repeat; padding:7px 7px 7px 13px; color:white; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .smallCol .purpleBox.contained h5 {font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; bottom:1px; left:11px; font-weight:normal;} .smallCol .purpleBox.contained IMG {margin:8px 11px 18px 11px; height:128px; width:190px;} .smallCol .purpleBox.contained A {color:#ff5000; text-align:center;} .smallCol .purpleBox.contained a:link, .smallCol .purpleBox.contained a:visited {color: #000000} .smallCol .purpleBox.contained a.other {position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .smallCol .purpleBox.contained ul { width:195px;} .smallCol .purpleBox.contained ul li cite {display:none;} .smallCol .purpleBox.contained ul {padding-left:12px; padding-top:5px;} .smallCol .purpleBox.contained ul li a:hover {color:#ff5000;} .smallCol .purpleBox.contained ul li a {padding-left:2px;} .mainCol .purpleBox.contained {background:url(../img/bg_entbasex403_mix.gif) no-repeat bottom left; padding-bottom:2px; width:403px; margin-bottom:10px; margin-top:15px;position:relative; height:auto; padding-bottom:10px; } #primary .mainCol .purpleBox.contained h4 {background:url(../img/bg_bangheadx403_mix.gif) no-repeat; padding:14px 7px 5px 12px;color:white; font-size:13px; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} .mainCol .purpleBox.contained h5 {font-family:Arial, Helvetica, sans-serif; font-size:11px; position:absolute; bottom:1px; left:11px; font-weight:normal;} .mainCol .purpleBox.contained IMG {margin:8px 11px 18px 11px; height:128px; width:190px;} .mainCol .purpleBox.contained A { text-align:center;} .mainCol .purpleBox.contained a.other {position:absolute; bottom:-28px; left:0; text-align:left; border-bottom:1px solid #f4f4f4; height:20px; width:203px;} .mainCol .purpleBox.contained ul li cite {display:none;} .mainCol .purpleBox.contained ul {padding-left:12px; padding-top:2px;} .mainCol .purpleBox.contained ul li a:hover {color:#ff5000;} .mainCol .purpleBox.contained ul li a {padding-left:2px;} .orangeBox {background:url(../img/bg_podx215_mix.gif) scroll bottom left no-repeat; width:215px; margin-bottom:10px; padding-bottom:8px;} .orangeBox h4 { color:white; line-height:normal; font-size:13px; margin-top:0; padding:7px; background:url(../img/bg_subheadx215_mix.gif) no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif; padding-left:10px } .orangeBox UL {padding-left:10px;} .orangeBox UL li {padding-bottom:2px;} .orangeBox UL li a {font-weight:bold; padding-left:0px; line-height:1.5em; font-size:12px;} .orangeBox ul li a {display:block; color:#ff5000; background:transparent url(../img/bullet.gif) no-repeat 0px 5px; padding-left:9px; padding-bottom:1px; } .orangeBox ul li a:hover,.orangeBox ul li.active a {display:block; color:#3f3f3f;background:transparent url(../img/li_bullet_black.gif) no-repeat 0px 5px; padding-left:9px; padding-bottom:1px; font-size:12px; } .hColour h2,.homepage #primary h4,#primary .wideCol .regularLinks h5 {background:transparent url(../img/bg_heading_mix_rpt.gif) repeat-x scroll bottom;color:#3F3F3F; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:18px;height:23px;padding-bottom:3px;position:relative;margin-bottom:8px; } .hColour h2 .entertainmentNewsLink { font-weight:normal;position:absolute; right:0px;top:7px;background:transparent url(../img/bullet_reverse.gif) no-repeat 0 5px; padding-left:8px; padding-bottom:1px; font-size:11px; } .hColour h2 .link { font-weight:normal;position:absolute; right:0px;top:7px;background:transparent url(../img/bullet_reverse.gif) no-repeat 0 5px; padding-left:8px; padding-bottom:1px; font-size:11px; height:23px; } .hColour h2 div.pi-cfix { font-size:11px; float: right; } .panel.sitemap .hColour h2 div.pi-cfix {float: none; font-size:18px;} .panel.sitemap .hColour h2 div.pi-cfix a {font-size:11px;} .homepage #primary .hotgossip h4 a{background:none;color:#3F3F3F;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:18px;font-weight:bold;height:23px;margin-bottom:8px;padding-bottom:3px;position:relative;bottom:0px;text-decoration:none;} .homepage #primary .hotgossip h4 span a {margin-bottom:auto;height:auto;color:#ff5000; font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:normal;position:absolute; right:0px;background:url(../img/bullet.png) no-repeat center right; padding-right:8px; padding-bottom:1px; font-size:11px; bottom:3px;} .hOrange .wof P IMG { float:left; margin:3px 5px 3px;} .hOrange .smallCol .wof h4 {display:none;} .hOrange .smallCol .wof h6 {padding-bottom:5px;} .hOrange .borderWof { margin-bottom:10px;} /* poll */ #primary .poll dd {width: 41%} #primary .poll dl.noanswers dd {margin: -3px 3px 0px; width: 89%} #primary .poll dd span {margin-left:-34px;} #secondary .poll dd {width: 35%} #secondary .poll dd span {margin-left: -37px} #secondary .poll dl.noanswers dd {margin:-3px 5px 0; width: 82%} #secondary .poll {background:url(../img/bg_rhsx303_mix.gif) no-repeat bottom left; padding-bottom:8px; width:303px; margin-top:10px; margin-bottom:10px; margin-left:3px; position:relative; } #secondary .poll h4 {background:url(../img/bg_pollheadx303_mix.gif) no-repeat;padding:7px; font-size:13px; color:#fff; margin-left:0; width:290px; } #secondary .poll h5 { font-size:12px; padding:0 6px 6px 6px;} #secondary .poll fieldset {padding-left:5px; } #secondary .poll { clear:both; } #secondary .btnVote{ background-position:0 -600px; text-indent:-9999px; width:108px; height:24px; margin-left:15px; cursor:pointer; margin-bottom:6px;} #secondary .btnVote:hover { background-position:0 -630px;} .btnEmailfriend { background:url(../img/bg_EmailFriend_button.png) no-repeat; width:108px; height:24px; color:white; font-size:12px; text-align:left; padding-left:23px; font-weight:bold; padding-bottom:5px; margin-top:5px; cursor:pointer;} .btnEmailfriendThanks { background:url(../img/bg_EmailFriend_thankyou.png) no-repeat; width:116px; height:24px; color:white; font-size:12px; text-align:left; padding-left:27px; font-weight:bold; padding-bottom:5px; margin-top:5px; cursor:pointer;} #secondary .poll .fRows LI {padding:0.2em; background:none;} #secondary .poll .fRows LI INPUT {width:auto;} .poll dl {padding-left:7px; padding-bottom:10px;} .poll dt {margin-bottom:5px;clear:left;float:left;width:45%; font-size:11px;} .poll dd p { background:url(../img/bg_poll_results.png) repeat-x bottom; margin-left:0;float:left;line-height:1.1;padding:0;} .poll dd {margin-left:45%;padding-left:39px;width:36%;} .poll dd span {background:transparent none repeat scroll 0 0;color:#404040;float:left;margin-left:-31px;position:relative;} .poll h5 {color:#3f3f3f;} #secondary .poll dl.noanswers {padding-left:0;} .poll dl.noanswers {padding-bottom:15px;} .poll dl.noanswers dt {display:none;} .poll dl.noanswers dd {clear:left;margin:-3px 0pt 0pt;padding:3px 0pt 0pt 31px;width:85%;} #secondary .poll p {padding-left:3px;} .poll p { padding:0 5px 5px 6px; margin-bottom:0} .panel .poll .fRows li.last {padding-top:0;} #primary .panel .poll {background:url(../img/bg_pollbasex636_mix.gif) no-repeat bottom left; padding-bottom:10px; width:636px; position:relative; } #primary .panel .poll h4 {background:url(../img/bg_pollheadx636_mix.gif) no-repeat;padding:6px; font-size:13px; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #primary .panel .poll h5 { font-size:12px; padding:6px;} #primary .panel .poll fieldset { padding-left:5px; width:600px; } #primary .panel .btnVote { /*background-position:0 -58px;*/ background-position:0 -600px; text-indent:-9999px;width:108px; height:24px; color:white; font-size:12px; text-align:left; padding-left:25px; font-weight:bold; padding-bottom:5px; margin-left:15px; cursor:pointer; margin-bottom:6px; text-transform:lowercase;} #primary .panel .btnVote:hover { background-position:0 -630px;} #primary .panel .poll .fRows LI {padding:0.2em 0pt 0.2em 0.2em; background:none;} #primary .panel .poll .fRows LI INPUT {width:auto;} #primary .panel .poll .advert {position:absolute; bottom:5px; width:290px; left:173px;} .rounded-poll {/*background:url('../img/mix_content_divider.gif') repeat-x bottom left;*/ display:inline-block; padding-bottom:7px; margin-top:-1px; background-color:#D6D6D6; padding-left:0px;} #primary .mainCol .poll { background:url(../img/bg_pollbasex403_mix.gif) no-repeat bottom left; width:403px; padding-top:0; margin-bottom:10px; position:relative; padding-bottom:8px} #primary .mainCol .poll h4 {background:white url(../img/bg_pollheadx403_mix.gif) no-repeat bottom left;padding:6px; font-size:13px; height:15px; border-top:1px solid white; color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:0; } #primary .panel .poll h5 { font-size:12px; padding:6px;} #primary .panel .poll fieldset {padding-left:5px; width:390px;} #primary .panel .poll .fRows LI {padding:0.2em 0pt 0.2em 0.2em; background:none;} #primary .panel .poll .fRows LI INPUT {width:auto;} .mainCol .wof .player {margin:10px 0 .5em; position:relative; height:31px;} .mainCol .wof .player a { float:none; display:block;position:absolute; right:65px; top:-1px; height:15px; } .smallCol .wof .player {margin:10px 0 .5em;margin-bottom:0px;height:55px;} .smallCol .wof .player a {display:inline;line-height:2.8;margin-left:5px;margin-top: 10px;} .podcast h6{display:inline; font-weight:bold;} .wof .player {margin:10px 0 .5em;} .wof .player img {float:none; margin:0;} .wof .player object {float:none; margin:0;} .player {clear:both;} .podcast H6 {clear:none;} .podcast span {display:block;} .mainCol .emphasis { background-color:#f6f8fa; padding:8px;margin-top:0; height:auto; width:384px;} .emphasis.podcast P {font-weight:bold;} /*blog Page*/ .latestComments {display:block; height:auto;} .latestComments LI {margin-bottom:10px;} .latestComments LI EM {font-weight:bold; font-style:normal;} #primary .mainCol h4.blogComments {background:none; margin-bottom:0; height:auto; padding-bottom:12px; margin-top:2em;} #primary .mainCol UL.blogComments LI cite {} #primary .mainCol UL.blogComments LI {margin-bottom:5px; background-color:#fafafa; padding:7px;} #primary .mainCol UL.blogComments LI.odd {background-color:white;} #primary .mainCol UL.blogComments LI SPAN{display:block; font-size:11px; color:#959595; font-style:normal;} #primary .mainCol h4.blogComments span {display:block; font-size:11px; line-height:1.4em; font-weight:normal;} #primary .mainCol h4.blogComments IMG { width:auto; height:auto; margin-bottom:12px;} #primary .mainCol h4.blogComments SPAN IMG {margin-bottom:2px;} #primary .mainCol #commentForm img {background:none; margin-bottom:0; height:auto; padding-bottom:0px;} #primary .mainCol #commentForm {padding-bottom:5px;} ul.fRows li {background-color:#f2f2f2;clear:left;color:#333;padding:8px 0pt; font-size:11px;/*margin-bottom:-3px;*/} ul.fRows li.last,.emailfriend tr.last td {background-color:white; margin-top:10px;} ul.fRows label {float:left;margin-right:5px;text-align:right;width:111px; padding-top:3px; } ul.fRows label.large {height:50px}/*Make it span two rows*/ ul.fRows input.small{width:37px} #age {width:37px; margin-right:143px;} ul.fRows input.large {width:480px} ul.fRows .checkbox input {float:left;margin-right:1em} ul.fRows #updates { float:none; width:auto; margin-right:5px; } ul.fRows input {width:220px;} ul.fRows li.odd,.emailfriend tr.odd td {background-color:#fff; } ul.fRows li.disclaimer {padding:0 20px 8px 30px;} ul.fRows label.lblRadio {margin-right:60px; width:auto;} ul.fRows label.checkbox {width:4px; height:auto;} ul.fRows textarea {width:220px;} ul.fRows select.small {width:80px;} ul.fRows select.expanded.small {width:110px;} ul.fRows select.large {width:480px} ul.fRows p {margin:4px} ul.fRows li p.phone {margin:6px 40px 3px 39px} ul.fRows li.error span {float: left; padding-left:19px;} .blog ul.fRows .error label, .news ul.fRows .error label {display:none} .blog ul.fRows .error span, .news ul.fRows .error span {background:transparent url(../img/bg_exclamation.png) no-repeat scroll 0 50%;color:#FF5000;font-weight:bold;padding-left:19px;margin-left:10px;} textarea {font-family:Arial,Verdana;font-size:110%;} ul.fRows input#remember, ul.fRows input#forget {width:auto;} #codeimg {float:left; width:220px; height:50px;} #scode {float:left; width:135px;} LABEL .req { color:red; padding-right:5px; color:#ff5000; position:relative; top:2px;} /*end pods*/ /* red box blog */ #secondary .blogBubble {margin-left:3px;} #secondary .blogBubble{background:url(../img/bg_blogbubblex303_mix.gif) bottom left no-repeat; width:303px; position:relative; padding-bottom:30px;} #secondary .blogBubble h4{ color:white; font-size:13px; padding:15px 5px 5px 7px; text-indent:-9999px; background:url(../img/bg_blogheadx303_mix.gif) no-repeat; margin-left:0; width:293px;} #secondary .blogBubble h5{ color:#ff5000; font-size:12px; padding:7px 5px 0 7px;font-weight:bold;} #secondary .blogBubble P,#primary .smallCol .blogBubble P {display:none;} #secondary .blogBubble blockquote p{ font-size:11px; font-weight:bold; font-style:normal; color:#3f3f3f; padding:5px 4px 4px 2px; display:block; } #secondary .blogBubble blockquote p Span{ font-style:normal; color:#ff5000;display:inline; padding-right:3px;} #secondary .blogBubble blockquote a { display:inline; position:relative; font-style:normal; font-weight:normal; background:transparent none repeat scroll 0%; padding-left:3px;} #secondary .blogBubble a {bottom:0px; position:absolute; left:0;} #primary .smallCol .blogBubble { margin-bottom:10px;} #primary .smallCol .blogBubble{background:url(../img/blogbase_small_col.gif) bottom left no-repeat; width:213px; position:relative; padding-bottom:30px;} #primary .smallCol .blogBubble h4{ color:white; font-size:13px; padding:7px 5px 5px 5px; background:url(../img/blogHead.gif) no-repeat; font-family:Arial, Helvetica, sans-serif; font-weight:bold;} #primary .smallCol .blogBubble h5 { color:#790000; font-size:13px; padding:7px 5px 0 10px;font-weight:bold;} #primary .smallCol .blogBubble IMG {margin:7px 0px 0px 10px;} #primary .smallCol .blogBubble blockquote p{ font-size:12px; font-weight:bold; font-style:italic; color:#3f3f3f; padding:10px 10px 0px 10px; display:block; } #primary .smallCol .blogBubble blockquote p Span{ font-style:normal; color:#790000;display:inline; padding-right:3px;} #primary .smallCol .blogBubble blockquote p a { bottom:auto;display:inline; font-style:normal; font-weight:normal;left:3px;position:relative; background:transparent none repeat scroll 0%; padding-left:0; font-size:11px;} #primary .smallCol .blogBubble a {bottom:-3px; position:absolute; left:0;} /* Header -------------------------------------------------------------------------------------------------- */ div#header {float:left;width:962px; background-color:#fcfcfc;position:relative; background:url(../img/bg_header_mix.gif) repeat-x; padding-bottom:7px; z-index:9999;} div#header .advert {margin:9px 6px 0 0;_margin-right:3px;float:right; background-color:#fcfcfc;} /* Brand */ div#header h1 {height:106px;background:#000000;text-indent:-9999px; margin-left:0px;} div#header h1 a {float:left;width:221px;height:107px} div#brand{width:221px; float:left; height:106px;} /* Classes for regional station logos: */ div#brand h1.brand-mix {background: transparent url('../img/logo.gif') no-repeat;} /*emailafriend header*/ #smallpage #header {width:728px;position:relative;z-index:9998; padding-bottom:0 } /* Brand */ #smallpage div#header h1 {height:75px;background:#000000;text-indent:-9999px; } #smallpage div#header h1 a {width:175px;height:65px;} #smallpage div#brand{background-color:black;float:left;width:740px; height:auto;} /* Classes for regional station logos: */ #smallpage div#brand h1.brand-mix {background:url('../img/logo_strip.gif') no-repeat;} .emailfriend #btn {text-align:center; padding-bottom:15px;} .emailfriend .rounded-1 {clear:both; position:relative; margin:0px; padding:0; background:none; width:714px;} .emailfriend .rounded-1 .r2 {width:740px; background:url(../img/bg_emailfriend_mix.png) no-repeat bottom; margin-bottom:4px; } .emailfriend {width:auto; width:740px;} .emailfriend TABLE { width:714px; margin-left:12px;} .emailfriend P {color:#3f3f3f; margin-bottom:10px; margin-top:5px; padding:0 10px; font-size:11px;} .emailfriend tr td {background-color:#f2f2f2;clear:left;color:#333;padding:8px 0pt; font-size:11px; text-align:right; } .emailfriend td .req,span.req{ color:#ff5000;} #smallpage #footer {clear:both; width:740px; position:relative; background:none;padding-bottom:1px; margin-left:0; } .emailfriend textarea {width:600px; overflow:hidden; display:block; height:64px; margin-bottom:8px; margin-top:4px;} .emailfriend td.comments {text-align:left; padding-left:4px;} .emailfriend tr.last td {text-align:left; background:none; padding-top:0; padding-bottom:20px;} .emailfriend td.f {width:95px;} .emailfriend td.e{text-align:right; width:97px;} .emailfriend td.name{ width:166px} .emailfriend td.name INPUT { width:166px; margin-left:5px; } .emailfriend td.email {width:335px; text-align:left;} .emailfriend td.email Input { width:320px; margin-left:5px;} .emailfriend td .b {font-weight:normal;} .emailfriend tr.last .close {text-align:right;} .emailfriend h6 {margin-bottom:5px;position:relative; color:#3f3f3f; padding-left:13px; font-size:11px;} .emailfriend h6 DIV {position:absolute; right:18px; top:0; font-size:11px; font-weight:normal;} .emailfriend .rounded-1.last {padding:0px; margin-top:0;} .emailfriend h4 {background:url(../img/bg_emailfriendheadx731_mix.gif) no-repeat; color:white; padding:7px; width:726px; height:20px; padding-left:14px;} .emailfriend .btnEmailfriend { background-position:0 -85px;padding-top:0pt; float:left;padding:0pt 0pt 1px 21px;width:120px; height:28px;} .emailfriend .btnEmailfriendThanks {background-position:0 -660px; padding-top:0; text-indent:-9999px; width:130px;} .emailfriend .btnEmailfriendThanks:hover {background-position:0 -690px;} .emailfriend #adSpot-leaderboard {margin-left:5px; margin-top:-1px;} /* Misc. -------------------------------------------------------------------------------------------------- */ .fuelFinder {display:none;} .hidden {position:absolute; left:-9000px; top:0} .skiplinks {position:absolute;left:-9999px; width:990px; font-size:1px;line-height:1px} .divider_top {position:relative; clear:both; background:url('../img/mix_content_divider.gif') repeat-x; width:100%; height:6px;} .clear {clear:both;} .col {float:left;} .centered {text-align:center;} .bold {font-weight:bold;} UL { margin:0; padding:0; list-style:none;} a.rss{background:url(../img/rss.gif) center left no-repeat;padding:4px 0 4px 30px; margin-bottom:5px; display:block;} .wof ul.vertical li {padding-bottom:4px;color:#3f3f3f} .wof UL LI, Ul.headlines LI, .wof .download, UL.globalLink LI li, .smallCol .wof ul li, .sitemap UL LI, ul.simpleList LI, .smallCol .purpleBox.contained ul li, .mainCol .purpleBox.contained ul li, .hitMusic UL li, .ent UL li, .ent-2 UL li, .hotgossip UL li, #secondary .news a.more,#secondary .bizarre a.more, #secondary .needanything ul li, #onairnow li ul li, .tab1 a.bottomLink, .tab2tab3 a.link, .link {color:#ff5000; background:transparent url(../img/bullet.gif) no-repeat 0px 5px; padding-left:8px; padding-bottom:1px; line-height:normal; height:1%; font-size:11px;} .smallCol .purpleBox a.other,.smallCol .pinkBox a.other {color:#ff5000; line-height:normal; padding-bottom:1px;} ul.simpleList {margin-top:5px; margin-bottom:10px;} ul.simpleList LI {line-height:1.5em;} UL.showfeature LI,UL.extra_padding LI {padding:3px 0 3px 0;} button {font-family:Arial, Helvetica, sans-serif;} .button,.searchButton,.startSearchButton {background:transparent url(../img/buttons_mix.png) no-repeat scroll 0pt;color:#FFFFFF !important;cursor:pointer;display:block;font-weight:bold;height:23px;margin:0pt auto;padding:4px 0pt 0pt 25px;position:relative; font-size:13px; text-transform:lowercase; font-family:Verdana, Arial, Helvetica, sans-serif;} .startSearchButton input {background:transparent none repeat scroll 0%;border:0pt none;color:#FFFFFF;cursor:pointer; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;font-weight:bold; text-transform:lowercase; padding-left:0;margin-left:-2px;} .startSearchButton input:hover {text-decoration:underline;} #primary .startSearchButton {padding-top:0; background-position:0 -179px; color:#FFFFFF !important;cursor:pointer;display:block;font-weight:bold;height:23px;margin:0pt auto;padding:2px 0pt 0pt 22px;position:relative; width:90px; margin-left:12px; font-size:12px;} .searchButton:hover span {text-decoration:underline;} .blogButton {width:154px;background-position:0pt -569px;float:left; padding:3px 0 0 25px;} .blogButton SPAN {right:-10px; width:10px;} .frmSubscribePodcast .button { background-position:0px 2px;color:#FFFFFF !important;cursor:pointer;display:block;font-weight:bold;height:23px;margin:0pt auto;padding:5px 0pt 0pt 25px;position:relative; width:87px; font-size:13px;} .frmSubscribePodcast a {width:87px; height:23px;} .frmSearch input#searchSite { width:360px; border:1px solid #bcbcbc; height:20px;background:url(../img/google_custom_search_watermark.gif) center no-repeat left #fff;padding:0;} .frmSearch input#searchSite.userInput {background:none; background-color:#fff;} .frmSubscribePodcast select { float:left; margin-top:3px; margin-right:9px; height:19px; width:170px; } .frmSubscribePodcast a { float:left;} /*.button {background:url(../img/bg_button.gif) no-repeat; padding-left:25px; padding-top:3px; height:24px; color:#ffffff !important; display:block; font-weight:bold; margin-top:5px; border:none; font-size:12px; text-align:left;}*. .button span { background:url(../img/bg_button_right.gif) right;} .marginL20 {margin-left:20px;} .marginL10 {margin-left:10px;} /* Primary Navigation and Secondary Navidation*/ DIV#navigation {position:relative; width:960px !important; background:url(../img/bg_mix_nav.gif) repeat-x!important; float:left; z-index:9999; border-top:1px solid #da5301; border-left:1px solid #da5301; border-right:1px solid #da5301;} DIV#navigation UL { float:left;padding-left:1px; height:29px; width:636px; list-style:none; font-family:Arial, Helvetica, sans-serif; } DIV#navigation UL LI {float:left; line-height:13px; padding:0px; background:none; } DIV#navigation UL LI SPAN A {float:left; padding:7px 9px 9px 9px; min-height:15px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:url(../img/mix_divider.gif) 100% 0px no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif} DIV#navigation LI.over, DIV#navigation LI.active {background: transparent repeat-x url(../img/bg_mix_nav_ro.gif);} DIV#navigation LI:hover {position:relative; background: transparent repeat-x url(../img/bg_mix_nav_ro.gif); z-index:9999; } DIV#navigation UL UL {display:block; position:absolute; padding:6px 0px 0px 0px; top:24px; left:-9999px; background-image:none; width:191px; height:auto; overflow:hidden; z-index:9999;} DIV#navigation UL LI:hover UL, DIV#navigation UL LI.over UL {display:block; left:-1px;} DIV#navigation UL UL LI {float:left;clear:left; margin-top:-1px; border:1px solid #c1c1c1; background-color:#c1c1c1; z-index:500;color:#404040; } DIV#navigation UL UL LI.last {float:left;clear:left; margin-top:-1px; border-top:1px solid #c1c1c1; border-left:1px solid #c1c1c1; background-color:#c1c1c1; border-right:1px solid #c1c1c1; } DIV#navigation UL UL LI A {float:left; width:172px; padding:4px 5px 4px 11px; color:#404040; font-size:11px; font-weight:bold; text-decoration:none; background-color:white;position:relative; z-index:100; font-family:Verdana, Arial, Helvetica, sans-serif;} DIV#navigation UL UL LI:hover, DIV#navigation UL UL LI.over, DIV#navigation UL UL LI.active { background-color:#fff; background-repeat:no-repeat; } DIV#navigation UL UL LI:hover A, DIV#navigation UL UL LI.over A, DIV#navigation UL UL LI.active A {color:#fff; background-color:#e86500; no-repeat;} /* Secondary Navigation */ .showheader { position:relative; z-index:0;} .showheader H1 {height:130px; width:636px; text-indent:-9000px; line-height:normal;} .site-mix-music .showheader h1 {background-image:url(../img//MIX-music-banner-636x155.jpg)!important} .showheader {width:636px; height:155px; padding-bottom:6px; background:url(../img/bg_banner_shadow_mix.gif) repeat-x bottom left;} .showheader.small {height:130px;} .showheader UL { padding-left:1px; height:25px !important; width:635px; list-style:none; background:url(../img/bg_subnav_mix.gif) repeat-x!important; } .showheader UL LI {float:left; line-height:13px; padding:0px; width:auto; } .showheader UL LI SPAN A {float:left; padding:6px 8px 6px 5px; min-height:15px; color:#fff; font-size:12px; font-weight:bold; text-decoration:none; background:url('../img/bg_subnav_div_mix.gif') 100% 0px no-repeat; width:auto;font-family:Verdana, Arial, Helvetica, sans-serif;} .showheader LI:hover, .showheader LI.over,.showheader LI.active {background:url('../img/bg_subnav_mix_ro.gif') repeat-x scroll 0 0; position:relative; } .showheader LI:hover A,.showheader LI.over A, .showheader LI.active A {color:white; text-decoration:none;} .showheader .advert {position:absolute;top:80px;left:10px} /******** GOOGLE *******/ form.searchform input#submit_search {background:transparent url(../img/mix_go_button.gif); border:0pt none; width:32px; height:20px; right:2px; position:absolute; text-indent:-9999px; cursor:pointer;} form.searchform input#search_query {background: #fff url(../img/google_custom_search_watermark.gif) no-repeat center left; border:0px none; border:1px solid #c85a00; height:17px; width:170px; padding:0; } #srchScope_site,#srchScope_web { position:relative; top:1px;} #srchScope_site,#srchScope_site2, #srchScope_web2, #srchScope_site3, #srchScope_web3 { margin-left:5px;} #srchScope_web {margin-left:5px;} form.searchform label{padding-bottom:8px; padding-left:2px; font-size:10px; text-transform:lowercase;} form.frmSearch label {padding-left:4px; font-size:11px;} form.frmSearch fieldset {margin-top:5px;} form.searchform input#search_query.userInput {background:none; background-color:#fff;} form.searchform fieldset {color:white; padding:3px; position:absolute; left:645px; top:2px; width:305px;} .autoInput .radiobtn {} .frmSearch *,.frmVideoSearch * {float:left;} .frmVideoSearch label {font-size:13px;font-weight:bold; color:#404040; padding-top:4px;} .frmVideoSearch input#searchVideo {width:368px; margin-top:2px; margin-left:4px;} /************/ /******** feature module *******/ div#primary div#featurehighlights {position:relative;width:636px;height:300px;overflow:hidden;color:#fff;background:url('../img/mix_content_divider.gif') repeat-x bottom left; padding-bottom:6px;} div#primary div#highlights {position:absolute;top:0;left:0;overflow:hidden;width:636px;height:299px} div#primary div#highlights div.highlight {position:absolute;top:0;left:0;height:300px; width:520px; overflow:visible;display:none;} div#primary div#highlights div.highlight div.heading {position:absolute;right:-88px;width:85px;border:1px solid transparent} div#primary div#highlights div.active {display:block} div#primary div#highlights div.active div.heading {background-color:#000;border:1px solid #fff} div#primary div#highlights div.highlight div.teaser {visibility:hidden} div#primary div#highlights div.active div.teaser {visibility:visible} div#primary div#highlights div.highlight div.teaser {position:absolute;bottom:8px;left:8px;width:522px; background:transparent url('../img/bg_orange_mix.png') repeat;} div#primary div#highlights div.highlight div.wide { width:620px;} div#primary div#highlights div.highlight div.teaser h6 {padding:5px 0 3px 8px; } div#primary div#highlights div.highlight div.teaser h6 a {color:#fff;font-size:24px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } div#primary div#highlights div.highlight div.teaser p { padding:0 8px 8px 8px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; } div#primary div#highlights div.highlight h5 {display:none;} div#primary div#highlights div.highlight UL {display:none;} div#primary div#highlights div.highlight div.teaser ul {color:#fff;margin:2px 0 0 7px;} div#primary div#highlights div.highlight div.teaser li {float:left;margin-right:15px} div#primary div#highlights div.singleleadteaser {display:block} div#primary div#highlights div.singleleadteaser {position:absolute;bottom:8px;left:8px;width:522px; background:transparent url('../img/bg_orange_mix.png') repeat;} div#primary div#highlights div.singleleadteaser.wide { width:620px;} div#primary div#highlights div.singleleadteaser h6 {padding:5px 0 3px 8px; } div#primary div#highlights div.singleleadteaser h6 a {color:#fff;font-size:24px;font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; } div#primary div#highlights div.singleleadteaser p { padding:0 8px 8px 8px;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#fff; } div#primary div#highlights div.singleleadteaser ul {display:none;} div#primary div#highlights div.singleleadteaser li {float:left;margin-right:15px} div#primary div#staticfeaturehighlights div.singleleadteaser { width:620px;} div#primary div#sub_highlights {position:absolute; bottom:8px; right:10px;} div#primary div#sub_highlights .heading { cursor:pointer; border:2px solid transparent; margin-bottom:5px;} div#primary div#sub_highlights .active {border:2px solid #ff6e00; } /* Rotator 4th asset */ div#sub_highlights {position:absolute;width:89px;height:auto;left:auto;right:17px;bottom:6px;overflow:hidden;} div#primary div#highlights div.heading {display:none} div#sub_highlights div.heading {position:relative;display:block;margin-top:1px;width:85px;border:1px solid transparent} div#sub_highlights div.active {background-color:#000;border:1px solid #fff} div#sub_highlights div.active img {opacity:0.65} div#primary div#highlights div.highlight a.featureImage {visibility:hidden} div#primary div#highlights div.active a.featureImage {visibility:visible} div#primary div#staticfeaturehighlights {color:#FFFFFF;height:300px;overflow:hidden;position:relative;width:636px; background:url('../img/mix_content_divider.gif') repeat-x bottom left; padding-bottom:6px;} div#primary div#staticfeaturehighlights div.highlight div.teaser { width:620px;} span.hottour { display:none;height:52px;left:0pt;top:0pt;width:52px;} span.hot { display:none;height:41px;left:2px;position:absolute;text-indent:-9000px;top:2px;width:40px;z-index:100;} /* pagination */ #primary .mainCol ul.pagination li.first { padding-top:0px;} .pagination {list-style-type:none;text-align:center; font-size:11px; overflow:hidden;} ul.pagination li {display:inline;background:transparent url('../img/bg_pagination.gif') no-repeat 0 0;color:#999;padding-left:13px;} ul.pagination li a {position:relative;left:-13px;margin-right:-13px;padding-left:13px;background:white url('../img/bg_pagination.gif') no-repeat 0 0; } ul.pagination li.first {background-position:0 3px} ul.pagination li.first a {background-position:0 -47px} ul.pagination li.prev {background-position:0 -8px;margin:0pt 3% 0pt 2%;} ul.pagination li.prev a {background-position:0 -59px} ul.pagination li.next {padding:0 13px 0 0;background-position:123% -73px;margin:0pt 2% 0pt 3%;} ul.pagination li.next a {margin:0 0 0 -13px;padding:0 13px 0 0;right:-13px;left:auto;background-position:123% -23px;} ul.pagination li.last {padding:0 13px 0 0;background-position:117% -86px; } ul.pagination li.last a {margin:0 0 0 -13px;padding:0 13px 0 0;right:-13px;left:auto;background-position:117% -35px;} ul.pagination li.page {background:none;padding:0;margin:0 0px;} ul.pagination li.page a {background:none;left:0;margin-right:-3px;padding:0 4px;display:inline;text-align:center} ul.pagination li.active a {background:transparent url('../img/bg_pagination.gif') no-repeat scroll 50% -102px;color:#fff; padding-bottom:2px;} .line {border-bottom:1px solid #F4F4F4;margin-bottom:20px;padding-bottom:1em;} /*********** SPONSOR ********************/ body .news,.bizarre {position:relative;margin:15px 0; border-bottom:1px solid #f4f4f4; padding-bottom:10px; margin-left:4px;} #secondary .panel.news h4,#secondary .panel.bizarre h4 {margin-bottom:3px; width:290px;} #secondary .panel.news h4 {margin-left:5px;} #secondary .news ul,#secondary .bizarre ul{margin-left:5px; display:block;} #secondary .news ol, #secondary .bizarre ol{ list-style:none;} #secondary .news ol li,#secondary .bizarre ol li{list-style-position:outside; line-height:1em; list-style:outside; list-style-type:decimal; margin: 5px 5px 5px 20px;} #secondary .news ol,#secondary .bizarre ol {margin-left:5px;} #secondary .news ul LI,#secondary .bizarre ul LI{padding-left:0; background:none;} #secondary .bizarre {background: transparent url(../img/box_base_rhs.gif) no-repeat scroll left bottom;border-bottom: 0px;margin-top: 10px;width: 300px} #secondary .bizarre h4 {background: transparent url(../img/Entertainment_HP_tab.jpg) no-repeat scroll 0 0;color: white;margin-left:0px;padding: 7px;padding-top: 16px;font-size: 13px;width: 300px} .bizarre ol, .bizarre li a:link, .bizarre li a:visited {color: #000000;} .bizarre li a:hover {color: #FF5000;} #primary .poll .sponsor,#secondary .poll .sponsor {position:absolute; bottom:0px; left:0px;} #primary .poll .sponsor IMG,#secondary .poll .sponsor IMG {margin:0;} .sponsor {position:absolute;right:5px;top:0;background: transparent url(../img/bg_sponsors_mix.gif) no-repeat scroll 0px -9px;text-indent:-9000px;display:block;width:80px;height:30px} /*footer *******************************/ #footer {clear:both; width:950px; position:relative; text-align:center; margin-left:6px; background:white url(../img/mix_content_divider.gif) repeat-x scroll 0pt 102%;} #footer .internal { } #footer UL.internal {list-style:none;/*background:#fff url(../img/bg_footer_wht.gif) repeat-x*/; padding:6px 5px 4px 0; font-size:13px; font-weight:bold; height:18px;background:#fff url(../img/mix_content_divider.gif) repeat-x scroll top left; padding-top:15px;} #footer UL.internal LI { display:inline;text-transform:capitalize; color:#404040; font-weight:normal; } #footer UL.internal LI a {color:#ff5000;margin:0pt 2px 0pt 5px;padding:2px; font-weight:bold;} #footer UL.internal LI.first { display:inline; border:none;} #footer .external {} #footer UL.external {list-style:none; clear:both; padding-top:4px;/*background:#58595b url(../img/bg_footer_blk.gif) repeat-x bottom left*/ padding-bottom:15px; font-size:11px; color:white; clear:both; } #footer UL.external LI { display:inline; border-left:1px solid #404040; padding-left:11px;} #footer UL.external LI a {color:#404040;margin:0pt 0px 0pt 0px;padding:0px;} #footer UL.external LI.first { display:inline; border:none;} #footer P {display:none;} #twoColSpan {background:#FFFFFF;width:950px; margin-left:6px; clear:both; background:#fff url(../img/mix_content_divider.gif) repeat-x bottom; padding-bottom:26px; } .video {position:relative;text-align:center;} #twoColSpan embed {margin-left:8px;} .orangeBox.showHighlights,.pinkBox.showHighlights {background:none; width:625px; padding:0; background:url(../img/bg_videobasex635_mix.gif) no-repeat bottom left;} .orangeBox.showHighlights .wof,.pinkBox.showHighlights .wof {width:102px;} .orangeBox.showHighlights h4,.pinkBox.showHighlights h4 {background:#fff url(../img/bg_videoheadx635_mix.gif) no-repeat center; color:white; text-align:left; height:16px; padding:10px 6px 6px 8px; font-size:13px;} .orangeBox.showHighlights ul {padding-left:0} .orangeBox.showHighlights P,.pinkBox.showHighlights P {text-align:left; font-size:11px;} .orangeBox.showHighlights h5,.pinkBox.showHighlights h5 {text-align:left; color:#3f3f3f} .orangeBox.showHighlights h5 a,.orangeBox.showHighlights h5 a:hover ,.pinkBox.showHighlights h5 a,.pinkBox.showHighlights h5 a:hover { color:#3f3f3f; font-weight:bold;font-size:12px; } .orangeBox.showHighlights IMG,.pinkBox.showHighlights IMG {margin-left:0;} .orangeBox.showHighlights a,.orangeBox.showHighlights a:hover ,.pinkBox.showHighlights a,.pinkBox.showHighlights a:hover, .orangeBox.showHighlights .wof ul li a,.orangeBox.showHighlights .wof ul li a:hover ,.pinkBox.showHighlights .wof ul li a,.pinkBox.showHighlights .wof ul li a:hover {background:none; text-align:left; padding-left:0; font-weight:normal; font-size:11px; line-height:normal;} .orangeBox.showHighlights a:hover,.pinkBox.showHighlights a:hover,.orangeBox.showHighlights .wof ul li a,.orangeBox.showHighlights .wof ul li a:hover ,.pinkBox.showHighlights .wof ul li a,.pinkBox.showHighlights .wof ul li a:hover {color:#ff5000;} .orangeBox.showHighlights .small .wof,.pinkBox.showHighlights .small .wof {float:left; width:102px; padding-left:20px; border:none;} /*ads*/ #secondary .advert {padding:0 4px 0 4px; margin-bottom:10px; position:relative; clear:both; margin-left:0;} #adSpot-island {margin-top:4px;} #adspot-mrecRight {margin-left:10px; width:300px;} #adSpot-poll {text-align:center; position:absolute; bottom:7px;} #primary #adSpot-poll {left:173px;} #primary .mainCol #adSpot-poll { left:55px;} #secondary #adSpot-poll { left:7px; } /* Featured Promo Style Fix */ #secondary #adSpot-featurepromo {width:300px} #adSpot-featurepromo small {float:left; width:300px;} .adSpot-twin {clear:left;float:left;border:1px solid #ccc;position:relative;margin-top:5px;padding-top:10px} .adSpot-twin small {font-size:11px;color:#999;position:absolute;left:5px;top:-9px;background-color:#fff;padding:0 4px} .adSpot-twin {margin-top:20px} .adSpot-twin div {width:49.9%;float:left} .adSpot-twin iframe {float:left} /* ----- IE fixes ----- */ * html .adSpot-twin small {position:relative;left:5px;top:-18px} * html .adSpot-twin iframe {position:relative;top:-18px;margin-bottom:-18px} /*contact us*/ .frmDetails UL {margin-bottom:5px;} .frmDetails ul.fRows input {float:left;width:180px; height:16px;} .frmDetails .button { float:left; background-position:0 -28px;color:#FFFFFF !important;cursor:pointer;display:block;font-weight:bold;height:23px;margin:0pt auto;padding:3px 0pt 0pt 25px;position:relative; width:174px; font-size:13px;} .frmDetails ul.fRows .error span { background:transparent url(../img/bg_exclamation.png) no-repeat scroll 0pt;color:#FF5000;font-weight:bold;padding-left:19px; font-size:11px;} .frmDetails ul.fRows label {float:left;margin-right:5px;text-align:right;width:111px;} .frmDetails ul.fRows {list-style-type:none;margin-bottom:5px;} .frmDetails ul.fRows .error {padding-bottom:0pt; border-bottom:none;} .frmDetails ul.fRows li.error span {float:left; font-size:11px; font-weight:normal;} .frmDetails ul.fRows input.large {width:480px;} .frmDetails ul.fRows .error span.empty {background:transparent none repeat scroll 0%;display:block;padding:0pt;width:184px;} .frmDetails ul.fRows LI p {font-size:11px; padding-right:10px;} .frmDetails ul.fRows textarea {width:480px;} .frmDetails ul.fRows li.white {background-color:white; border-bottom:1px solid #F4F4F4; margin-bottom:10px;} .wideCol h4.arial {font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; color:#3f3f3f;} .note .req {padding-right:5px;} .frmDetails ul.fRows li { padding:8px 0; border-bottom:1px solid white;} .frmDetails {display:block; width:622px; } .contact h4 { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#3f3f3f} /*lock in station */ DIV#lock {float:left; width:417px; height:160px; background-color:#e6e6d5; overflow:hidden;} DIV#lock DIV {float:left; width:400px; padding:30px 0px 35px 0px; } DIV#lock H3 {padding:0em 0px 15px 0px; line-height:1.6em; font-size:30px; color:#3f3f3f; font-family:Georgia, Times New Roman, Arial; font-weight:normal; text-align:center;} DIV#lock UL {float:left; width:400px; text-align:center; list-style:none; } DIV#lock LI {display:inline; padding:0px 12px 0px 8px; } DIV#lock LI a { color:#3f3f3f; font-size:18px;} DIV#lock LI a:hover { color:#ff5000; font-size:18px;} DIV#lock LI.last {background-image:none; } /*CRM */ .members h1.brand-mix {background:transparent url(../img/bg_newsletter_banner_mix.jpg) no-repeat scroll 0pt;} .members h1 {height:130px;} .members {height:130px;} .cPanel.wideCol {background-color:white;} #primary .cPanel { padding:0;} .halfCol {float:left;width:49.9%;} .halfCol h4 {font-size:14px; color:#ff5000;} .halfCol a.button {float:left; width:143px; margin-top:10px;} .loginBox {background:url(../img/bg_rhsx303_mix.gif) bottom left no-repeat; float:right; width:303px; margin:0; padding:0; } .loginBox h4 {background:white url(../img/bg_newsletterheadx303_mix.gif) bottom left no-repeat; height:14px; padding:7px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:white; font-weight:bold; position:static; width:289px; } .loginBox p {color:#3F3F3F; padding:5px 6px 6px 6px; text-align:center;} .loginBox ul.fRows input {margin-bottom:1em;width:167px; margin-left:10px;} .frmLogin ul li {background:transparent; padding:3px 0;} .frmLogin ul li p {margin-top:0; margin-bottom:20px; padding:0} .frmLogin ul li.hidden {display:none;} .frmLogin {width:300px;} .frmLogin ul.fRows label {float:left; width:52px; padding-left:34px;} .mediumButton { background:url(../img/buttons_mix.png) no-repeat 0px -480px; width:132px; padding-left:25px; padding-top:3px; display:block;} .tinyButton {background:url(../img/buttons_mix.png) no-repeat 0px -449px; display:block; padding-top:3px; padding-left:27px; width:67px; margin-left:110px; margin-bottom:10px;} .frmLogin ul.fRows .error span {background:transparent url(../img/bg_exclamation.png) no-repeat scroll 0pt;color:#FF5000;font-weight:bold;padding-left:19px;} .frmLogin ul.fRows .error div {margin-left: 91px; margin-top: 0px; margin-bottom: 0px;#FF5000; font-size: 11px; width: 167px;} .frmLogin ul.fRows li.error.cfix {padding-bottom: 0px;} /*crm popup*/ #crmpopup {background-color:white; height:200px; overflow:hidden;} #crmpopup h4 {float:left;font-size:14px;margin:0pt;padding:6px 0pt 6px 6px;width:344px; color:white;background:url(../img/bg_changepwdhead_mix.gif) no-repeat;} #crmpopup a#closewindow {position:absolute;text-indent:-10000px;width:60px; right:0; top:8px;} #crmpopup div ul.fRows li.error {height:140px;padding:5px 0pt 8px 5px;} #crmpopup div ul.fRows li.error span p{text-align: center; margin-left: 5px; margin-right: 15px;} #crmpopup div ul.fRows li { width:345px;} #crmpopup form .retrievepasswordbutton {background:transparent url(../img/buttons_mix.png) no-repeat scroll 0 -510px;border:0pt none;cursor:pointer;height:24px;margin:20px 0pt 0pt 115px;width:168px;} #crmpopup form .retrievepasswordbutton:hover { background-position:0 -540px;} #crmpopup div ul.fRows li { background-color:white;} #crmpopup form input {float:left;line-height:0.8em;margin-top:5px;width:205px;} #crmpopup form {float:left;padding:0pt;width:339px;} #crmpopup div {border:0pt none;height:165px;margin:0pt;padding:0pt;width:350px; position:relative;} #crmpopup form label {margin:0pt;padding:8px 5px 0pt 0px;width:110px;} #crmpopup .changepasswordbutton {background:url(../img/buttons_mix.png) 0px -330px no-repeat; width:168px; height:24px; clear:both; margin-top:10px; margin-left:114px; cursor:pointer;} #crmpopup button.changepasswordbutton:hover {background-position:0px -359px;} #crmpopup.changepassword h4 {margin-bottom:15px; background:url(../img/bg_changepwdhead_mix.gif) no-repeat;} .changepassword ul.fRows li.error span {float:none; line-height:0px;} /* registration */ .frmMemberProfile {float:left; display:block; width:622px;} .frmMemberProfile h4 {color:#ff5000; font-size:14px;font-weight:bold; clear:both; position:relative;} .frmMemberProfile ul.fRows input {width:308px; height:16px;} .frmMemberProfile #country {width:312px;} .frmMemberProfile ul.fRows label { padding-right:26px; width:95px; } .frmMemberProfile ul.fRows input.radio {margin:0pt 0.2em 0pt 1em;position:relative;top:2px;width:auto;} .frmMemberProfile ul.fRows input.radio.first { margin-left:2px;} .frmMemberProfile ul.fRows LI { padding:8px 0; border-bottom:1px solid white;} .frmMemberProfile .note {font-weight:normal; color:#3f3f3f} .frmMemberProfile ul.fRows .error span {background:transparent url(../img/bg_exclamation.png) no-repeat scroll 0pt;color:#FF5000;font-weight:bold;padding-left:19px; } .frmMemberProfile ul.fRows li.error {padding-bottom:0; margin-bottom:0; border-bottom:none; display:block;} .frmMemberProfile ul.fRows li.error span {float:left;} .frmMemberProfile .last.checkbox {margin-top:0;} .frmMemberProfile .last.checkbox SPAN {padding-left:5px; line-height:1.5em;} .frmMemberProfile ul.fRows li.last {margin-top:0;} .frmMemberProfile ul.fRows li.last.error {margin-top:10px;} .wideCol.cPanel .wof {border-bottom:0; margin-bottom:0; padding-bottom:0} .membershipcontroltabs {position:relative; clear:both;height:25px;list-style-type:none;width:300px;} .membershipcontroltabs li {background:transparent url(../img/bg_control_tabs_mix.png) no-repeat scroll 0pt 0px;float:left;margin-right:-1px;width:96px;height:25px;} .membershipcontroltabs li.selected a {color:#fff; padding-left:11px;} .membershipcontroltabs li.selected {background-position:0pt -34px;} .membershipcontroltabs li a {color:#3f3f3f;display:block;float:left;font-weight:bold;height:19px;padding:6px 0pt 0pt 12px;width:84px; font-size:11px;} /**/ .logout {position:relative;right:-270px;top:0;width:57px; background-position:0 -418px;} .frmMemberProfile .fRows .button.top { float:left; margin:0 1em 0 0; width:96px; } .button.smallButton.disabledButton {float:left; margin:0; background-position:0pt -238px; width:96px; } .frmMemberProfile ul.fRows li span { float:left; margin-top:0.4em;} .membershipcontroltab ul.fRows.white { margin-bottom:0;} .membershipcontroltab ul.fRows.white {margin-bottom:0px;} .disabledButton {background-position:0pt -238px;} .frmDetails .smallButton{width:88px; background-position:0 -58px;margin-left:115px; margin-top:-20px;} .cPanel h6 {color:#3f3f3f;} .smallButton {width:88px; background-position:0 -58px;} .frmMemberProfile .button {background-position:0pt -268px;width:96px; float:left; line-height:1em;} .membershipcontroltab {border-top:1px solid #f4f4f4; float:left; width:100%; display:block;} .frmMemberProfile .tab2 ul.fRows li {} .frmMemberProfile .tab2 p {float:right;margin-bottom:-15px;position:relative;top:-15px;width:432px; font-size:11px; font-weight:normal;} .frmMemberProfile .tab2 ul.fRows input.radio {margin-left:12px; margin-bottom:2px;} .frmMemberProfile UL.fRows { margin-bottom:20px;} .frmDetails ul.fRows #updates, .frmDetails ul.fRows #terms {float:none;width:auto;} /* MUSIC WIDGET */ .scroll {display:none;} #controlpanel { height:299px;margin:0;overflow:hidden;padding-left:5px;width:303px;border-bottom:6px solid #d6d6d6;} .controltabs {clear:both;height:25px;list-style-type:none;width:300px; margin-left:6px; overflow:hidden;} #controlbuttons {list-style-type:none;margin:2px 0pt 5px 6px; float:left;} #controlbuttons li a {display:block;float:left;font-weight:bold;height:24px;padding:8px 0pt 0pt 25px;width:116px;} #controlbuttons li {float:left;margin-bottom:2px;} #listen-button a {background:transparent url(../img/bg_controlpanel_buttons_mix.png) no-repeat scroll 0pt 0px;color:#FFFFFF; font-size:12px; font-weight:bold; text-transform:lowercase;} #podcast-button a {background:transparent url(../img/bg_controlpanel_buttons_mix.png) no-repeat scroll 0pt -40px;color:white;margin-left:7px; font-weight:bold; font-size:12px; text-transform:lowercase;} #controlpanel .selected, .panel .selected, .membershipcontroltab .selected {display:block;} .controltabs li.selected {background-position:0pt -34px; } .controltabs li.selected a {color:white;} .controltabs li {background:transparent url(../img/bg_control_tabs_mix.png) no-repeat scroll 0pt 0px;float:left;margin-right:-1px;width:96px;} .controltabs li a {display:block;float:left;font-weight:bold;height:19px;padding:6px 0pt 0pt 12px;width:80px; color:#404040;} .controltab {display:none; border-top:1px solid #e1e7e7; width:286px; margin-left:6px; } .controltab {scrollbar-base-color: #ff6e00; scrollbar-arrow-color: #ffd3b2; scrollbar-face-color: #ff6e00; scrollbar-highlight-color: #ffcca6; scrollbar-shadow-color: #ff7e1d; scrollbar-track-color: #e1e6e6;} #onairnow { border:1px solid #e1e7e7; border-width:0px 1px 1px 1px; height:210px;margin:0px 0pt 5px 0px;overflow:auto;position:relative;width:284px; background-color:white;} #onairnow ul {left:0pt;list-style-type:none;position:absolute;top:0pt;width:267px;} #onairnow li { border-bottom:1px solid #e1e7e7;float:left;height:70px;position:relative;width:267px;} #onairnow li img {float:left;margin:5px 6px 0pt;} #onairnow li h5 {font-size:11px;line-height:1;margin:0.4em 0pt 0.3em;} #onairnow li h5 a {color:#4F4B4C;} #onairnow li p {color:#3f3f3f;line-height:1;} #onairnow li ul { position:static; top:33px; left:97px; width:auto; margin-top:3px;} #onairnow li ul li {border-bottom:none; width:auto; height:auto;} #onairnow li.now {background-color:#ffe8d0;} #onairnow li.now span {background:transparent url(../img/now.png) no-repeat;display:block;height:37px;left:0pt;position:absolute;text-indent:-9000px;top:0pt;width:37px;} .bottomLink {display:block;float:none !important; margin-left:67px;} #secondary #onairnow .advert {float:right;margin:3px 0px 0 0} .tab3.selected {height:217px;} .tab2tab3 {margin:0;padding:0;overflow:hidden;height:217px;width:284px;border:1px solid #e1e7e7; border-width:0px 1px 1px 1px; color:#3f3f3f; background-color:white;} .tab2tab3 ol {color:#3f3f3f;position:relative; float:left } .tab2tab3 li {width:274px;float:left;height:13px;padding:5px 5px 4px} .tab2tab3 li.odd {background-color:#ffe8d0; width:274px;} .tab2tab3 li * {line-height:1;float:left} .tab2tab3 img {margin:5px} .tab2tab3 span {font-weight:bold;font-size:11px;margin-right:10px; color:#ff5000; line-height:normal;} .tab2tab3 h5 {font-size:11px;line-height:normal;color:#ff5000} .tab2tab3 p {line-height:normal;color:#3f3f3f;margin-left:.3em; font-size:11px;} .tab2tab3 a {color:#3f3f3f;} .tab2tab3 a.button {background-position:0px -299px; text-transform:none; font-size:13px; margin-left:26px; float:left; margin-top:30px; width:209px;} .tab2tab3 a.bottomLink {display:none;} .tab2tab3 .selected {width:284px;height:65px;padding:0;color:#3f3f3f; background-color:#ffe8d0} .tab2tab3 .selected h5 {font-size:12px;margin-top:.6em;float:none} .tab2tab3 .selected p {color:#3f3f3f;margin:3px 0;float:none; font-size:11px;} .tab2tab3 .selected a { font-size:11px; margin-top:.6em;float:none} .tab2tab3 .selected span {position:absolute;top:0;left:0;display:block;height:37px;width:37px;background:transparent url('../img/num_one.png') no-repeat 0 0;text-indent:-9000px} #secondary .tab2tab3 hr {margin:10px 0 12px} .tab2tab3 .button {color:#3f3f3f} .tab2tab3 .button span {margin:0} .tab3 .tab2tab3 ol{color:#3f3f3f} .tab3 .tab2tab3 .selected {background-position:0 -100px} .tab3 .tab2tab3 .button {color:#3f3f3f} tab2 .advert, .tab3 .advert { display:none;} del {text-decoration:none} /* -------- Now playing (replaces controlpanel) --------------- You can now remove the following images: bg_controlpanel_buttons.png, bg_control_tabs.png, now.png, num_one.png New images: stars.png, bg_widget.jpg, bullet_orange.gif Re-used images: buttons_mix.png */ .rateSong {position:relative} .rateSong dt {position:absolute;left:-9000px} .rateSong dd ul {margin:0} .rateSong dd li {float:left;padding:0;margin:0;background:transparent none} .rateSong a {display:block;width:13px;height:15px;text-indent:-9000px;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} /* Small stars */ .nowPlayingWidget .rateSong a {width:12px;background:transparent url('../img/stars-small.png') no-repeat 0 0/*stars (empty star)*/} .nowPlayingWidget .fullStar a {background-position:-12px 0} .nowPlayingWidget .halfStar a {background-position:-24px 0} .nowPlayingWidget {width:308px;height:301px;background:transparent url('../img/bg_widget.jpg') no-repeat 0 0;border-bottom:5px solid #d7d7d7} .nowPlayingWidget .nowPlaying h2 {left:-9000px; position:absolute;} .nowPlayingWidget .nowPlaying img#NowPlayingImage {width:59px; height:59px;} #secondary .nowPlayingWidget h4 {font:bold 1.3em Arial, sans-serif;color:#fff;padding-left:5px;line-height:28px} .onair {padding-top:6px;height:92px;} .onair h5 {position:absolute;left:-9000px} .onair img {margin:0 6px 5px 6px;float:left} .onair p {font:bold 16px Arial, sans-serif} .onair p a {color:#ff5000;font-size:16px;font-family:Arial, sans-serif} .onair span {display:block;font-size:12px;color:#000;margin-top:3px;font-family:Arial, sans-serif} .onair .listen {clear:both;display:block;width:125px;height:21px;padding:3px 0 0 30px;margin:5px auto 8px;color:#fff;font-weight:bold;font-size:1.1em;background:transparent url('../img/button.png') no-repeat 0 0} .onair .listenIpad { display:inline-block; width:225px; padding:2px 0 0 27px; margin:0 0 0 35px; height:21px; background:transparent url('../img/mix-iPad-listen-button.png') no-repeat 0 0; color:#fff;font-weight:bold;font-size:1.1em; } /* ----- IE fixes ----- */ * html .onair p {float:none } * html .onair img {margin-bottom:5px} * html .onair .listen {width:131px;height:21px;background:transparent url('../img/button.gif') no-repeat 0 0} *+ html .onair p {float:none;} /* *+ html .onair img {margin-bottom:5px} */ .nowPlaying {position:relative;padding-left:48px; height:76px;_height:65px; display:block; margin-top:1px; font-family:Arial, Helvetica, sans-serif;} .nowPlaying .rateSong {position:absolute;top:1px;left:48px} .nowPlaying h5 {position:absolute;left:-9000px} .nowPlaying img {position:absolute;right:5px;top:4px;border:1px solid #fff} .nowPlaying .song dt {font:bold 16px Arial, sans-serif; margin-right:68px; line-height:17px; padding-top:0px;} .nowPlaying .song dd {font:bold 14px Arial, sans-serif; line-height:16px; color:#3f3f3f} .nowPlaying ul {margin-top:3px} .nowPlaying li {float:left;margin-right:10px;padding-left:0px;} .nowPlaying li a#NowPlayingBuyUrl, .nowPlaying li a:hover#NowPlayingBuyUrl, .nowPlaying li a:active#NowPlayingBuyUrl, .nowPlaying li a:visited#NowPlayingBuyUrl, .nowPlaying li a:link#NowPlayingBuyUrl{text-indent:-9000px;display:block;width:61px;height:13px;background:transparent url('../img/buynow_mix.png') no-repeat 0 0;_background:transparent url('../img/buynow_mix.gif') no-repeat 0 0; position:absolute; top: 53px; padding-left:0px;} /* .nowPlaying li {float:left;padding-left:8px;margin-right:10px;background:transparent url('../img/bullet_yellow.gif') no-repeat 0 4px} .nowPlaying li a {color:#ffc90a} */ .songList {position:relative;padding-top:0px;height:79px; margin-top:2px; font-family:Arial, Helvetica, sans-serif;} .songList h5 {position:absolute;left:-9000px} .legend { font:Arial, Helvetica, sans-serif; text-transform:capitalize; clear:left;float:left;text-align:left;padding-top:3px; padding-left:7px; width:42px;line-height:12px;_line-height:12px;color:#fbdc0c} .songList .song {font:Arial, Helvetica, sans-serif; margin-left:48px;width:255px;line-height:1.7;color:#000} .songList .song a#UpComingSongName, .songList .song a#UpComingSongName:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; line-height: 1.7;} .songList .song a, .songList .song a:link {font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:#fff; line-height: 1.7;} .songList .song .rateSong {font:Arial, Helvetica, sans-serif; float:right;margin-top:-16px} /* ---- IE fixes ---- */ * html .legend {width: 26px; margin-top:0px; height:20px; padding:1px 1px 0 4px !important} * html .songList {margin-top:0px; padding-top:12px; !important} * html .songList .song {position:relative;line-height:1.5; !important}/*Work around 3px jog*/ * html .songList .song a, .songList .song a:link {position:relative;line-height:1.5; !important}/*Work around 3px jog*/ /* ---- Webkit fixes ---- */ @media screen and (-webkit-min-device-pixel-ratio:0) { .songList {margin-top:2px} .songList .song .rateSong {margin-top:2px}/*Change offset for Webkit-based browsers (Chrome, Safari)*/ .songList .song {line-height:1.8} } .nowPlayingWidget .more {margin-left: 48px; color:#000; text-align:left; font-family:Arial, Helvetica, sans-serif;} .nowPlayingWidget .more a {color:#000; font-weight:bold; font-family:Arial, Helvetica, sans-serif;} /* AUSTEREO-406 */ .homepage .hotgossip .group p.teaser { background:url(../img/bg_orangex292_mix_85pc.png) bottom right no-repeat;} .homepage .hotgossip .musicWof IMg { float:right;} .homepage .hotgossip .musicWof h5 a { color:#ff5000; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold;} .panel .hotgossip h6 {font-size:13px; margin-bottom:6px;} .homepage .ent-2 .group p.teaser {background:transparent url(../img/bg_orangex292_mix_90pc.png) no-repeat scroll right bottom;} .homepage .ent-2 .musicWof img {float:right;} .homepage .ent-2 .musicWof h5 a {color:#FF5000;font-family:Verdana,Arial,Helvetica,sans-serif;font-size:14px;font-weight:bold;} .panel .ent-2 h6 {font-size:13px;margin-bottom:6px;} /* -------- AUSTEREO-572 - SHARE THIS --------*/ .sharethis {display:inline-block;float:left;height:2em;left:4px;line-height:2em;position:relative;text-decoration:none;top:-2px;#top:-6px} .sharethisframe{overflow:hidden;width:80px;height:20px;margin-top: 0px;} .fbshare{position:relative;vertical-align:top;width: 90px;} .fblike{width: 260px;height:20px;list-style: none;} .fb-share {float:right !important;list-style:none outside none;position:relative;right:-66px;top:0;vertical-align:top;width:100px;#top:0px} .tweet {display:inline;float:right !important;list-style:none outside none;position:relative;right:-245px;top:2px;width:80px;*top:0px} .blogWof .share-bar {list-style: none;margin: 0;padding: 0;border: none;} .blogWof .share-bar ul {list-style: none;margin: 0;padding: 0;border: none;} .blogWof .share-bar li {float: left;margin: 0;padding: 0;width: 85px;line-height:2em;} .blogWof.share-bar li.fb-share {margin-top: 0px;line-height:2em;} .sharethisCom {display:inline-block;float:left;height:2em;left:3px;line-height:2em;list-style:none outside none;position:relative;text-decoration:none;top:-6px;width:630px;} .fb-shareCom {float:right;list-style:none outside none;position:relative;right:64px;top:-13px;vertical-align:top;width:100px;#top:-15px; #right: 60px;} .tweetCom {display:inline;float:right;left:106px;list-style:none outside none;position:relative;right:0;top:-15px;width:80px;#top:-20px; #right: -150px;} .tweetBlogIndex {display:inline;float:left !important;list-style:none outside none;position:relative;right:-6px;top:3px;width:80px;#top:3px; #left: 10px;} .fb-shareBlogIndex {float:left !important;list-style:none outside none;position:relative;right:0;top:-1px;vertical-align:top;width:100px;#top:6px; #left: -10px;} .tweetBlogIndex iFrame {width:55px;} .tweetBlogEntry {display:inline;float:left !important;list-style:none outside none;position:relative;right:-58px;top:-18px;width:80px;#top:-21px; #right: -105px;} .fb-shareBlogEntry {float:left !important;list-style:none outside none;position:relative;right:-74px;top:-19px;vertical-align:top;width:100px;#top:-19px; #left: 70px;} .tweetBlogEntry iFrame{width:55px;} .fb-shareVid {float:right;list-style:none outside none;position:relative;right:-290px;top:-17px;vertical-align:top;width:100px;#top:-14px; #right: 90px;} .tweetVid {display:inline;float:right;left:459px;list-style:none outside none;position:relative;right:0;top:-19px;width:80px;#top:-17px; #left: 60px;} .tweetVid iFrame{width:55px;} .sharethisGal {display:inline-block;float:left !important;height:2em;left:14px;line-height:2em;position:relative;text-decoration:none;top:-6px;} .fb-shareGal {float:right;list-style:none outside none;position:relative;right:-192px;top:0px;vertical-align:top;width:100px;} .fb-shareGal a {background:none repeat scroll 0 0 transparent !important;} .tweetGal {display:inline;float:right;left:187px;list-style:none outside none;position:relative;right:0;top:-1px;width:80px;#top:-8px;#left: 220px;} .tweetGal iFrame{width:55px;} .gallerypoll {color:#FFFFFF;left:0;margin:0;padding:2px 4px;position:absolute;text-align:left;top:490px;width:620px;} #galleryWrapper.rounded-1 {background:none repeat scroll 0 0 transparent;border-bottom:6px solid #DFDFDF;padding:14px 7px 38px;} /*StarDeals*/ .hot-deals { position: relative; font-size: 11px; font-family: arial, sans-serif; } .hot-deals h4, .hot-deals h5 { margin: 0; padding: 0; } .hot-deals h4 { height: 18px; font-size: 14px; color: #FFF; padding: 5px; } .hot-deals h5 { font-weight: bold; font-size: 11px; } .hot-deals .buy-now a { background: green; display: block; outline: 0; text-indent: -10000px; } .hot-deals .content { padding: 10px; } .hot-deals .star-deals { background: url(../img/corner-logo.png) no-repeat; height: 40px; outline: 0; position: absolute; right: 0; text-indent: -10000px; top: 0; width: 86px; } .hot-deals p { border-bottom: 1px solid #EFEFEF; padding-bottom: 8px; margin-bottom: 14px; margin-top: 0; } .hot-deals img { float: left; margin-right: 8px; } .hot-deals .amount { display: inline-block; font-weight: bold; font-size: 14px; } .hot-deals .buy-now { display: inline-block; } .hot-deals .save { display: inline-block; text-align: center; font-weight: bold; font-size: 12px; } .hot-deals .save strong { font-size: 16px; display: block; } /* time-left */ .time-left { vertical-align: top; display: inline-block; background: #919191 url(../img/time-left.jpg) no-repeat; height: 33px; width: 161px; color: #FFF; } .time-left label { display: none; } .time-left span { display: inline-block; padding-top: 6px; margin-right: 1px; width: 27px; text-align: center; font-weight: bold; font-size: 14px; } .time-left .hours { margin-left: 76px; } /* player */ .hot-deals-player { width: 398px; } .hot-deals-player img { width: 76px; } .hot-deals-player p { border-bottom-color: #4e4e4e; } .hot-deals-player .amount { margin-left: 4px; vertical-align: 21px; width: 120px; text-align: center; } .hot-deals-player .buy-now { margin-left: 258px; margin-top: -13px; } .hot-deals-player .save { margin-left: 10px; } /* rhs */ .hot-deals-rhs { width: 300px; } .hot-deals-rhs img { width: 76px; } .hot-deals-rhs .time-left { margin-right: 13px; } .hot-deals-rhs .amount { width: 120px; text-align: center; margin-top: 12px; } .hot-deals-rhs .buy-now { margin-left: 20px } /* content */ .hot-deals-content { width: 636px; } .hot-deals-content .time-left, .hot-deals-content .save { float: left; margin: 7px; } .hot-deals-content .amount { float: left; width: 120px; text-align: center; } .hot-deals-content .buy-now { float: left; margin-left: -110px; margin-top: 20px; } .hot-deals .save { color: #ff6000; } .hot-deals-rhs { background: url(../img/mix-rhs-bg.jpg) no-repeat; } .hot-deals .buy-now a { background: url(../img/mix-buy-now.jpg) no-repeat; width: 107px; height: 23px; } .hot-deals-content { background: url(../img/mix-content-bg.jpg) no-repeat; } .hot-deals-player { background: url(../img/mix-player-bg.jpg) no-repeat; } .hot-deals-content { float: left; margin-bottom: .5em; } .hot-deals h4 { font-size: 16px !important; margin-bottom: 0 !important; line-height: 1.5em; }