* {
    margin : 0; padding : 0;
    }
html {
    background : #001100 url(pics/bk_html.png) no-repeat center 80px; background-attachment : fixed;
    }
body {
    padding-top : 10px;
    text-align : center;
    overflow-y : scroll; overflow-x : hidden;
    }
html>body {
    min-height : 100%;
    height : auto;
    }
a:link, a:visited {
    text-decoration : none;
    font-weight : bold;
    }
a:hover {
    }
a img {
    border : 0;
    }
h1 {
    font : bolder 1.4em Helvetica,Verdana,Sans-Serif;
    }
h2 {
    font : bold 1.2em Helvetica,Verdana,Sans-Serif;
    }
h3 {
    font : bold 1em Helvetica,Verdana,Sans-Serif;
    }
h4 {
    font : bold 0.8em Helvetica,Verdana,Sans-Serif;
    }
p {
    font : normal 0.8em Helvetica,Verdana,Sans-Serif;
    }

.underCons {
    z-index : 100;
    position : absolute;
    left : 5px; top : 35px;
    }
.smallTxt {
    font : lighter small Arial,Sans-Serif;
    }

/* --------------------------------------------------------- H E A D E R ---- */
.mainHeader {
    width : 1000px; height : 213px;
    margin : auto;
    text-align : left;
    background : #515151 url(pics/bk_mainhd.png) no-repeat left top;
    }
.mainLogo {
    float : left;
    position : relative;
    top : 26px; left : 40px;
    font : bold 12px Helvetica,Verdana,Sans-Serif; color : #50533E;
    }
.mainLogo input {
    width : 190px; height : 15px;
    font : bold 12px Helvetica,Verdana,Sans-Serif; color : #50533E;
    background : #ADB393; border : 0;
    FILTER : chroma(color=#ADB393);
    }
.logIco {
    float : right;
    position : relative;
    top : -13px; right : 53px;
    font-size : 20px;
    }
.channelIco {
    float : right;
    position : relative;
    top : -6px; right : 8px;
    }
.topBanner {
    float : right;
    position : relative;
    top : 19px; right : 26px;
    width : 728px; height : 90px;
    }
.topBannerOff {
    filter : alpha(opacity=30);
    }
.topBannerOn { }
.topScrollerTxt {
    float : right;
    position : relative;
    top : 10px; left : 0;
    width : 710px; height : 15px;
    font : bold 11px Helvetica,Verdana,Sans-Serif; color : #50533E;
    }
.topNavigation {
    position : relative;
    top : 32px; right : 22px;
    }
.topNavigation ul {
    float : right;
    list-style-type : none;
    }
.topNavigation ul li {
    float : left;
    display : block;
    border-right : 1px solid #4F5758;
    }
.topNavigation ul li a {
    display : block;
    padding : 3px 10px 5px 10px;
    font : bold 1.4em "Times New Roman",Serif; color : #D0D0D0;
    text-decoration : none;
    }
.topNavigation ul li a#active_top {
    padding-top : 50px;
    color : #FFFF00;
    background : #0B0B29 url(pics/bk_topnavig.png) repeat-x left top;
    }
.topNavigation ul li a:hover {
    padding-top : 50px;
    color : #FFF;
    background : #0B0B29 url(pics/bk_topnavighv.png) repeat-x left top;
    }

/* ----------------------------------------------------- M A I N P A G E ---- */

.mainPage {
    width : 1000px;
    margin : auto; margin-top : 5px;
    }


/* ----------------------------------------------------- L E F T A R E A ---- */
.leftArea {
    float : left;
    width : 210px;
    background : #929292;
    text-align : left;
    }
.leftHeader {
    width : 210px;
    height : 22px;
    background : #3D3D3D url(pics/bk_lefthd.png) repeat-x left bottom;
    }
.leftFooter {
    width : 210px;
    height : 22px;
    background : #3D3D3D url(pics/bk_leftft.png) repeat-x left bottom;
    }
.leftTitle {
    height : 22px;
    padding : 3px 0 3px 3px;
    border-bottom : 1px solid #757575;
    font : bold 1em Verdana,Arial,Sans-Serif; color : #000;
    text-transform : lowercase;
    }
.login {
    background : url(pics/plus1.png) no-repeat left center;
    text-align : left;
    padding-left : 33px;
    margin : 0 auto;
    color : #000;
    }
.login_active {
    background : url(pics/minus1.png) no-repeat left center;
    }
.btPlMin a:link, .btPlMin a:visited, .btPlMin a:hover, .btPlMin a:active {
    text-decoration : none;
    display : block;
    }
#mainLogin {
    width : 190px;
    background : #D0D0D0;
    padding : 20px 10px 20px 10px;
    font : normal 0.7em Verdana,Arial,Sans-Serif;
    display : none;
    }
#mainLogout, #mainProg {
    width : 190px;
    padding : 20px 10px 20px 10px;
    font : normal 0.7em Verdana,Arial,Sans-Serif;
    }
.mainLeftField {
    width : 120px;
    }
.mainLeftButton {
    margin-left : 10px;
    width : 45px;
    }
#mainLogin a:link, #mainLogin a:visited {
    color : #000;
    }
#mainLogin a:hover, #mainLogin a:active {
    text-decoration : underline;
    }

/* ----------------------------------------- L I S T   P R O G   A R E A ---- */
.prog {
    background : url(pics/minus1.png) no-repeat left center;
    text-align : left;
    padding-left : 33px;
    margin : 0 auto;
    color : #000;
    }
.prog_active {
    background : url(pics/plus1.png) no-repeat left center;
    }
#mainProg {
    width : 210px;
    background : #929292;
    padding : 0;
    }
