@charset "utf-8";
/* CSS Document */


#headerLiveHolder, #headerLiveTrackHolder {
    overflow: hidden;
    position:relative;
    width:300px!important;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 13px;
    margin: 0;
    padding: 0;
}
#headerLiveHolder *, #headerLiveTrackHolder * {
    margin: 0;
    padding: 0;
}
#headerLiveHolder ul {
    list-style-type:none;
    margin: 0;
    padding: 0;
}
#headerLiveHolder h4 {
    font-size:10px;
    color:#68bd44;
    text-transform:uppercase;
    font-weight:normal;
    line-height:12px;
}
#headerLiveTrackHolder span#status-current-show {
    font-size:10px;
    color:#68bd44;
    text-transform:uppercase;
    font-weight:normal;
    line-height:12px;
}
#headerLiveHolder ul li, #headerLiveTrackHolder ul li {
    overflow:hidden;
    position:relative;
    height:12px;
    padding-right:70px;
    font-size:11px;
    color:#999999;
    line-height:11px;
}
#headerLiveHolder ul li.current, #headerLiveTrackHolder ul li.current {
    font-weight:bold;
    color:#666666;
}
#headerLiveHolder ul li span {
    position:absolute;
    right:0px;
}
#headerLiveHolder ul li span#time-elapsed {
    right: 50px;
}
#headerLiveHolder ul li span#time-elapsed:before {
    content: "e.";
}
#headerLiveHolder ul li span#time-remaining:before {
    content: "r.";
}
#headerLiveTrackHolder span.current{
    font-weight:bold;
    color:#666666;
    position:absolute;
    right:10px;
    font-size: 11px;
}
#headerLiveTrackHolder span#time-elapsed {
    right: 65px;
}
#headerLiveTrackHolder span#time-elapsed:before {
    content: "e.";
}
#headerLiveTrackHolder span#time-remaining:before {
    content: "r.";
}


#onAirToday {
    width:300px;
    margin-bottom:15px;
    border:1px solid #999999;
    font-family: Arial,Helvetica,sans-serif;
}
#onAirToday h3 {
    margin:0;
    padding:0 10px;
    font-size:13px;
    color:#ffffff;
    line-height:28px;
    background: #999999;
}
#onAirToday table {
    border-collapse: collapse;
    clear: both;
    padding: 0;
}
#onAirToday table tbody {
    color: #000;
    font-size:12px;
}
#onAirToday table tbody tr {
    height: 30px;
}
#onAirToday table tbody tr td {
    border-bottom: 1px dotted #d9d9d9;
    height: 30px;
    padding-left: 10px;
    font-weight:bold;
}
#onAirToday table tbody tr td a {
    text-decoration:none;
}
#onAirToday table tbody tr td a:hover {
    text-decoration:underline;
}
#onAirToday table tbody tr:last-child td {
    border-bottom: none;
}
#onAirToday table tbody tr td.time {
    font-weight:normal;
    color: #666666;
}	
/* = PROGRAM SCHEDULE ---------------- */

/*
+ Center Column */
#scheduleTabs {
    font-family: 'Roboto', sans-serif !important;
    margin-top:45px;
    text-align:center;
    background: white;
    padding: 20px;
}
#scheduleTabs ul {

    height:37px;
    text-align:center;
    list-style-type:none;
    margin: 0 0 30px 0;
    padding:0;
    background: #FFF;
 
}

/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
    #scheduleTabs ul {

        height:75px;
        text-align:center;
        list-style-type:none;
        margin: 0 0 30px 0;
        padding:0;
        background: #FFF;
    } 
    #scheduleTabs ul.detail {

        height:60px;
        text-align:center;
        list-style-type:none;
        margin: 5px 0 5px 0;
        padding:0;
        background: #FFF;
       
    } 
    
}
@media (max-width: 480px) {
    #scheduleTabs ul {

        height:105px;
        text-align:center;
        list-style-type:none;
        margin: 0 0 30px 0;
        padding:0;
        background: #FFF;
    }
}
#scheduleTabs ul li {
    display:inline-block;

    height:28px;
    margin:0 auto;
    padding:0;
}
#scheduleTabs ul li a {
    display:block;
    float:left;
    height:32px;
    padding:0 15px;
    margin-top:3px;
    font-size:20px;
    cursor:pointer; 
    color:#000;
    line-height:32px;
    font-family: 'roboto_condensedregular', sans-serif !important;
    text-decoration:none;
    text-transform:uppercase;
}

