/* BASE ELEMENT STYLES */
body {
	font-family: Helvetica, Arial, sans-serif;
	color: #49505a;
}

h4, .h4,
h5, .h5,
h6, .h6
{
	margin-top: 20px;
	margin-bottom: 10px;
}

header {
	display: block;

	min-height: 100px;
	width: 100%;

	margin: 0 0 10px;

	padding: 10px 10px 10px 0;

	background-color: #fff;
}
a,
a:visited
{
	color: #428bca;
	white-space: normal !important;
}
a.btn-default,
a.btn-default:visited
{
	color: #49505a;
}
a.btn-primary {
	color: #fff;
}

footer {
	display: block;
	padding: 10px;

	background: #fff;
	min-height: 80px;
}



/* BASE & HELPER CLASSES */
.ctrl {
	display: none;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
	display: none !important;
	overflow: hidden !important;
}
/* Attempt to shoehorn BS's affix capability; doesn't seem complete */
.affix {
	position: fixed;
}

.fright {
	float: right;
}

.code {
	font-family: "DejaVu Sans Mono", "Courier New", Courier, monospace;
	color: #428bca;
	padding: 10px;
	max-width: 100%;
	margin-top: 10px;
}

.panel-default>.panel-heading.myAptBlue {
	background-color: #428bca;
}
.panel-default>.panel-heading.myAptBlue a i {
	color: #fff;
}

.panel-default>.panel-heading.myAptBlue h4 {
	font-weight: bold;
	color: #fff;
}

div.panel-body.rights p
{
	clear: both;
}

#programOther div.panel-body div.pic span.usage
{
	clear: both;
	color: #900;
	font-style: italic;
	font-weight: bold;
}

#programOther div.panel-body div.pic ul.usage
{
	color: #900;
	font-style: italic;
	font-weight: bold;
}

div.panel-body hr
{
	margin: 0;
	border-color: #428bca;
}

#programOther .panel-body span.caption {
	float: left;
}
#programOther .panel-body span.copied {
	display: inline-block;
	color: #090;
	font-style: italic;
	font-weight: bold;
	margin-left: 25px;
	opacity: 0.0;
	transition: 1.0s all ease;
}
#programOther .panel-body span.copied.reveal {
	display: inline-block;
	opacity: 1.0;
}


/* Different approaches to hiding stuff */
.unseen {
	display: none;
	visibility: hidden;
	opacity: 0.0;
}
.hidden {
	opacity: 0.0;
}


/* Font-size tweaks */
.smallerText {
	font-size: 16px;
}
.smallerText i {
	font-size: 18px;
}


.iblock {
	display: inline-block;
}

.floatLeft,
.fleft
{
	float: left;
}
.floatLeft
{
	margin-right: 10px;
}

.per60
{
	width: 60%;
}
.per50
{
	width: 50%;
}
.per40
{
	width: 38%;
}
.per30
{
	width: 30%;
}
.per25
{
	width: 23%;
}
.loading {
	background-color: rgba(255, 255, 255, 0.9);

	position: fixed;
	z-index: 550;

	font-size: xx-large;
	color: #005494;

	opacity: 1.0;

	-webkit-transition: all ease 1.0s;
	transition: all ease 1.0s;
	/* ====================================== */
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align: center;
	top: 0;
	left: 0;

	text-shadow: -1px -1px 3px #fff, 1px -1px 3px #fff, 1px 1px 3px #fff, -1px 1px 3px #fff;
}
.loading.hidden {
	opacity: 0.0;
}




/* BASIC/COMMON PAGE ELEMENTS */

/* This is for the mobile-device usage warning for certain high-information pages */
#warning
{
	display: none;
	position: fixed;

	width: 100%;
	height: 100%;

	left: 0;
	top: 50px;
	z-index: 551;

	padding: 10px;

	background-color: #fff;
	color: #006;

	font-weight: bold;
	font-style: italic;
	font-size: larger;
}


#logo {
	float: left;
	margin-bottom: -10px;
	padding-right: 5px;
	background-color: #fff;
}

.topNav {
	margin-top: 48px;
	margin-bottom: -10px;
}

.topNav .subsects {
	margin-right: -10px;
}

.sections.btn-group>.btn:first-child:not(:last-child):not(.dropdown-toggle) {
	border-top-right-radius: 6px;
	border-bottom-left-radius: 0;
}
.sections.btn-group>.btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
	border-radius: 6px 6px 0 0;
}
.sections.btn-group>.btn:last-child:not(:first-child), .btn-group>.dropdown-toggle:not(:first-child) {
	border-top-left-radius: 6px;
	border-bottom-right-radius: 0;
}

.btn-apt {
	font-weight: bold;
	color: #fff;
}
.btn-myApt {
	color: #fff;
	border: 1px solid #428bca;
	background-color: #428bca;
}
.btn-myAptTurquoise {
	background-color: #ccf5ff;
}
.btn-myAptTurquoise:hover {
	background-color: #ebebeb;
}
a.btn-myApt:visited {
	color: #fff;
}


.toggleAll {
	margin-right: -47px;
	margin-left: 10px;
}
.toggleAll button {
	border-radius: 0 4px 4px 0;
	padding: 3px 8px 0px;
	font-size: x-large;
	color: #fff;
	background-color: #ccc;
	border-color: #ccc;
}

/* Animation */
.rotate {
	-webkit-animation: spin 4s linear infinite;
	-moz-animation: spin 4s linear infinite;
	animation: spin 4s linear infinite;
	color: #00f;
}
@-moz-keyframes spin { 100% { -moz-transform: rotate(360deg); } }
@-webkit-keyframes spin { 100% { -webkit-transform: rotate(360deg); } }
@keyframes spin { 100% { -webkit-transform: rotate(360deg); transform:rotate(360deg); } }



/* BASE COLOR STYLES */
.myAptBlue {
	color: #428bca;
}
.apt-viewers {
	background: #87979c;
}
.apt-press {
	background: #9d9a7a;
}
.apt-stations {
	background: #428bca;
}
.apt-producers {
	background: #7f7d6f;
}

.subsects.forStations,
.subsects.forStations #searchBox
{
	background: #428bca;
}
.subsects.forViewers,
.subsects.forViewers #searchBox
{
	background: #697d83;
}


/* Browser overrides for stuff we don't want */
button:focus,
button.btn:focus,
input.btn:focus,
select:focus,
.btn:focus:active
{
	-webkit-appearance: none;
	box-shadow: none;
	outline: none;
}

button.noFocus:focus,
button.btn.noFocus:focus:active
{
	border-width: 0 !important;
}

.form-control:focus {
	-webkit-appearance: none;
	box-shadow: none;
}
select.form-control:focus {
	-webkit-appearance: menulist;
}
input:-webkit-autofill,
textarea:-webkit-autofill,
select:-webkit-autofill,
input[type="password"],
input[type="search"]
{
	-webkit-appearance: none !important;
	background-color: transparent !important;
}

.error
{
	color: #f00;
	font-style: italic;
	font-weight: bold;
}


/* SEARCH BOX */
.searchHow {
	margin-top: 10px;
}
.searchHow .btn.active {
	background-color: rgba(51, 255, 255, 0.4);
	color: #fff;
	border-color: #39f;
	font-weight: bold;
}

#searchBox {
	position: relative;
	top: 43px;
	left: 0;
	z-index: 10;

	display: inline-block;
	margin: -50px 0 -70px 0;

	border-radius: 0 0 10px 10px;

	padding: 3px 10px 10px 10px;

	width: 230px;
	height: 85px;

	color: #fff;
}
#searchBox .close {
	color: #fff;
	font-size: x-large;
	font-weight: normal;
	text-shadow: none;
	opacity: 1.0;
	padding-top: 3px;
}

[id=topStripe]
{
	position: relative;
	top: 0;
	left: 0;

	width: 100%;
	height: 50px;

	padding: 7px 0;

	background-color: #49505a;
	color: #ffc; /* DELIBERATE; TO CATCH UN-STYLED TEXT W/IN STRIPE */
}
[id=topStripe] a.action
{
	color: #71b9f7;
	font-size: smaller;
}
[id=topStripe] #searchBox
{
	position: absolute;
	top: 0;
	left: 60px;
	z-index: 20;

	width: 96%;
	height: 50px;

	margin: 0;
	border-radius: 0;
	padding: 1px 10px 0;

	background-color: #49505a;
}
[id=searchBox] #terms
{
	width: 97%;
	border-radius: 0;
	background-color: transparent;
	color: #fff;
	border-width: 0 0 1px 0;
	-webkit-appearance: none;
}
[id=topStripe] .search
{
	margin-left: -40px;
}
[id=topStripe] .search img
{
	width: 29px;
	height: 29px;
}

[id=topStripe] #searchBox .close
{
	padding-top: 10px;
	padding-right: 10px;
}
[id=topStripe],
[id=MyAPTHeader] > #logo,
.topNav {
	-webkit-transition: all ease 1.0s;
	transition: all ease 1.0s;
	opacity: 1.0;
	z-index: 9000;
}
[id=topStripe].hid,
[id=MyAPTHeader] > #logo.hid,
.topNav.hid {
	opacity: 0.0;
}


/* Circa 2016/17 MyAPTHeader */
[id=MyAPTHeader]
{
	position: relative;
	top: 0;
	left: 0;

	width: 100%;
	height: 300px;

	padding: 0;

	-webkit-transition: all ease 0.6s;
	transition: all ease 0.6s;
}
[id=MyAPTHeader].y2017.taller
{
	margin-top: 120px;
}
[id=MyAPTHeader].y2017.dark {
	height: 0px;
	display: none;
}

[id=topStripe] .userState
{
	display: inline-block;
	margin-left: 0px;
	margin-top: 0px;
}
[id=topStripe] .loginBtn
{
	color: #fff;
	font-size: 18px;
	margin-right: 10px;
}
[id=topStripe] .loginBtn:hover
{
	color: #989ea7;
}
[id=MyAPTHeader] .social
{
	float: none;
	position: absolute;
	top: 6px;
	right: 20px;
}

[id=MyAPTHeader] .social .alt
{
	display: none;
	float: left;
	margin: 0 5px 0 0;
	padding: 0 0 0 0;

	font-size: x-large;
	color: #aaa;
}


[id=MyAPTHeader] .social > img,
[id=MyAPTHeader] #topStripe > img
{
	width: 3px;
	height: 27px;
	margin-left: 7px;
}
[id=MyAPTHeader] #topStripe > img
{
	margin: -4px 10px 0 -5px;
}
[id=MyAPTHeader] .social a > img
{
	width: 36px;
}
[id=MyAPTHeader] .social a > img.open
{
	width: 29px;
	height: 29px;
}

[id=MyAPTHeader] > #logo
{
	float: none;
	margin: 21px 0;
	text-align: center;
}

body [id=MyAPTHeader].myapt.catalog > #logo,
body [id=MyAPTHeader].myapt.catalog > div.topNav
{
	max-width: 82%;
}

[id=MyAPTHeader] > #logo.glideRight
{
	max-width: 80%;
	margin-right: 20%;
}
[id=MyAPTHeader] > #logo.dark {
	height: 0;
}
[id=MyAPTHeader] > #logo img
{
	width: 291px;
	height: auto;
}

[id=MyAPTHeader] > div.topNav
{
	margin: 0;
	width: 100%;
	text-align: center;
}
[id=MyAPTHeader].myapt > div.topNav
{
	min-height: 67px;
}
[id=MyAPTHeader].myapt > div.topNav.glideRight
{
	max-width: 80%;
	margin-right: 20%;
}
[id=MyAPTHeader] > div.topNav.shorter
{
	max-height: 30px;
	/*margin-top: -20px;*/
}
[id=MyAPTHeader] > div.topNav a.section
{
	font-size: 20px;
	color: #49505a;
}
[id=MyAPTHeader] > div.topNav a.section.active {
	text-decoration: underline;
	color: #428bca;
}
[id=MyAPTHeader] > div.topNav a.section:not(:first-child)::before
{
	content: "| ";
	margin: 0px 13px 0 10px;
	display: inline-block;
	color: #49505a;
}

[id=MyAPTHeader] > div.topNav a.section:hover
{
	color: #7c838e;
}

div#myaptSubhead {
	margin-right: 20%;
	max-width: 80%;
}



/* MENUS & SUBMENUS */
/* Menu button */
#menu {
	position: absolute;
	display: block;

	left: -3px;
	z-index: 101;

	margin: 10px 10px 10px 8px;

	transition: margin 1.0s ease;
}
#menu.tucked {
	margin-top: -5px;
}
#menu button {
	transition: all 1.0s ease;
}
#menu button.btn-primary,
#menu button.btn-default
{
	border: transparent;
	background-color: #49505a;
}
[id=topStripe] button.btn:active:hover
{
	color: #49505a;
	text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff;
	background-color: transparent;
}
#menu button.btn-default {
	padding: 5px 8px;
	font-size: 13px;
	border-radius: 3px;
	border: 1px solid #adacac;

	color: #fff;
	background-color: #7c838e;
	border: 1px solid #5a616c;
}
#menu:after {
	/*content: " Menu";*/
	/*color: #fff;*/
}

/* Help button & dialog */
#help {
	margin-bottom: 10px;
}
#help button {
	position: relative;
	z-index: 20;

	margin: 9px 0 0 13px;

	border-radius: 6px;
	border-width: 0;

	display: block;

	background-color: #428bca;
}
#help button:hover {
	background-color: #286090;
}

#help .text {
	border: 1px solid #428bca;
	padding: 20px 10px 10px;
	border-radius: 5px;
	background: rgba(255, 255, 255, 0.7);
	margin: -15px 4px 4px 4px;
	position: relative;
	z-index: -1;
}

