/* TV Media Grid_V3 Base CSS
/* Author: Liz MacDonell / TV Media;
/* Updated: June 2014;
================================================== */
 span.tvm-hidden-xs {display:inline !important;}

@media (max-width: 768px) { 
    span.tvm-hidden-xs {display:none !important;}
}


/*  Portal Styles
================================================== */
#tvmds_container {max-width: 100%;} /*Sets the width of the entire portal*/
#tvmds_listings a {color:#2a6496;}

.tvm-help-text {font-size: 12px;}
.tvm-ad {color: #ccc; font-size: 10px;}
.fa-border {border-color: #AAAAAA;} /*Border around grid legend*/

h3.tvm-provider {margin-top: 20px}
.tvm-provider {margin-bottom: 3px;}
.tvm-lineups {margin:15px 0;}
.tvm-program-details {padding-left: 10px}
.tvm-ie-fav {display:none;}
.tvm-postal-error {font-size:12px; margin-top:6px;}

/*  Header Navigation
================================================== */
#tvmds_header_nav {max-width: 100%;} /*Sets the width of the entire portal*/ 
#tvmds_header_nav p {font-size: 14px; padding-top: 5px; width:auto;}
.tvmds_page_nav {
	cursor: pointer;
	transition: all 0.8s ease;
	background-color: #3276b1;
	border: 1px solid rgba(255,255,255,0.7);
	border-spacing: 1px;
	text-align: center;
	line-height: 20px;
	color: #fff;
	padding: 15px 0 15px 0;}

.tvmds_page_nav:hover, .tvmds_page_nav_active {
	background-color: #2a6496;
	color: #dddddd;
}
/*.tvm-nav-grid {padding-left:0; padding-right: 0;}
.tvm-nav-custom {}
.tvm-nav-fav {}
.tvm-nav-search {padding-left:0; padding-right: 0;}
*/
.fa-3x {font-size: 40px;}
/*  Program Details
================================================== */
div#tblDetails{
			margin:10px 0 10px 0;
			min-height:200px;
			position: relative}

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

div#tblDetails p {
			/* font-size:12px; */
			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%;
			max-height: 150px; }

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


#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;}

#tblDetails > div.tvm-panel-body {padding: 0;} 

.tvm-panel-title-showname {color: #333}

.tab-pane {padding: 10px 4px;}

.input-checkbox-fav {
  opacity: 0;
  position: absolute;
  z-index: 5;}

.input-checkbox-fav + label {
  cursor: pointer;
  display: inline;
	vertical-align: top;}

.input-checkbox-fav + label:before {
  content: "\f08a"; /*FontAwesome heart*/
  cursor: pointer;
  font: 17px/1em FontAwesome;
  padding-right: 4px;
  vertical-align: middle;}


.input-checkbox-fav:checked + label:before { content: "\f004";}


.tvm-showdetails-nav {margin-left: 0px;}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;}

.tab-content > .active,
.pill-content > .active {
  display: block;}

.tvm-details-breakdown {font-size: 12px;}


.tvmds_details_flags {
	text-align: right;
	padding: 0 4px 0 0;}

