* { padding: 0; margin: 0; }

/* Defaults */
HTML { height:100%; width:100%; }

body, #bg{
    text-align: center;
    font: 9px Verdana;

    color: #666;
    height: 100%;
}

.bgnd{
    background: #FFF url(../imgs/bg_bodytile.jpg) repeat-x top center;
}

IMG { border: 0; }

STRONG { font-weight: bold; color: #000; }

.clear { clear: both; line-height: 0;}

OL { padding-left: 25px; }

a {
    font-weight: bold;
    color: #F60;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}

/* main */

DIV.holder {
    width: 801px;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
    position: relative;
}

/* nickshack button */

DIV.nickshack {
    height: 36px;
    text-align: right;
}

DIV.nickshack IMG { padding-top: 10px; }

/* subscribe */

DIV.subscribe {
    height: 74px;
    text-align: center;
}

DIV.subscribe IMG { padding-top: 18px; }

/*  main holding div */

#main {
    position:relative;
    height: 690px;
}

DIV.main-bgnd{
    background: url(../imgs/bg_main.gif) no-repeat;
}


/* content holder - everything below this is content related */

DIV.content {
    width: 738px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 36px;
}

/* navigation */
DIV.nav {
    /* padding-top: 36px; */
    height:40px;
}

DIV.nav IMG { float: left; }

DIV.nav IMG.button { padding-top: 9px; cursor: pointer; }

#bar {
    text-align: center;
    margin-bottom: 6px;
    width:736px;
    height:12px;
}

.bar-bgnd {
    background: url(../imgs/bar_broadbandtv.gif) bottom left repeat-x;
}

/* columns */

DIV.col1 {
    float: left;
    position:relative;
    width: 424px;
    /*border:1px solid red;*/
}

DIV.col2 {
    float: right;
    width: 309px;
    background-color: #FFF;
    text-align: center;
}

/* column1 */

DIV.flash {
    position: relative;
    height: 360px;
    background-color: #FFF;
    margin-bottom: 6px;
    text-align: center;
    background: url( ../imgs/turbonick_playerarea.jpg ) no-repeat top left;
}

DIV.tunein {
    height: 157px;
    width: 231px;
    background-color: #FFF;
    float: left;
    display: block;
}

DIV.tunein STRONG { font: bold 11px Verdana; }

DIV.tunein A {
    font: bold 11px Verdana;
    color: #F60;
    text-decoration: none;
    cursor: pointer;
}

DIV.tunein A:hover {
    font: bold 11px Verdana;
    color: #F60;
    text-decoration: underline;
    cursor: pointer;
}

DIV.advert {
    width: 187px;
    height: 157px;
    background: #FFF;
    float: right;
    text-align: center;
    padding:0px;
    margin:0px;
}

#bday{
    display:block;
}

/* unick */

DIV.unick {
    height: 157px;
    width: 231px;
    background-color: #FFF;
    float: left;
    display: none;
}

DIV.hidden_tunein {
    height: 157px;
    width: 231px;
    background-color: #FFF;
    float: left;
    display: none;
}

/* column 2 */
#np {
    margin-left: auto;
    margin-right: auto;
    width: 305px;
    height: 102px;
    text-align: left;
    margin-bottom: 4px;
}

DIV.nowplaying {
    color: #F60;
    background: #FFEBE0 url(../imgs/bg_nowplaying.jpg) repeat-x bottom left;
}
DIV.nowplaying STRONG { font: bold 11px Verdana; color: #F60; }



#ttl-nowplaying{
    width: 305px;
    height: 21px;
    text-align: left;
    margin-bottom: 4px;
}
.ttl-np{
    color: #F60;
    background: #FF6600 url(../imgs/bar_nowplaying.gif) no-repeat;
}



DIV.playlist {
    width: 305px;
    height: 417px;
    overflow: auto;
    margin-left: auto;
    margin-right: auto;
    text-align: left;
}

DIV.video {
    background: url(../imgs/bg_video.jpg) repeat-x top left;
}

DIV.video STRONG { font: bold 11px Verdana; }

/**/
DIV.video-on {
    background: url(../imgs/bg_video.jpg) repeat-x top left;
    color: #F60;
    cursor: pointer;
}

DIV.video-on STRONG { font: bold 11px Verdana; color: #F60 }

DIV.video-holder { padding: 8px 10px 8px 10px;  }
DIV.video-holder IMG { float: left; padding: 0 13px 13px 0; }

/* upload page */
DIV.unick-upload {
    height: 516px;
    background: #FFF url(../imgs/bg_unickupload.jpg) no-repeat bottom left;
}

DIV.col3 {
    float: right;
    width: 478px;
    font: 11px Verdana;
}

DIV.col3 A {
    font-weight: bold;
    color: #F60;
    text-decoration: none;
}

DIV.col3 A:hover {
    font-weight: bold;
    color: #F60;
    text-decoration: underline;
}

.fine {
    font: 10px Verdana;
}

LABEL {
    font: bold 11px Verdana;
    color: #F60;
    display: block;
    padding: 10px 0 0px 0;
}

INPUT.field {
    border: 1px solid #333;
    font: 11px Verdana;
    padding: 2px;
    margin: 5px 0 5px 0;
    width: 300px;
}

INPUT.button {
    border: 1px solid #333;
    font: bold 11px Verdana;
    padding: 2px;
    margin: 5px 0 5px 0;
    background-color: #F60;
    color: #FFF;
}

TEXTAREA {
    border: 1px solid #333;
    font: 11px Verdana;
    padding: 2px;
    margin: 5px 0 5px 0;
    display: block;
    overflow: auto;
    width: 300px;
}

INPUT {
    font: 11px Verdana;
    display: block;
}

#div-btn-addtochs-container {
  position: relative;
  left: 0;
  right: 0;
}
#div-btn-addtochs {
  position: absolute;
  left: +192px;
  top: -35px;
  width:157px;
  height:35px;
  margin-left: 2px;
  /*margin: 0 2px 0 0;*/
  padding-left: 2px;
  /*padding: 0 2px 0 0;*/
  /*background: #FFF;*/
}