/* main page elements. */
    
html {
    height: 100%;
}
body {
    font-family: "trebuchet ms", arial, helvetica, sans-serif;
    color: white;
    margin-top: 0px;
    padding-top: 0px;
    background-color: black;
    background-image: url('/images/bg1.png');
    background-repeat: repeat-x;

    height: 100%;
    font-size: 10pt;
}
.super {
    vertical-align: 30%;
    font-size: 11pt;
}
#nonfooter {
    position: relative;
    margin-top: 0px;
    min-height: 100%;
}
* html #nonfooter {
    height: 100%;
}

/* surrounds all content not in the footer */
#container {
    min-width: 800px;
    max-width: 1280px;
    margin: 10px auto;
    margin-top: 0px;
    background-color: transparent;
    color: #fff;
    line-height: 130%;
}

/* top banner */
#top {
    z-index: 100;
    padding-top: 5px;
    color: white;
    height: 140px;
    margin-right: 23px;
    margin-left: auto;
    padding-bottom: 0px;
    background-color: transparent;
    border-right: solid 1px #444;
}
#top img{
    border: none;
    padding: 0px;
    margin: 0px;
    display: inline;
}
/* second level banner section */
#top2 {
    padding-top: 0px;
    height: 155px;
    padding-right: 5px;
}
#status_list a, .mix_list a{
    text-decoration: none;
    color: #fe0000;
}
.mix_list{
    border: solid 1px #454545;
    border-top: none;
    position: absolute;
    margin-left: 135px;
    padding-right: 20px;
    z-index: 100;
    background-color: #121212;
}
.mix_list h3{
    display: inline;
    font-weight: normal;
    font-family: impact;
    padding-left: 10px;
}
    
.mix_list ol{
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.mix_list li{
    padding-right: 5px;
}
.dialog_bottom{
    padding-top: 0px;
    margin-top: 3px;
    background-color: transparent;
    text-align: right;
    width: 100%;
}
.dialog_close{
    margin-left: auto;
    margin-right: -20px;
    width: 55px;
    text-align: center;
    height: 25px;
    vertical-align: middle;
    background-color: #121212;
}
#top2 h4 {
    display: inline;
    padding-right: 10px;
    letter-spacing: -1px;
    font-size: 11pt;
    color: #eee;
}
.now_playing{
    margin-top: 0px;
    padding-top: 0px;
    margin-top: -15px;
}

#nptop{
    color: black;
    font-size: 13pt;
    padding-bottom: 10px;
    padding-top: 5px;
    letter-spacing: -1px;
}
h5{
    display: inline;
    padding-left: 50px;
}

/* links panel */
#panel_right{
    background-image: url('/images/panel_corner_new2.png');
    background-position: top right;
    background-color: black;
    background-repeat: no-repeat;
    width: 70px;
    height: 48px;
    float: right;
    position: relative;
}
#panel_left{
    background-image: url('/images/panel_corner_new.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 70px;
    height: 48px;
    float: left;
    margin-left: -23px;
}
#panel {
    z-index: 1;
    margin-left: auto;
    margin-right: auto; 
    height: 48px;
    width: 100%;
    min-width: 800px;
    max-width: 1280px;
    white-space: nowrap;
    background-image: url('/images/panel_center2.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-color: black;
    margin-bottom: 0px;
    margin-top: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#static_footer{
    width: 90%;
    min-width: 800px;
    max-width: 1280px;
    margin: 10px auto;
    position: relative;
    margin-top: -30px;
}
#footer a{
    text-decoration: none;
    color: red;
    font-size: 8pt;
    font-weight: bold;
    padding-left: 10px;
}
.adsense{
    width: 100%;
    min-width: 800px;
    max-width: 1280px;
    height: 60px;
    padding-top: 15px;
    margin: auto;
    margin-top: -5px;
    padding-bottom: 5px;
    text-align: center;
    border-left: solid 1px #454545;
}
#footer {
    z-index: 1;
    margin-left: auto;
    margin-right: auto; 
    height: 48px;
    width: 100%;
    min-width: 800px;
    max-width: 1280px;
    white-space: nowrap;
    background-image: url('/images/panel_center2.png');
    background-position: 0px 0px;
    background-repeat: repeat-x;
    background-color: black;
    margin-top: -20px;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
    font-size: 9pt;
    letter-spacing: -.1px;
    color: white;
}
#footer_inner a{
    color: white;
}
#footer_inner{
    margin-left: auto;
    margin-right: auto;
    padding-top: 7px;
    text-align: center;
    width: 80%;
    line-height: 10pt;
    float: left;
}
    
