html, body, #wrap {
    height: 100%;
    font: 14px/1.5 Georgia, "Hiragino Mincho Pro", serif; 
}

html {
    background: url("/media/ui/background.gif") center top;
    /*overflow: hidden;
    position: relative;*/
} /* If we set bg in #wrap div, it's not rendered properly in IE7 */

#scaleBGimg {
    position:fixed;
    top:0;
    left:0;
    z-index:-100;
    width:100%;
    height:auto;
}

p {    margin-bottom: 0.5em; color: #222; }

#measurer {
    position:absolute;
    left:0;
    top:-1em;
    visibility:hidden;
    width:100%;
    height:1em;
    line-height:1em;
    background:white;
}

body > #wrap {height: auto; min-height: 100%;}

#wrap {    padding: 0; }

#head-radio-list {
    height:108px; 
    width:150px; 
    margin:21px -2px 0 8%;
    float:left;
    position: relative;
    z-index: 100;
}

#radio-icon {
    height:108px;
    width:108px; 
    float:left; 
    background: url('/media/ui/radio-icon-bg.png') no-repeat;
    margin:21px 10px 0 0;
}

#radio-icon-pic {
    width:82px; 
    height:82px; 
    background:url('/media/ui/radio-icon-sprites.png') no-repeat;
    background-position: 0 0; 
    margin: 14px auto 0 auto;
}

#head-radio-list .label p {
    line-height: 27px;
    margin:0 0 0 0;
    padding:0;
    font-size: 115%;
    background-repeat: repeat-x;
}

#head-radio-list .label p a {
    text-decoration: none;
    border-bottom: 1px dashed;
}

#head-radio-list .label p a:link { color: #c83167; }

#head-radio-list .label { 
    padding: 0 0 0 5px; 
    background-repeat: no-repeat; 
}

#header-radio-schedule {
    overflow:hidden;
    height:115px;
    margin:0;
    padding: 17px 0 0 0;
}

#listen-link {
    font-style: italic;
    font-size: 80%;
    text-shadow: #fff 1px 1px;
    margin: 0 0 12px 0;
}
#listen-link a:link, #listen-link a:visited {
    color: #4373df;
}

#ratingSuggest {
    border:0; 
    width:100%; 
    padding:10px 5px;     
    color:#ccc; 
    font-size:120%;
    outline:none; 
}

#schdContainer {
    white-space: nowrap;
    displaY:inline-block;
}

.schd {
    display: inline-block;
    margin: 0 2em 0 5px;
    line-height: 1.2em;
    vertical-align: middle;
}

#schdVerticalAligner {
    width:0; 
    height:60px; 
    line-height:60px; 
    display:inline-block; 
    vertical-align:middle;
}

.schd-image {
    width:60px; 
    height:60px; 
    vertical-align:middle;
}

.schd .schd-a {
    font-weight: bold;
}

.schd-a, .schd-t {
    display:block;
}

.schd .schd-t {
    font-size: 80%;
    font-style: italic;
}

.schd a:link, .schd a:visited {
    color: #506b78;
}

.schd a:hover {
    color: #f65700;
}

.sides-v {
    background: url('/media/ui/layout-sides-v.png') repeat-y;
}

.sides-v-top {
    background: url('/media/ui/layout-sides-v-top.png') repeat-y;
}

#main {
    padding: 0 0 130px 0;
    margin: 0 auto;
    min-width: 630px; /* body + header */
} 

#body-wrap {
    margin: -33px auto 0 auto;
    padding: 0 15px;
    max-width: 1200px; /* do not constrain header width */
}

.balloonSuccess {
    border: 1px solid green;
    padding:3px 15px;
    background: #e7f7d4;
    margin-bottom: 1em;
}

.balloonError {
    border: 1px solid #c5442e;
    padding:3px 15px;
    background: #eddfdc;
    margin-bottom: 1em;
}

#main-inner {
    margin: 0;
    position: relative;
}

.corner {
     background: url('/media/ui/layout-corners.png') no-repeat; 
     width: 50px;
     height: 50px;
}

.tl {background-position: top left; float:left;}
.tr {background-position: top right; float:right;}
.bl {background-position: bottom left; float:left;}
.br {background-position: bottom right; float:right;}

.border-h {
    height:50px; 
    overflow: hidden;
}