/* Tag-cloud; probably removeable */
#tagCloud {
	display: none;
	position: relative;
	padding: 5px 10px 5px;
	background-color: rgba(255, 255, 255, 0.7);
	border-radius: 5px;
	margin: -18px 5px 65px 5px;
	/*position: fixed;*/
	bottom: 0;
	width: 96%;
	left: 0;
	border: 1px solid #428bca;
	max-height: 240px;
	overflow-y: scroll;
	z-index: 1;
	color: #49505a;
}
#tagCloud h4
{
	margin-top: 10px;
	margin-bottom: 10px;
}
#tagCloud.shown {
	display: inline-block;
}
/* pseudo elements */
#tagCloud::-webkit-scrollbar {
	width: 13px;
	height: 13px;
	background: transparent;
}
#tagCloud::-webkit-scrollbar-button {
	/* If anything is set in here, buttons show up; otherwise do not & take up no space */
}
#tagCloud::-webkit-scrollbar-thumb {
	border-radius: 6px;
	background: #49505a;
	min-height: 28px;
}
#tagCloud::-webkit-scrollbar-corner {
	background-color: transparent;
}
#tagCloud span label {
	margin: 7px 2px 2px 2px;
	padding: 1px 10px 1px 5px;
	border-radius: 0 10px 10px 0;
	font-size: smaller;
	border-width: 1px 3px 3px 1px;
	border-style: solid;
	cursor: pointer;
	background-color: #49505a;
	color: #fff;
	border-color: #fff;
}
#tagCloud span label.single {
	background-color: #fcc;
	color: #300;
	border-color: #f00;
}
#tagCloud span label.few {
	background-color: #286090;
	color: #fff;
	border-color: #418AC8;
}
#tagCloud span label.many {
	background-color: #58827b;
	color: #fff;
	/*border-color: #00f;*/
}


/* Base menu container styling */
/* Specific flex box properties */
/* .pageNav is first, but we'll allow it to be selectively hidden */
.pageNav,
.filtersNav
{
	width: 20%;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;
	-webkit-order: 1;
	order: 1;

	margin-bottom: 10px;
	padding-top: 60px;

	background-color: #6bacba;

	transition: all 0.7s ease-out;
}

.pageNav .topNav .section
{
	background-color: #49505a;
	margin-bottom: -1px;
}

.pageNav .topNav .section.active
{

}

/* =========================================================================== */
/* THIS BLOCK IS DISPOSABLE -- Experimenting with menu UI alternatives */
/* ALL CHANGES RELATED TO THIS EXPERIMENT SHOULD BE CONTAINED WITHIN THIS */
/* BLOCK, SO THE ENTIRE THING CAN BE SCRAPPED IF NECESSARY */
/* =========================================================================== */
body
{
	margin-top: 70px;
}

[id=MyAPTHeader].short,
body [id=MyAPTHeader].short
{
	height: 100px;
}

body [id=MyAPTHeader]
{
	height: 175px;
}
body [id=MyAPTHeader].myapt
{
	height: 295px;
}

.pageNav,
.filtersNav
{
	width: 20%;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

	-webkit-order: 1;
	order: 1;

	margin-bottom: 10px;
	padding-top: 60px;

	background-color: #6bacba;

	/*transition: all 0.7s ease-out;*/
	transition: transform 300ms linear;
	will-change: transform;
}
.filtersNav
{
	background-color: #49505a;
}
.pageNav.tucked,
.filtersNav.tucked
{
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
}

#main > section.pageNav,
#main > section.filtersNav
{
	height: 100%;
	position: fixed;
	top: 0;
	z-index: 550;
	overflow-y: auto;
	padding-bottom: 30px;
}
#main > section.pageNav
{
	left: 0;
}
#main > section.filtersNav
{
	right: 0;
}
#main > section.pageNav
{
	z-index: 2002;
	border-right: 1px solid #fff;
}
/* On phones we try moving the top nav into the menu, so we need more width */
#main > section.pageNav.phone,
#main > section.filtersNav.phone
{
	width: 97%;
}

/* Also, we want the nav to go vertical and hug the left edge */
#main > section.pageNav.phone .topNav,
#main > section.filtersNav.phone .topNav
{
	float: left;
	/*border: 1px solid white;*/
	margin-top: -10px;
	max-width: 35%;
	padding-top: 10px;
	background-color: rgba(0, 0, 0, 0.5);
	/*border-width: 0 1px 0 0;*/
	min-height: 101.4%;
}
#main > section.pageNav.phone .topNav a,
#main > section.filtersNav.phone .topNav a
{
	display: block;
	color: #fff;
	font-size: 1.25em;
	padding: 16px 0 17px 9px;
}

/* Plus, the menu must be pinched to fit */
.pageNav.phone > ul,
.filtersNav.phone > ul
{
	float: left;
	max-width: 65%;
}

/* Menu scrollbar styling! */
/* Chrome */
#main > section.pageNav::-webkit-scrollbar,
#main > section.filtersNav::-webkit-scrollbar
{
	width: 13px;
	background: rgba(238, 238, 238, 0.2);
}

#main > section.pageNav::-webkit-scrollbar-thumb,
#main > section.filtersNav::-webkit-scrollbar-thumb
{
	background: #49505a;
	border-radius: 10px;
	border-width: 0 0 0 1px;
	border-color: #fff;
	border-style: solid;
}



[id=topStripe]
{
	position: fixed;
}
[id=topStripe] button.btn
{
	background-color: transparent;
	border-width: 0;
	color: #fff;
	margin: -13px 0 -7px 0;
	padding: 9px 17px 13.4px;
	border-radius: 0;
	font-size: 27px;
}
[id=topStripe] button.btn[title=Menu]:after
{
	content: "Menu";
	margin-top: -6px;
	display: block;
	color: #fff;
	font-size: 10px;
}
[id=topStripe] .search button.btn.btn-link
{
	padding-left: 0;
	padding-right: 0;
}
[id=topStripe].myAptGreen button.btn,
[id=topStripe].myAptBlue button.btn
{
	padding-top: 14px;
	margin-top: -7px;
}

[id=topStripe].myAptGreen button.btn
{
	background-color: #6bacba;
}
[id=topStripe].myAptBlue button.btn
{
	background-color: #428bca;
}
#filters
{
	width: 80%;
	float: left;
}
#filters.closed
{
	/* EH, not so much */
	height: auto;
}
#filters.closed > div
{
	display: inline-block;
	opacity: 1.0;
}
#filters .main div.form-group
{
	display: inline-block;
}
#filters .main div.form-group:not(:first-child) {
	margin-left: 20px;
}

/* =========================================================================== */
/* THIS BLOCK ABOVE IS DISPOSABLE -- */
/* =========================================================================== */


.pageNav .btn,
.filtersNav .btn
{
	text-align: left;
	padding-left: 8px;
}
.pageNav .btn-ck,
.filtersNav .btn-ck
{
	margin: 10px 0 0 12px;
	width: 78%;
	color: #49505a;
	font-size: medium;
	border: 1px solid #49505a;
}


/* New nested menu CSS */
.pageNav,
.pageNav ul,
.pageNav ul li,
.pageNav ul li a,
.filtersNav,
.filtersNav ul,
.filtersNav ul li,
.filtersNav ul li a
{
	margin: 0;
	border: 0;
	padding: 0;
	list-style: none;
	line-height: 1.2em;
	display: block;
	position: relative;
	box-sizing: border-box;
}
.pageNav>ul>li,
.filtersNav>ul>li
{
	clear: both;
}

section.pageNav li.whereAt,
section.filtersNav li.whereAt,
section.pageNav .topNav .section.active
{
	margin-left: 5px;
	color: #49505a;
	font-size: 1.5em;
	padding: 12px 22px 12px 6px;
	background-color: rgba(255, 255, 255, 0.4);
	border-radius: 5px 0 0 5px;
}
section.filtersNav li.whereAt
{
	background-color: rgba(232, 249, 253, 0.83);
	border-radius: 5px 0 0 5px;
	margin-left: 5px;
	margin-right: 0;
}

#main.my {
	margin: 0;
}
#main > section.pageNav,
#main > section.filtersNav
{
	padding: 60px 0 20px 0;
}
#main > section.filtersNav
{
	margin-top: 51px;
	padding-top: 5px;
	padding-bottom: 60px;
}
.pageNav ul ul,
.filtersNav ul ul
{
	overflow-y: hidden;
	height: 0;
}

.pageNav ul.topNav
{
	height: auto;
}

.pageNav ul ul.show,
.filtersNav ul ul.show
{
	display: block;
	height: auto;
}
.pageNav ul li a,
.filtersNav ul li a
{
	padding: 14px 22px;
	color: #e8f9fd;
	font-size: 1.25em;
	margin-left: -10px;
}
.pageNav ul li a:hover,
.filtersNav ul li a:hover
{
	color: #fff;
	cursor: pointer;
}
.pageNav>ul>li>a>i.fa,
.filtersNav>ul>li>a>i.fa
{
	float: right;
	font-size: small;
	transition: all 0.2s linear;
	margin-top: 2px;
}
.pageNav>ul>li>ul>li>label,
.filtersNav>ul>li>ul>li>label
{
	margin: 0;
	font-weight: normal;
	display: inline;
}
.filtersNav>ul>li>ul>li.qualifier
{
	color: #000;
	margin: 5px 0 5px 10px;
	border-bottom: 1px solid #428bca;
}
.filtersNav>ul>li>ul>li.qualifier>span
{
	font-size: 14px;
	line-height: 16.8px;
	padding: 0;
}
.filtersNav>ul>li>ul>li.qualifier>span>i.fa
{

}

.pageNav ul li input[type=checkbox],
.pageNav ul li span,
.pageNav ul li ul li a,
.filtersNav ul li input[type=checkbox],
.filtersNav ul li span,
.filtersNav ul li ul li a
{
	display: inline-block;
}
.pageNav ul li input[type=checkbox],
.pageNav ul li span,
.filtersNav ul li input[type=checkbox],
.filtersNav ul li span
{
	float: left;
}
.pageNav ul li input[type=checkbox],
.filtersNav ul li input[type=checkbox]
{
	clear: both;
	width: 20px;
	height: 20px;
	margin-left: 13px;
	margin-top: 7px;
	background-color: #ccc !important;
}
.pageNav ul li span,
.filtersNav ul li span
{
	padding: 5px 5px 10px 5px;
	font-size: 1.25em;
	color: #ddd;
	max-width: 75%;
	line-height: 25px;
}
.filtersNav ul li span
{
	color: #49505a;
}
.pageNav>ul>li>ul,
.filtersNav>ul>li>ul
{
	background-color: #49505a;
	color: #ddd;
}
.filtersNav>ul>li>ul
{
	background-color: #e7e8e8;
}
.filtersNav>ul>li>ul.trans
{
	height: auto;
}
.pageNav>ul>li>ul>li,
.filtersNav>ul>li>ul>li
{
	margin-bottom: 10px;
}
.pageNav>ul>li>ul>li:hover,
.pageNav>ul>li>ul>li:hover span,
.filtersNav>ul>li>ul>li:hover,
.filtersNav>ul>li>ul>li:hover span
{
	color: #fff;
	cursor: pointer;
}
.filtersNav>ul>li>ul>li:hover,
.filtersNav>ul>li>ul>li:hover span
{
	/*color: rgba(73, 80, 90, 0.37);*/
	color: #428bca;
}
.pageNav>ul>li>ul>li>a,
.filtersNav>ul>li>ul>li>a
{
	padding: 10px 0 0;
	opacity: 0.0;
	font-size: 1.2em;
	margin-right: 5px;
	line-height: 1.2em;
}
.pageNav>ul>li>ul>li>a.hover,
.filtersNav>ul>li>ul>li>a.hover
{
	opacity: 1.0;
	cursor: pointer;
}
.pageNav>ul>li>ul>li>a.link,
.filtersNav>ul>li>ul>li>a.link
{
	opacity: 1.0;
}
.pageNav>ul>li>ul>li>a.link
{
	margin-left: 11px;
}
.filtersNav>ul>li>ul>li>a.link
{
	margin-left: 40px;
}

#updates .pageNav,
#offers .pageNav,
#other .pageNav,
#program .pageNav,
#programOther nav,
#updates .filtersNav,
#offers .filtersNav,
#other .filtersNav,
#program .filtersNav
{
	width: 100%;
	padding-top: 0px;
}

#program p {
	clear: both;
}

#program .subsub
{
	width: 250px;
	float: left;
}

#programOther h3
{
	margin-top: 0;
}

#programOther.wtw
{
	border: 1px solid #eee;
}

.twitter-timeline {
	-webkit-transition: all ease 1.0s;
	transition: all ease 1.0s;
}

#widgets .twitter-timeline,
#widgets .tab-pane.active >  span[class^=PIN_]
{
	height: 690px !important;
}

#widgets div.tab-pane.active {
	overflow: hidden;
}

section.main-content.shrunk #widgets .twitter-timeline {
	height: 540px !important;
}

.pageNav .inset,
.filtersNav .inset
{
	margin: 10px;
	border: 1px solid #fff;
	border-radius: 10px;
	padding: 10px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}




.open-add,
.open-remove
{
	transition: all cubic-bezier(0.250, 0.460, 0.450, 0.940) 0.5s;
}
.open,
.open-add.open-add-active
{
	height: 100%;
}
.open-remove.open-remove-active {
	height: 0;
}


.rot {
	-ms-transform: rotate(45deg); /* IE9 */
	-moz-transform: rotate(45deg);  /* FF3.5/3.6 */
	-o-transform: rotate(45deg);  /* Opera 10.5 */
	-webkit-transform: rotate(45deg);  /* Saf3.1+ */
	transform: rotate(45deg);  /* Newer browsers */
}




.filterNav ul ul.show {
	display: block;
	height: auto;
}
.filterNav ul li a
{
	padding: 14px 22px;
	color: #e8f9fd;
	font-size: 1.25em;
	margin-left: -10px;
}
.filterNav ul li a:hover
{
	color: #fff;
}
.filterNav>ul>li>a>i.fa {
	float: right;
	font-size: small;
	transition: all 0.2s linear;
	margin-top: 2px;
}
.filterNav>ul>li>ul>li>label {
	margin: 0;
	font-weight: normal;
	display: inline;

}
.filterNav ul li input[type=checkbox],
.filterNav ul li span,
.filterNav ul li ul li a
{
	display: inline-block;
}
.filterNav ul li input[type=checkbox],
.filterNav ul li span
{
	float: left;
}
.filterNav ul li input[type=checkbox]
{
	clear: both;
	width: 20px;
	height: 20px;
	margin-left: 13px;
	margin-top: 7px;
	background-color: #ccc !important;
}
.filterNav ul li span
{
	padding: 5px 5px 10px 5px;
	font-size: 1.25em;
	color: #ddd;
	max-width: 75%;
	line-height: 25px;
}
.filterNav>ul>li>ul {
	background-color: #49505a;
	color: #ddd;
}
.filterNav>ul>li>ul>li {
	margin-bottom: 10px;
}
.filterNav>ul>li>ul>li:hover,
.filterNav>ul>li>ul>li:hover span
{
	color: #fff;
}
.filterNav>ul>li>ul>li>a
{
	padding: 10px 0 0;
	opacity: 0.0;
	font-size: 1.2em;
	margin-right: 5px;
}
.filterNav>ul>li>ul>li>a.hover {
	opacity: 1.0;
}
.filterNav>ul>li>ul>li>a.link {
	margin-left: 40px;
	opacity: 1.0;
}





