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

/* temporary
================================================== */
.ad_space {background-color: #e4e4e4; text-align: center; color: #fff; height: 90px; margin:20px auto}
.ad_space p {padding-top: 65px; color:#c8c8c8;}

/* Basic settings
================================================== */

html, body {
			height: 100%; }
body {
			font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
			background-color: #ffffff;
			font-size: 14px;
			line-height: 20px;
			color: #454545;
			background-color: #F5F5F5; }

.page-content {padding-left:15px; padding-right:15px; min-height: 400px;}

.wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -155px; /* the bottom margin is the negative value of the footer's height */
}
.footer, .push {
	height: 55px; /* .push must be the same height as .footer */
}

.fl-right {float: right; }
.fl-left {float: left}

.logo {margin-top: 25px;}
.mobile-logo {margin-top:25px;}

section {width: 100%; padding: 0; margin:0;}

.hidden {display: none;}

#settings input[type=checkbox] {
    -webkit-transform: scale(1.25,1.25);
    vertical-align: top;
}

#cogeco_ca_ad_horizontal img {display: block; margin-left: auto; margin-right: auto; margin-top:20px;}
.mh0 {min-height:0px !important;}
/* Typography
================================================== */

h1, h2, h3, h4, h5, h6 {
			color: #454545;
			font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
			font-weight: normal; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 { font-size: 22px; line-height: 26px; margin-bottom: 14px; }
h2 { font-size: 20px; line-height: 24px; margin-bottom: 10px; }
h3 { font-size: 18px; line-height: 22px; margin-bottom: 8px; }
h4 { font-size: 16px; line-height: 20px; margin-bottom: 4px; }
h5 { font-size: 14px; line-height: 18px; }
h6 { font-size: 12px; line-height: 16px; }

p { margin: 0 0 20px 0; color: #454545; }
p.lead { font-size: 18px; line-height: 23px; }

a {color: inherit; text-decoration: none;}

.text-small {font-size: 13px;}
.text-right {text-align:right; }
.text-left {text-align:left; }
.text-center {text-align: center;}
.bold {font-weight: bold}
.italic {font-style: italic; }
.uline {text-decoration: underline; }
.caps {text-transform: uppercase; }
.web {font-family: 'WebSymbolsRegular';}
.web:hover {color: #003a6c;}
.text-awesome {font-family: 'FontAwesome';}
a.text-awesome:hover {color:#0059a2 }
a.language-toggle {margin-top: 25px;}

.to-top {font-size: 14px; cursor: pointer;}
.to-top img {vertical-align: middle; margin-right: 10px;}

a.advanced-search {font-size: 13px; color: #0059a2; text-decoration: none}
a.advanced-search:hover {text-decoration: underline;}

.lh15 {line-height: 15px;}
.lh18 {line-height: 18px;}
.lh20 {line-height: 20px;}

/* Colors
================================================== */

.white {color: #ffffff}
.yellow {color: #EAD617}
.blue {color: #003a6c}
.blue-light {color: #0058a0}
.grey {color: #525252}

.bg-white {background-color: #ffffff}
.bg-yellow {background-color: #EAD617}
.bg-blue {background-color: #003a6c}
.bg-blue-light {background-color: #0058a0}
.bg-content {background-color: #F5F5F5;}

.bg-blue-arrow {
			background: url('../images/small_blue_arrow.png') no-repeat left center;
			width:4px;
			height:8px; }

.bg-blue-arrow-center {
			background: url('../images/small_blue_arrow.png') no-repeat center;
			width:4px;
			height:8px; }

/* Padding & Margins
================================================== */

.pt0 {padding-top: 0px important}
.pt3 {padding-top:3px}
.pt5 {padding-top:5px}
.pt10 {padding-top:10px}
.pt15 {padding-top:15px}
.pt20 {padding-top:20px}

.pb0 {padding-bottom: 0px !important}
.pb5 {padding-bottom:5px}
.pb10 {padding-bottom:10px}
.pb15 {padding-bottom:15px}
.pb20 {padding-bottom:20px}

.pl0 {padding-left: 0px !important}
.pl5 {padding-left:5px}
.pl10 {padding-left:10px}
.pl15 {padding-left:15px}
.pl20 {padding-left:20px}
.pl25 {padding-left:25px}

.pr0 {padding-right: 0px !important}
.pr5 {padding-right:5px}
.pr10 {padding-right:10px}
.pr15 {padding-right:15px}
.pr20 {padding-right:20px}

.mt5 {margin-top:5px}
.mt10 {margin-top:10px}
.mt15 {margin-top:15px}
.mt20 {margin-top:20px}
.mt25 {margin-top:25px}

.mb0 {margin-bottom: 0px !important}
.mb5 {margin-bottom:5px}
.mb10 {margin-bottom:10px}
.mb15 {margin-bottom:15px}
.mb20 {margin-bottom:20px}

.ml0 {margin-left:0px !important}
.ml5 {margin-left:5px !important}
.ml10 {margin-left:10px !important}
.ml15 {margin-left:15px !important}

.mr0 {margin-right:0px !important}
.mr5 {margin-right:5px !important}
.mr10 {margin-right:10px !important}
.mr15 {margin-right:15px !important}

input {line-height: 20px;}

/* Header
================================================== */
.header {
			margin: 0 0 20px 0;
			height: 90px; /* If changed, .content margin-top must equal to the height */
			width: 100%;
			background: #F5F5F5 url(../images/header_promo_bg.jpg) top center no-repeat;}

.header li {text-align: right; display: inline}

.mobile-header-icons {font-size: 26px;}

.postal-header {font-size:26px; margin:10px 0 10px; padding-bottom: 17px;}

#tvSearch label {font-family: "Arial", Helvetica, sans-serif;}

/* Form fields
================================================== */
.tvmds_input {
			border-radius: 5px;
			border:1px solid #ccc;
			box-shadow: inset 0 15px 15px rgba(255,255,255,0.3);
			vertical-align: bottom; }

.tvmds_search_types {
	margin: 5px 0; }

.tvmds_search_types label {
			vertical-align: middle;
			margin: 0; }

.tvmds_search_types input {		
			vertical-align: middle; }

.tvmds_search_types label {
  padding: 2px 1em 0 0;
  margin: 0 4px;
}
.tvmds_search_types input[type=radio], input.radio {
  margin: 2px 0 0 0;
}

.tvmds_form_input_error {border:1px solid #f8cb04 !important;}
.tvmds_form_error_message {color: #900;}

/* Navigation
================================================== */
.tvmds-top-nav {padding-left: 10px; padding-right: 10px}

.tvmds-nav-links {font-family: Arial, Helvetica, sans-serif;}
.tvmds-nav-links img {vertical-align:middle; min-height: 36px;}

.tvm_tv_header {font-size:26px;}

.tvmds-nav {
			font-size: 18px;
			color: #005196;
			line-height: 26px;}

.tvmds-nav span.text-awesome {margin-left: 15px;}
.tvmds_share span.text-awesome {font-size: 22px; margin-right: 25px;}

.tvmds-nav span.tvmds-nav-links a:hover{
			color: #454545;}
			
.tvmds-nav span.active{
			color: #454545;}			

.tvmds_nav_controls {
	width: 100%; }

.tvmds_top_nav {}

.tvmds_nav_content {border-right: 1px solid #ccc;}
.tvmds_nav_content_right {border-left: 1px solid #ccc;}

.tvmds_search_arrow {padding-top:6px; }
.tvmds_advanced_search {font-size:12px; }

.tablet-advanced-search img {padding: 0; vertical-align: middle;}
.tablet-advanced-search p {vertical-align: bottom;}


.active-nav {color: #454545; }

.mobile-nav {
	position: relative;
}
.mobile-nav-icons {
	font-size: 45px;
	padding-top: 10px;
	vertical-align: text-top;
}

.mobileToggle {cursor: pointer;}


.row-inline-settings {float: left;}
.row-inline-quarter  {
			float: left !important;
			width: 25% !important;
			margin-left: 0 !important;}

.row-inline  {
			float: left !important;
			width: 33% !important;}

.row-inline-half  {
			float: left !important;
			width: 50% !important;}	

.row-inline-third  {
			float: left !important;
			width: 66% !important;}			

.row-inline  {
			float: left !important;
			width: 33% !important;}

.row-inline-mid {
			float: left !important;
			width: 42% !important;}	


.row-inline img {padding-bottom:10px}
 

div.nav-phone.navbar.hidden-desktop.visible-tablet > ul > li {
	/*height: 90px;*/
}

#mobileDatePicker, #mobileSearch, #mobileLocation {display: none;}
#mobileDatePicker h3 {margin-bottom: 0px;}

@media all and (max-width: 480px)  {
    .row-inline  {
        float: left !important;
        width: 33% !important;
    }
}

ul.tablet-nav {padding-bottom: 10px}

.nav-tablet ul li.divider-vertical {height: 100px}

.nav-phone {height: 81px;}

.tvmds-nav img.icon {max-height: 35px; vertical-align: middle;}

.navbar .divider-vertical {
			border-right: 1px solid #cbcbcb;
			border-left: 1px solid #cbcbcb; }

/* Design elements: Boxes;
================================================== */
.shadow-box {
	border: 1px solid;
	border-radius: 5px 5px;
	padding: 15px;
	margin-bottom: 15px;
	border-color: #e7e7e7 #cbcbcb #cbcbcb #e7e7e7;
	background-color: #ffffff; }

.shadow-box-blue-accent {
			margin: -15px -15px 0 -15px;
			border-radius: 5px 5px 0 0;
			background: #003a6c;
			background: -moz-linear-gradient(left,  #003a6c 0%, #00549d 25%, #0058a0 52%, #003a6c 100%); 
			background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003a6c), color-stop(25%,#00549d), color-stop(52%,#0058a0), color-stop(100%,#003a6c));
			background: -webkit-linear-gradient(left,  #003a6c 0%,#00549d 25%,#0058a0 52%,#003a6c 100%); 
			background: -o-linear-gradient(left,  #003a6c 0%,#00549d 25%,#0058a0 52%,#003a6c 100%);
			background: -ms-linear-gradient(left,  #003a6c 0%,#00549d 25%,#0058a0 52%,#003a6c 100%); 
			background: linear-gradient(to right,  #003a6c 0%,#00549d 25%,#0058a0 52%,#003a6c 100%); 
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003a6c', endColorstr='#003a6c',GradientType=1 );
			color: #ffffff;
			padding: 20px 5px 5px}

.seperator {
			background: transparent url(../images/separator2.png) repeat-x 0 0;
			height: 30px;
			margin: -15px; }
			
.box {
			border: 1px solid;
			border-radius: 5px 5px;
			padding: 0 15px;
			margin-bottom: 15px;
			border-color: #e7e7e7 #cbcbcb #cbcbcb #e7e7e7;
			background-color: #ffffff; }

.box-grey-header {
			margin-left: -15px;
			margin-right: -15px;
			padding:0 15px 0 15px;
			border-top:1px solid #f1f1f1;
			background: #ebebeb; /* Old browsers */
			background: -moz-linear-gradient(top,  #ebebeb 0%, #fefefe 100%); /* FF3.6+ */
			background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#fefefe)); /* Chrome,Safari4+ */
			background: -webkit-linear-gradient(top,  #ebebeb 0%,#fefefe 100%); /* Chrome10+,Safari5.1+ */
			background: -o-linear-gradient(top,  #ebebeb 0%,#fefefe 100%); /* Opera 11.10+ */
			background: -ms-linear-gradient(top,  #ebebeb 0%,#fefefe 100%); /* IE10+ */
			background: linear-gradient(to bottom,  #ebebeb 0%,#fefefe 100%); /* W3C */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#fefefe',GradientType=0 ); /* IE6-9 */ }

.go-back {cursor: pointer; }

.go-back p {padding:5px 5px 0 15px; }

.go-back img {margin-right:10px;}

/* Design elements: Borders;
================================================== */
.bl {border-left: 1px solid #ccc; padding-top:10% height:80%;}
.br {border-right:1px solid #ccc; height:80%;}
.border-white {
	border-right: 1px solid #ffffff;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;	
	/*border-left: 0;            */
}

/* Design elements: Buttons;
================================================== */
.tvmds-button {
			cursor: pointer;
			white-space: nowrap;
			font-family: "MyriadProRegular", Arial, Helvetica, sans-serif;
			display: inline-block;
			border: 0;
			padding: 5px 15px;
			color: #FFFFFF;
			letter-spacing: 1px;
			border-radius: 3px;
			text-align: center;
			text-decoration: none;
			vertical-align: middle;
			font-size: 13px;
			line-height: 13px;
			background: #005196;
			box-shadow: inset 0 -15px 15px #003f77;
			text-shadow: 1px 1px #000; }

.tvmds-button:hover {
			box-shadow: inset 0 12px 18px #4097E5;
			background-color: #005795;
			text-decoration: none;}



.tvmds-button .tvmds-button-active {
			box-shadow: inset 0 12px 18px #4097E5;
			background-color: #005795;
			text-decoration: none;}

.tvmds-button-large {font-size:14px; padding:10px; letter-spacing:0px;}

/* Search page
================================================== */
form.search label {text-align:left !important; padding-left:10px;}
#advanced-search {display: none;}
.advanced-search-switch {cursor: pointer}

.search-headers {}
.search-result-item {padding:10px 0 10px 5px; border-bottom: 1px solid #dadada; cursor: pointer;}
.search-result-item:hover {background-color: #fbfbfb}
.search-results-icons {color: #003a6c; padding:0 10px; font-weight:}
.search-results-icons-mobile {margin-right:5px; margin-top:10px; padding: 10px 0;}
.search-results-icons:hover {color: #454545}
.search-results-row {}

.search-show-details {
			clear:both;
			margin-top:20px; }
			
#tvm_show_details div#tblDetails{
			margin:10px 0 10px 0;
			font-size:14px;
			min-height:160px;
			padding:10px;
			display:block;
			border: 1px solid #dadada;
			border-radius: 5px 5px;
			padding: 15px;
			margin-bottom: 15px;
			background-color: #ffffff;
			position: relative
			z-index: 100;}

/* Footer
================================================== */
.footer_background {
			width: 100%;
			height: 15px;
			background: #FFFFFF url(../img/bg_footer.png) top center repeat-x;
}

.footer {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 11px;
			color: #757575;
			text-align:center; }

.footer a {
			color: #004785;
			text-decoration: none;
			cursor: pointer; }

.footer a:hover {text-decoration: underline;}



/* Internet Explore
================================================== */

.ieInput {padding-top: 0px}

/* Loading Animation
================================================== */
#loading-grid{
/*margin-right: auto;
margin-left: auto;*/
/*position:relative;*/
width:128px;
height:128px;
-moz-transform:scale(1);
-webkit-transform:scale(1);
-ms-transform:scale(1);
-o-transform:scale(1);
transform: scale(1);
/*background-color: rgba(255, 255, 255, 0.4);*/
}

.loading-grid-circle{
position:absolute;
background-color:#aaa;
height:23px;
width:23px;
-moz-border-radius:12px;
-moz-animation-name:f_fadeG;
-moz-animation-duration:1.04s;
-moz-animation-iteration-count:infinite;
-moz-animation-direction:linear;
-webkit-border-radius:12px;
-webkit-animation-name:f_fadeG;
-webkit-animation-duration:1.04s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-direction:linear;
-ms-border-radius:12px;
-ms-animation-name:f_fadeG;
-ms-animation-duration:1.04s;
-ms-animation-iteration-count:infinite;
-ms-animation-direction:linear;
-o-border-radius:12px;
-o-animation-name:f_fadeG;
-o-animation-duration:1.04s;
-o-animation-iteration-count:infinite;
-o-animation-direction:linear;
border-radius:12px;
animation-name:f_fadeG;
animation-duration:1.04s;
animation-iteration-count:infinite;
animation-direction:linear;
}

#loading-circle-01{
left:0;
top:52px;
-moz-animation-delay:0.39s;
-webkit-animation-delay:0.39s;
-ms-animation-delay:0.39s;
-o-animation-delay:0.39s;
animation-delay:0.39s;
}

#loading-circle-02{
left:15px;
top:15px;
-moz-animation-delay:0.52s;
-webkit-animation-delay:0.52s;
-ms-animation-delay:0.52s;
-o-animation-delay:0.52s;
animation-delay:0.52s;
}

#loading-circle-03{
left:52px;
top:0;
-moz-animation-delay:0.65s;
-webkit-animation-delay:0.65s;
-ms-animation-delay:0.65s;
-o-animation-delay:0.65s;
animation-delay:0.65s;
}

#loading-circle-04{
right:15px;
top:15px;
-moz-animation-delay:0.78s;
-webkit-animation-delay:0.78s;
-ms-animation-delay:0.78s;
-o-animation-delay:0.78s;
animation-delay:0.78s;
}

#loading-circle-05{
right:0;
top:52px;
-moz-animation-delay:0.91s;
-webkit-animation-delay:0.91s;
-ms-animation-delay:0.91s;
-o-animation-delay:0.91s;
animation-delay:0.91s;
}

#loading-circle-06{
right:15px;
bottom:15px;
-moz-animation-delay:1.04s;
-webkit-animation-delay:1.04s;
-ms-animation-delay:1.04s;
-o-animation-delay:1.04s;
animation-delay:1.04s;
}

#loading-circle-07{
left:52px;
bottom:0;
-moz-animation-delay:1.17s;
-webkit-animation-delay:1.17s;
-ms-animation-delay:1.17s;
-o-animation-delay:1.17s;
animation-delay:1.17s;
}

#loading-circle-08{
left:15px;
bottom:15px;
-moz-animation-delay:1.3s;
-webkit-animation-delay:1.3s;
-ms-animation-delay:1.3s;
-o-animation-delay:1.3s;
animation-delay:1.3s;
}

@-moz-keyframes f_fadeG{
0%{
background-color:#003A6C}

100%{
background-color:#aaa}

}

@-webkit-keyframes f_fadeG{
0%{
background-color:#003A6C}

100%{
background-color:#aaa}

}

@-ms-keyframes f_fadeG{
0%{background-color:#003A6C}

100%{
background-color:#aaa}

}

@-o-keyframes f_fadeG{
0%{
background-color:#003A6C}

100%{
background-color:#aaa}

}

@keyframes f_fadeG{
0%{
background-color:#003A6C}

100%{
background-color:#aaa}

}

.tvm_chn_tier {
	/*padding-top: 10px;*/
	padding-left: 2px;
	height: 100%;
}
.tvm_chn_tier_basic {
	border-left: 4px solid #00b0f0;
	height: 100%;
}

.tvm_chn_tier_comp {
	border-left: 4px solid #FFCA09;
	height: 100%;	
}
.tvm_chan_logo {
	margin-top: 15px;
	max-width: 90% !important;
}

.legendWrap {
	margin-bottom: 50px;
}

.legendWrap > .channelLegend {
	width: 60%;
	float: left;
}

.legendWrap > .showLegend {
	width: 40%;
	float: left;
}

.legendWrap > .showLegend > table {
	float: right;
}


@media screen and (max-width: 720px) {
	.legendWrap > .channelLegend {
		width: 100%;
		float: left;
		margin-bottom: 10px;
	}

	.legendWrap > .showLegend {
		width: 100%;
		float: left;
		margin-bottom: 20px;
	}
	.legendWrap > .showLegend > table {
		float: left;
	}	
}

.showLegendWrapper {
	float: right;
}

#loading-grid {
	/*padding-top: 200px;*/
    z-index: 1000;
    position: fixed;
    top: 50%;
    left: 45%;
    bottom: 0;
    right: 0;
}

@media screen and (max-width: 500px) {
	#loading-grid {	
		top: 50%;
		left: 30%;
	}
}


.strWhatsOnTVAt {
    float: left;
    margin-top: 5px;
    margin-right: 15px;
}


.nav-titles {
	color: #003A6C;
	font-weight: bold;
	margin-bottom: 0;
	font-size: 11px;
	opacity: 0.7;
}

div.nav-phone.navbar.hidden-desktop.visible-tablet > ul > li> a > img.icon {
	max-height: 35px;
}

.tvm_tr_timebar {
   -webkit-transform: translate3d(0px,0px,0px);
}