body { font-family: Verdana, sans-serif; font-size:12px; line-height:18px; background:#FFF url(../images/blue-bg.png) repeat-x; min-height:100vh; flex-direction:column; display:flex; }

h1, h2, h3, h4, h5 { font-family: 'PT Sans'; }
header { width:1180px; margin:0 auto; position:relative; height:180px; }
header img#logosimple { display:block; position:absolute; top:65px; }
header img#mcintyrelogo { display:block; position:absolute; top:65px; right:0px; }

#container { flex-grow:1; }
#playlistbody {  width:1180px; margin:0 auto; position:relative; }
#playlistbody h2 { font-size:28px; margin:10px 0 5px 0; }

#showlistcontainer { background:#f5f5f5; margin:20px 0 0 0; overflow:hidden; clear:both; }
#showlist { background:#f5f5f5; width:1180px; margin:30px auto; position:relative; overflow:hidden; flex-wrap:wrap; display:flex; }
#showlist h4 { color:#353636; font-size:24px; font-weight:normal; margin:10px 0 10px 10px; width:100%; }

#showlist .showbox { width:283px; margin:11px 6px 0; position:relative; overflow:hidden; display:flex; flex-direction:column; }
#showlist .showbox .showphoto img { height:195px !important; }
#showlist .showtext { flex-grow:1; background:white; width:231px; padding:10px; text-align:center; border:solid 1px #dbdbdb; color:#353535; margin:-27px auto 20px; display:flex; flex-direction:column; justify-content:space-evenly; }
#showlist .showtext em { color:#a5a4a4; }
#viewall { color:white; background:#f89810; display:block; width:200px; text-align:center; padding:6px 0px 6px 0px; position:absolute; right:0px; top:140px; font-size:14px; cursor:pointer; }
#viewall:hover { background:#e18a0d; }
#viewall img { vertical-align:middle; padding:0 0 1px 4px; } 
#playlistpop { position:absolute; top:180px; right:0px; width:380px; background:#f8f8f8; z-index:100; display:none; border:solid 1px #ccc; padding:8px 0; }
#playlistpop ul { list-style:none; }
#playlistpop ul li { padding: 3px 15px; font-size:13px; cursor:pointer; }
#playlistpop ul li:nth-child(odd) { background: white; }
#playlistpop ul li.active { font-weight:bold; }
#playlistpop ul li:hover { color:white; background:#f89810; }

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



#secondary_content { width:550px; }
#subscription.secondary_top_box { width:550px; }
.maincontent_secondary { width:550px; } 

.search_results { display:block; }
.search_results img { float:left; margin:0 15px 20px 0; border:#EAEAEA 1px solid; padding:5px; }
.search_results h3 { display:block; }
.search_results p { }
.search_results_clear { clear: both; }


#form1 label { display:block; margin:3px 0;}
#form1 input[type=text], #form1 input[type=password] { padding:5px 3px; width:250px; margin-bottom:8px; border:solid 1px silver; } 
div.failed { color:red; margin-bottom:15px; }

#playerarea55 {
	z-index:1; position:relative;
}
#searchplay { margin:0 0 10px 14px; }
#searchplay input[type=text] { padding:3px; margin:5px 5px 0 0; }
#chapterdescription { display:none; width:510px; margin:0 auto; }

#unique { color:black; margin:10px 0 10px 0; padding:10px; background:#f5f5f5; width:550px;} 
#unique strong { color:black; text-transform:uppercase; }
#unique input { padding:8px; width:530px !important; color:#666; }

#inner { width:550px !important; margin:0 15px 20px 0;}


#groups span { display:block;background:#fea82e; font-size:11px;  padding:1px 5px; margin:5px 0 5px 10px; width:180px;}
#groups ol { margin:5px 0 15px 32px; }
#groups ol li { color:grey; font-size:11px; }
#groups ol li a { color:#e67817; font-size: 14px; }
#ssearch input[type='text'] { border: solid 1px #CCC; width:190px; padding:3px 5px; height:19px;}


table#playstats { width:500px; }
table#playstats th { text-align:left; padding:4px; text-transform:uppercase; border-bottom:2px solid black; }
table#playstats td { padding:4px; border-bottom:solid 1px silver; }

div.groups { margin:5px 0 10px 15px; }
div.groups p.definition { font-size:11px; color:#666; margin-bottom:10px; }
.expire-small { font-size:11px; color:#666; }

#playlist_change { background:#fea82e; border:solid 1px silver; margin:5px 0 20px 13px; padding:10px 5px; width:350px; }

#playlistfeature {  position:relative; float:left;  }
#playlistright { overflow:hidden; top:0px; float:right; width:560px; position:relative; color:#373736; margin: 0 0 60px 0; }
#playlistright h3 { color:#353636; font-size:22px; font-weight:normal; }
#playlistright ul { margin:10px; }
#playlistright ul li { margin-left:10px; }

#playlistright ol { margin:15px; color:#353636; }
#playlistright ol li { margin-left:12px; font-size:14px; padding: 1px; }
#playlistright ol li a { color:#e49400; }

ol.chapters * { box-sizing: border-box; }
ol.chapters {
	list-style: none;
	counter-reset: chapter-counter;
	margin-left: 0!important;
}
ol.chapters li {
	counter-increment: chapter-counter;
	display: flex;
	align-items: flex-start;
	margin-left: 0!important;
	padding: 6px 4px!important;
}
ol.chapters li::before {
	content: counter(chapter-counter) ". ";
	text-align: right;
	flex: 22px 0 0;
	width: 22px;
	padding-right: .35em;
}
ol.chapters li a.thumb {
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
	border: 1px solid silver;
	position: relative;
	flex: 80px 0 0;
	width: 80px; /* 16:10 aspect ratio */
	height: 50px;
	margin-right: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
}
ol.chapters li a.thumb span {
	content: " ";
	position: absolute;
	left:0; right:0; top:0; bottom:0;
	width:100%; height:100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,.2);
	opacity: 0;
	transition: all .2s;
	color: #fff;
}
ol.chapters li a.thumb span .fa.fa-play {
	border: 2px solid rgba(255,255,255,.9);
	border-radius: 50%;
	background-color: rgba(0,0,0,.3);
	width: 28px;
	height: 28px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding-left: .2em;
	box-shadow: 1px 1px 8px rgba(0,0,0,0.2);
	text-shadow: 1px 1px 8px rgba(0,0,0,0.2);
}
ol.chapters li a.thumb span .fa.fa-file {
	text-shadow: 1px 1px 8px rgba(0,0,0,0.8);
}
ol.chapters li:hover a.thumb span {	opacity: 1; }
ol.chapters li>*:not(a.thumb) { flex-shrink:1; }
ol.chapters li.active { background-color: #e3edff;	}
ol.chapters li.active a { font-weight: bold; text-decoration: underline; }
 
#subscription_bits_table td { font-size:13px; line-height:22px; }
#subscription_bits_table td strong { color:#1f1f1f;  }
#subscription_bits_table td a { color:#e49400; }

#moreinfo { color:#00ccff; font-size:13px; background:white; width:490px; padding:15px 20px; position:relative; overflow:hidden; text-align:center; top:-8px; margin: 0 auto; border:solid 1px #dbdbdb; z-index:100; }
#moreinfo h3 { font-size:22px; color:#353636; margin:5px 0; line-height:24px; }
.download { color:#e49400; }

#footerouter { background:#353535; padding:20px 0 50px 0; }
footer { width:1150px; margin:0 auto; } 

#embedcode textarea {  padding:10px; width:525px; color:#666; background:#fff; margin:15px 0 0 0; }
#embedcode input {  padding:10px; width:130px; color:#666; background:#fff; margin:15px 0 0 0; }
#embedcode { background:#f0f0f0; padding:10px; margin:10px 0 20px 0; font-size:12px; width:550px; }
#embedcode strong { text-transform:uppercase; }
#searchterm { display:block; border:solid 1px #CCC; font-size:14px; width:300px; padding:5px 5px 4px 5px !important; position:absolute; right:260px; top:140px; background:#f8f8f8; color:#7d7c7c; }
.bluebuttonnew { color:white;background:#616364; position:absolute; display:block; right:230px; top:140px;right:210px; top:140px; padding:8px 8px 7px 8px; cursor:pointer;}
.bluebuttonnew:hover { background:#4d5253; }
.clearback { color:#0cadc5; font-size:14px; }
i.searchresultnew { font-size:14px; }

#tabs { border-bottom:solid 1px #616364; margin:0 0 15px 0; display:block; clear:both; height:38px; width:561px; }
#tabs span { font-size:14px; background:#f5f5f4; margin:0 1px 0 0; padding:10px 15px; display:block; width:156px; float:left; text-align:center; cursor:pointer; }
#tabs span.active { background:#616364; color:white; }
#tabs span:hover { background:#616364; color:white; } 

#tabs-tran { height:500px; }

#transcript { display:none; padding:10px; background:#e4f9fe; width:539px; height:540px; position:absolute; top:50px; left:0px; }
#transcript h3 { color:black; font-size:14px; }
#transcript span.tranclose { font-weight:bold; cursor:pointer; color:black; font-size:11px; display:block; position:absolute; top:10px; right:20px;} 
#transcript div { margin:10px 0 0 0; color:black;  font-size:13px; overflow:auto; height:465px; width:549px; }
#transcript div ul { list-style:disc !important; }
#transcript div ul li { list-style:disc !important; margin:0 0 10px 0px; cursor:pointer; }
#transcript div ul li.high { background:#b0ecfb;  }


.additional { font-size:14px; }
.additional a {color:#e67817}
#showembed { cursor:pointer; color:#666 }


/*** HELPER CLASES ***/
.pr-0, .px-0, .p-0 { padding-right:0!important; }
.pl-0, .px-0, .p-0 { padding-left:0!important; }
.pt-0, .py-0, .p-0 { padding-top:0!important; }
.pb-0, .py-0, .p-0 { padding-bottom:0!important; }
.pr-1, .px-1, .p-1 { padding-right:0.25em!important; }
.pl-1, .px-1, .p-1 { padding-left:0.25em!important; }
.pt-1, .py-1, .p-1 { padding-top:0.25em!important; }
.pb-1, .py-1, .p-1 { padding-bottom:0.25em!important; }
.mr-0, .mx-0, .m-0 { margin-right:0!important; }
.ml-0, .mx-0, .m-0 { margin-left:0!important; }
.mt-0, .my-0, .m-0 { margin-top:0!important; }
.mb-0, .my-0, .m-0 { margin-bottom:0!important; }
.mr-1, .mx-1, .m-1 { margin-right:0.25em!important; }
.ml-1, .mx-1, .m-1 { margin-left:0.25em!important; }
.mt-1, .my-1, .m-1 { margin-top:0.25em!important; }
.mb-1, .my-1, .m-1 { margin-bottom:0.25em!important; }
.mr-2, .mx-2, .m-2 { margin-right:0.5em!important; }
.ml-2, .mx-2, .m-2 { margin-left:0.5em!important; }
.mt-2, .my-2, .m-2 { margin-top:0.5em!important; }
.mb-2, .my-2, .m-2 { margin-bottom:0.5em!important; }
.mr-3, .mx-3, .m-3 { margin-right:1em!important; }
.ml-3, .mx-3, .m-3 { margin-left:1em!important; }
.mt-3, .my-3, .m-3 { margin-top:1em!important; }
.mb-3, .my-3, .m-3 { margin-bottom:1em!important; }
.ml-auto, .mx-auto { margin-left: auto!important; }
.mr-auto, .mx-auto { margin-right: auto!important; }
.d-none { display:none; }
.d-inline-block { display:inline-block;  }
.d-flex-center, .d-flex { display: flex!important; }
.d-flex-center *, .d-flex-center ::after, .d-flex-center ::before,
.d-flex *, .d-flex ::after, .d-flex ::before { box-sizing: border-box!important; }
.d-flex-center, .align-items-center { -ms-flex-align: center!important; align-items: center!important; }
.d-flex-center, .justify-content-center { -ms-flex-pack: center!important; justify-content: center!important; }
.justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; }
.text-danger { color:red; }
.text-uppercase { text-transform:uppercase; }
.custom-switch .custom-control-label::before { top: 0!important; }
.custom-switch .custom-control-label::after { top: 2px!important; }
.custom-control { min-height: unset!important; }