/* PRIMARY CONTENT SPACE */
/* Flex boxes go in this */
#main {
	min-height: 280px;

	margin: 10px 0 0 0;
	padding: 0;

	/* Flex magic */
	display: -webkit-flex;
	display: flex;

	clear: both; /* Used to push #main below header; might not need */

	-webkit-flex-direction: row;
	flex-direction: row;

	-webkit-webkit-flex-flow: row;
	-moz-webkit-flex-flow: row;
	-ms-webkit-flex-flow: row;
	-o-webkit-flex-flow: row;
	webkit-flex-flow: row;
	flex-flow: row;
}

/* General flex box properties */
#main > section {
	-webkit-flex: 1 1 auto;
	flex: 1 1 auto;

	-webkit-transition: width 0.7s ease-out;
	transition: all 0.7s ease-out;
	/*min-height: 400px;*/

	padding-left: 10px;
}

/* General section properties */
section {
	margin: 10px 10px 0 0;
	padding: 10px;

	background-color: #fff;
}

/* Specific flex box properties */
/* .main-content is second  */
.main-content {
	width: 40%;

	-webkit-flex: 0 1 auto;
	flex: 0 1 auto;

	-webkit-order: 2;
	order: 2;
}
.main-content.full,
#main.full {
	width: 100%;
}
#main.full > section.main-content {
	width: 100%;
	max-width: 640px;
	margin: 0 auto;
	text-align: center;
}

#main.full > section.main-content.full img {
	max-width: 100%;
	margin: 5px 0;
}

.main-content #qc
{
	max-width: 1240px;
	margin: 0 auto;
}

/* .sidebar is third (last) */
.sidebar {
	width: 40%;

	-webkit-flex: 0 0 auto;
	flex: 0 0 auto;

	-webkit-order: 3;
	order: 3;
}



/* Subsections */
#updates,
#offers,
#other,
#program,
#programOther,
#programOffer,
#promos,
#page,
#primary
{
	padding: 10px;
	float: left;
	margin-right: 3px;
	margin-bottom: 30px;
	margin-left: 10px;
}
#programOffer,
#programOther
{
	margin-top: 35px;
}

#row1,
#row2
{
	margin: 0 0 10px 10px;
}

#row1
{
	clear: both;
	padding-top: 13px;
}

#program.col #explore,
#program.col #intro
{
	width: 100%;
}

#program .channels
{
	margin-left: 20px;
}

#program .channels .block
{

}

#updates,
#offers,
#other,
#promos
{
	width: 32%;
}

.banner
{
	width: 100%;
	background-color: #b9ffff;

	margin: 0 0 10px 0;

	border-radius: 5px;
	border: 1px solid #428bca;

	padding: 10px;

	font-size: 1.3em;
	font-style: italic;
	color: #000;

	text-align: center;

	display: none;
}
.banner .highlight
{
	color: #600;
}

#promos {
	float: right;
	padding-left: 0;
}

#program,
.half
{
	width: 46.6%;
	border-width: 0;
	padding-top: 0;
	padding-left: 0;
}
.exp
{
	float: left;
	max-width: 100px;
	margin-right: 10px;
	margin-bottom: 20px;
}
.form-control.half,
.form-control.exp
{
	border-width: 1px;
	padding: 6px 12px;
}
.bottom
{
	width: 100%;
	clear: both;
}
.half
{
	float: left;
}
#primary {
	width: 100%;
	border-width: 0;
	padding-top: 0;
}

#featuredShows
{
	/*margin-top: -30px;*/
	display: flex;
	flex-wrap: wrap;
}
#featuredShows.gp {
	margin-top: 96px;
	margin-bottom: 20px;
}
#featuredShows h3
{
	font-size: 24px;
	color: #49505a;
	width: 100%;
}
#featuredShows .feature
{
	width: 24.1%;
	display: inline-block;
}
section.main-content.shrunk #featuredShows .feature
{
	width: 24%;
}
#featuredShows .feature:not(:last-child)
	/*#featuredShows .feature*/
{
	float: left;
	margin-right: 10px;
}
#featuredShows .feature img
{
	width: 100%;
}
#featuredShows .feature .featureText
{
	font-size: 18px;
	margin-top: 5px;
	line-height: 1em;
}


#program.affix {
	margin-top: 10px;
}
#program h3,
#promos h3,
#updates h3,
#offers h3,
#other h3
{
	margin-top: 0;
	margin-bottom: 20px;
}
#program.registrant h3 {
	margin-top: 10px;
	margin-bottom: 10px;
}

#programOther.registrant
{
	margin-top: 0;
	padding-top: 0;
}


.registrant .checkbox {
	padding-left: 0;
	margin-top: 0;
	margin-bottom: 5px;
	clear: both;
}
.registrant .checkbox input[type=checkbox] {
	margin-left: 0;
	margin-right: 10px;
	margin-bottom: 10px;
	position: static;
}

#program h4,
#promos h4,
#updates h4,
#offers h4,
#other h4
{
	margin-top: 15px;
	margin-bottom: 3px;
}
#program h4.panel-title,
#program.registrant h4.panel-title
{
	margin-top: 0;
	margin-bottom: 0;
}
.stdGrey,
#other h4 {
	color: #49505a;
}

#program .tab-pane h3,
#promos .tab-pane h3,
#updates .tab-pane h3,
#offers .tab-pane h3,
#other .tab-pane h3
{
	margin-top: 10px;
	margin-bottom: 2px;
}
#program h4 {
	margin-top: 12px;
	margin-bottom: 20px;
}
#program h4.trimTitle {
	margin: 0;
}

#program .text
{
	margin: 0 0 10px;
}
#program .text input[type=text].progSearch
{
	width: 400px;
	float: left;
	margin-right: 10px;
}
#program .text ul
{
	margin-top: 10px;
}
#program .text ul li
{
	margin-bottom: 10px;
	line-height: 18px;
}

#program .APT_video
{
	background-color: #49505a;
	color: #fff;
}

#program .APT_video .large-slide-wrap img
{
	width: 100%;
}

#gallery-icon
{
	position: absolute;
	left: 5px;
	top: 15px;
	z-index: 480;

	background: black;
	color: white;

	padding: 5px;

	opacity: .75;

	font-size: 20px;
}
.cycle-overlay
{
	position: absolute;

	left: 0;
	top: 100%;
	z-index: 700;

	width: 100%;

	background: #49505a;
	color: #fff;

	padding: 5px;

	font-size: 1.0em;
}
.cycle-caption
{
	position: absolute;

	right: 15px;
	top: 15px;
	z-index: 480;

	background: black;
	color: white;

	padding: 5px;
	opacity: .5;

	font-size: 12px;
}
.prevControl,
.nextControl
{
	position: absolute;

	right: 40px;
	top: 0;
	z-index: 480;

	margin-top: 58%;

	cursor: pointer;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 20px;
	color: #fff;
}
.nextControl
{
	right: 20px;
}
.prevControl:hover,
.nextControl:hover
{
	font-weight: bold;
}


#program .APT_video h4
{
	padding: 5px;
	margin-top: 0;
	font-size: 16px;
}

#program.registrant h4
{
	margin-top: 15px;
	margin-bottom: 10px;
}
#program h4.fright.offer,
#programOffer h4.offer
{
	font-weight: bold;
	color: #428bca;
	margin-top: -20px;
}
#programOther,
#programOffer,
.halfRight
{
	width: 47%;
	float: right;
	margin-right: 20px;
}
.halfRight
{
	margin-top: 25px;
}
#programOther.expandable,
#programOffer.expandable
{
	border-right: 1px solid #ccc;
}
#programOther div.pic {
	margin-bottom: 20px;
	border: 1px solid #428bca;
	border-radius: 10px;
	padding: 5px;
}
#programOther div.pic.nice {
	padding: 0;
	overflow: hidden;
}
#programOther div.pic p.fileTitle {
	font-size: 1.4em;
	line-height: 1.1;
	text-decoration: underline #49505a;
}
#programOther div.pic.nice p.text {
	padding: 5px;
}
div.pic p.type {
	background: #428bca;
	color: #fff;
	display: inline-block;
	padding: 10px 10px 10px;
	margin: -6px 10px 0 -6px;
	border-radius: 10px 0 10px 0;
	float: left;
}
#programOther img,
#programOther iframe {
	width: 100%;
}
#programOther ul li a img {
	margin-top: -17px;
}
#programOther #form > iframe {
	border: 1px solid #428bca;
}
#programOther img[align=right]
{
	width: auto;
	float: right;
}

#programOther ul.promos {
	list-style-type: none;
	-webkit-margin-before: 0;
	-webkit-margin-after: 0;
	-webkit-padding-start: 0;
}
#programOther ul.promos li {

}
#programOther ul.promos li img {

}

#program iframe,
#programOther iframe {
	border: none;
	margin-top: 10px;
}

#program .contentLeft h3,
#program .contentRight h3
{
	margin-bottom: 5px;
}



#program label,
#programOther label {
	width: 200px;
	float: none;
	/*float: left;*/
	clear: both;
}
#program.form label {
	width: 100%;
}
#program.registrant label,
#programOther.registrant label,
#programOther label.full
{
	width: 100%;
	display: inline-block;
}
#program .panel-body span,
#programOther .panel-body span
{
	display: table-cell;
	max-width: 74%;
}
#programOther .panel-body span.in {
	display: inline;
}

#programOther .panel-body.rights ul li
{
	margin-left: 160px;
}

#programOther .label {
	font-weight: 700;
	float: left;
	font-size: 14px;
	padding-top: 10px;
}

#streamId {
	color: #49505a;
	margin-bottom: 10px;
}
.darker,
#streamId.darker {
	color: #006;
}
#streamId h4 {
	margin: 0;
	text-transform: capitalize;
	font-weight: bold;
	font-size: 1.4em;
	color: #428bca;
}

#playlists {
	margin-top: 10px;
}
#playlists .tab-pane {
	max-height: 540px;
	overflow-y: auto;
}
#playlists .tab-pane h3,
#playlists .tab-pane h4
{
	margin: 0;
}
#playlists .pgm {
	margin: 3px;
	border-radius: 5px;
	padding: 3px;
}
#playlists .pgm:hover
{
	background-color: #fff;
}
#playlists .pgm a:hover,
#playlists .pgm:hover a
{
	background-color: #fff;
	color: #000;
}


#program .APT_video {
	position: relative;
	z-index: 540;

	margin-bottom: 5px;
	border: 1px solid #666;

	padding-bottom: 64%;

	height: 0;
	overflow: hidden;
}

#mainOverlay
{
	display: block;

	width: 100%;
	height: 55px;

	background: #49505a;

	position: absolute;

	bottom: 0px;
	left: 0;
	z-index: 480;

	padding: 5px 50px 5px 5px;
	font-size: 16px;
}

#program .APT_video.altScreen {
	/*padding-bottom: 56.1%;*/
	margin-top: 45px;
}
#program .APT_video.fmScreen {
	padding-bottom: 56.1%;
}
#program .APT_video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-width: 0;
}

#program div.clear,
div.clear {
	clear: both;
}

#row2 > div:last-child
{
	width: 50%;
}

#row1 #explore,
#row1 > div,
#row2 > div,
#program #explore,
#program #intro
{
	margin: 10px 10px 20px 10px;
	width: 46.59%;
	float: left;
}

#program .block
{
	margin: 10px 5px 20px 0;
	width: 46.89%;
	float: left;
}

#program .block:last-child
{
	margin: 10px 0 20px 5px;
	float: right;
}

#row1 #explore
{
	margin: 10px 10px;
	max-width: 50%;
}

#explore img,
#intro img,
.block img
{
	width: 100%;
	display: inline;
}
#explore .head,
#explore .foot
{
	width: 100%;
}
#explore .head
{
	border-width: 1px 1px 0;
	border-style: solid;
	border-color: #666;
	padding-top: 20px;
}
#explore .foot
{
	border-width: 0 1px 1px;
	border-style: solid;
	border-color: #666;
	padding: 0 90px 20px;
}
#explore .foot a
{
	display: inline-block;
	max-height: 50px;
}
#explore .foot a:first-child
{
	width: 58.5%;
	float: left;
}
#explore .foot a:last-child
{
	width: 41.5%;
}

#row1 .news {
	overflow-y: auto;
	width: 49.8%;
	height: 380px;
	/*border: 1px solid red;*/
}

.news h2
{
	margin-top: 0;
}


#pmp
{
	margin: 10px auto;
	text-align: center;
}
#pmp img
{
	width: 80%;
}


#captioning
{
	margin: 20px;

	background-color: #49505a;

	padding: 10px 20px;

	font-size: 16px;
	color: #fff;
}
#captioning h3,
#captioning h3 a
{
	color: #fff;
}
#captioning h3
{
	margin: 0;
}
#captioning > a
{
	color: #fff;
}


#videoDetails {

}
#videoDetails span {
	color: #49505a;
}
#videoDetails.darker span {
	color: #006;
}
#videoDetails .price,
#videoDetails .service,
#videoDetails .status,
#videoDetails .genre,
#videoDetails .page {
	float: left;
	margin-right: 25px;
}
#videoDetails .price {
	float: right;
	margin-right: 0;
}
#videoDetails .service {
	clear: both;
}
#videoDetails .status {
}
#videoDetails .genre {
}
#videoDetails .page {
}
#videoDetails .link {
	float: right;
	margin-left: 10px;
}
.pitch {
	clear: both;
	/*float: left;*/
	font-size: larger;
	color: #004786;
}




#voting .btn-group {
	display: block;
	margin-top: 50px;
}



.voteButton {
	min-width: 33.3%;
}
.voteBtn4th {
	min-width: 25.0%;
}