.border-h img {
    height:50px; 
    width: 100%; 
    border: 0;
}

form p.label {
    font-size: 80%;
    margin: 15px 0 3px 0;
    border-bottom: 1px dashed #bbb;
    border-left:8px solid black;
    padding-left:4px; 
    color: #222;
}

#baloon-err {
    position:absolute; 
    left:15%;
    width: 50%; 
    margin-top: -2px; 
    display: none;
}
#baloon-err .err-pointer {
    background: url('/media/ui/error-pointer.png') no-repeat; 
    width: 13px; 
    height:7px; 
    margin-left: 15%;
}

#baloon-err .err-messg {
    background: #c5442e;
    font-size:80%;
    color:white;
    padding: 2px 5px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    -khtml-border-radius:3px;
    border-radius:3px;
}

#content-container {
    background:white; 
    margin: 0 50px;
    overflow: hidden;
}

#radiohead-container {
    background: url('/media/ui/headerbg.png') repeat-x; 
    margin: 0;
    height:184px;
    overflow: hidden;
    position: relative;
    z-index: 100;
}

p.small-nav {
    font-size:80%;
}

#search {
    background: #ede630;
    padding:10px;
    position:relative;
    overflow: hidden;
    margin: 0;
}

#search input {
    line-height:30px;
    height:30px;
    border: 1px solid #f0b65a;
    width: 100%;
    text-indent: 1em;
    color:#c4bfb0;
/*    color:#7b4023; */
}

#contentl {
    float: left;
    text-align: left;
    width: 30%;
    min-width: 150px;
    padding-right: 10px;
    margin-right: 10px;
    overflow:hidden;
}

div.newsblock {
/*    border-bottom: 2px solid #ebebeb; */
    margin-bottom: 10px;
}

#news-block-container {
    max-width: 600px;
    margin: 0 auto;
}

#page-body-content-simple div.newsblock {
    overflow: hidden;
    margin: 0 auto 1em auto;
    border: 0;
    width: 100%;
    text-align:left;
}

#page-body-content-simple h1 {
    font-size:140%;
    color: #0e7cec;
    margin-bottom: 1em;
}

#page-body-content-simple div.newsblock div, #page-body-content-simple div.newsblock div p {
    font-size: 100%;
}

div.newsblock h2 {
    font-family: ptsansnarrowbold;
    font-size: 120%;
    margin: 0 0 5px 0;
    line-height: 90%;
}

div.newsblock p.timestamp {
    color:#8071a6;
    display: inline-block;
    border-bottom: 1px dotted #999;
    font-size: 70%;
    margin: 0 0 0 1.3em;
}

div.newsblock div em {
    font-style: italic;
}
div.newsblock div.performers {
    font-size: 100%;
}
div.newsblock div strong {
    font-weight: bold;
}
/*div.newsblock div {

} */

div.newsblock div, div.newsblock div p {
    color:#555;
    font-size: 85%;
}

#contentl h1 {
    font-family: ptsansnarrowbold;
    font-size:24px;
    color: #4ece81;
    border-bottom: 1px solid #ddd; 
    margin-bottom: 0.5em;
    line-height: 0;
}

#contentr {
    background: #fff;
    margin: 20px 0 0 0;
    text-align:left;
}

#contentr-inner h1 {
    font-family: ptsansnarrowbold;
    font-size:24px;
    color: #51009c;
    margin-bottom: 0.5em;
    line-height: 0;
}

#contentr-inner {
    overflow:hidden;
    padding-left: 30px;
}

#radio-wrap {
    overflow: hidden;
}

#radios {
    width:25%;
}

#radios div.outer {
    width:400%;
}

#radios div.inner {
    float: left;
    width: 25%;
    text-align: center;
    overflow: hidden;
}

#radios div.inner .radio-queue-cell {
    white-space: nowrap;
    overflow:hidden;
    color: #999; 
    height: 1.5em;
    font-size: 11px;
    text-align: left; 
    padding: 1px 6px;
    text-overflow:ellipsis;
    background: #4a4a4a;
    position: relative;
}

.radio-queue-cell b {
    color:#bbb;
}

.radio-queue-cell div {
    position: absolute;
    overflow:hidden; 
    top: 0;
    width: 5px; 
    height: 5px; 
    background: url('/media/ui/radio-queue-corners.png') no-repeat;  
}
div.radio-queue-cell div.left { left: 0; }
div.radio-queue-cell div.right { right:0; background-position: right top; }

