/* Defaults */
@font-face {
    src: url(../RobotoCondensed-Regular.ttf) format("truetype");
    font-family: "Roboto";
    font-style: normal;
}    
*
{
    padding: 0;
    margin: 0;
    border: 0;
    color:#FFFFFF;
    background-color:transparent;
}
/* Layout */
body
{
    width: 1280px; 
    height: 593px;
    background-color: #000000;
    overflow:hidden;
    display:none;
}

      
        .style3
        {
            
            height: 34px;
            width:37px;
            opacity: 0.20;
            
        }
   
        .style3_sel
        {
            height: 34px;
            width:37px;
            opacity:1;
            border-radius: 3px;
            box-shadow: 0px 0px 10px #f89c0b;
        }
    
        .playQuality
        {
            height: 30px;
            width:58px;
            text-align:center;
        }
        .playQuality_sel
        {
            height: 30px;
            width:58px;
            text-align:center;
            border:1px solid #f89c0b;
            border-radius: 3px;
            box-shadow: 0px 0px 20px #f89c0b;
        }
         .style9
        {
            width:378px;
            height: 42px;
            
        }
        .style9_sel
        {
            color: #000000;
            background-color: rgba(174,2,4,0.8);
            width:378px;
            height: 42px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
            cursor:pointer;
        }
        .style9_sel2
        {
              color: #000000;
            background-color: rgba(174,2,4,0.8);
            width:378px;
            height: 42px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
            cursor:pointer;
        }

          .style9_sel_diable
        {
             color: #ffffff;
            background-color: rgba(74,74,74,0.8);
            width:378px;
            height: 42px;
            font-size: 14;
            text-align: center;
            border-radius: 0px;
            text-shadow: 0px 1px 10px #000000; 
        }
         .style10
        {
            position:relative;
            width: 113px;
            height: 22px;
            color:#ffffff;
            font-family:Roboto;
            font-size: 16px;
            top:0px;
            padding-left:3px;
            text-align: left;
            overflow:hidden;
            white-space:nowrap;
        }
              
         .style12
        {
            width: 45px;
            height: 45px;
            padding 2px 2px 2px 2px;
            vertical-align:middle;
            text-align: left;
        }
        .style11
        {
            position:relative;
            width: 163px;
            height: 22px;
            color:#ffffff;
            font-family:Roboto;
            font-size: 16px;
            padding-top:1px;
            padding-left:3px;
            text-align: left;
            overflow:hidden;
            white-space:nowrap;
        }
          .style14
        {
            position:relative;
            top:-2px;
            left:2px;
            width:38px;
            height:38px;
        }
        .style15
        {
         position:relative;
         top:-2px;
         left:0px;
            width:38px;
            height:38px;
        }
     
        .vnumber
        {
            position:relative;
            width: auto;
            height: 22px;
            color:#ffffff;
            font-family:Roboto;
            font-size: 16px;
            padding-left:2px;
            padding-top:3px;
            text-align: left;
            overflow:hidden;
            text-shadow: 0px 1px 0px #888888;
            white-space:nowrap;
            z-index:5;
        }   
   
        .vnumber2
        {
            position:relative;
            width: auto;
            height: 22px;
            color:#ffffff;
            font-family:Roboto;
            font-size: 16px;
            padding-left:2px;
            padding-top:3px;
            overflow:hidden;
            text-align: left;
            text-shadow: 0px 1px 0px #888888;
            white-space:nowrap;
            z-index:5;
        }
        .channel
        {
            position:relative;
            width: 126px;
            height: 22px;
            color:#ffffff;
            padding-left:0px;
            padding-top:0px;
            text-align: left;
            vertical-align:top;
            overflow:hidden;
            text-shadow: 0px 1px 0px #888888;
            white-space:nowrap;
            z-index:5;
        }   
         .channel2
        {
            position:relative;
            width: 119px;
            height: 22px;
            color:#ffffff;
            padding-left:0px;
            padding-top:0px;
            text-align: left;
            vertical-align:top;
            overflow:hidden;
            text-shadow: 0px 1px 0px #888888;
            white-space:nowrap;
            z-index:5;
        }   
        .content
        {

            position: relative;
            top:0px;
            text-align: left;
            padding-left:1px;
            color:#ffffff;
            font-family:Roboto;
            font-size: 18px;
            width: 100%;
            height: 20px;
            white-space:nowrap;
            z-index:3;
        }   
        .more
        {
            width:40px;
            height:52px;
        }
        
        .menuImage
        {
            width:65px;
            height:77px;
        }
       
       
        .keyboard
        {
            background-image:url('../resource/images/MainPage/keyboard.png');
            background-repeat:no-repeat;
        }
        .username
        {
            background-image:url('../resource/images/MainPage/username_pass_tabs.png');
            background-repeat:no-repeat;
        }
        
        .page
        {
            color: #c9c9c9;
            font-size: 20px;
            position:absolute;
            top:23px;
            left:1200px;
            padding-top:7px;
        }
       