.voteYesX {
	background-color: #00f;
	color: #fff;
}
.voteYes {
	background-color: #5cb85c;
	color: #fff;
}
.voteMaybe {
	background-color: #f0ad4e;
	color: #fff;
}
.voteNo {
	background-color: #d9534f;
	color: #fff;
}

.voted {
	border: 3px solid #49505a;
	margin-top: -2px;
}
.votedyesx,
.votedyesx a,
.votedyesx a:link,
.votedyesx a:hover,
.votedyesx a:active,
.votedyesx a:visited
{
	background-color: #00f;
	color: #fff;
}
.votedyes,
.votedyes a,
.votedyes a:link,
.votedyes a:hover,
.votedyes a:active,
.votedyes a:visited
{
	background-color: #5cb85c;
	color: #fff;
}
.votedmaybe,
.votedmaybe a,
.votedmaybe a:link,
.votedmaybe a:hover,
.votedmaybe a:active,
.votedmaybe a:visited
{
	background-color: #f0ad4e;
	color: #000;
}
.votedno,
.votedno a,
.votedno a:link,
.votedno a:hover,
.votedno a:active,
.votedno a:visited
{
	background-color: #d9534f;
	color: #fff;
}



#voteLog {
	max-height: 40px;
	overflow-y: auto;
}

#voteLog span {
	display: inline-block;
}

#commentBlock {
	margin-top: 10px;
}

#commentBlock .fadeBox {
	float: right;
	width: 94.1%;
}
#commentBlock .fadeBox.comments {
	padding-left: 10px;
}
#commentBlock .fadeBox.comments span {
	display: block;
}

#commentBlock .fadeBox textarea {
	margin: 0 -5px -13px -1px;

	border: 5px solid #428bca;
	border-radius: 0 10px 0 10px;

	max-width: 505px;
	width: 100%;

	color: #006;

	-webkit-appearance: none;
	box-shadow: none;
	outline: none;
}

#commentBlock .fadeBox button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
}

#popComment {
	-webkit-transition: all ease 0.6s;
	transition: all ease 0.6s;
}
#popComment.active {
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	background-color: #428bca;
	color: #fff;
	outline: none;
	border-color: #428bca;
}


.dark {
	background-color: #000;
}
.main-content.dark {
	color: #ffc;
}


#promos div {
	margin-bottom: 30px;
}
#promos div a {
}
#promos div a img {
	max-width: 100%;
	width: 100%;
	margin-bottom: 5px;
}

.wide {
	width: 100%;
	clear: both;
	text-align: center;
}

.subsubnav
{
	margin: 13px 0;
}


.promoWarning {
	font-style: italic;
	font-weight: bold;
	color: #333;
}


.panel-heading a,
.panel-heading a:link,
.panel-heading a:hover,
.panel-heading a:active,
.panel-heading a:visited {
	text-decoration: none;
	color: #666;
}
.panel-heading a i {
	float: right;
	margin-top: -15px;
}

.embed
{
	margin: 10px;
}
.caption
{
	display: block;
}


.sLock {
	position: relative;
	top: -28px;
	right: -16px;
	padding: 7px 13px;
	border-radius: 0 4px 0 0;
	background: transparent;
	margin-bottom: -29px;
}

.panel-body iframe {
	border: 1px solid #333;
}




/* You May Also Like (YMAL) & RELATED PROGRAMS BLOCKS */
.ymal {
	float: right;
	max-width: 660px;
	width: 640px;
	/*max-height: 230px;*/
	position: relative;
	top: 0px;
	margin: 0 0 -300px 0;
	background-color: #fff;
	padding: 0 10px 10px 10px;
	border-radius: 10px;
	border: 1px solid #428bca;
	border-width: 1px 3px 3px 1px;

	transition-property: width, height, max-width, max-height, top, left;
	transition-duration: 1.0s;
	transition-timing-function: ease;
}
.ymal h4 {
	margin-top: 9px;
	margin-bottom: 10px;
}
.ymal a.pgm {
	display: inline-block;
	width: 49%;
	float: left;
	transition-property: opacity;
	transition-duration: 0.4s;
	transition-timing-function: ease;
}
.ymal.ng-animate a.pgm,
.ymal.compress a.pgm
{
	opacity: 0.0;
}
.ymal.compress a.pgm
{
	display: none;
}
.ymal a.pgm div {
	width: 295px;
	height: 167px;

	margin-bottom: 5px;
	margin-right: 10px;

	border: 1px solid #ccc;

	background-position: center;
	background-size: cover;
}
.ymal a.pgm:not(:last-child) {
	margin-right: 10px;
}
.ymal.ng-animate div a img {
	display: none;
}
.clickBox {
	border-radius: 0px 7px 0px 10px;
	border: 1px solid #428bca;
	padding: 6px 10px;
	float: right;
	font-size: larger;
	margin: -1px -11px 0 0;
	border-width: 0 0 1px 1px;
}
.ymal.compress {
	max-height: 39px;
	overflow: hidden;
	max-width: 220px;
	padding-top: 0px;
	top: -48px;
	left: 2px;
}
.ymal.compress .clickBox {
	margin-top: 0px;
}

#related {
	margin-top: 13px;
	margin-bottom: 20px;
	float: right;
	clear: both;
	width: 100%;
}
#related.services
{
	height: 150px;
}
#related.my {
	width: 48%;
	float: right;

	margin-top: 0;
	margin-left: 10px;
	margin-right: 20px;

	padding-left: 20px;
}
#related a,
#related.my a
{
	display: inline-block;
	width: 32.1%;
	float: left;
	margin-top: -10px;
	margin-bottom: 40px;
	line-height: 15px;
}
#related.services a,
#related.services.my a {
	margin-top: 10px;
	margin-bottom: 10px;
}
#related a:not(:last-child),
#related.my a:not(:last-child)
{
	margin-right: 10px;
}
#related div,
#related.my div
{
	background-position: center;
	background-size: cover;

	width: 100%;
	height: 0;

	margin-bottom: 5px;
	margin-right: 10px;

	border: 1px solid #ccc;

	padding-bottom: 56.25%;
}
#related div img {
	width: 100%;
	border: 1px solid #ccc;
}



/* HELPERS */
#yes {
	display: none;
}
#siteNotice {
	top: 300px;
	left: 200px;
	z-index: 2000;
	display: none;
	width: 450px;
	height: 100px;
	padding: 15px;
	border-style: solid;
	border-width: 2px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #555555;
	text-decoration: none;
	background: #bbbbbb;
	position: absolute;
}





/* MyAPT STYLING */
/* Place any CSS in here that is either page-specific and/or overrides specific aspects of responsive.css */
#MyAPTTitle {
	float: left;
	margin-left: 5px;
	margin-right: 100px;
	padding-top: 25px;
	font-size: 34px;
	font-weight: bold;
	color: #1c7b92;
}
#MyAPTTitle a {
	color: #428bca;
}
#MyAPTTitle a:hover {
	text-decoration: none;
	color: #5ca5e5;
}

#MyAPTSelector {
	float: left;
	padding-top: 30px;
	font-weight: bold;
	max-width: 420px;
}

#MyAPTStationLogo {
	float: right;
	padding-right: 10px;
}
#MyAPTStationLogo img {
	max-height: 80px;
}


/* No sidebar on MyAPT Catalog page */
#main > section.main-content {
	width: 100%;
	/*min-height: 580px;*/
}
#main > section.main-content form.form
{
	/*line-height: 29px;*/
}
#main > section.main-content div#regComplete {
	line-height: 29px;
}
#main > section.main-content div#regComplete h3.regQ {
	margin-bottom: 0px;
}
#main > section.main-content form.form h3
{
	margin-top: 32px;
}
#main > section.main-content form.form h3.h3Events {
	margin-top: 130px;
}


form.form #accordion div button {
	color: #fff;
	background-color: #428bca;
	border-color: #357ebd;
}

form.form div.form-group > label,
form.form div.form-group > p.bold
{
	color: #428bca;
}
form.form div.form-group > label.stdGrey
{
	color: #49505a;
	font-weight: normal;
}


#main > section.main-content.most {
	padding-left: 50px;
}
#main > section.main-content.full {

}
.sidebar {
	display: none;
}


/* Catalog listings */
.list {
	clear: both;
}
.list.v4 {
	max-width: 80%;
	margin-right: 20%;
}
.list h3 {
	-webkit-column-span: all;
	-moz-column-span: all;
	column-span: all;
	background: #428bca;
	color: #fff;
	padding: 5px;
	border-radius: 5px;
}


.program {
	margin-left: 0px;
	clear: both;
	display: flex;
	background-color: rgba(247, 248, 181, 0.3);
	border-bottom: 1px solid #fff;
	padding: 2px 0 2px;
}
.program.hdr {
	font-weight: bold;
	background-color: #fff;
	border-bottom: 1px solid #999;
}
.program.hdr .genre {
	float: none;
}
.program.hdr a:hover {
	cursor: pointer;
}
.program a {
	color: #49505a;
}
.program.hdr a i {
	color: #49505a;
}
.program.hdr a i.active {
	color: #428bca;
}
.program.even {
	background-color: rgba(66, 139, 202, 0.2);
}
.program a:hover .title {
	text-decoration: underline;
}
.title {
	float: left;
	white-space:pre-wrap;
	width: 390px;
	margin-left: 3px;
}
.nola {
	float: left;
	width: 55px;
}
.release,
.ends {
	float: left;
	width: 80px;
}
.genre {
	float: left;
	width: 150px;
}
.vote {
	float: left;
	width: 120px;
}
.note {
	float: left;
	display: table-cell;
	width: 100px;
}
.sIX {
	float: left;
	width: 55px;
}
.MM{
	float: left;
	width:80px;
}
.endDate {
	float: left;
	width: 150px;
}


/* Filters listing */
.nav ul {
	list-style-type: none;
}
.checks {
	display: inline-block;
	float: left;
	clear: both;
}
.checks input[type=checkbox] {
	margin-left: -45px;
}
.checks::first-line {
	margin-left: 20px;
}


/* Filters control display */
#filters {
	border: 0;
	border-radius: 10px;

	padding: 10px;

	-webkit-transition: all ease 1.0s;
	transition: all ease 1.0s;
}
#filters.closed {
	height: 44px;
	overflow: hidden;
	margin-left: 2px;
}
#filters.closed > div {
	display: none;
	opacity: 0.0;
}
.filterFlag {
	font-style: italic;
	font-weight: bold;
	font-size: larger;

	-webkit-transition: opacity 0.8s;
	-moz-transition: opacity 0.8s;
	-ms-transition: opacity 0.8s;
	-o-transition: opacity 0.8s;
	transition: opacity 0.8s;
}
.faded {
	opacity: 0.0;
}
#filters > div {
	display: inline-block;
}
#filters label {
	float: left;
	margin-top: 6px;
	margin-right: 10px;
}
#filters label.filterRight {
	width: 110px;
}
#filters input,
#filters select {
	margin-bottom: 10px;
	/*max-width: 170px;*/
	border-bottom-right-radius: 4px;
	border-top-right-radius: 4px;
}
#filters select {
	-webkit-appearance: menulist-button;
}
.clearButton {
	position: absolute;
	top: 1px;
	right: 1px;
	z-index: 10;
}
.clearButton button {
	border-top-left-radius: 0;
	border-bottom-left-radius: 0;
	border: 0;
}
#filters .describe {
	max-width: 69%;

	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;

	float: left;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-right: 20px;
}
#filters .describe div {

}
#filters .describe label {
	font-weight: bold;
	float: none;
	clear: both;
}
#filters .main {
	float: left;
	margin-right: 20px;
}
#filters .main div.form-group {
	display: inline-block;
}


/* Station-owned program styling */
.shadeMy {
	background: rgba(82, 195, 165, 0.5);
}
i.shadeMy {
	color: rgb(82, 195, 165);
	background-color: #fff;
}
i.shadeFuture {
	color: #fc9;
	background-color: #fff;
}
i.shadeInactive {
	color: rgba(255, 153, 153, 0.5);
	background-color: #fff;
}
.program.even.shadeMy {
	background: #a8e1d2;
}
.inactive {
	background-color: rgba(255, 153, 153, 0.5);
}
.program.future.inactive,
.program.future.inactive.even {
	background-color: #fc9;
}
/* PROBABLY CAN LOSE THIS NEXT SELECTOR: */
.program.even.inactive {
	background-color: rgba(255, 153, 153, 0.5);
}
.program.future span {
	font-weight: bold;
}




span.my:not(.ng-hide) + span.notMy:not(.ng-hide):before {
	content: " / ";
}

section.main-content .list:not(:first-child) {
	margin-top: 34px;
	min-height: 320px;
}
.hint {
	padding: 0 10px 0 0;
	font-size: larger;
	font-style: italic;
	column-span: all;
	margin: 10px 10px 10px 0;
	border-radius: 25px;
	color: #000;
}
.hint.help {
	width: 98%;
	color: #428bca;
	margin-left: 0;
	padding-left: 0;
	background-color: #fff;
}


.preview {
	border: 1px solid #006;
	margin-bottom: 10px;
}
.previewNot {
	font-size: larger;
	padding: 23% 20px 33.25%;
	height: 0;
	text-align: center;
}
.preview.desc {
	height: 445px;
	/*height: 515px;*/
}

.tab-pane {
	padding: 10px;
}

.user {
	position: absolute;
	right: 0;
	top: 0;
	background: rgb(220, 220, 220);
	padding: 10px;
	border-radius: 0 0 0 5px;
}
.user h4,
.user h5
{
	margin: 0;
}
#login,
#helper {
	zoom: 0.8;
	opacity: 0.0;
	transition: all 1.0s ease;
}
#helper.lit {
	opacity: 1.0;
}

#login div {
	text-align: right;
}
#helper div {
	text-align: left;
}
[id=login_submit]
{
	margin-right: 10px;
}
#login div label {
}
#login div input,
#helper div input
{
	display: inline-block;
	width: 100%;
	background-color: #fff !important;
	color: #49505a !important;
}
#helper div input
{
	width: auto;
	float: left;
	margin-right: 5px;
}
#helper .check {
	margin-top: 10px;
}