#footer_right{
    background-image: url('/images/footer_right.png');
    background-position: top right;
    background-color: black;
    background-repeat: no-repeat;
    width: 70px;
    height: 48px;
    float: right;
}
#footer_left{
    background-image: url('/images/new_footer.png');
    background-position: 0px 0px;
    background-repeat: no-repeat;
    width: 70px;
    height: 48px;
    float: left;
    margin-left: -23px;
}
/*#footer_left{
    background-image: url('/images/footer_corner.png');
    background-position: top left;
    width: 45px;
    height: 20px;
    float: left;
}*/
#panel2_inner{
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #121212;
    border: solid 1px #454545;
    border-top: none;
    margin-top: -5px;
    z-index: 2;
}
#panel_links img{
    border: none;
    width: 12px;
    height: 12px;
}
#panel_links{
    margin-top: 15px;
    float: left;
}
#panel2{
    padding-left: 46px;
    margin-top: 0px;
    width: 70%;
    white-space: nowrap;
    border-left: solid 1px #454545;
}
#dj_panel a, #profile_panel a, #account_panel a, #panel2_inner a, #panel_links a{
    padding-left: 2px;
    padding-right: 3px;
}
.panel_divider{
    font-size: 10pt;
    color: #454545;
}
#dj_panel a:hover, #profile_panel a:hover, #account_panel a:hover, #panel2_inner a:hover, #panel_links a:hover{
    color: red;
}
/* right column */
#rightnav {
    float: right;
    width: 180px;
    margin: 0px;
    padding: 1em;
}
#rightnav p { 
    margin: 0em 0em 1em 0em;
}
#rightnav a {
    text-decoration: none;
    font-size: 10pt;
    color: red;
}

/* login box */
#login {
    background: url('/images/newbox.png') top right no-repeat;
    width: 180px;
    height: 90px;
    padding-top: 20px;
    margin-bottom: 10px;
    margin-left: 10px;
    font-size: 8pt;
}
#login_inside {
    width: 170px;
    text-align: right;
}
.luser {
    color: white;
    background-color: black;
    border: solid 1px #454545;
    width: 105px;
    margin-right: 5px;
    margin-top: 1px;
}
.lpass {
    color: white;
    background-color: black;
    border: solid 1px #454545;
    border-top: none;
    width: 105px;
    margin-right: 5px;
    margin-top: 0px;
}
.lbutton {
    color: white;
    background-color: black;
    border: solid 1px #454545;
    width: 50px;
    font-size: 8pt;
    margin-right: 5px;
    margin-top: 5px;
}
/* full size page content (no leftnav div) */
    
#full_content {
    padding-top: 5px;
    padding-right: 20px;
    padding-left: 10px;
    margin-right: 1px;
    margin-left: -5px;
    border-left: solid 1px #444;
    min-height: 500px;
}

/* left column, main content div */
#page_heading{
    padding-left: 40px;
    background-image: url('/images/bullet.png');
    background-repeat: no-repeat;
    background-position: top left;
    margin-top: 10px;
    margin-bottom: 10px;
    height: 30px;
    padding-top: 5px;
}
#page_heading h1{
    font-family: impact;
    color: #CF0000;
    display: inline;
    border-bottom: solid 1px #444;
    font-size: 16pt;
    font-weight: normal;
    letter-spacing: .5px; 
}
#page_content p{
    padding: 0px;
    margin: 0px;
    margin-top: 10px;
    color: #eee;
    font-size: 11pt;
    max-width: 50em;
    margin-bottom: 20px;
}
#page_content .tlist td a:hover{
    color: white;
}
#page_content .tlist th a{
    text-decoration: none;
    font-size: 9pt;
    color: white;
}
#page_content a, #top2 a {
    padding-left: 4px;
    text-decoration: none;
    color: #fe0000;
}
#page_content{
    padding-left: 40px;
}
#page_content h3 {
    font-family: impact;
    display: inline;
    margin: 0px;
    padding: 0px;
    font-size: 12pt;
    padding-top: 2px;
    padding-right: 6px;
    border-bottom: solid 1px #454545;
    letter-spacing: .5px;
    font-weight: normal;
    color: #fff;
}    
#content {
    clear: left;
    padding: 1em;
    min-height: 640px;
    padding-top: 5px;
    padding-right: 15px;
    text-align: left;
    margin-left: -5px;
    border-left: solid 1px #444;
}