.clsfeatImg { position:absolute;top:10px; }
.clsfeatImg1 { position:absolute;top:0px; } 
       
#BannerBG
{
    position:absolute; 
    top:20px;left:20px;width:1250px;height:100px;
    color:white;
    background-image:url('../resource/images/epg/over_chInfo_bg.png');
    background-repeat:repeat-x;
    display:none;
    z-index:99;
}

#imgBannerDel1
{
    position:absolute;top:10px;left:90px;  
}
    
#inputBanner {
    position:absolute;
    top:30px; 
    left:105px;
    width:300px;
    font-size:20px; font-weight:bold;
    color:#FFFFFF;
    text-align:left;
    background-color:transparent;
}

#CHNo
{
    position:absolute;
	top:30px;
	left:2px;
    width:85px;
    height:30px;
    font-weight:bold;
    font-size:18px; 
	color:#FFFFFF; 
    text-align:center;
    background-color:transparent;
    
}


#divBannerProgName {
    position:absolute;top:15px;
    font-size:16px;
    color:#FFFFFF;
    text-align:left;
    white-space:nowrap;
}

#divBannerDescription {
    position:absolute;top:35px;left:80px;
    width:430px;height:50px;
    font-size:13px;
    color:#FFFFFF;
    text-align:left;
    border:0px solid white;
}

#divBannerImgs
{
    position:absolute;
    top:0px;left:480px;width:200px;height:85px;
    border:0px solid blue;
}

#divBannerRating{
        position:absolute;top:12px;left:774px;height:20px;
        color:#FFFFFF;font-size:13px;
        border:0px solid white;  
}

#imgBannerCC
{
    position:relative;top:15px;left:866px;
    width:36px;height:51px;
    border:0px solid white;
}


.divPopChSel
{
            color: #ffffff;
            background-color:#ae0204;
}
.divPopChNoSel
{
            color: #ffffff;
            background-color:transparent;
}

    #divPopCharrUp
    {
       position:absolute;top:43px;left:80px;
       width:310px;height:20px;
       padding-left:37px;padding-top:4px;
    }
    #divPopCharrDown
    {
       position:absolute;top:547px;left:80px;
       width:310px; height:20px;
       padding-left:37px;padding-top:4px;
    }
    #imgPopChLeft
    {
        position:absolute;top:10px;left:10px;width:18px;height:26px;
    }
    #imgPopChRight
    {
        position:absolute;top:10px;left:290px;width:18px;height:26px;
    }
    #divPopChTxt_99
    {
        position:absolute;top:11px;left:15px;width:270px;
        font-size:18px;text-align:center;
    }
    
    .divPopChNo 
    {
        position:absolute;
        width:100px; height:25px;left:5px;top:15px;
        text-align:center;
    }
    .imgPopChIcon 
    {
        position:absolute;
        width:40px;height:40px;left:100px;top:3px;
        src:url('resource/images/1x1.gif');
    }

    #divPopChFeature 
    {
        position:absolute;top:80px;left:240px;
        width:165px; height:449px;
        z-index:0;
        display:none;
        background-repeat:no-repeat;
    }
    

.divPopChName 
{
    position:absolute;
    width:166px;height:25px;left:155px;top:14px;
}