div.radio-image {
    overflow: visible;
    margin: 0 auto 10px auto;
    width: 94px;
    height: 108px;
}

div.radio-image img {
    width: 110px;
    height: 126px;
    margin-left:-7px;
}

/* .r1 {background: url("/media/ui/radio-icon-nat.png");}
.r2 {background: url("/media/ui/radio-icon-kab.png");}
.r3 {background: url("/media/ui/radio-icon-sol.png");}
.r4 {background: url("/media/ui/radio-icon-zol.png");}
*/

.maincontent * a { color:#0f58b2; }
.maincontent * a:link { color:#0f58b2; }
.maincontent * a:visited { color:#0f58b2; }
.maincontent * a:hover { color:#9963eb; }
.maincontent * a:active { color:#0f58b2; }

a.inactive { color:#aaa; text-decoration: none; }
a.inactive:link { color:#aaa; }
a.inactive:visited { color:#bbb; }
a.inactive:hover { color:#598db9;  text-decoration: underline; }
a.inactive:active { color:#aaa; }

#container-body-navigation {
    margin: 1em 0;
    overflow: hidden;
    clear: both;
}

#container-body-navigation * a { color:#8ab8db; text-decoration: none; }
#container-body-navigation * a:link { color:#8ab8db; }
#container-body-navigation * a:visited { color:#8ab8db; }
#container-body-navigation * a:hover { color:#417db4; border-bottom: 2px solid #db8f0a; }
#container-body-navigation * a:active { color:#8ab8db; }

.radio-queue-cell a { text-decoration: none; }
.radio-queue-cell a:link { color:#e6e4be; }
.radio-queue-cell a:visited { color:#d4d4d4; }
.radio-queue-cell a:hover { color:#fff; border-bottom: 2px solid #ff8c10; }
.radio-queue-cell a:active { color:#8ab8db; }

#container-body-navigation ul {    
    text-align: right;
}

#container-body-navigation ul li {
    display:inline;
    list-style:none;
    font-size: 24px;
    font-weight: bold;
    color:#526174;
    font-family: ptsansnarrowbold;
}

#container-columns {
    overflow:hidden;
/*    background: #ebebeb;    */
}
#container-columns:after { content: "."; display: block; height: 0px; line-height:0; clear: both; visibility: hidden; }
#container-columns { display: inline-block; } /* do not combile with next */
#container-columns { display: block; }

#footer {
    position: relative;
    margin-top: -125px; /* negative value of footer height */
    height: 125px;
    padding: 0 38px;
    font-size: 75%;
    overflow:hidden;
    text-align: center;
}

#footer-container {
    min-width:554px; 
    max-width:1154px;
    margin: 0 auto; 
}

.footer-corner {
    width:10px; 
    height:100px; 
    background:url('/media/ui/footer-bg-corners.png') top no-repeat;
}
.footer-left {background-position: left; float: left;}
.footer-right {background-position: right; float: right;}

#footer-stripe {
    height:100px; 
    width: 100%;
    overflow: hidden;
    color: #333;
    display: table; 
    table-layout: fixed;
    position: static;
    background:url("/media/ui/footer-bg.gif");
    margin: 0 auto;
    text-shadow: #e5e5e5 1px 1px;
}

#footer-stripe-outer {
    display: table-cell; 
    padding:0 30px;
    vertical-align: middle; 
    text-align: center;
}

#scheduleMain {
}

div.scheduleItem {
    text-align: right;
    margin-bottom: 4px;
}

div.crn5px {
    position: absolute;
    background: url("/media/ui/corners-whitebg-5px.png") no-repeat;
    width: 5px;
    height: 5px;    
}

div.topleft {left:0; top:0; background-position: 0px 0px;}
div.topright {right:0; top:0; background-position: -5px 0;}
div.bottomleft {left:0; bottom:0; background-position: 0px -5px;}
div.bottomright {right:0; bottom:0; background-position: -5px -5px;}

div.scheduleItem .artist {
    /*font-size: 120%;*/
    padding: 2px 10px 3px 10px;
    background: #e4e4e4;
    font-weight: bold;
    color: #444;
    margin: 0;
    line-height: 1.1em;
    overflow: hidden;
    position:relative;
}
div.scheduleItem .title {
    padding: 2px 10px 3px 10px;
    background: #f2f2f2;
    margin:0;
    line-height: 1.1em;
    font-size: 80%;
    color: #555;
    overflow: hidden;
    position:relative;
}

a.noopen { text-decoration: none; border-bottom: 1px dotted; }

#shoutbox-container {
    top: -389px;
    right:5%;
    width:242px; 
    position: absolute; 
    z-index: 1000;
    text-align: left;
    font-family: sans-serif;
}
#shoutbox-messg-container {
    height:320px;
    background: #333;
    border-left:1px #d77e28 solid;
    border-right:1px #d77e28 solid;
    position: relative;
    line-height: 1em;
    overflow: hidden;
}

#shoutbox-messg-wrapper {
    position: absolute;
    bottom: 0;
    color: #ccc;
    font-size: 80%;
    width:100%;
}

div.shoutbox-message {
    padding: 2px 5px;
}

div.shoutbox-message b {
    color: #ebebeb;
}

.messg-odd {
    background: #3e4746;
}

.messg-even {
    background: #313c44;
}

#shoutbox-controls-container {
    background: #000;
    border-left:1px #d77e28 solid;
    border-right:1px #d77e28 solid;
    overflow: hidden;
    text-align: left;
    padding: 2px 0 2px 4px;
}

#shoutbox-textarea-container {
    width: 192px;
    height:34px;
    overflow: hidden;
    padding: 3px 2px 3px 2px;
    display: inline-block;
    vertical-align: bottom;
    margin: 3px 2px 0 0;
    background: url('/media/ui/shoutbox-input-background.png') 0 -21px no-repeat;
}

