﻿ /*override site.css*/
.mainRow{border-left: solid 5px black;}
.pane {margin-bottom:15px;}

.btn-group > .btn{float:right;}

.btn-default {
    color: #ffffff;
	border: 1px solid #4e4e4e;
	font-size:12px;padding: 3px;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #000000;
	*background-color: #000000;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #2B2B2B, #000000);
	padding: 4px 12px;
	font-weight:bold;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #00CAF3;
  border-color: #00CAF3;
}

/********************/
.Menu{}
.Menu>ul{padding:5px 10px;height: 40px; border-bottom: ridge 2px #2B2B2B; margin: 10px;}
.Menu>ul>li {list-style:none; float:right; background-color:#242424;margin-left: 20px;border:outset 1px #4E4E4E;
             	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #000000;
	*background-color: #000000;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #2B2B2B, #000000);}
.Menu>ul>li>a{text-decoration:none;width:125px; height:25px; display:block;text-align:center; color:#ffffff;line-height: 25px;}
.Menu>ul>li.active{border:inset 1px #4E4E4E}
.Menu>ul>li.active a{color: #00CAF3;}
.ProgramContent .pane{display:none; clear: both; margin-top: 0px; float: right; width: 100%;padding: 0px 10px}
.ProgramContent .pane.active{display:block; min-height:400px;background-color: #191919;}	

.mainRow {border: none;}	
#abcPane #results {padding-bottom: 20px;}
#abcPane #results ul{direction:rtl;padding-right:10px;margin-top: 20px;}
#abcPane #results ul li{list-style:none}
#abcPane #results ul .listItem a{color:#ffffff;text-decoration:none;}
#abcPane #results ul .listItem a:hover > .title{text-decoration:none; color:#00CAF3}


.channel {
border: ridge 2px #2B2B2B;
overflow: hidden;
padding-top: 0px;
margin: 0px 10px 10px 0;
}
.channelLogo{display: inline-block;vertical-align: middle;padding-left:10px;}
.channelLogo img{width:35px;}
            
.channel .headTitle .allProgramLink a {
display: inline;
color: #ffffff;
font-weight:normal;
	
}
.channelItem {
width: 28%;
float: right;
margin-left: 5%;
list-style: none;
margin-bottom: 10px;
overflow: hidden;
}	

.channelItem:last-child {margin-left: 0px;}

.channel .headTitle {
font-size: 14px;
width: 100%;
color: #00CAF3;
font-weight: bold;
float: right;
margin: 5px 0px 10px 0px;
}
.channel .headTitle .allProgramLink {
color: #ffffff;
margin-right: 5px;
font-size: 12px;
font-weight: normal;
}

.channelItem .title {
font-size: 12px;
display: block;
color: #ffffff;
height: 14px;
overflow: hidden;
}
.channelItem .date_time {
font-size: 10px;
color: #ffffff;
}

.channelItem a{color:#ffffff;text-decoration:none;}
.channelItem a:hover > .title{text-decoration:none; color:#00CAF3}

.searchParam {
color: #fff;
background-color: #000;
border: inset 1px #585858;
height: 25px;
padding: 3px;
}	
ul.channelsList {
float: left;
padding: 5px;
padding-bottom: 0px;
margin-bottom: 0;
}	
.channelsList li.active {
background-repeat: repeat;
border: none;
border-bottom: none;
margin-bottom: -1px;

}
.channelsList li.seperator {
padding-right: 0px;
padding-left: 0px;
}
.channelsList li {
float: right;
list-style: none;
padding: 4px 7px;

}
.channelsList li a {color:#fff;}
.channelsList li.active a {color: #00CAF3;}

.dateChannelsDiv {width:65%;}
.dateCalendarDiv {min-width:250px;}

@media all and (max-width: 991px)
{
    .dateChannelsDiv{width:55% !important;}
}
@media all and (max-width: 730px)
{
    .dateChannelsDiv{width:50% !important;}
}
#dateEmbedded input{
    color: #fff;
    background-color: #000;
    border: inset 1px #585858;
    text-align:center;
}

.cnt{direction:ltr;display:inline-block;font-size: 12px;color:#00CAF3;margin-right:5px;}

.schedule_result{height:450px;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;
                 float: left; width: 100%; direction: ltr; text-align: right; padding: 15px;}
.schedule_result li{list-style:none; float:right;width:100%}

.schedule_result li a{color:#ffffff;text-decoration:none;}
.schedule_result li a:hover > .itemTitle{text-decoration:none; color:#00CAF3}


.schedule_result li .itemTitle{width:80%;float:right;direction:rtl;}
.schedule_result li .itemDate{padding-top: 2px;font-size:12px;margin-left:10px;float:right;direction:rtl;}