/* user notice box */
.notice {
    font-size: 12pt;
    color: red;
    border-left: solid 1px #444;
    padding-left: 55px;
    width: 50%;
}
#cal_header {
    display: inline;
    padding-left: 25px;
    font-size: 11pt;
    font-weight: bold;
}
#cal_header a {
    font-size: 10pt;
    font-weight: bold;
    color: red;
    text-decoration: none;
}

/* box for right column content */
.navbox {
    width: 180px;
    height: 140px;
    margin-top: 0px;
    background-image: url('/images/newbox.png');
    background-position: top right;
    background-repeat: no-repeat; 
    padding: 5px;
    padding-top: 16px;
}

/* registration page content */
#register_form {
    padding-left: 50px;
}
select, option, textarea, input {
    color: white;
    background-color: black;
    border: 1px solid #454545;
}
td {
    padding-left: 5px;
    padding-right: 5px;
}
#month th{
    padding: 5px;
    padding-bottom: 2px;
    text-align: center;
    border-bottom: solid 1px #454545;
    border-top: solid 1px #454545;
    background-image: url('/images/mixbg2.png');
    background-position: top left;
    background-repeat: repeat-x;
}
#month {
    background-color: black;
    width: 1200px;
    font-size: 8pt;
}
.cal_time a{
    color: #fe0000;
    text-decoration: none;
}
#month td {
    height: 160px;
    width: 150px;
    font-size: 8pt;
    line-height: 90%;
    overflow: hidden;
    border-bottom: solid 1px #232323;
    border-left: solid .5px #232323;
    letter-spacing: -.1px;
    background-position: top right;
}
.nplist{
    white-space: nowrap;
    line-height: 12pt;
    margin-top: 10px;
}
.nplist th{
    white-space: nowrap;
    color: white;
    padding: 5px;
    font-size: 12pt;
    height: 25px;
    padding-bottom: 5px;
    text-align: left;
}
.nplist td{
    border-bottom: solid 1px #333;
    font-size: 10pt;
    line-height: 10pt;
    vertical-align: top;
}
.clist, .tlist{
    width: 95%;
    margin-top: 10px;
    border: solid 1px #454545;
    border-bottom: none;
}
.clist th a, .clist td a, .tlist th a, .tlist td a{
    text-decoration: none;
    font-size: 11pt;
    color: red;
}
.clist a:hover, .tlist a:hover{
    color: red;
}
.clist th, .tlist th{
    font-family: impact;
    white-space: nowrap;
    padding: 5px;
    height: 35px;
    padding-bottom: 3px;
    text-align: left;
    border-bottom: solid 1px #454545;
    background-image: url('/images/mixbg2.png');
    background-position: top left;
    font-size: 13pt;
    letter-spacing: .5px;
    font-weight: normal;
    color: #eee;
    background-repeat: repeat-x;
}
.tilst th select, .tlist th option{
    font-size: 9pt;
    margin-bottom: 5px;
}
.tlist th select, .tlist th input{
    background-color: black;
    color: white;
    margin-bottom: 5px;
    font-size: 9pt;
    border: solid 1px #454545; 
}
.tlist th option{
    border: none;
    font-size: 9pt;
}
.tlist td{
    border-right: solid 1px #232323;
    border-bottom: solid 1px #121212;
    padding-top: 4px;
    padding-bottom: 7px;
    vertical-align: top;
    padding-right: 5px;
}
/*#account{
    float: left;
}
#account a{
    margin: 0px;
    font-size: 10pt;
    padding-top: 2px;
    padding-right: 10px;
    padding-left: 10px;
    border-top: solid 1px #454545;
    border-left: solid 1px #454545;
    border-right: solid 1px #454545;
    padding-bottom: 5px;
    letter-spacing: .1px;
    font-weight: normal;
    color: #eee;
}
#account .space{
    border-bottom: solid 1px #454545;
    padding: 0px;
    padding-bottom: 5px;
    margin: 0px;
}
.outer{
    margin-right: 20px;
    position: relative;
}
#account2{
    width: 120px;
    border-bottom: solid 1px #454545;
    padding-bottom: 4px;
    margin-left: 290px;
}
.account_table{
    border-left: solid 1px #454545;
    border-right: solid 1px #454545;
    padding-bottom: 20px;
    border-bottom: solid 1px #454545;
    padding-top: 20px;
    margin-top: -20px;
    padding-left: 10px;
    width: 410px;
}*/
.toggle{
    padding: 3px;
}
#userdiv{
    margin-right: 10px;
    font-size: 9pt;
    color: #454545;
}
.average{
    border-left: none;
    white-space: nowrap;
    color: red;
    font-size: 16pt;
    padding-left: 0px;
    font-weight: bold;
    text-align: right;
    padding-right: 5px;
}
.comment_meta{
    font-size: 9pt;
    padding-right: 10px;
    text-align: right;
    padding-top: 20px;
    color: #999;
    padding-bottom: 5px;
    border-bottom: solid 1px #454545;
}
.comment_subject{
    padding-top: 20px;
    font-size: 11pt;
    padding-bottom: 5px;
    padding-left: 10px;
    border-bottom: solid 1px #454545;
    font-style: italic;
}
.comment_text{
    padding-left: 20px;
    padding-right: 5px;
    padding-top: 10px;
    padding-bottom: 20px;
}
#stream_status{
    width: 120px;
    padding: 0px;
    margin: 0px;
}
.status_message{
    width: 120px;
    text-align: right;
    font-size: 10pt;
    color: #454545;
    font-weight: bold;
    height: 90px;
    vertical-align: bottom;
    padding-top: 40px;
}
#stream_status_inner{
    width: 120px;
    padding: 0px;
    margin: 0px;
}
#dj_panel a, #profile_panel a, #account_panel a, #panel2_inner a, #panel a {
    color: #eee;
    text-decoration: none;
    font-size: 11pt;
    letter-spacing: -.7px;
    font-weight: normal;
}
#dj_container{
    height: 100px;
    border-left: solid 1px #454545;
    margin-top: -5px;
}
#p_container, #ap_container{
    border-left: solid 1px #454545;
}
#dj_panel2{
    height: 95px;
}
#dj_panel{
    line-height: 11pt;
    padding-top: 5px;
    padding-left: 15px;
    color: #eee;
    border: solid 1px #454545;
    background: url('/images/dj_panel.png');
    background-repeat: repeat-x;
    background-color: #323232;
    border-top: none;
    width: 85%;
    margin-left: 46px;
    margin-bottom: 5px;
    white-space: nowrap;
}
#profile_panel, #account_panel{
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    background-color: #121212;
    color: #eee;
    border: solid 1px #454545;
    border-top: none;
    width: 60%;
    margin-left: 47px;
    white-space: nowrap;
    z-index: 2;
}
#page_links a{
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 2px;
    font-size: 9pt;
    padding-bottom: 2px;
    border: solid 1px #454545;
    background-color: black;
    margin-left: 3px;
    color: #ccc;
    text-decoration: none;
    position: relative;
    font-family: arial;
}
#page_links{
    margin-bottom: 5px;
}
#page_links a:hover{
    color: red;
}
textarea {
    font-size: 11pt;
}
#message_links{
    font-family: arial;
    color: #666;
    font-size: 9pt;
}
#message_links a{
    color: red;
    padding-right: 8px;
}
.alt_row{
    background-color: #121212;
}
#inner_table td{
    height: 10px;
    line-height: 10px;
    border: none;
}
.plist{
    list-style-type: none;
}