#channel1_navigation{
    width: 143px;
    height: 612px;
    position: absolute;
    top:0px;
    padding-top:10px;
    left:0;
    overflow: hidden;
}        
    
.navigationDays{
    width: 128px;
    height: 28px;
    border: 1px solid black;
    text-align: center;
    margin-top:10px;
    margin-left:8px;
    line-height: 28px !important;
    background-image: url("../img/basic/navigationDays.png");
    color: white;
}

#DisplayWrapper.size2 .navigationDays.standardtext{
    font-size:17px !important;
}

#DisplayWrapper.size1 .navigationDays.standardtext{
    font-size:17px !important;
}

#DisplayWrapper.size3 .navigationDays.standardtext{
    font-size:17px !important;
}

.navigationDays.focusCls{
    color: #FF7100;
    border: 1px solid #FF7100;
}

.navigationDays.activeCls{
    color: #FF7100;
    /*background-image: url("../img/basic/navigationDays_active.png");*/
}

/*#programDiv.focusCls > div{
    color: #FF7100 !important;
}*/

#goToChannel2.focusCls > div{
    color: #FF7100 !important;
}

#programDiv{
    height: 620px;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
    background-color: #333333;
}

#programDivChannel2{
    height: 620px;
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}

#programDivList{
    background-color: #333333;
    height: 620px;
    right: 0px;
    position: absolute;
    top: 0px;
    width: 370px;
    overflow: hidden;
}

.navigationArrows{
    width: 128px;
    height: 31px;
    position: absolute;
    border: 1px solid black;
}

#arrowBeginProgram{
    background-image: url("../img/basic/arrowBegin.png");
    bottom: 168px;
    left:8px;
}

#arrowBeginProgram.focusCls{
    background-image: url("../img/basic/arrowBegin_focus.png");
    border: 1px solid #FF7100;
}

#arrowUpProgram{
    background-image: url("../img/basic/arrowUpProgram.png");
    bottom: 127px;
    left:8px;
}

#arrowUpProgram.focusCls{
    background-image: url("../img/basic/arrowUpProgram_focus.png");
    border: 1px solid #FF7100;
}

#arrowDownProgram{
    background-image: url("../img/basic/arrowDownProgram.png");
    bottom: 88px;
    left:8px;
}

#arrowDownProgram.focusCls{
    background-image: url("../img/basic/arrowDownProgram_focus.png");
    border: 1px solid #FF7100;
}

#arrowEndProgram{
    background-image: url("../img/basic/arrowEnd.png");
    bottom: 45px;
    left:8px;
}

#arrowEndProgram.focusCls{
    background-image: url("../img/basic/arrowEnd_focus.png");
    border: 1px solid #FF7100;
}

#channelProgramWrapper{
    width: 100%;
    position: absolute;
    top:0;
    left:0;
}

.program_item{
        width: 350px;
        height: 255px;
        float:right;
        padding-right:10px;
        border-bottom: 2px solid black;
        padding-left:4px;
        color: white;
}
    
.program_startTime{

}

    #DisplayWrapper.size1 .program_item .program_startTime{
        padding-top:20px;
        line-height: 24px;
    }
    
    #DisplayWrapper.size2 .program_item .program_startTime{
        padding-top:20px;
        line-height: 28px;
    }
    
    #DisplayWrapper.size3 .program_item .program_startTime{
        padding-top:20px;
        line-height: 32px;
    }
    
.program_title{
    font-family: Arial !important;
}

    #DisplayWrapper.size1 .program_item .program_title{
        padding-top:6px;
        line-height: 24px;
    }
    
    #DisplayWrapper.size2 .program_item .program_title{
        padding-top:4px;
        line-height: 26px;
    }
    
    #DisplayWrapper.size3 .program_item .program_title{
        padding-top:4px;
        line-height: 26px;
        font-size: 26px !important;
    }
    
.program_description{

}

    #DisplayWrapper.size1 .program_item .program_description{
        padding-top:10px;
        line-height: 24px;
    }
    
    #DisplayWrapper.size2 .program_item .program_description{
        padding-top:4px;
        line-height: 26px;
    }
    #DisplayWrapper.size3 .program_item .program_description{
        padding-top:4px;
        line-height: 24px;
        font-size: 24px !important;
    }
    
    
.program_description{

}

    #DisplayWrapper.size1 .program_item .program_description{
        padding-top:10px;
        line-height: 24px;
    }
    
    #DisplayWrapper.size2 .program_item .program_description{
        padding-top:10px;
        line-height: 28px;
    }
    
    #DisplayWrapper.size3 .program_item .program_description{
        padding-top:10px;
        line-height: 32px;
    }
    
    
    
.program_recording{
    margin-top: 10px;
}

#DisplayWrapper.size3 .program_recording.standardtext{
    font-size: 20px;
} 

#DisplayWrapper.size2 .program_recording.standardtext{
    font-size: 18px;
} 
    
#channel2Name{
        width: 350px;
        height: 50px;
        line-height: 50px;
        position: absolute;
        top: 0px;
        left: 23px;
        color: white;
}

#channel2Img{

}

    #DisplayWrapper.size1 #channel2Img{
        width: 353px;
        height: 197px;
        position: absolute;
        top: 48px;
        left: 23px;
    }
    
    #DisplayWrapper.size2 #channel2Img{
        width: 353px;
        height: 197px;
        position: absolute;
        top: 48px;
        left: 23px;
    }
    
    #DisplayWrapper.size3 #channel2Img{
        width: 353px;
        height: 197px;
        position: absolute;
        top: 48px;
        left: 23px;
    }
    
#channel2Title{

}

    #DisplayWrapper.size1 #channel2Title{
        width: 465px;
        /*height: 100px;*/
        /*position: absolute;*/
        margin-top: 260px;
        margin-left: 23px;
        color:white;
    }
    #DisplayWrapper.size2 #channel2Title{
        width: 465px;
/*        height: 130px;
        position: absolute;*/
        margin-top: 260px;
        margin-left: 23px;
        color:white;
    }
    
    #DisplayWrapper.size3 #channel2Title{
        width: 465px;
/*        height: 130px;
        position: absolute;*/
        margin-top: 260px;
        margin-left: 23px;
        color:white;
    }
    
    
    
#channel2Description{

}

    #DisplayWrapper.size1 #channel2Description{
        width: 465px;
        /*height: 100px;*/
        /*position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color:white;
        overflow:hidden;
    }
    
    #DisplayWrapper.size2 #channel2Description{
        width: 490px;
/*        height: 100px;
        position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color:white;
        overflow:hidden;
    }
    
    #DisplayWrapper.size3 #channel2Description{
        width: 490px;
/*        height: 120px;
        position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color:white;
        overflow:hidden;
    }
    
    
#channel2Recording{

}

    #DisplayWrapper.size1 #channel2Recording{
        width: 490px;
        /*height: 50px;*/
        line-height: 50px;
        /*position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color: white;
    }
    
    #DisplayWrapper.size2 #channel2Recording{
        width: 490px;
        /*height: 70px;*/
        line-height: 50px;
        /*position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color: white;
    }
    
    #DisplayWrapper.size3 #channel2Recording{
        width: 490px;
        /*height: 90px;*/
        line-height: 50px;
        /*position: absolute;*/
        margin-top: 20px;
        margin-left: 23px;
        color: white;
    }
    
    
#goToChannel2{
    width: 509px;
    height: 577px;
    position: absolute;
    top:0px;
    left:0px;
    background-image: url("../img/basic/goToChannel2.png");
}
    