.login {
	position: fixed;
	display: block;

	width: 100%;
	height: 100%;

	background-color: rgba(0, 0, 0, 0.8);

	top: 0;
	left: 0;
	z-index: 1000;

	text-align: center;
}
#login.user2,
#helper.hamHelp
{
	position: relative;
	top: 50%;
	z-index: 520;

	display: block;

	width: 30%;
	height: 240px;

	border-radius: 10px;

	padding: 30px 50px 50px;

	background-color: #49505a;
	color: #fff;

	zoom: 1.0;
	transform: translateY(-50%);

	margin: 0 auto;
}
#helper.hamHelp
{
	position: fixed;
	top: 110px;
	left: 50px;
	z-index: 901;

	width: 430px;
	height: 140px;

	border: 3px solid #fff;

	padding: 30px;
}
#helper.hamHelp a {
	color: #64adec;
}
#helper.hamHelp a:hover {
	color: #86cffe;
}
#login.user2 > p
{
	margin: 0;
	font-size: large;
}
#login.user2,
#helper.hamHelp a.close
{
	color: #fff;
	text-shadow: 0 1px 0 #000;
	opacity: 1.0;
}
.login .star
{
	position: absolute;
	left: 0px;
	top: 3px;
}
.login .star .btn-lg
{
	background: transparent;
	color: #fff;
}
#login.user2 input,
#login.user2 input:-webkit-autofill
{
	font-size: 20px;
	color: #49505a;
	width: 100%;
}
#login.user2 a {
	color: #fff;
	font-size: 20px;
}
#login.user2 a.close {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: xx-large;
}


/* Player */
/* Container for all video-related elements */
#video {
	position: absolute;
	width: 100%;
	z-index: 490;
	left: 0;
	top: 0;
}

#videoPlayer {
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	z-index: 2001;
}
.jwplayer,
#videoPlayer .jwplayer
{
	width: 100% !important;
	height: 100% !important;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2001;
}

#videoDiv,
#embedVideoDiv {
	background-color: #49505a;
	color: #fff;
	/*padding: 10px 10px 0 20px;*/
	padding: 0;
	height: 53px;
}
#embedVideoDiv {
	padding: 0;
}
#videoDiv table,
#embedVideoDiv table
{
	width: 100%;
	height: 56px;
	background-color: #49505a;
}
#embedPlayer
{
	position: relative;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
	z-index: 2001;
}

#program #videoDiv table
	/*#program #embedVideoDiv table*/
{
	height: 35px;
}

#videoDiv table a i,
#embedVideoDiv table a i
{
	font-size: larger;
	margin-right: 10px;
}
#videoDiv a,
#embedVideoDiv a
{
	color: #fff;
}

#navCaptioncontrols {
	height: 50px;
	background: #49505a;
	z-index: 450;
	position: relative;
	margin-bottom: 8px;
}
#showNav {
	position: relative;
	top: -4px;
	left: 3px;
	float: left;
}
#showNav a,
#showNav span
{
	font-size: 40px;
	color: #fff;
}
#showNav span:hover,
.pgm a,
.pgm .info a
{
	cursor: pointer;
}
#showNav span.cycle-pager-active {
	color: #428bca;
	text-shadow: -1px -1px 1px #fff, 1px -1px 1px #fff, 1px 1px 1px #fff, -1px 1px 1px #fff;
}
#caption {
	display: inline-block;

	float: left;
	margin: 14px 0 0 10px;

	color: white;
	font-size: 16px;
}
#playPause {
	display: inline-block;
	float: right;
	margin: 13px 10px 0 0;

	font-size: large;
	color: #fff;
}

#video > div.control
{
	/*border: 1px solid orangered;*/
	min-height: 100%;
	text-shadow: -1px -1px 1px #000, 1px -1px 1px #000, 1px 1px 1px #000, -1px 1px 1px #000;
	margin: 250px auto 0;
	/* If following set to "block", it prevents clicks on the top like 55-60% of the billboard; decide how we want to proceed */
	display: none;
	height: 100%;
}
#video > div.control > #playPause
{
	font-size: 8em;
	float: none;
	text-align: center;
	/*border: 1px solid red;*/
	padding: 10px;
	opacity: 0.5;
	width: 40%;
	display: block;
	margin: auto;
}
#video > div.control > #playPause:hover
{
	cursor: pointer;
}


#footer {
	width: 100%;
	margin: auto;
	padding-bottom: 35px;
	margin-top: 65px;
}
#footer .container_12 {
	max-width: 1010px;
	margin: auto;
}
footer.myApt #footer .container_12 {
	margin-left: 50px;
}

#footer ul,
#footer ol
{
	margin: -4px 0 10px -23px;
}
#footer .left div {
	margin-right: 50px;
}
#footer .lineLeft {
	margin-left: 20px;
	border-left: 1px solid #ccc;
	padding-left: 60px;
}
#footer .lineLeft div:not(:last-child) {
	margin-right: 50px;
}



/* IMAGE CAROUSEL STYLING */
#sliderContainer,
#mainSlider,
.cycle-slide,
.cycle-slide a,
.cycle-slide a img
{
	width: 100%;
}
.cycle-slide img
{
	max-width: 100%;
}
#sliderContainer {
	position: relative;
	/* These next two shrink the billboard & video player to fit on desktop */
	margin: 0 auto 10px;
	width: 90%;
}
#mainSlider
{
	position: relative;
	top: 0;
	left: 0;

	height: 0;
	padding-bottom: 63%;
}



/* INDEX PAGE STYLING */
.intro {
	margin-bottom: 20px;
}
.contentLeft,
.contentRight
{
	width: 48%;
	display: inline-block;
}
.contentLeft {
	float: left;
	margin-right: 20px;
}
.contentLeft ul
{
	float: left;
	padding-left: 17px;
}
.contentRight ul
{
	padding-left: 17px;
}

.contentLeft div.fleft img.fleft
{
	margin-right: 10px;
}
.contentLeft div.fright img.fright
{
	margin-left: 10px;
}


#features .feature {
	max-width: 32%;
	float: left;
}
#features .feature:not(:last-child) {
	margin-right: 10px;
}
#features img {
	border: 1px solid #ccc;
}


.nav-tabs,
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus
{
	border-bottom: 2px solid #428bca;
	color: #428bca;
}
.nav-tabs>li {
	float: left;
	margin-bottom: 0px;
}
.nav-tabs>li>a {
	margin-right: 2px;
	border-width: 0;
	border-radius: 4px 4px 0 0;
	font-size: 1.2em;
	padding: 10px;
}
.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus
{
	color: #fff;
	background-color: #428bca;
	/*border-color: #428bca #428bca transparent #428bca;*/
	border-bottom-color: transparent;
	cursor: default;
}
.nav-tabs>li.active>a:hover
{
	/*background-color: #286090;*/
}
a:hover,
a:focus,
.date {
	color: #49505a;
	text-decoration: none;
}
.nav>li>a:hover, .nav>li>a:focus {
	background: transparent;
	color: #428bca;
}


/* FORCED OLD-PAGE TRANSFORMATIONS -- BE VERY CAREFUL WITH THESE! */
#page {
	width: 100%;
}
#page h5 {
	font-weight: bold;
	color: #428bca;
	font-size: 16px;
}

div#page > table,
div#page > table table {
	width: 100% !important;
}

div#page > table td
{
	padding: 5px;
}

div#page li
{
	margin-bottom: 10px;
}


#jwtarget
{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0;
	height: 0;
	overflow: hidden;
}


div.pgm .thumb
{
	width: 295px;
	height: 167px;
	margin-bottom: 5px;
	margin-right: 10px;
	border: 1px solid #ccc;
	background-position: center;
	background-size: cover;
}

div.pgm .info
{
	margin-bottom: 20px;
}
div.pgm .info .length,
div.pgm .info .desc
{
	margin-bottom: 0;
}

#jwtarget.jwplayer.jwfullscreen
{
	padding-bottom: 0;
}


#downTime {
	display: none;
	position: fixed;

	background-color: #628bca;
	color: #fff;

	width: 100%;

	bottom: 0;
	left: 0;
	z-index: 1000;

	margin-top: 0;

	padding: 20px;

	font-size: x-large;
}
#downTime.displayed {
	display: block;
}
#downTime span {
	float: left;
	width: 90%;
	line-height: 1.0em;
}
#downTime .close {
	float: right;

	background-color: #fff;
	color: #5095a5;

	margin-right: 50px;

	border: 1px solid #fff;
	border-radius: 25px;

	padding: 10px 14px;

	text-align: center;
}

.padImage
{
	margin-right: 20px;
	max-width: 100%;
	height: auto;
}
.padImageRight
{
	margin-left: 20px;
	max-width: 100%;
	height: auto;
}


.panel-collapse .input-group
{
	width: 100%;
}
.panel-collapse .input-group .form-control
{
	/*width: 90%;*/
}

.panel-default.offerRights
{
	margin-top: 20px;
}


#programOther.registrant .panel-default>.panel-heading+.panel-collapse .panel-body
{
	max-height: 250px;
	overflow-y: scroll;
	overflow-x: hidden;
}

#program form#ContactAPT.form-horizontal .form-group {
	margin-left: 1px;
}

.bold
{
	font-weight: bold;
}
span.under
{
	text-decoration: underline;
}
.it
{
	font-style: italic;
}

.topNav.hole
{
	display: none;
}

.p90
{
	width: 90%;
}
.p10
{
	float: right;
}

.expired
{
	font-weight: bold;
	font-style: italic;
	color: #f00;
}

#overlay
{
	min-height: 480px;
	width: 99%;
	position: absolute;

	top: 360px;
	left: 0;
	z-index: 600;

	background-color: rgba(255, 255, 255, 0.8);
	color: #49505a;

	margin: 10px;

	border: 1px solid #49505a;
	border-radius: 10px;

	padding: 10px;
}
#overlay div.close
{
	position: relative;
	top: 0;
	right: 0;

	margin: 10px;
}
#overlay div.close a.close
{
	opacity: 1.0;
}
#overlay .content
{
	margin: 0 auto;
	display: block;
	text-align: center;
}
#overlay .content iframe
{
	height: 400px;
	width: 80%;
	border: 1px solid #ccc;
}

.pgmService
{
	margin-bottom: 25px;
}

.extract {
	display: inline-block;
	margin: 0 50px 10px;
}


#images > a {
	float: left;
	margin: 10px 10px 10px 0;
}


.seeThis {
	/*display: none;*/
	position: fixed;
	left: 3px;
	top: 0px;
	width: 50px;
	height: 50px;
	border-radius: 3000px;
	box-shadow: 0px 0px 0px 0px rgba(0, 0, 0, 0.8) inset, 0px 0px 0px 5000px rgba(0, 0, 0, 0.8);
	z-index: 901;
	transition: all 2.5s ease;
}
.seeThis.large {
	width: 3500px;
	height: 3500px;
	top: -1450px;
	left: -1450px;
}

div.space img {
	margin-bottom: 20px;
}

.countDown {
	float: right;

	position: relative;
	top: 60px;

	border: 1px solid #ccc;
	border-radius: 0 0 5px 5px;

	padding: 1px 10px;

	background-color: #999;

	font-size: smaller;
	color: #fff;
}

.pfLogo
{
	float: right;
}

.italic
{
	font-style: italic;
}

.bold
{
	font-weight: bold;
}

.under
{
	text-decoration: underline;
}

.colorPitchFestPurple
{
	color: #8A479A;
}

.term
{
	font-weight: bold;
	text-decoration: underline;
}

.term:after
{
	content: ".";
}


/* Landscape only */
@media screen and (orientation: landscape) {
	#menu:after {
		display: none;
	}
}



/* Retina MacBook Pro */
@media screen and (device-width: 1920px) and (device-height: 1080px) {
	body {
		margin-top: 85px;
	}

	#main > section.pageNav,
	#main > section.filtersNav {
		padding-top: 60px;
	}
	#main > section.filtersNav
	{
		margin-top: 61px;
		padding-top: 5px;
	}

	[id=topStripe]
	{
		height: 60px;
	}

	[id=topStripe] button.btn
	{
		font-size: 24px;
		margin-top: -7px;
	}
	[id=topStripe] .loginBtn
	{
		font-size: 20px;
	}
	[id=topStripe] .userState
	{
		font-size: 18px;
		margin-top: 10px;
	}

	[id=MyAPTHeader] .social a > img
	{
		width: 45px;
		height: 45px;
		margin-right: 5px;
	}

	[id=MyAPTHeader] .social > img
	{
		height: 47px;
	}

	[id=MyAPTHeader] .social a > img.open
	{
		width: 42px;
		height: 42px;
	}

	[id=searchBox] #terms
	{
		font-size: 20px;
		margin-top: 15px;
	}

	[id=topStripe] #searchBox .close
	{
		font-size: 32px;
		padding-right: 18px;
		padding-top: 12px;
	}

	[id=MyAPTHeader] > #logo {
		margin-bottom: 25px;
	}
	[id=MyAPTHeader] > div.topNav a.section
	{
		font-size: 24px;
	}

	#main
	{
		margin-top: 20px;
	}

	#navCaptioncontrols
	{
		height: 60px;
		padding-top: 4px;
	}
	#showNav
	{
		top: -10px;
	}
	#showNav span
	{
		font-size: 50px;
	}

	#caption
	{
		font-size: 20px;
		margin-top: 12px;
	}


	#featuredShows
	{
		margin-top: 20px;
	}
	#featuredShows h3
	{
		font-size: 32px;
	}

	#featuredShows .feature .featureText
	{
		font-size: 24px;
	}

	#program .channels .block {
		width: 47.7%;
	}

	#program,
	#programOther
	{
		font-size: 16px;
	}
	#programOther ul li a img {
		margin-top: -8px;
	}

	#explore .foot
	{
		padding-bottom: 55px;
	}

	#row1 .news {
		font-size: 20px;
		height: 516px;
	}

	#widgets .twitter-timeline,
	#widgets .tab-pane.active > span[class^=PIN_]
	{
		height: 960px !important;
	}

	.nav-tabs>li>a
	{
		padding: 16px;
		font-size: 1.4em;
	}

	#captioning
	{
		font-size: 24px;
		padding: 20px 30px;
	}

	#captioning h3
	{
		font-size: 30px;
	}

	#footer .container_12 {
		max-width: 1170px;
	}

	#footer
	{
		font-size: 18px;
	}

	#footer h3
	{
		font-size: 26px;
	}
}




