@import url("_shared_footer.css");


.tab-opts {overflow: hidden; background: #fff; float: right;}
.tab-opts button {background: #fff; color: #999; border: none; outline: none; cursor: pointer; padding: 0 5px; transition: 0.3s; font-size: 18px;}

	.tab-opts button:hover {color: #000;}
	.tab-opts button.active {color: #ce0e2d;}
	
.tabcontent {display: none; margin: 5px 0 0;}




/* GRID VIEW SHARED */
.major-box {max-width: 958px; margin: 24px auto 10px; padding: 0 0 0 5px;}

.program-box img {max-width: 100%;}
	.program-box a {text-decoration: none !important;}
	.program-box a:hover {text-decoration: underline !important; color: #ce0e2d;}


/* GRID VIEW */

	/* === MEDIA QUERIES - FULL SCREEN */
	@media only screen and (min-width: 860px) {
		.grid-wrap {margin: 35px 0 60px;}
		.program-box {width: 30.3%; margin: 0 1.5% 20px; float: left; background: #eee;}
		.program-box .name {font-size: 100%; font-weight: 600; margin: 5px 3%; height: 32px;}
		.program-box .type {font-size: 95%; font-weight: 600; margin: 0 3% 5px;}
		.program-box .mode {font-size: 88%; -font-weight: 600; margin: 0 3% 5px;}
		

	}
	/* === MEDIA QUERIES - TABLET */
	@media only screen and (min-width: 556px) and (max-width: 859px) {
		.grid-wrap {margin: 35px 0 60px;}
		.program-box {width: 47%; margin: 0 1.5% 20px; float: left; background: #eee;}
		.program-box .name {font-size: 100%; font-weight: 600; margin: 5px 3%; height: 32px;}
		.program-box .type {font-size: 95%; font-weight: 600; margin: 0 3% 5px;}
		.program-box .mode {font-size: 88%; -font-weight: 600; margin: 0 3% 5px;}
	}
	/* === MEDIA QUERIES - HANDHELD */
	@media only screen and (max-width: 555px) {
		.grid-wrap {margin: 25px 0 60px;}
		.program-box {width: 97%; margin: 0 1.5% 20px 1%; float: left; background: #eee;}
		.program-box .name {font-size: 100%; font-weight: 600; margin: 5px 3%;}
		.program-box .type {font-size: 95%; font-weight: 600; margin: 0 3% 5px;}
		.program-box .mode {font-size: 88%; -font-weight: 600; margin: 0 3% 5px;}
	}

/* LIST VIEW */

	/* === MEDIA QUERIES - FULL SCREEN */
	@media only screen and (min-width: 810px) {
		.pl-wrap {margin: 35px 0 60px; border-top: #ccc solid 1px;}
		.program-listing {width: 100%; border-bottom: #ccc solid 1px; display: table; padding: 10px 0; font-size: 135%;}
		.program-listing:hover {background: #eee;}
			.program-listing a {text-decoration: none !important; color: #ce0e2d;}
			.program-listing a:hover {text-decoration: underline !important; color: #ce0e2d;}
		.program-listing .pl-a {width: 68%; float: left; display: cell; font-weight: 600;}
		.program-listing .pl-b {width: 32%; float: left; display: cell;}
		.program-listing .pl-b span {font-size: 75%}
	}
	/* === MEDIA QUERIES - TABLET-HANDHELD */
	@media only screen and (max-width: 809px) {
		.pl-wrap {margin: 25px 0 60px; border-top: #ccc solid 1px;}
		.program-listing {width: 100%; border-bottom: #ccc solid 1px; display: table; padding: 10px 0; font-size: 110%;}
		.program-listing:hover {background: #eee;}
			.program-listing a {text-decoration: none !important; color: #ce0e2d;}
			.program-listing a:hover {text-decoration: underline !important; color: #ce0e2d;}
		.program-listing .pl-a {width: 100%; display: cell; font-weight: 600;}
		.program-listing .pl-b {width: 95%; margin-left: 5%;}
	}


/* SEARCH VIEW */

.search-wrap {margin: 25px 0 60px; min-height: 300px;}



@media print {
	
	.grid-wrap {margin: 25px 0 40px;}
	.program-box {width: 30.3%; margin: 0 1.5% 40px; float: left; background: #fff;}
	.program-box .name {font-size: 100%; font-weight: 600; margin: 5px 3%; height: 32px;}
	.program-box .type {display: none;}
	.program-box .mode {display: none;}
	
	.pl-wrap {margin: 25px 0 40px; border-top: #999 solid 1px;}
	.program-listing {width: 100%; border-bottom: #999 solid 1px; display: table; padding: 10px 0; font-size: 100%;}
		.program-listing a {text-decoration: none !important; color: #000;}	
	.program-listing .pl-a {width: 70%; float: left; display: cell; font-weight: 600;}
	.program-listing .pl-b {width: 30%; float: left; display: cell;}
	.program-listing .pl-b span {font-size: 75%}

}