/* Cogeco Redesign - TV Grid Styles
/* Author: Liz MacDonell / TV Media;
/* Updated: February 2017;
================================================== */


/* Grid layout
================================================== */
table {
			font-family: Arial, Helvetica, sans-serif;
			border-collapse: collapse;
			border-spacing: 0px; }

.tvm_tbl_grd {
			width:100%;
			margin-top: 2%;
			border-bottom: 1px solid #ccc;
			 }


/* Grid styles & Special Programming Styles
================================================== */
.tvm_td_grd:hover, .tvm_td_grd_ovr:hover { background-color: #efefef; }
.tvm_td_grd_r:hover, .tvm_td_grd_r_ovr:hover { background-color: #fff1a3;}
.tvm_td_grd_m:hover, .tvm_td_grd_m_ovr:hover { background-color: #ffc8bc; }
.tvm_td_grd_s:hover, .tvm_td_grd_s_ovr:hover { background-color: #d0f0ff; }
.tvm_details_selectedShow {background-color: #efefef; border-bottom: 1px solid $ffffff;}

.tvm_td_chn {
	height: 100%;
	font-size: 14px;
	line-height: 16px;
	background-color: #f5f5f5 ; 
	/*border: solid 1px #ccc;*/
	/*border-top: 0;*/
	text-transform:capitalize;
	vertical-align: middle;
	font-size: 14px; 
	width: 100%;
	float:left;
	box-shadow: -1px -1px #ccc;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;		

}

.tvm_td_grd {
			/*padding:5px;*/
			cursor: pointer;
			/*border: 1px solid #ccc;*/
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; 
			float:left;
			height:100%;
		    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
            box-shadow: -1px -1px #ccc;

		}

.tvm_td_grd_r {
			/*padding:5px;*/
			cursor: pointer;
			background-color: #fffbe4;
			/*border: solid 1px #dcd6b1;*/
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; 
			float:left;
			height:100%;
		    -webkit-box-sizing: border-box;
		       -moz-box-sizing: border-box;
		            box-sizing: border-box;
            box-shadow: -1px -1px #ccc;
			overflow: hidden;
		}

.tvm_td_grd_m {
			padding-left: 2px;
			/*padding: 5px;*/
			cursor: pointer;
			background-color:#fceaf2;
			/*border: solid 1px #ccc;*/
		    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
            box-sizing: border-box;			
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle;
			float:left;
			height:100%;
			box-shadow: -1px -1px #ccc;
			    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
            box-sizing: border-box;	
            overflow: hidden;
		}

.tvm_td_grd_s {
			padding-left: 2px;
			/*padding: 5px;*/
			cursor: pointer;
			background-color: #dbf1f2;
			/*border: solid 1px #ccc;*/
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle;
			float:left;
			height:100%;
		    box-shadow: -1px -1px #ccc;			
		    	    -webkit-box-sizing: border-box;
	       -moz-box-sizing: border-box;
            box-sizing: border-box;	
            overflow: hidden;
		}



.tvm_td_head  { padding: 0 0 6px }

.tvm_leg {
	float: left;
}

.tvm_td_leg_r {
	background-color: #fffbe4;
	border: solid thin #dadada;
	width: 14px;
	height: 14px;
}

.tvm_td_leg_m {
	background-color: #fceaf2;
	border: solid thin #dadada;
	width: 14px;
	height: 14px;
}

.tvm_td_leg_s {
	background-color: #dbf1f2;
	border: solid thin #dadada;
	width: 14px;
	height: 14px;
}

.tvm_td_leg_b {
	background-color: #00b0f0;
	border: solid thin #dadada;	
	width: 4px;
}
.tvm_td_leg_c {
/*Courtesty channels*/
	background-color: #FFCA09;
	border: solid thin #dadada;	
	width: 4px;
}

div.tvm_leg {
	float: left;
}

.tvm_chan_basic {
	border-left: 2px solid #00b0f0;
}

.tvm_chn_tier_comp{
	border-left: 2px solid #FFCA09;
}

.tvm_td_timebar {
	background-color: #dadada;
	color:#454545;
	height:20px;
	font-size:14px;
	padding:5px 0 5px 0;
	vertical-align: middle;
	text-align: center;
	float:left;
	height:100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	


}

.tvm_tr_timebar { 
	/*border: 1px solid #ccc;*/
	clear:both;
	height: 30px;
	z-index: 1000;
}

.tvmds_portal_button_ahead {
	cursor: pointer;
	border-bottom: 0;
	border: 1px solid #003a6c;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
}
.tvmds_portal_button_prev {
	cursor: pointer;
	border: 1px solid #003a6c;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
}


.tvm_txt_boiler {}

.tvm_txt_chan_num {
	font-size:12px !important;
	font-weight:bold !important;
	margin-bottom:1px;
}

.tvm_txt_chan_name {
	font-size:12px !important;
	font-weight:bold !important;
	padding-top:2px; 
}


.tvm_txt_head {} 

.tvm_channel_row {
	height:70px;
	vertical-align: middle;
	clear:both;
	border-right: 1px solid #ccc;	
	border-bottom: 1px solid #ccc;
}



/* Program Details
================================================== */
div#tblDetails{
			margin:10px 0 10px 0;
			font-size:14px;
			min-height:160px;
			padding:10px;
			display:block;
			border: 1px solid;
			border-radius: 5px 5px;
			padding: 15px;
			margin-bottom: 15px;
			border-color: #e7e7e7 #cbcbcb #cbcbcb #e7e7e7;
			background-color: #ffffff;
			position: relative}

.tvmds_listing_information {
			position: absolute;
			bottom: 5px;}

div#tblDetails p {
			font-size:14px;
			margin:0 0 0 112px;
			text-indent:0;
			margin: 0;
			padding:0; }

a.tvmds_details_link {
			line-height: 25px;
		}			

a.tvmds_details_link:hover {
			text-decoration: underline;
			color: #0059a2; }			



img#show_graphic {
			padding:2px;
			margin:0 10px 0 0;
			max-width: 100%;
			border:1px solid #cbcbcb;
			border-radius: 2px; }

.details_group {
			margin-right:10px;
			color: #454545}

#details_close {
			float:right;
			padding:0 0 0 17px;
			font-size: 11px;
			color: #454545;
			text-decoration: none;
			text-transform:uppercase; }

#details_close:after {
			content: " X";
			font-size:12px;
			margin-left:4px; }


#tblDetails p#show_breakdown {
			margin:10px 0;
			padding:0;
			display:block; }

p#show_breakdown span{}

.details_tvm_txt_showtitle {
			margin:0 !important;
			padding:0 !important; }

#show_breakdown .details_tvm_td_detailsbot label {
			text-shadow:none !important;
			font-weight:normal !important;
			color:#222 !important; }

.show-details-flags {
			background-color: #003a6c;
			padding: 5px;
			color: #ffffff;
			font-weight: bold;}


/* Navigation and Controls
================================================== */
.tvm_txt_ctrls {
			color: #454545;
			font-size: 12px !important;
			line-height: 16px;
			text-transform:capitalize;
			text-align: right;
			margin:0 2px 0 2px;
			text-transform:capitalize; }

.tvm_td_btn_go {
			padding: 5px 15px;
			border: 1px solid rgba(0,0,0,0.1);
			color: #334C46;
			background-color: #fbd809;
			border-radius: 5px;
			box-shadow: inset 0 15px 15px rgba(255,255,255,0.3);
			text-decoration: none;
			font-size: 12px; }

.tvm_td_btn_go:before {content: " ";}
.tvm_td_btn_go:after {content: " ";}




img.tvmds_portal_left_arrow {vertical-align: middle}
img.tvmds_portal_right_arrow {vertical-align: middle}


.tvmds_grid_arrows {font-size: 20px;}

.tvm_nav_ctrls {
			text-align: right;
			text-transform:capitalize; }

.tvm_txt_head {
			
			font-weight:bold;
			height:27px;
			line-height:27px;
			text-align:center; }

.tvm_lineup_selector { display:none; }
.tvm_tbl_legend {
			padding-bottom: 5px;
			padding-top: 5px;
			float:left;
			text-transform:capitalize;
			margin-top:6px; }

.tvm_tbl_grid {
			clear: left;
			margin-top: 5px;
			/*padding-left: 10px;*/
			border-spacing: 0;
			border-collapse: collapse; }

.tvm_tbl_inner {
			clear: both;
			background-color: #FFFFFF;
			line-height:18px !important;
			table-layout:fixed;
			width:100%; }

.tvm_tbl_outer {width:100%}

.tvm_td_btn {
			padding:5px 0 5px 0;
			background-color:#5bc0de;
			color:#fff;
			font-size:14px;
			text-transform:uppercase; }



.tvm_channel {min-height:30px;}

.tvm_frm_select {}

.tvm_td_btn:hover { cursor: pointer; color:#333;}
.tvm_td_btn:active { background-color: #39c;}

.cell_test {
	padding: 5px;
}

.tvm_showname {
	padding: 5px;
}