/* Retina 5K iMac */
@media screen and (max-width: 2560px) and (min-height: 1440px) {
	.form-control
	{
		/* Height, padding calc'ed off 1.0em === 20px */
		height: 1.700em;
		padding: 0.300em 0.600em;
		font-size: 1.0em;
	}

	[id=searchBox] #terms
	{
		font-size: 32px;
		width: 96%;
		padding: 0 5px 5px 5px;
	}

	.pageNav ul li input[type=checkbox],
	.filtersNav ul li input[type=checkbox]
	{
		transform: scale(2);
		margin-top: 16px;
	}

	.pageNav .btn-ck,
	.filtersNav .btn-ck
	{
		font-size: 1.0em;
	}

	.pageNav ul li span,
	.filtersNav ul li span
	{
		line-height: 1.0em;
	}
	.pageNav ul li a,
	.filtersNav ul li a
	{

	}
	.pageNav>ul>li>a>i.fa,
	.filtersNav>ul>li>a>i.fa
	{
		font-size: xx-large;
		margin-top: 7px;
	}
	body {
		font-size: 28px;
		margin-top: 110px;
	}

	body [id=MyAPTHeader]
	{
		height: auto;
	}

	.preview.desc {
		height: 735px;
	}

	#main
	{
		/*min-height: 1000px;*/
	}
	#main > section.pageNav,
	#main > section.filtersNav {
		padding-top: 100px;
	}

	[id=topStripe]
	{
		font-size: 20px;
		height: 80px;
	}
	[id=topStripe] button.btn
	{
		font-size: xx-large;
		margin: -3px 0 6px 0;
	}
	[id=topStripe] .loginBtn
	{
		font-size: 22px;
	}
	[id=MyAPTHeader] .social a > img
	{
		width: 60px;
		height: 60px;
	}

	[id=MyAPTHeader] .social
	{
		top: 10px;
	}

	[id=MyAPTHeader] .social > img
	{
		height: 44px;
		width: 5px;
	}
	[id=MyAPTHeader] .social a > img.open
	{
		width: 50px;
		height: 50px;
	}

	[id=MyAPTHeader] > #logo img {
		width: 742px;
		height: 292px;
	}

	[id=MyAPTHeader] > div.topNav a.section {
		font-size: 1.429em;
	}

	[id=topStripe] #searchBox
	{
		height: 80px;
		/*padding-top: 0.3em;*/
	}

	[id=topStripe] button.btn img
	{
		width: 2.071em;
		height: 2.071em;

	}
	[id=topStripe] #searchBox .close
	{
		font-size: 2.5em;
		margin-top: 5px;
	}

	[id=topStripe] .search img
	{
		width: 44px;
		height: 40px;
	}

	#featuredShows .feature .featureText
	{
		font-size: 36px;
	}

	#featuredShows h3
	{
		font-size: 40px;
	}

	#program h3,
	#promos h3,
	#updates h3,
	#offers h3,
	#other h3
	{
		font-size: 45px;
	}

	#program .channels {
		margin-left: 30px;
	}

	#program .channels .block {
		width: 48.3%;
	}
	#program .block:last-child {
		margin-right: 10px;
	}
	#program label, #programOther label
	{
		width: 400px;
	}

	#program h4
	{
		font-size: 35px;
	}

	#page h3,
	#footer h3
	{
		font-size: 45px;
		margin-bottom: 20px;
	}

	#page h5
	{
		margin-top: 30px;
		margin-bottom: 20px;
		font-size: 30px;
	}

	#related
	{
		margin-top: 30px;
	}

	#related a,
	#related.my a
	{
		line-height: 35px;
	}

	.panel-title
	{
		font-size: 32px;
	}

	.panel-heading a i
	{
		margin-top: -28px;
	}

	.toggleAll button
	{

	}

	/* MyAPT Catalog Search styles */
	.title
	{
		width: 920px;
	}
	.genre,
	.endDate
	{
		width: 300px;
	}

	#filters label.filterRight
	{
		width: 220px;
	}

	#filters input,
	#filters select
	{
		max-width: 270px;
	}


	.ymal
	{
		width: 33.3%;
		max-width: 1000px;
		margin-bottom: -480px;
	}
	.ymal.compress
	{
		max-height: 63px;
		max-width: 400px;
	}
	.ymal h4
	{
		margin-top: 10px;
		font-size: 36px;
	}
	.ymal a.pgm div
	{
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}





	#explore .foot
	{
		padding-bottom: 75px;
	}

	#widgets .twitter-timeline,
	#widgets .tab-pane.active > span[class^=PIN_]
	{
		height: 1270px !important;
	}

	#captioning
	{
		font-size: 32px;
	}

	#captioning h3
	{
		font-size: 48px;
	}

	#footer .container_12
	{
		max-width: 1700px;
	}

	#row1 .news
	{
		height: 694px;
	}

	.news h2
	{
		font-size: 1.4em;
	}
	.news h3
	{
		font-size: 1.2em;
	}
}


/* Landscape iPad Pro */
@media screen and (device-width: 1366px) and (device-height: 1024px) {
	[id=topStripe] button.btn
	{
		margin-top: -8px;
	}
	[id=topStripe] button.btn[title=Menu]:after
	{
		display: none;
	}

	#main
	{
		min-height: 500px;
	}

	#mainOverlay {
		/*top: 349px;*/
	}

	#row1 .news
	{
		height: 390px;
	}

	#program .channels .block
	{
		/*width: 46.7%;*/
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}


/* Standard laptop */
@media screen and (max-width: 1366px) and (max-height: 768px) {
	#programOther,
	#programOffer
	{
		width: 47%;
	}

	#filters label.filterRight
	{
		width: 100px;
	}

	#filters .describe
	{
		max-width: 68%;
	}

	#row1 .news
	{
		height: 360px;
	}
}



/* Board-room projector */
@media screen and (max-width: 1280px) and (max-height: 960px) {
	#footer .lineLeft {
		margin-left: 20px;
		padding-left: 50px;
	}
}



/* Portrait iPad Pro */
@media screen and (max-width: 1024px) and (max-height: 1366px) {
	[id=topStripe] button.btn
	{
		margin-top: -8px;
	}
	[id=topStripe] button.btn[title=Menu]:after
	{
		display: none;
	}


	[id=topStripe] #searchBox
	{
		width: 93%;
	}

	[id=searchBox] #terms
	{
		width: 93%;
	}

	.pageNav, .filtersNav
	{
		width: 30%;
	}

	#main
	{
		min-height: 600px;
	}

	#mainOverlay {
		/*top: 258px;*/
	}

	#video > div.control
	{
		margin-top: 80px;
	}

	#program .APT_video
	{
		padding-bottom: 67%;
	}

	#program .channels .block
	{
		/*width: 45.5%;*/
	}

	#related.services
	{
		height: auto;
	}
	#related a,
	#related.my a
	{
		width: 47%;
	}

	#widgets .twitter-timeline, #widgets .tab-pane.active > span[class^=PIN_] {
		height: 520px !important;
	}

	#row1 .news {
		height: 300px;
		width: 49%;
	}
	#row2 > div:last-child
	{
		width: 49%;
	}

	#pmp
	{
		margin: 100px 0 10px 10px;
	}
	#pmp img {
		width: 80%;
	}

	#footer .container_12 .left
	{
		margin-left: 50px;
	}

	#footer .left div
	{
		margin-right: 130px;
	}

	#footer .lineLeft
	{
		margin-left: 50px;
		border-width: 0;
		padding-left: 0;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}




/* Landscape iPad */
@media screen and (max-width: 1024px) and (max-height: 768px) {
	[id=topStripe] #searchBox
	{
		width: 93%;
	}

	#main
	{
		min-height: 110px;
	}
	#main > section.pageNav
	{
		min-width: 27%;
	}

	#video > div.control
	{
		margin-top: 90px;
	}

	.subsects .btn-apt {
		font-size: small;
	}
	#searchBox {
		position: absolute;
		left: auto;
		right: 0;
		top: 153px;
	}

	#featuredShows
	{
		/*margin-top: -20px;*/
	}

	[id=topStripe]
	{
		width: 1024px;
	}
	[id=searchBox] #terms
	{
		width: 95%;
	}


	#mainSlider
	{
		min-height: 320px;
	}

	#mainOverlay
	{
		/*top: 252px;*/
	}


	.pageNav,
	.filtersNav
	{
		width: 33%;
	}


	/*.pageNav.halfBurger.tucked {*/
	/*margin-left: -26%;*/
	/*}*/
	#menu:after {
		display: none;
	}

	.title {
		width: 560px;
	}


	.ymal a.pgm div {
		width: 100%;
		height: 0;
		padding-bottom: 56.25%;
	}

	div.ymal.ng-animate.compress-remove.compress-remove-active {
		min-height: 50px;
	}

	.ymal.ng-animate.compress-remove a,
	.ymal.ng-animate.compress-remove p
	{
		opacity: 0.0;
	}

	#program
	{
		width: 47%;
	}

	#program .channels .block
	{
		/*width: 45.4%;*/
	}

	#related {
		height: auto;
	}

	#related.my
	{
		float: left;
		height: 750px;
		width: 47.5%;
	}
	#related a,
	#related.my a
	{
		width: 47%;
		margin-bottom: 30px;
	}

	#explore .foot {
		padding: 5px 50px 20px;
	}

	#filters
	{
		max-height: none;
		height: 120px;
		max-width: 93%;
		width: 85%;
	}

	#filters label {
		font-size: small;
		width: 100px;
	}
	#filters .describe
	{
		column-count: 1;
		min-width: 53%;
	}
	#filters .describe label
	{
		float: left;
		width: 200px;
		margin-top: 2px;
	}

	#filters .hint.help
	{
		position: relative;
		/*top: -150px;*/
		/*width: 42%;*/
	}

	#filters input, #filters select {
		font-size: small;
		padding: 5px;
		max-width: none;
	}

	#filters .main {
		margin-right: 10px;
	}

	#filters .describe > div {
		clear: both;
		padding-top: 5px;
	}

	#filters label.filterRight
	{
		width: 90px;
	}

	#MyAPTSelector {
		clear: none;
		margin-right: 20px;
	}


	#row1 .news
	{
		height: 280px;
	}


	.list h3
	{
		font-size: large;
	}

	#updates, #offers, #other {
		width: 48%;
	}

	#promos {
		width: 100%;
		margin-left: 20px;
	}

	#promos div {
		float: left;
		width: 44%;
		margin-right: 40px;
	}
	#promos div:last-child {
		clear: both;
	}

	#promos div a img {
		max-width: 90%;
	}

	#related div {
		max-width: 98%;
	}

	#pmp
	{
		margin-top: 0;
	}

	.hint
	{
		display: inline-block;
	}

	.hint.help
	{
		margin-top: -10px;
	}

	#footer .container_12 {
		max-width: 950px;
	}

	#footer .lineLeft {
		margin-left: 10px;
		padding-left: 10px;
	}

	#footer .left div:not(:last-child)
	{
		margin-right: 40px;
	}
	#footer .left div:last-child
	{
		margin-right: 20px;
		margin-left: -15px;
	}


	#footer .lineLeft div:not(:last-child)
	{
		margin-right: 25px;
		margin-left: 15px;
	}

	#footer h3 {
		font-size: 21px;
	}

	/* NewIndex */
	#showNav {
		display: none;
	}
	#caption {
		margin-top: 4px;
	}

	#programOther {
		margin-right: 20px;
	}
	#programOther.my {
		margin-right: 20px;
	}
	.contentLeft,
	.contentRight
	{
		width: 100%;
	}

	#features .feature {
		width: 75%;
		max-width: 75%;
	}

	#widgets .twitter-timeline,
	#widgets #facebook iframe,
	#widgets .tab-pane.active >  span[class^=PIN_]
	{
		height: 500px !important;
	}

	#main > section.main-content {
		min-height: 0;
		padding-bottom: 0;
		width: 91%;
	}

	.half {
		margin-top: 35px;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}


/* Landscape iPhone X */
@media screen and (max-width: 812px) and (max-height: 375px) {
	[id=topStripe]
	{
		width: 812px;
	}
	[id=searchBox] #terms
	{
		width: 92%;
	}
	[id=topStripe] #searchBox .close {
		margin-right: 5px;
		padding-top: 13px;
	}
	#featuredShows .feature
	{
		width: 24%;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}

	#programOther {
		margin-right: 0;
	}
	.toggleAll {
		text-align: right;
		width: 103%;
		margin: -10px 0 5px 0;
		float: initial;
	}
	.toggleAll button {
		border-radius: 4px 0 0 4px;
		width: 100%;
	}
}