#shoutbox-submit {
    height:34px;
    vertical-align: bottom;
    margin: 0 0 2px 0;
    padding: 0 4px;
}

#shoutbox-controls-container textarea, #shoutbox-input-container input {
    font-size: 11px;
    font-family: sans-serif;
    background: url('/media/ui/blank.gif'); /*makes input focusable in IE7-8*/
    outline: 0;
    border: 0;
    width: 100%;
    overflow: hidden;
    color: #888;
    display: inline-block;
    resize:none; /*turn off chrome textarea resizing*/
}

#shoutbox-input-container {
    width: 192px;
    height:16px;
    line-height:15px;
    overflow: hidden;
    padding: 0px 6px 3px 6px;
    margin: 3px 2px 0 0;
    background: url('/media/ui/shoutbox-input-background.png') no-repeat;
}

#shoutbox-handle-container {
    height:15px;
    background: url('/media/ui/shoutbox-handle.png') bottom no-repeat;    
    cursor: pointer;
}

.voteSong {
    margin: 10px 0 0 0;
    padding: 0;
    line-height: 1em;
    position: relative;
    clear:both;
}
.statVoteRegion {
    float: right;
    width: 75px;
    white-space:nowrap;
    text-align: center;
    font-family:Tahoma, Geneva, sans-serif;
}
.placeVoteRegion {
    overflow:hidden;
    line-height:0.75em;
    margin-top:5px;
    color:white;
    width:2em;
    margin:5px auto 0 auto;
    text-align:center;
}
.voteSong-artist {
    font-weight:bold;
    color: #C00;    
}
.voteSong-title {

}

#paginator {
    text-align: center;
}

.paginator-arrow {
    color:#ccc;
    padding: 0 5px;
    font-weight: bold;
    font-size: 1.5em;
    vertical-align: top;
    position: relative;
    bottom: -2px;
}

.paginator-arrow a { text-decoration: none;}

.form-progress-msgbox { 
    width:300px; 
    height: 200px; 
    background:url(/media/ui/msgbox.png) no-repeat; 
    position:fixed; 
    top:40%; 
    z-index:1000; 
    left:50%; 
    margin-left:-150px;
    display:none;
}
.msgbox-aligner {
    height:200px;
    width:0;
    display:inline-block;
    vertical-align:middle;
}
.msgbox-txt {
    display:inline-block;
    vertical-align:middle;
    margin-left:20px;
    color:#272727;
}

.voteSongPlaying {
    color: red;
    padding-left:18px;
    background:url(/media/ui/votePlayerControls.png) no-repeat left top;
}

/* CLEAR FIX*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */