/* SITEWIDE / CORE CSS ONLY */ /* COLORS --------------------------------------------------------------------------------------------------------------------------------------------------- */ /* #3673A2 - light blue */ /* #012b75 - dark blue */ /* CORE ----------------------------------------------------------------------------------------------------------------------------------------------------- */ * {padding: 0px;margin: 0px;} html, body {height: 100%;} html {background: url('../img/bg_site.jpg') top left repeat-x #B1D5EB;} body {font-family: Arial, Helvetica, sans-serif;font-size: 67.5%;color: #fff;} *html body {background-image:none;} a:focus, div:focus, img:focus { outline:none } a {color: #007CBE} #dialog {display: none;z-index: 9999} /* COMMON---------------------------------------------------------------------------------------------------------------------------------------------------- */ .black {color: #000;} .hide{display:none;} .clear{clear:both;} .small {font-size: .8em;color: #333333;} .big {font-size: 1.1em;} .floatR {float: right;} .floatL {float: left;} .pointer {cursor: pointer;} .underline {text-decoration: underline;} .required {color: #A92418;font-size: 1.1em;} .marginTop {margin-top: 20px;} .center {text-align: center} /* TEXT------------------------------------------------------------------------------------------------------------------------------------------------------ */ h1 {font-family: 'Arial Black',Arial, Helvetica, sans-serif;color: #ffffff;font-size: 1.8em;font-weight: normal;} h1.box-title {padding-top: 3px;padding-left: 10px;height: 30px;color: #FFD805;letter-spacing: -.05em} h2 {font-family: Arial, Helvetica, sans-serif;color: #013881;font-size: 2.2em;font-weight: normal;font-weight: bold;} h2 .box-inner-content {padding-top: 3px;padding-left: 10px;color: #FFD805;letter-spacing: -.05em;} h3 {font-family: 'Arial Black',Arial, Helvetica, sans-serif;color: #ffffff;font-size: 1.8em;font-weight: normal;} h3.box-sub-title {padding-top: 3px;padding-left: 10px;height: 30px;color: #ffffff;letter-spacing: -.05em} p {padding: 5px 0px;font-size: 1.1em;line-height: 1.3em;color: #333} #body .box-inner-content ul {color: #333;padding-left: 20px;font-size: 1.1em;padding-top: 10px;padding-bottom: 10px;} #body .box-inner-content ul li {padding-bottom: 5px;} /* if needed h1 {color: #A82418;font-family:Georgia, "Times New Roman", Times, serif;font-size: 3.5em;font-weight: normal;} h2 {color: #A82418;font-family:Georgia, "Times New Roman", Times, serif;font-size: 1.5em;} h3 {font-size: 18px;color: #999999;padding: 10px 0px 0px 0px;border-bottom: 1px solid #999} h4 {color: #999999;font-size: 2.5em;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;} h5 {font-size: 2em;font-family:Georgia, "Times New Roman", Times, serif;font-weight:normal;} h5.red {color: #A82318;} h5.white {color: #ffffff;} h5.smallred, h5.smallwhite {font-size: 1em;} h6 {font-size: 12px;color: #333333;text-align:center;} p.lead {} a {color: #A82418;text-decoration: none;} a:hover {text-decoration: underline;} a:focus, div:focus, img:focus, input:focus, object:focus {outline:none;} a img {border: 0px;} */ .tab-title {color: #012b75;font-size: 1.5em;font-weight: bold;} #sitecontainer {width: 980px;height: 300px;margin: 0 auto;} /* SEARCH BAR -----------------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #search-bar {height: 32px;background: url(../img/top_bar_bg.jpg) repeat-x;margin: 0 7px;position: relative;padding-bottom: 5px;} #sitecontainer #search-bar #search-rgt {height: 32px;width: 7px;background: url(../img/top_bar_rgt.png);position: absolute;top: 0px;right: -7px;} #sitecontainer #search-bar #search-lft {height: 32px;width: 7px;background: url(../img/top_bar_lft.png);position: absolute;top: 0px;left: -7px;} #sitecontainer #search-bar #title {font-size: 1.8em;font-family: 'Arial Black',Arial, Helvetica, sans-serif;color: #007cbe;letter-spacing: -.05em;width: 420px;position: absolute;top: 1px;left: 0px;} #sitecontainer #search-bar #addthis {position: absolute;top: 7px;/* right: 185px;*/right: 10px;} #addthis .addthis_button_compact {color: #007CBE;text-decoration: none;} #addthis .addthis_separator {color: #007CBE} #sitecontainer #search-bar #sitesearch {position: absolute;top: 5px;right: 0px;width: 178px;background: url('../img/hdr_div.gif') bottom left no-repeat;height: 20px;} #sitecontainer #search-bar #sitesearch input {margin-left: 10px;width: 100px;} #sitecontainer #search-bar #sitesearch #search-button {position: absolute;top: 0px;right: 0px;height: 20px;width: 54px;background: url('../img/search.gif');border: 0px;cursor: pointer;} /* HEADER --------------------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #header {position: relative;padding-top: 0px;height: 95px;z-index: 2} #sitecontainer #header #logo {width: 137px;height: 149px;background: url(../img/logov2.png);position: absolute;top: -12px;z-index: 2;left: -8px;} *html #sitecontainer #header #logo {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/logov2.png',sizingMethod='scale');} /* #sitecontainer #header #slogan {width: 130px;height: 84px;background: url(../img/lgo_slogan.png);position: absolute;top: 3px;left: 115px;} *html #sitecontainer #header #slogan {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/lgo_slogan.png',sizingMethod='scale');} */ #sitecontainer #header #slogan {width: 120px;height: 100px;background: url(../img/lgo_sloganv2.png);position: absolute;top: -5px;left: 125px;} *html #sitecontainer #header #slogan {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/lgo_sloganv2.png',sizingMethod='scale');} #sitecontainer #header #advert-top {width: 728px;height: 90px;background: url(../img/ad_lrg_top.jpg);position: absolute;top: 0px;right: 0px;} /* CONTENT SECTIONS ----------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #body-container {width: 970px;margin-left: 10px;} #sitecontainer #content {} #sitecontainer .wht-box {width: 980px;background:url('../img/box_wht_bg.jpg') no-repeat #ffffff;position: relative;margin: 8px 0px;margin-bottom: -3px;} #sitecontainer .wht-box .top {height: 8px;width: 980px;background: url('../img/box_wht_top.gif') no-repeat;position: absolute;top: -8px;left: 0px;} /* CONTENT BOXES -------------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #body .box-lrg{width: 565px;background:url('../img/box_lrg_top.gif') top left no-repeat;position: relative;} #sitecontainer #body .box-med{width: 277px;background:url('../img/box_sml_top.gif') top left no-repeat;position: relative;margin-top: 10px;} #sitecontainer #body .box-lrg .box-inner, .box-med .box-inner{background: #e1eef7;} /* url('_library/img/box-bg.jpg') repeat-x */ #sitecontainer #body .box-lrg .box-inner .box-inner-content, .box-med .box-inner .box-inner-content{padding: 10px;} #sitecontainer #body .box-lrg .box-bottom {width: 565px;background: url('../img/box_lrg_btm.gif');height: 9px;position: absolute;bottom: -9px;left: 0px;z-index: -1} #sitecontainer #body .box-med .box-bottom {width: 277px;background: url('../img/box_sml_btm.gif');height: 9px;position: absolute;bottom: -9px;left: 0px;} *html #sitecontainer #body .box-med .box-bottom {background: none;} *html #sitecontainer #body .box-lrg .box-bottom {background: none;} /* BUTTONS --------------------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #body a.btn-left, #sitecontainer #body a.btn-right {width: 120px;height: 32px;display: block;cursor: pointer;text-decoration: none;} #sitecontainer #body a.btn-left {background: url('../img/btn-gen-left.png');} #sitecontainer #body a.btn-right {background: url('../img/btn-gen-right.png');} #sitecontainer #body a.btn-left span, #sitecontainer #body a.btn-right span {display: block;text-align: center;padding-top: 4px;font-size: 1.8em;font-weight: bold;margin-left: 10px;color: #fff;} /* LEFT NAVIGATION ----------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #left-nav {width: 255px;float: left;margin-right: 10px;} #left-nav #listen-live {background: url('../img/listen_live.png');width: 255px;height: 95px;position: relative;color: #000;font-size: 12px;display: block;pointer:cursor;} #left-nav #listen-live{text-decoration: none;} #left-nav #listen-live img{border: 0px;} *html #left-nav #listen-live {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/listen_live.png',sizingMethod='scale');} #left-nav #listen-live #onnow {position: absolute;top: 5px;left: 155px;font-weight: bold;height: 20px;overflow: hidden} #left-nav #listen-live #time {position: absolute;top: 20px;left: 155px;} #left-nav #main-nav {width: 253px;background: url(../img/nav-main-bg.jpg) bottom right repeat-x #f4f9fc;border-right: 1px solid #bcd9ee;border-left: 1px solid #bcd9ee;position: relative;margin-top: 10px;} #left-nav #main-nav #top {position: absolute;top: -5px;left: -1px;background:url(../img/nav-main-top.gif) no-repeat;height: 5px;width: 255px;} #left-nav #main-nav #btm {position: absolute;bottom: -5px;left: -1px;background:url(../img/nav-main-btm.gif) no-repeat;height: 5px;width: 255px;} *html #left-nav #main-nav #btm {position: absolute;bottom: -11px;} #left-nav #main-nav ul {list-style-type: none;color: #002b75;font-size: 1.3em;} #left-nav #main-nav ul li {background:url(../img/nav_div.gif) bottom no-repeat;height:24px;margin: 0px;padding: 0px;} #left-nav #main-nav ul li#last {background:none;} #left-nav #main-nav ul li a {margin-left: 20px;display: block;text-decoration: none;color: #002973;background: url(../img/nav_bullet.png) 90% 60% no-repeat;padding-top: 3px;} #left-nav #main-nav ul li a:hover{background: url(../img/nav_bullet_highlight.png) 90% 60% no-repeat;color: #007DBE;} *html #left-nav #main-nav ul li a:hover{color: #3FBFFF;background: url(../img/nav_bullet.gif) 90% 60% no-repeat;} #left-nav #main-nav ul li a.selected{color: #007DBE;background: none;font-weight: bold;cursor:pointer;} /* tabs */ #left-nav #tab-onair {width: 255px;margin-top: 10px;} #left-nav #tab-onair #label #tab-left {width: 128px;height: 44px;background: url('../img/tab_onair_lft.gif');float: left;} #left-nav #tab-onair #label #tab-right {width: 127px;height: 44px;background: url('../img/tab_onair_rgt.gif') no-repeat bottom left;float: left;} #left-nav #tab-onair #label #tab-right #onair {background: url('../img/tab_listen_live.jpg') bottom right no-repeat;width: 119px;height: 16px;padding-top: 10px;padding-left: 5px;} #left-nav #tab-onair #tab-content {background: url('../img/tab_onair_mid.gif') repeat-y; height:150px;width: 255px;position: relative;} #left-nav #tab-onair #tab-content #top {width: 255px;height: 5px;position: absolute;top: 0px;left: 0px;background: url('../img/tab_onair_top.gif') no-repeat;} #left-nav #tab-onair #tab-content #btm {width: 255px;height: 10px;position: absolute;bottom: 0px;left: 0px;background: url('../img/tab_onair_btm.gif') bottom left no-repeat;} #left-nav #tab-onair #tab-content #tab-content-inner {width: 205px;background: url('../img/tab_bg.jpg');height: 110px;margin: 0 5px;padding: 20px;} /* slideshow */ #left-nav #tab-onair #tab-content #onairtoday {position: absolute;top: 10px;left: 14px;} #left-nav #tab-onair #tab-content #onairtoday li {padding:0;margin:0;list-style:none;} #left-nav #tab-onair #tab-content #onairtoday .next, .prev{cursor:pointer;} #left-nav #tab-onair #tab-content #onairtoday #buttons{margin-bottom:5px;width:225px;} #left-nav #tab-onair #tab-content #onairtoday #buttons a{margin:0px 0px;} #left-nav #tab-onair #tab-content #onairtoday #buttons a.prev {width: 55px;height: 12px;background: url('../img/btn-prev.png');} #left-nav #tab-onair #tab-content #onairtoday #buttons a.next {width: 55px;height: 12px;background: url('../img/btn-next.png');} *html #left-nav #tab-onair #tab-content #onairtoday #buttons a.prev {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/btn-prev.png',sizingMethod='scale');} *html #left-nav #tab-onair #tab-content #onairtoday #buttons a.next {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/btn-next.png',sizingMethod='scale');} #left-nav #tab-onair #tab-content #onairtoday .prev{float:left;} #left-nav #tab-onair #tab-content #onairtoday .next{float:right;} #left-nav #tab-onair #tab-content #onairtoday #slideshow{overflow:hidden;width:228px;} #left-nav #tab-onair #tab-content #onairtoday #slideshow ul{width:3900px;} #left-nav #tab-onair #tab-content #onairtoday #slideshow li{float:left;margin:0px;padding-left: 2px;} #left-nav #tab-onair #tab-content #onairtoday a.tab-title {text-decoration: none;color: #002973;/*background: url(../img/nav_bullet.png) 100% 60% no-repeat;padding-top: 4px;*/display: block;cursor: default;} #left-nav a.email-studio {height: 44px;width: 255px;background: url('../img/email_studio.jpg') top left;display: block;cursor: pointer;margin-top: 6px;} #left-nav a:hover.email-studio {background-position: top right;} #left-nav a.request-song {height: 44px;width: 255px;background: url('../img/request_song.jpg') top left;display: block;cursor: pointer;margin-top: 6px;} #left-nav a:hover.request-song {background-position: top right;} #left-nav a.itstheboss {height: 53px;width: 255px;background: url('../img/itstheboss.gif') top left;display: block;cursor: pointer;margin-top: 6px;} #left-nav #lft-ads {margin-top: 10px;height: 120px;} #left-nav #lft-ads #ad-lft, #left-nav #lft-ads #ad-rgt {float: left;width:120px;height: 120px;} #left-nav #lft-ads #ad-rgt {margin-left: 15px;} *html #left-nav #main-nav ul li a {background: none;background: url(../img/nav_bullet.gif) 90% 90% no-repeat;} /* CONTENT BODY -----------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #body {width:565px;float: left;} /* RIGHT NAVIGATION ----------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #right-ads {width: 120px;float:right;margin-right: 10px;} *html #sitecontainer #right-ads {width: 120px;float:right;margin-right: 5px;} #sitecontainer #right-ads #advert-top-right {width: 120px;height: 120px;/* background: url(../img/ad_sml_right.jpg);*/} #sitecontainer #right-ads #advert-btm-right {width: 120px;height: 600px;/* background: url(../img/ad_lrg_right.jpg);*/margin-top: 10px;} #sitecontainer #right-ads a#advertise {width: 120px;height: 32px;background: url('../img/btn_advertise.jpg') top left;display: block;margin-top: 5px;} #sitecontainer #right-ads a#email {width: 120px;height: 32px;background: url('../img/btn_email.jpg') top left;display: block;margin-top: 5px;} #sitecontainer #right-ads a#email:hover, #sitecontainer #right-ads a#advertise:hover {background-position: top right;} /* MODAL WINDOW ---------------------------------------------------------------------------------------------------------------------------------------------*/ .jqmWindow {display: none;position: absolute;top: 17%;left: 50%;margin-left: -300px;width: 563px;padding: 0px;margin-top: 20px;} .jqmOverlay {background-color: #000;} * html .jqmWindow {position: absolute;top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');} .jqmWindow #mod-top {background: url('../img/mod-top.png');height: 44px;width: 563px;top: 0px;left: -4px;display: block;}# *html .jqmWindow #mod-top {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/mod-top.png',sizingMethod='scale');} .jqmWindow #mod-btm {background: url('../img/mod-btm.png') no-repeat;height: 9px;width: 563px;} *html .jqmWindow #mod-btm {background-image:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='_library/img/mod-btm.png',sizingMethod='scale');} .jqmWindow #close {background: url('../img/mod-close.png');height: 18px;width: 60px;z-index: 99999;} .jqmWindow .jqmClose {cursor: pointer;} .jqmWindow .jqmContent {position: relative;width: 535px;padding: 10px;background: url('../img/mod-bg.jpg') repeat-x #bedaef;margin-top: 0px;border-right: 4px solid #0062ac;border-left: 4px solid #0062ac;} .jqmWindow h1 {position: absolute;top: 9px;left: 15px;text-decoration: none;} .jqmWindow .validate p {color: #ff0000;} .jqmWindow .done {display: block;} .jqmWindow #formsubmitted {display: none;} .jqmWindow #formnotsubmitted {display: block;} /* FOOTER -----------------------------------------------------------------------------------------------------------------------------------------------*/ #sitecontainer #footer {margin-top: 22px;height: 80px;position: relative;} *html #sitecontainer #footer {margin-top: 15px;} #sitecontainer #footer #stationpartners{color: #007cbe;font-size: 1.7em;font-family: 'Arial Black',Arial, Helvetica, sans-serif;line-height: 1em;text-align: right;position: absolute;top: 20px;left: 30px;} #sitecontainer #footer #addthis {position: absolute;right: 30px;top: 30px;} #sitecontainer #footer #partners {width: 538px;height: 30px;background: url('../img/partners.gif');top: 25px;position: absolute;left: 200px;} #sitecontainer #footer .footerdiv {background: url('../img/footerdiv.gif');width: 2px;height: 52px;} #sitecontainer #credits {margin-top: 15px;font-size: .8em;color: #fff;position: relative;margin-bottom: 10px;} #sitecontainer #credits #right {float: right} #sitecontainer #credits #links a {text-decoration: none;} #sitecontainer #credits #links {position: relative;top: 0px;left: 20px;color: #3C88C1} #sitecontainer #credits #left {float: left;}