/* Portrait iPad */
/* Combine two main content columns into one */
/*@media screen and (max-width: 768px) and (max-height: 1024px) {*/
@media screen and (max-width: 768px) and (orientation: portrait) {
	[id=MyAPTHeader] > #logo img
	{
		width: 40%;
	}
	[id=MyAPTHeader] > div.topNav a.section
	{
		white-space: nowrap;
		font-size: 1.1em;
	}

	[id=topStripe] #searchBox
	{
		width: 93%;
	}

	#video > div.control
	{
		margin-top: 20px;
	}

	#main
	{
		min-height: 220px;
	}
	#main > section.pageNav
	{
		width: 310px;
		flex: none;
	}

	[id=searchBox] #terms
	{
		width: 93%;
	}

	#mainOverlay
	{
		top: 202px;
	}

	#searchBox {
		z-index: 1000;
	}

	#login.user2
	{
		width: 70%;
	}

	.user {
		width: 50%;
	}
	.user a
	{
		float: right;
	}
	.user h5 {
		margin: 8px;
		float: left;
	}

	#showNav
	{
		display: none;
	}

	.pageNav,
	.filtersNav
	{
		width: 33%;
	}

	.pageNav ul li span {
		max-width: 85%;
		width: 85%;
	}

	#menu:after {
		display: none;
	}


	#main > section.main-content {
		width: 96%;
	}

	#mainSlider
	{
		/*min-height: 407px;*/
	}

	#features .feature {
		width: 47%;
		max-width: 100%;
	}

	#featuredShows
	{
		/*margin-top: -10px;*/
	}

	#featuredShows .feature {
		width: 23.9%;
	}
	#featuredShows .feature .featureText
	{
		font-size: 1.1em;
	}

	#updates, #offers, #other, #promos {
		width: 100%;
	}

	#updates .tab-content .tab-pane div a,
	#offers .tab-content .tab-pane div a,
	#other .tab-content .tab-pane div a,
	#promos .tab-content .tab-pane div a,
	.nav-tabs>li>a,
	#other div,
	section.main-content div.panel.panel-default .panel-body p
	{
		font-size: larger;
	}

	#promos div a img
	{
		width: 97%;
	}

	section.main-content .list:not(:first-child) {
		min-height: 80px;
	}

	#program
	{
		padding-left: 0;
		padding-right: 0;
		margin-left: 5px;
	}

	#program .APT_video
	{
		padding-bottom: 78%;
	}

	#program .channels {
		margin-left: 15px;
	}

	#program .channels .block
	{
		/*width: 44.1%;*/
	}

	#row1 #explore,
	#row1 > div,
	#row2 > div,
	#program #explore,
	#program #intro,
	#program .block
	{
		width: 46.3%;
	}

	#row1 .news
	{
		height: 200px;
		width: 48%;
	}
	#row2 > div:last-child
	{
		width: 48%;
	}

	#related
	{
		margin-top: 0;
		width: 100%;
	}
	#related h4 {
		min-width: 100%;
		width: 100%;
		margin-right: 10px;
	}
	#related.my {
		width: 94%;
		height: 570px;
	}
	#related a,
	#related.my a
	{
		width: 46%;
		margin-top: 0;
		margin-bottom: 50px;
	}
	#related a:not(:last-child),
	#related.my a:not(:last-child)
	{
	}
	#related div,
	#related.my div
	{
		width: 100%;
		max-width: none;
	}


	#programOther,
	#programOffer
	{
		margin-left: 0px;
		padding-left: 25px;
	}


	#caption.menuOpen {
		margin-top: 4px;
	}


	.contentLeft.menuOpen,
	.contentRight.menuOpen
	{
		width: 100%;
	}

	#widgets .twitter-timeline,
	#widgets #facebook iframe,
	#widgets .tab-pane.active >  span[class^=PIN_]
	{
		height: 380px !important;
	}

	#pmp {
		margin-top: 70px;
	}

	#pmp img {
		width: 80%;
	}


	#MyAPTSelector
	{
		clear: none;
		margin-right: 20px;
		max-width: 200px;
	}

	#filters label.filterRight {
		width: 100px;
	}

	#filters input, #filters select {
		padding: 3px;
		max-width: 120px;
	}

	#filters .describe {
		display: none;
		max-width: 50%;
		width: 100%;
		float: none;
		margin: 0;
		column-count: 1;
	}
	#filters .describe div {

	}
	.pageNav ul li input[type=checkbox] {
		margin-left: 10px;
	}

	/* Hide the YMAL boxes! */
	.ymal {
		max-width: 420px;
		display: none;
	}
	.ymal div a {
		max-width: 200px;
	}
	.ymal div a img {
		height: 98px;
	}


	#footer .container_12 .left {
		margin-left: 30px;
	}
	#footer .left div.fleft.c1 {
		margin-right: 96px;
	}
	#footer .left div.fleft.c2 {
		margin-right: 82px;
	}

	#footer .lineLeft {
		margin-left: 10px;
		border-width: 0;
		padding-left: 20px;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}



/* iPhone 6/7/8+ Landscape */
@media only screen and (max-width: 736px) and (max-height: 414px) and (orientation: landscape) {
	body [id=MyAPTHeader]
	{
		height: auto;
	}

	[id=MyAPTHeader] > #logo {
		margin-bottom: 31px;
	}

	[id=MyAPTHeader] > div.topNav a.section
	{
		display: block;
		font-size: 1.3em;
	}

	[id=MyAPTHeader] > div.topNav a.section:not(:first-child)::before
	{
		content: "";
		margin: 0;
	}

	#video > div.control {
		margin-top: 90px;
	}
	#video > div.control > #playPause
	{
		font-size: 8.0em;
	}


	#main
	{
		min-height: 0;
	}

	.panel-group.affix
	{
		position: static;
	}

	.prevControl,
	.nextControl
	{
		display: none;
	}


	#featuredShows {
		margin-top: 20px;
	}

	#warning
	{
		display: block;
	}

	#MyAPTSelector
	{
		width: 100%;
		max-width: none;
		position: relative;
		top: 0;
		display: block;
		z-index: 500;
		height: 40px;
		margin: 0;
		padding: 0;
	}

	[id=topStripe]
	{
		width: 100%;
	}
	[id=topStripe] #searchBox
	{
		height: 50px;
	}
	[id=searchBox] #terms
	{
		width: 91%;
		float: left;
		margin-top: 5px;
	}
	div#myaptSubhead {
		margin-bottom: 40px;
	}

	[id=MyAPTHeader] > div.topNav
	{
		width: 60%;
		text-align: center;
		margin: 0 20%;
	}


	#login.user2
	{
		width: 80%;
		top: 0;
		transform: none;
	}

	#main > section.pageNav {
		width: 294px;
		min-width: 32%;
	}

	.pageNav.tucked
	{
		margin-left: -284px;
	}

	#main > section.main-content
	{
		width: 98%;
	}

	#mainSlider
	{
		min-height: 389px;
	}

	#featuredShows .feature {
		width: 23.6%;
	}

	#featuredShows .feature .featureText {
		font-size: 1.0em;
	}

	#program .APT_video
	{
		padding-bottom: 69%;
	}
	#program .APT_video h4
	{
		font-size: 12px;
	}

	#program .channels
	{
		margin-left: 15px;
	}

	#program .channels .block {
		/*width: 43.0%;*/
	}

	#row1 #explore,
	#row1 > div,
	#row1 > .news,
	#row2 > div,
	#program #explore,
	#program #intro
	{
		width: 46%;
	}
	#row1 > .news
	{
		max-height: 200px;
		overflow-y: scroll;
	}
	.news h2
	{
		font-size: 24px;
	}
	.news h3
	{
		font-size: 20px;
	}
	#row2 > div:last-child
	{
		width: 48%;
	}

	.program {
		padding: 7px 0 7px;
	}

	#programOther {
		margin-right: 0;
	}
	.toggleAll {
		text-align: right;
		width: 104%;
		margin: -10px 0 5px 0;
		float: initial;
	}
	.toggleAll button {
		border-radius: 4px 0 0 4px;
		width: 100%;
	}

	#related
	{
		width: 100%;
		margin-left: 5%;
	}
-
	#related a,
	#related.my a
	{
		width: 100%;
	}

	#mainOverlay {
		/*display: none;*/
		font-size: 12px;
		/*top: 167px;*/
	}

	#widgets .twitter-timeline,
	#widgets #facebook iframe,
	#widgets .tab-pane.active >  span[class^=PIN_]
	{
		height: 340px !important;
	}

	#explore .foot {
		padding: 5px 40px 10px;
	}



	#footer .container_12 .left
	{
		margin-left: 0;
	}

	#footer .lineLeft
	{
		border-width: 0;
		padding-left: 10px;
		margin-left: 0;
	}

	#footer .left .c1,
	#footer .left .c2
	{
		margin-left: 10px;
		margin-right: 55px;
	}

	#footer .left div:not(:last-child)
	{
		margin-right: 55px;
		margin-left: 25px;
	}

	#footer .right.lineLeft .c1,
	#footer .right.lineLeft .c2
	{
		margin-right: 20px;
	}

	#footer .left div:last-child
	{
		margin-left: 0;
	}

	#updates, #offers, #other {
		width: 98%;
	}

	#updates .tab-content .tab-pane div a,
	#offers .tab-content .tab-pane div a,
	#other .tab-content .tab-pane div a,
	#promos .tab-content .tab-pane div a,
	.nav-tabs>li>a,
	#other div,
	section.main-content div.panel.panel-default .panel-body p
	{
		display: inline-block;
	}

	#filters {
		max-width: 81%;
	}

	#filters .hint.help {
		top: 0;
		width: 89%;
	}

	#filters input,
	#filters select
	{
		max-width: 140px;
		clear: both;
	}

	.pageNav .btn-ck
	{
		width: 90%;
	}

	.ymal {
		display: none;
	}

	#pmp {
		margin-top: 37px;
	}

	#pmp img {
		width: 85%;
	}

	.halfRight {
		margin-right: 0;
	}

	#captioning {
		margin: 10px;
	}
	#captioning h3 {
		font-size: 1.3em;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}


/* iPhone 6 Landscape */
@media screen and (max-width: 667px) and (max-height: 375px) and (orientation: landscape) {
	[id=topStripe]
	{
		/*width: 667px;*/
	}

	[id=searchBox] #terms {
		width: 89%;
	}

	[id=MyAPTHeader] .social .alt
	{
		display: block;
	}
	[id=MyAPTHeader] .social .norm
	{
		display: none;
		position: absolute;
		top: 45px;
		right: 50%;
		margin: 0;
		background-color: #49505a;
		padding: 10px;
	}
	[id=MyAPTHeader] .social .norm.phone
	{
		display: inline-flex;
	}
	[id=MyAPTHeader] .social > img
	{
		margin-top: 5px;
	}
	[id=MyAPTHeader] .social a > img.open
	{
		margin-top: 4px;
	}

	#video > div.control {
		margin-top: 70px;
	}
	#video > div.control > #playPause
	{

	}

	#warning
	{
		display: block;
		max-width: 667px;
	}

	#main > section.pageNav
	{
		width: 240px;
		min-width: 240px;
	}
	.pageNav.tucked {
		margin-left: -230px;
	}

	#mainSlider
	{
		min-height: 350px;
	}

	#mainOverlay {
		/*top: 146px;*/
		height: 45px;
	}

	#filters .hint.help
	{
		width: 80%;
	}

	#featuredShows h3
	{
		font-size: 22px;
	}

	#row1 #explore,
	#row1 > div,
	#row1 > .news,
	#row2 > div,
	#program #explore,
	#program #intro,
	#program .block
	{
		width: 46%;
	}
	#row1 > .news
	{
		max-height: 180px;
	}
	#row2 > div:last-child
	{
		width: 47%;
	}

	#program .channels .block {
		/*width: 42.7%;*/
	}

	#footer .container_12 .left {
		margin-left: 0;
	}

	.seeThis,
	#helper.hamHelp
	{
		display: none !important;
	}
}




/* Landscape Galaxy Note 4 */
@media screen and (max-width: 640px) and (max-height: 360px) and (orientation: landscape) {
	#main > section.pageNav {
		min-width: 240px;
		width: 240px;
	}

	#video > div.control {

	}
	#video > div.control > #playPause
	{

	}

	.pageNav.tucked {
		margin-left: -230px;
	}

	#menu:after {
		display: none;
	}

	.nav>li>a {
		padding: 5px 10px;
		margin-bottom: 0;
	}

	#promos div {
		margin-right: 20px;
	}
}


/* iPhone 5 Landscape */
@media only screen and (max-width: 568px) and (max-height: 320px) and (orientation: landscape) {
	#warning
	{
		display: block;
		max-width: 568px;
	}

	[id=topStripe]
	{
		width: 568px;
	}
	[id=MyAPTHeader] > div.topNav
	{
		width: 70%;
		margin: 0 15%;
	}


	[id=MyAPTHeader] .social .alt
	{
		display: block;
	}

	[id=MyAPTHeader] .social > img
	{
		margin-top: 5px;
	}
	[id=MyAPTHeader] .social a > img.open
	{
		margin-top: 4px;
	}
	[id=MyAPTHeader] .social .norm
	{
		display: none;

		position: absolute;
		top: 44px;
		right: 30px;

		margin: 0;

		background-color: #49505a;

		padding: 0 10px 10px;

		list-style-type: none;
	}
	[id=MyAPTHeader] .social .norm.phone
	{
		display: inline-flex;
		top: 45px;
		padding-top: 10px;
	}


	[id=searchBox] #terms {
		width: 89%;
	}

	#video > div.control {
		margin-top: 40px;
	}
	#video > div.control > #playPause
	{
		font-size: 8.0em;
	}

	#main > section.pageNav,
	#main > section.filtersNav {
		padding-bottom: 100px;
	}
	#main > section.pageNav {
		width: 50%;
	}
	.pageNav.tucked {
		margin-left: -246px;
	}

	.padImage {
		margin: 20px;
	}


	#mainSlider
	{
		padding-bottom: 67%;
		min-height: 312px;
	}

	#mainOverlay
	{
		/*top: 123px;*/
		font-size: 10px;
		height: 40px;
	}

	#program .channels .block {
		/*width: 45.6%;*/
	}
	#program .channels .block,
	#program .channels .block:last-child
	{
		margin-left: 0;
		margin-right: 0;
	}

	#programOther, #programOffer
	{
		width: 46.8%;
	}

	#row1 #explore,
	#row1 > div,
	#row1 > .news,
	#row2 > div,
	#program #explore,
	#program #intro,
	#program .block
	{
		width: 48%;
		margin: 5px;
	}
	#row1 > div,
	#row1 > .news
	{
		max-height: 155px;
	}


	#row1 .news
	{
		min-height: 145px;
	}
	#row2 > div:last-child
	{
		width: 48%;
	}

	#featuredShows .feature {
		width: 23.5%;
	}
	#featuredShows .feature .featureText {
		font-size: 0.9em;
	}

	.nav>li>a {
		padding: 9px 10px 5px;
	}
	.nav-tabs>li>a {
		font-size: 0.9em;
	}

	#explore .foot {
		padding: 3px 28px 20px;
	}

	.half {
		margin-top: 15px;
	}
	.halfRight {
		margin-top: 5px;
	}

	#explore .head
	{
		padding-top: 10px;
	}
	#explore .foot
	{
		padding-bottom: 10px;
	}


	#pmp {
		margin-top: 27px;
	}

	#captioning {
		margin: 0px;
		padding: 10px 16px;
		font-size: 1.0em;
	}
	#captioning h3 {
		font-size: 1.2em;
	}


	#featuredShows h3
	{
		font-size: 20px;
	}


	#widgets .twitter-timeline,
	#widgets #facebook iframe,
	#widgets .tab-pane.active > span[class^=PIN_]
	{
		height: 280px !important;
	}

	#footer {
		font-size: 12px;
	}

	#footer h3 {
		font-size: 20px;
	}

	#footer .left div:not(:last-child) {
		margin-right: 36px;
		margin-left: 20px;
	}

	#footer .lineLeft {
		padding-left: 5px;
	}

	#footer .right.lineLeft .c1 {
		margin-right: 13px;
	}

	#footer .right.lineLeft .c2 {
		margin-right: 10px;
	}

	#footer .left .c2 {
		margin-left: 2px;
	}

}