@media (min-width: 768px) and (max-width: 991px) {
     #scheduleTabs ul li a {
    padding:0 10px; 
}
}
@media (max-width: 480px) {
   #scheduleTabs ul li a {
        padding:0 10px;
  }
    
    }

#scheduleTabs ul li a:hover {
    color:#D20A33 ;
    text-decoration:none;
}
#scheduleTabs ul li.ui-tabs-selected a {
    height:32px;
    margin-top:0px;
    line-height:32px;
    color:#fff !important;
    margin-top:3px;
    font-family: 'roboto_condensedregular', sans-serif !important;
    background:#D20A33 ;

}
#scheduleTabs table {
    clear:both;
    padding:0px;
    border-collapse:collapse;
    width:100%;

}
#scheduleTabs table thead {
    height:35px;
    font-size:15px; color:#333333; line-height:35px;
    background-color: #fff;
    background: -moz-linear-gradient(top, #ffffff 10%, #f4f4f4 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, #ffffff), color-stop(100%, #f4f4f4));
    border-bottom:1px solid #d4d4d4;
}
#scheduleTabs table thead tr {
    height:35px;
}
#scheduleTabs table thead tr td {
    padding-left:10px;
    font-size:11px; color:#999999; text-transform:uppercase;

}
#scheduleTabs table tfoot {
}
#scheduleTabs table tbody {
    font-size:15px; color:#000 !important;  
}
#scheduleTabs table tbody tr {
    height:30px;
    background: #FFF;
}
#scheduleTabs table tbody tr td {
    padding: 0px 5px !important;
    background: #FFF;
    text-align: left;
}

#scheduleTabs table tbody tr td {
    height:30px;
    padding-left:10px;
    border-bottom:1px dotted #b3b3b3;

}
#scheduleTabs table tbody tr td.hour {
    text-align:center;
    font-family: 'roboto_condensedbold' !important;

}

#scheduleTabs table tbody tr td h4 {
    color:#000 !important;  font-size:16px;
    margin:0;
    padding:0;
    text-transform:initial !important;
    font-family: 'roboto_condensedregular' !important;
}
#scheduleTabs table tbody tr td ul {
    background:none !important;
    list-style-type:none;
}
#scheduleTabs table tbody tr td ul li {
    /*float:left;*/
    height:30px !important;
    padding:0 2px;
    font-size:12px; color:#cc0000; font-weight:normal; line-height:30px !important;
}
#scheduleTabs .dripicons-download{
        font-size:1.5em;
    
}
#scheduleTabs table tbody tr td ul li a {
    height: 35px !important;
    margin: 15px !important;
    padding: 5px 20px !important;
    font-size: 12px;
    color: #FFF !important;
    font-weight: normal !important;
    text-transform: uppercase;
    line-height: 14px !important;
    background: #D20A33  !important;
    border: none !important;
   
 
}
#scheduleTabs table tbody tr td ul li a:hover {
  
    background: #000 !important;
   
}
#scheduleTabs table tbody tr td ul li a:hover {
    text-decoration:underline;
}
@media (max-width: 480px) {
  #scheduleTabs table tbody tr td ul li a {
    display:none;
    }
}
#scheduleTabs.ui-tabs .ui-tabs-hide {
    display: none;
}

/* current show sur le programme*/
#scheduleTabs table tbody tr.current td{
  color: rgba(193, 20, 55,1) !important;
}
#scheduleTabs table tbody tr.current td h4{
  color: rgba(193, 20, 55,1) !important;
}