.tvmds_details_heading {
  color: #333333;
  background-color: #ccc;
  border-color: #dddddd;}

.tvm-details-showname {cursor: pointer}
/* Personalize
================================================== */
.tvmds_channel_list {margin-bottom: 5px;}
.tvmds_channel_num {margin-left: 5px;}

.tvm-customize-channels {padding: 5px;}

.tvmds_chkChannel {
	height: 18px;
	width: 18px;
	vertical-align: middle;
	margin: 0px;}

/* Favourites
================================================== */
.tvmds_fav_upcoming {margin-top: 10px;}

.tvm-row-favourites {
	margin-bottom: 5px; 
	clear: both}

.tvm-favs {
	white-space: nowrap;
	overflow: hidden;
	text-overflow:ellipsis;}

/* Search
================================================== */
.tvm-search-station {font-size: 12px;}

.tvm_sr_row {
	padding: 4px 0;
	border-bottom: 1px solid #dddddd;} 

.tvm_sr_row_odd {background-color: #eeeeee;}

.tvmds_sr_more {
	cursor: pointer;}

.tvm-search-results {margin-bottom: 0px}

/* TV Grid
================================================== */
table {
			font-family: inherit;
			border-collapse: collapse;
			border-spacing: 0px; }

.tvm_tbl_grd {
			width:100%;
			margin-top: 2%; }

.tvmds_grid_loader {
	color: #3276b1;
 	text-align: center;}
.tvm-grid-flag {
	background-color: #888;
	padding: 3px;
	border-radius: 2px;
	color: #fff;
	font-size: 10px;
	margin-left: 2px;
}

.tvm-grid-legend {margin: 5px 0}

.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: #BEFFDA;}*/
.tvm_td_grd_m:hover, .tvm_td_grd_m_ovr:hover { background-color: #FFC8D0; }
.tvm_td_grd_s:hover, .tvm_td_grd_s_ovr:hover { background-color: #ade5ff; }
.tvm_td_grd_fav:hover, .tvm_td_grd_fav_ovr:hover { background-color: #839BA4; }
.tvm_details_selectedShow {background-color: #efefef; border-bottom: 1px solid #ffffff;}

.tvm_td_chn {
			max-width: 50px;
			height: 36px;
			font-size: 14px;
			line-height: 16px;
			background-color: #f5f5f5 ; }

.tvm_td_chn {
			line-height: 16px;
			background-color: #f5f5f5 ;
			border: solid 1px #ccc;
			text-transform:capitalize;
			vertical-align: middle;
			font-size: 14px; }

.tvm_td_grd {
			padding:5px;
			cursor: pointer;
			border: 1px solid #ccc;
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; }

.tvm_td_grd_r {
			border: solid 1px #ccc;
/*			padding-left: 2px;
			cursor: pointer;
			background-color: #D0FFE4;
			font-size: 12
			line-height: 16px;
			vertical-align: middle;*/ }

.tvm_td_grd_m {
			padding-left: 2px;
			cursor: pointer;
			background-color:#FFD7DC;
			border: solid 1px #ccc;
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; }

.tvm_td_grd_s {
			padding-left: 2px;
			cursor: pointer;
			background-color: #d0f0ff;
			border: solid 1px #ccc;
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; }

.tvm_td_grd_fav {
			padding-left: 2px;
			cursor: pointer;
			background-color: #97B3BE;
			border: solid 1px #ccc;
			font-size: 12px;
			line-height: 16px;
			vertical-align: middle; }


.tvm_td_head  { padding: 0 0 6px }


.tvm_leg_m {
	background-color: #FFD7DC; 
	color: #FFD7DC;	
}
.tvm_leg_s {
	background-color: #d0f0ff; 
	color: #d0f0ff; 	
}
.tvm_leg_new {
	background-color: #888; 
	color: #888; 	
}

.tvm_leg_fav {
	background-color: #97B3BE; 
	color: #97B3BE; 	
}

.tvm_td_timebar {
	background-color: #dadada;
	color:#454545;
	height:20px;
	font-size:14px;
	padding:5px 0 5px 0;
	vertical-align: middle;
	text-align: center !important;}


.tvm_tr_timebar { border: 1px solid #ccc; }

.tvm_txt_boiler {}

.tvm_txt_chan_num {
	font-size:12px;
	margin-bottom:1px; }

.tvm_txt_chan_name {
	font-size:12px;
	padding-top:2px; }


.tvm_txt_head {} 

.tvm_channel_row {
	height:45px;
	vertical-align: middle;}

.tvm_chan_logo {margin:10px 0;}		
.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: " ";}


.tvmds_portal_button_ahead {cursor: pointer; border-bottom: none;}
.tvmds_portal_button_prev {cursor: pointer; border-bottom: none;}


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_leg {
	float:left; 
	height:16px; 
	margin-right:10px;		
	line-height: 16px;	
}

.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;}


#castCarousel .carousel-control {
	width: 4%;
	color:#ddd;
	top:35%;
	margin-right: -15px;
}

#castCarousel .carousel-control:hover {
	width: 4%;
	color:#aaa;
}



#castCarousel .carousel-control.left, .carousel-control.right {margin-left:0px;background-image:none;}
#castCarousel @media (max-width: 767px) {
	#castCarousel .carousel-inner .active.left { left: -100%; }
	#castCarousel .carousel-inner .next        { left:  100%; }
	#castCarousel .carousel-inner .prev		 { left: -100%; }
	#castCarousel .active > div { display:none; }
	#castCarousel .active > div:first-child { display:block; }

}
#castCarousel @media (min-width: 767px) and (max-width: 992px ) {
	#castCarousel .carousel-inner .active.left { left: -50%; }
	#castCarousel .carousel-inner .next        { left:  50%; }
	#castCarousel .carousel-inner .prev		 { left: -50%; }
	#castCarousel .active > div { display:none; }
	#castCarousel .active > div:first-child { display:block; }
	#castCarousel .active > div:first-child + div { display:block; }
}
#castCarousel @media (min-width: 992px ) {
	#castCarousel .carousel-inner .active.left { left: -25%; }
	#castCarousel .carousel-inner .next        { left:  25%; }
	#castCarousel .carousel-inner .prev		 { left: -25%; }	
}

#castCarousel .tvm-cast-person {
	margin-bottom: 0px;
	text-align: left;
}
#castCarousel .thumbnail.with-caption {
	display: inline-block;
    background: #f5f5f5;
	margin-left:10%;
	min-height:185px;
	min-width:110px;
	line-height: 22.652px;
	border: 1px solid #ddd;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.055);
}

#castCarousel .thumbnail.with-caption p {
    margin: 0;
    padding-top: 0.5em;
}
#castCarousel .thumbnail.with-caption small:before {
    content: '\00A9 \00A0';
}

#castCarousel .thumbnail.with-caption small {
    width: 100%;
    text-align: right;
    display: inline-block;
	color: #999;
    font-size: 8px;
}

#castCarousel .thumbnail > img {
	max-width: 100%;
	margin-left: auto;
	margin-right: auto;
}

#castCarousel .tvm-cast-image {max-height:90px;}


.tvm-details-return {
	font-size:12px;
	text-decoration:none;
}
#castCarousel .tvm-cast-role {
	color:#555;
}

#tvmds_listings .tvm-extended-guide a{
	margin-top:5px;
	font-weight:bold;
	color:000;
	text-decoration: none;
}
#tvmds_listings .tvm-extended-guide {
	margin-top:10px;
}

#tvmds_frames img#show_graphic_lg, #tvmds_frames img.tvm-show-graphic-lg {
	padding: 2px !important;
	margin: 0 10px 0 0 !important;
	/* max-width: 65% !important; */
	padding-left: 25px !important;
	padding-right:15px !important;
}

.tvm-justify-left {padding-left:0;}
.tvm-justify-right {padding-right:0;}

td.tvm_td_grd, td.tvm_td_grd_s, td.tvm_td_grd_m {
	max-width: 80px;
	height:90px;
    overflow: hidden;
}
.tvm-postal-input {height:44px;}