.listProgArea {
    width : 210px; height : 480px;
    background : transparent url(pics/bk_list.png) no-repeat top left;
    }
.titleChannel {
    padding : 40px 0 0 30px;
    color : #50533E;
    }
.listProg {
    margin : 38px 0 0 30px;
    width : 155px; height : 350px;
    overflow-y : scroll; overflow-x : hidden;
    scrollbar-3dlight-color : #B0B696;
    scrollbar-arrow-color : #50533E;
    scrollbar-base-color : #B0B696;
    scrollbar-darkshadow-color : #B0B696;
    scrollbar-face-color : #B0B696;
    scrollbar-highlight-color : #B0B696;
    scrollbar-shadow-color : #B0B696;
    FILTER : chroma(color=#B0B696);
    }
.listProg ul {
    }
.listProg li {
    margin : 8px 0 4px 0;
    color : #717658;
    }
.listProg a:link, .listProg a:visited {
    color : #717658;
    display : block;
    }
.listProg a:hover, .listProg a:active, .listProg_active {
    color : #50533E;
    }

/* ----------------------------------------------- P L A Y E R   A R E A ---- */
.playerArea {
    float : left;
    width : 790px; height : 585px;
    padding : 0;
    background : transparent url(pics/bk_player.png) no-repeat top left;
    text-align : left;
    }
.etEmis {
    position : relative;
    top : 20px; left :20px;
    }

/* ----------------------------------------- L I S T   E M I S   A R E A ---- */
.listEmisArea {
    float : left;
    position : relative;
    top : 12px; left : 5px;
    width : 210px; height : 480px;
    background : transparent url(pics/bk_list.png) no-repeat top left;
    font : normal 0.7em Verdana,Arial,Sans-Serif;
    }
.titleEmis {
    padding : 39px 0 0 30px;
    color : #50533E;
    }
.listEmis {
    margin : 40px 0 0 30px;
    width : 155px; height : 350px;
    overflow-y : scroll; overflow-x : hidden;
    scrollbar-3dlight-color : #B0B696;
    scrollbar-arrow-color : #50533E;
    scrollbar-base-color : #B0B696;
    scrollbar-darkshadow-color : #B0B696;
    scrollbar-face-color : #B0B696;
    scrollbar-highlight-color : #B0B696;
    scrollbar-shadow-color : #B0B696;
    FILTER : chroma(color=#B0B696);
    color : #50533E;
    }
.listEmis ul {
    }
.listEmis li {
    margin : 6px 0 4px 0;
    color : #717658;
    }
.listEmis a:link, .listEmis a:visited {
    color : #717658;
    display : block;
    }
.listEmis a:hover, .listEmis a:active, .listEmis_active {
    color : #50533E;
    }

/* --------------------------------------------------------- P L A Y E R ---- */

/* player container */
.topPlayer {
    float : left;
    position : relative;
    top : 25px; left : 22px;
    }
/* ---- Titlul emisiunii ---- */
.emisMainTitle {
    width : 314px; height : 18px;
    margin : 2px 0 5px 0;
    padding : 2px;
    color : #000;
    }
div.player {
    height : 246px; width : 326px;
    padding : 3px;
    -moz-outline-radius : 4px;
    display : block;
    text-align : center;
    border : 2px solid #000;
    outline : 1px solid #ccc;
    background : #000;
    cursor : pointer;
    }
div.player img {
    margin-top : 80px;
    }
.emisInfo {
    float : right;
    position : relative;
    margin-top : 3px;
    color : #4C4C4C;
    }




/* ---- P L A Y   L I S T   A R E A ---- */
.playListArea {
    float : right;
    position : relative;
    right : 5px; top : 10px;
    width : 200px; height : 480px;
    background : transparent url(pics/bk_playlist.png) no-repeat top left;
    font : 600 15px Cursive; color : #006182;
    text-align : left;
    }
.rightDisplay {
    margin : 0;
    padding : 60px 0 0 20px;
    }
.rightDisplay a:link, .rightDisplay a:visited {
    margin : 2px; padding : 2px;
    font-weight : 600; color : #006182;
    text-decoration : none;
    }
.rightDisplay a:hover, .rightDisplay a:active {
    color : #006182;
    }
.plUnder {
    padding : 2px;
    background : transparent url(pics/bk_nrlist.png) no-repeat bottom center;
    }
.prefList {
    height : 340px; width : 148px;
    margin : 10px 0 0 0;
    overflow-y : scroll; overflow-x : hidden;
    scrollbar-3dlight-color : #FFF98B;
    scrollbar-arrow-color : #006182;
    scrollbar-base-color : #FFF98B;
    scrollbar-darkshadow-color : #FFF98B;
    scrollbar-face-color : #FFF98B;
    scrollbar-highlight-color : #FFF98B;
    scrollbar-shadow-color : #FFF98B;
    FILTER : chroma(color=#FFF98B);
    font-size : 12px;
    }
.prefList ul {
    }
.prefList li {
    padding-top : 2px;
    padding-bottom : 2px;
    text-align : left;
    }
.prefList a:link, .prefList a:visited {
    font-weight : 300; color : #006182;
    text-decoration : none;
    display : block;
    }
.prefList a:hover, .prefList a:active {
    font-weight : 600; color : #006182;
    }
.prefList_active {
    font-weight : 600; color : #006182;
    }









.red {
    color : #A40000;
    }
.yellow {
    color : #FFFF94;
    }
.mauve {
    color : #440088;
    }
.kaki {
    color : #50533E;
    }
.black {
    color : #000;
    }
.clear {
    clear : both;
    }
.note {
    font : normal 0.8em Arial,Sans-Serif;
    }