/* iPhone 6 Plus Portrait-like: iPhone 6+/7+/8+ */
@media only screen and (max-width: 414px) and (orientation: portrait) {
	body [id=MyAPTHeader]
	{
		height: auto;
	}

	#main
	{
		min-height: 0;
	}

	#video > div.control {
		margin-top: 40px;
	}
	#video > div.control > #playPause
	{
		font-size: 6.0em;
	}

	#helper.hamHelp {
		padding: 25px;
		width: 370px;
	}

	.prevControl,
	.nextControl
	{
		display: none;
	}

	[id=MyAPTHeader] > #logo img
	{
		width: 90%;
	}

	[id=MyAPTHeader] > div.topNav a.section
	{
		display: block;
		font-size: 1.3em;
	}

	[id=MyAPTHeader] > div.topNav a.section:not(:first-child)::before
	{
		content: "";
		margin: 0;
	}

	[id=MyAPTHeader] .social
	{
		top: 10px;
	}

	[id=MyAPTHeader] .social .alt
	{
		display: block;
		margin-top: -4px;
	}
	[id=MyAPTHeader] .social .norm
	{
		display: none;

		position: absolute;
		top: 41px;
		right: 35px;

		margin: 0;

		background-color: #49505a;

		padding: 10px;

		list-style-type: none;
	}
	[id=MyAPTHeader] .social .norm.phone
	{
		display: inline-flex;
	}
	[id=MyAPTHeader] .social .norm a
	{
		padding: 2px;
	}


	#warning
	{
		display: block;
	}

	#sliderContainer {
		width: 100%;
	}

	#mainSlider
	{
		padding-bottom: 70%;
		min-height: 283px;
	}

	#program .APT_video
	{
		padding-bottom: 67%;
	}

	#program .channels
	{
		margin-left: 5px;
	}

	#program .channels .block {
		/*width: 44.7%;*/
	}
	#program .channels .block:last-child
	{
		margin-right: 5px;
	}

	#program.affix {
		margin: 0;
		left: 0;
		z-index: 500;
		background-color: rgba(255, 255, 255, 0.8);
		padding: 10px 11px 0 11px;
		width: 100% !important;
	}

	#program .APT_video
	{
		padding-bottom: 68%;
	}
	#program .APT_video h4
	{
		font-size: 12px;
	}

	#main
	{
		margin-top: 20px;
	}
	#warning
	{
		display: block;
	}

	#login.user2
	{
		width: 100%;
		top: 0;
		transform: none;
	}

	header {
		-webkit-transition: width 1.0s ease-out;
		transition: all 1.0s ease-out;
		padding-right: 0;
	}
	header.tucked {
		margin-top: -370px;
	}
	div#myaptSubhead {
		margin-bottom: 40px;
	}

	[id=topStripe]
	{
		width: 100%;
	}
	[id=topStripe] .userState span
	{
		display: none;
	}
	[id=topStripe] .search {
		margin-right: -20px;
	}
	[id=topStripe] #searchBox .close
	{
		padding-top: 12px;
		margin-right: 25px;
	}

	#MyAPTTitle
	{
		margin-right: 0;
	}

	#MyAPTStationLogo
	{
		max-width: 60%;
	}
	#MyAPTStationLogo img
	{
		width: 100%;
	}

	#main.full > section.main-content.full > img {
		max-width: 100%;
		margin: 5px 0;
	}

	#playPause {
		display: none;
	}

	#primary
	{
		padding: 0 9px 0 0;
		margin: 0 0 0 9px;
	}

	#featuredShows .feature {
		width: 100%;
	}

	#program, .half {
		width: 100%;
	}

	#row1 > div,
	#row2 > div,
	#row1 #explore,
	#row1 .news
	{
		width: 100%;
		max-width: none;
		margin-left: 0;
	}
	#row1 .news
	{
		min-height: 225px;
		overflow-y: scroll;
		padding: 0 10px 10px;
	}
	#row2 > div:last-child
	{
		width: 100%;
	}

	#program #explore,
	#program #intro
	{
		margin: 10px 9px 20px 0;
	}


	#explore .foot
	{
		padding: 3px 45px 20px;
	}


	#pmp img {
		width: 90%;
	}


	#MyAPTSelector
	{
		width: 100%;
		max-width: none;
		top: 100px;
		display: block;
		z-index: 500;
		height: 40px;
		margin: 0;
		padding: 0;
	}
	#MyAPTSelector select
	{
		border-radius: 0;
	}

	#related.my {
		width: 90%;
		height: 900px;
		padding-left: 10px;
	}
	#related a,
	#related.my a {
		width: 100%;
	}
	#related a:not(:last-child),
	#related.my a:not(:last-child) {
		margin-bottom: 50px;
		margin-top: 0;
	}
	#related div,
	#related.my div {
		max-width: none;
	}


	#searchBox
	{
		width: 100%;
		position: relative;
		top: 10px;
		z-index: 0;
		max-height: 60px;
	}
	[id=searchBox] #terms
	{
		width: 80%;
		float: left;
		margin-top: 5px;
	}
	#searchBox > form > div {

	}
	.searchHow {
		margin-left: 190px;
		padding-top: 1px;
	}

	.ctrl {
		display: block;
		position: relative;
		width: 100%;
		border-radius: 0 0 5px 5px;
		text-align: center;
		top: 7px;
	}
	.ctrl button {
		width: 50%;
		color: #fff;
		background-color: #266ea4;
		border: 0;
	}
	.ctrl .btn:hover,
	.ctrl .btn:focus
	{
		color: #fff;
	}

	.btn-apt.search {
		display: inline-block !important;
		opacity: 1.0;
	}
	.btn-apt.search.ng-hide:not(.ng-hide-animate) {
		opacity: 0.0;
	}

	.topNav .sections .btn-apt {
		padding: 8px 16px;
		font-size: 17px;
		margin-top: 5px;
	}

	#filters.closed {
		height: 70px;
		margin-bottom: -20px;
	}
	.filterFlag {

	}
	.filterFlag i {
		margin: 0 0px 10px 0;
		float: left;
	}

	#main > section.pageNav {
		width: 290px;
		-webkit-flex: none;
		flex: none;
	}
	#main > section.main-content {
		padding-bottom: 0;
	}

	#menu {
		margin: 10px 10px 10px 5px;
	}
	#menu:after {
		content: " ";
	}


	#program,
	#programOther
	{
		width: 100%;
		padding: 0 0 0 9px;
		margin: 0 0 0 0;
	}
	#program {
		padding: 0;
		margin: 0 9px;
	}

	.contentLeft, .contentRight {
		width: 100%;
	}

	#promos div {
		width: 100%;
	}

	#mainOverlay {
		/*display: none;*/
		font-size: 12px;
		/*top: 206px;*/
	}

	.panel-group {
		width: 97%;
	}
	.panel-group.affix
	{
		position: static !important;
		top: 0;
	}
	.toggleAll {
		float: none;
		text-align: right;
		width: 100%;
		margin: 0 0 5px 0;
	}
	.toggleAll button {
		border-radius: 4px 0 0 4px;
		width: 100%;
	}
	.toggleAll button span {
		font-size: 0.7em;
		display: inline-block;
		position: relative;
		top: -4px;
		color: #000;
	}

	#showNav
	{
		display: none;
	}
	#caption
	{
		margin: 3px 0 0 5px;
		font-size: 12px;
	}


	#widgets .twitter-timeline,
	#widgets #facebook iframe,
	#widgets .tab-pane.active >  span[class^=PIN_]
	{
		height: 440px !important;
	}


	.user {
		position: relative;
		z-index: 10;

		width: 100%;
		height: 50px;

		margin-top: 10px;
		margin-bottom: -9px;
	}

	#features .feature {
		width: 100%;
	}

	#footer .left div:not(:last-child)
	{
		margin-right: 0;
	}
	#footer .left div.c1
	{
		margin-right: 100px;
	}

	#updates .tab-content .tab-pane div a,
	#offers .tab-content .tab-pane div a,
	#other .tab-content .tab-pane div a,
	#promos .tab-content .tab-pane div a,
	.nav-tabs>li>a,
	#other div,
	section.main-content div.panel.panel-default .panel-body p
	{
		display: inline-block;
	}
	.nav-tabs>li>a
	{
		font-size: small;
	}


	#promos div a {
		width: 100%;
		text-align: center;
		display: inline-block;
	}

	textarea.code
	{
		max-width: 300px;
	}
	.halfRight {
		width: 100%;
		margin: 25px 0 0 0;
	}
	#captioning {
		margin: 0 0 0 9px;
	}

	#footer .left div:last-child,
	#footer .lineLeft div:not(:last-child)
	{
		margin: 0;
	}
	#footer .fleft
	{
		clear: both;
	}
}


/* Portrait: iPhone 6/X */
@media only screen and (max-width: 375px) {
	[id=topStripe]
	{
		width: 375px;
	}
	[id=topStripe] #searchBox .close {
		margin-right: 15px;
	}

	[id=topStripe] #searchBox
	{
		width: 88%;
	}

	[id=MyAPTHeader] > div.topNav
	{
		width: 90%;
		margin: 0 auto;
	}

	[id=MyAPTHeader] .social .norm
	{
		right: 16px;
	}

	#video > div.control {
		margin-top: 40px;
	}
	#video > div.control > #playPause
	{
		font-size: 5.0em;
	}

	#warning
	{
		display: block;
	}

	#mainSlider
	{
		min-height: 255px;
	}

	#mainOverlay {
		/*top: 180px;*/
		height: 45px;
	}


	.APT_video {
		position: relative;
		padding-bottom: 58.5%;
	}

	.topNav .sections .btn-apt {
		padding: 6px 14px;
		font-size: 16px;
		font-weight: normal;
	}

	.topNav .subsects .btn-apt {
		font-size: 16px;
		font-weight: normal;
	}

	header.tucked {
		margin-top: -330px;
	}

	#program .channels .block {
		/*width: 44.2%;*/
	}

	#related.my {
		height: 800px;
	}

	#main.full > section.main-content.full img {
		max-width: 90%;
	}

	#pmp {
		margin-top: 0;
	}
}




/* Portrait Galaxy Note 4 */
@media screen and (max-width: 360px) and (orientation: portrait) {
	body {
		font-size: 16px;
	}

	header.tucked {
		margin-top: -330px;
	}

	#video > div.control {

	}
	#video > div.control > #playPause
	{

	}

	/* Make flex elements respect document order */
	.pageNav,
	.main-content,
	.sidebar {
		-webkit-order: 0;
		order: 0;
		width: 100%;
	}

	/* Oh snap, menu goes WIDE; also it's no longer respecting flex */
	.pageNav {
		display: block;
	}

	.nav>li>a {
		padding: 5px 10px;
		margin-bottom: 0;
	}

	#yes {
		position: absolute;

		top: 25%;
		left: 25%;
		z-index: 1000;

		width: 50%;
		height: 200px;

		border: 3px solid green;
		border-radius: 10px;

		background: #fff;
		color: #090;

		font-weight: bold;
		font-size: 48px;
	}

	#updates .tab-content .tab-pane div a,
	#offers .tab-content .tab-pane div a,
	#other .tab-content .tab-pane div a,
	#promos .tab-content .tab-pane div a,
	#other div,
	section.main-content div.panel.panel-default .panel-body p
	{
		margin-bottom: 10px;
	}
}




/* iPhone 5 Portrait-like */
@media only screen and (max-width: 320px) {
	#caption {
		font-size: 11px;
	}
	#warning
	{
		display: block;
	}

	[id=topStripe]
	{
		width: 320px;
	}

	[id=MyAPTHeader]
	{
		height: 360px;
	}

	[id=MyAPTHeader] .social a > img
	{
		width: 26px;
	}

	[id=MyAPTHeader] > #logo img
	{
		width: 310px;
	}

	[id=searchBox] #terms
	{
		width: 80%;
	}

	#helper.hamHelp {
		padding: 15px;
		width: 270px;
		height: 160px;
		top: 120px;
	}


	section.pageNav li.whereAt
	{
		padding: 6px;
	}

	.APT_video {
		position: relative;
		padding-bottom: 58.5%;
	}
	header.tucked {
		margin-top: -325px;
	}
	.topNav .sections .btn-apt {
		padding: 6px 11px;
		font-size: 15px;
	}
	.topNav .subsects .btn-apt {
		font-size: 15px;
	}

	.padImage {
		margin: 20px;
	}

	.nav>li>a
	{
		padding: 7px 8px 3px;
	}

	#video > div.control {
		margin-top: 35px;
	}
	#video > div.control > #playPause
	{
		font-size: 3.5em;
	}

	#mainSlider
	{
		min-height: 197px;
	}

	#mainOverlay
	{
		/*top: 142px;*/
		font-size: 10px;
		height: 40px;
	}

	#updates,
	#offers,
	#other,
	#program,
	#programOther,
	#programOffer,
	#promos
	{
		padding-left: 0;
	}

	#programOther
	{
		margin-top: 20px;
		padding-left: 10px;
	}

	#updates .tab-content .tab-pane div a,
	#offers .tab-content .tab-pane div a,
	#other .tab-content .tab-pane div a,
	#promos .tab-content .tab-pane div a,
	.nav-tabs>li>a,
	#other div,
	section.main-content div.panel.panel-default .panel-body p
	{
		display: inline-block;
	}

	#main.full > section.main-content.full img {
		max-width: 80%;
	}

	#featuredShows {
		margin-top: 30px;
	}

	#featuredShows .feature .featureText {
		font-size: 0.9em;
	}

	#program .channels .block {
		/*width: 43.1%;*/
	}

	#explore .foot {
		padding: 5px 35px 20px;
	}

	.half,
	#pmp {
		margin-top: 0;
	}

	textarea.code
	{
		max-width: 250px;
	}

	#footer .left div:last-child,
	#footer .lineLeft div:not(:last-child)
	{
		margin-left: 0;
		margin-right: 0;
	}
}