#divPopCh 
{
    position:absolute;top:120px;left:20px;
    width:310px; height:573px;
    z-index:1;display:none;
    background-image:url('../resource/images/epg/over_chList_bg.png');
    font-size:16px;color:white;
}   


    #divPopCh_0 { position:absolute;
    width:310px;height:47px;left:0px;top:66px; }
    #divPopCh_1 { position:absolute;
    width:310px;height:47px;left:0px;top:113px; }
    #divPopCh_2 { position:absolute;
    width:310px;height:47px;left:0px;top:160px; }
    #divPopCh_3 { position:absolute;
    width:310px;height:47px;left:0px;top:207px; }
    #divPopCh_4 { position:absolute;
    width:310px;height:47px;left:0px;top:254px; }
    #divPopCh_5 { position:absolute;
    width:310px;height:47px;left:0px;top:301px; }
    #divPopCh_6 { position:absolute;
    width:310px;height:47px;left:0px;top:348px; }
    #divPopCh_7 { position:absolute;
    width:310px;height:47px;left:0px;top:395px; }
    #divPopCh_8 { position:absolute;
    width:310px;height:47px;left:0px;top:442px; }
    #divPopCh_9 { position:absolute;
    width:310px;height:47px;left:0px;top:489px; }
 
   
    #divPopCh99  
    {
        top:0px; 
        position:absolute;
        width:310px;height:35px;left:0px;        
    }

    #divPopUpChName {
    position:absolute;top:185px;left:180px; width:310px;height:25px;
    color:#000000;font-size:15px; font-weight:bold; text-align:center;
    
    }

    #divOutTest  
    {
        color:black; width:1280px; height:100px; font-size:14px;  overflow:hidden;
        position:absolute; top:680px; left:40px; z-index:20;
    }
    
        .shoutcastMenu
        {
            width:198px;
            height: 54px;
            font-size: 20px;
            
        }
        .shoutcastMenu_sel
        {
            color: #ffffff;
            background-color:#ae0204;
            width:198px;
            height: 54px;
            font-size: 20px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
        }
        .shoutcastMenu_sel2
        {
            color: #ffffff;
            background-color:#ae0204;
            width:198px;
            height: 54px;
            font-size: 20px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
        }

          .shoutcastMenu_sel_diable
        {
            color: #ffffff;
            background-color:#2a2a2a;
            width:198px;
            height: 54px;
            font-size: 20px;
            text-align: center;
            border-radius: 0px;
            text-shadow: 0px 1px 10px #000000; 
        }
         .second
        {
            width:378px;
            height: 59px;
            
        }
        .second_diable
        {
             color: #000000;
            background-color:#2a2a2a;
            width:378px;
            height: 59px;
             border-style:none;
        }
    
        .second_sel
        {
            color: #000000;
            background-color:#ae0204;
            width:378px;
            height: 59px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
        }
        .second_sel2
        {
            color: #000000;
            background-color:#ae0204;
            width:378px;
            height: 59px;
            border-radius: 0px;
            box-shadow: 0px 0px 20px #000000;
        }

        img[id^="img_first_"] 
        {
            cursor:pointer;
        }
        
        textarea:focus, input:focus{
            outline: none;
        }
#divSkipContainer
{
    display:none;
    position:absolute;top:458px;left:0px;
    text-align:right;
    width:1280px; height:62px;
    z-index:100;
}
#divSkipper
{
    display:none;
    position:absolute;top:0px;left:1020px;
    text-align:right;
    width:240px; height:62px;
    background-repeat:no-repeat;
    font-size:30px;
    color:White;
}

#divSkipperCountDown
{
    display:block;
    position:absolute;top:11px;right:18px;
    font-size:32px;
    color:White;
}

::-webkit-scrollbar {  
width: 20px;  
  overflow: auto;
  background-color:transparent;
}  

::-webkit-scrollbar-track {
background-color: #fff;  
}

::-webkit-scrollbar-thumb {  
background-color: #666666;  
height: 10px;
 overflow: auto;
}

::-moz-scrollbar {
  width: 20px;  
  overflow: auto;
  background-color:transparent;
}

::-moz-scrollbar-track {

background-color:#ffffff;
}

::-moz-scrollbar-thumb {
height: 10px;
 overflow: auto;
background-color:#666666;
} 
.fade {
    height: 42px;
    width: 378px;
    opacity: 0.3;
   
}