/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 62.5%;
	vertical-align: baseline;
	font-family: 'PT Sans',arial,helvetica,sans-serif;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div { margin:0 auto; overflow:hidden; }

#background { background:#092768 url(http://d29xw9s9x32j3w.cloudfront.net/images/barker/mlb/barker-bg-mlb.jpg) no-repeat; background-position:left center; background-size:cover; padding:16px 16px 16px 40px; max-width:1248px; }
#col1 { display:block; visibility:visible; float:left; width:122px; height:233px; padding:0; margin-right:15px; position:relative; }
#col2 { float:left; width:400px; padding:0 6px 6px 0; }
#playlist { height:100%; padding:0; }

.playerHeader { font-size:22px; font-size:2.2rem; line-height:26px; line-height:2.6rem; overflow:hidden; color:#FFF; margin-top: 11px; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); }
.playerLogo { background:url(http://d29xw9s9x32j3w.cloudfront.net/images/barker/mlb/barker-logo-mlb.png) no-repeat; background-position:0 -77px; width:95px; height:60px; position:absolute; bottom:26px; }

#playerWrapper { position:relative; -moz-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.25); -webkit-box-shadow:2px 2px 2px 2px rgba(0,0,0,0.25); box-shadow:2px 2px 2px 2px rgba(0,0,0,0.25); }

#listings { margin:0 0 0 35px; height:100%; }
#listings a, a:visited, a:active { display:block; overflow:hidden; line-height:29px; line-height:2.9rem; height:29px; color:#FFF; text-decoration:none; padding:0 19px 0 19px; margin:0 0 12px; }
.item div { font-size:14px; font-size:1.4rem; white-space:nowrap; text-overflow:ellipsis; text-shadow:2px 2px 2px rgba(0, 0, 0, 0.5); overflow:hidden; }
#listings .active { background:#b10408; background:rgba(177, 4, 8, 0.7); }
#listings a:hover { background:#b10408; background:rgba(177, 4, 8, 1); }

#scrollFrame { padding:12px; height:201px; -moz-box-shadow:inset 0 0 6px 6px rgba(0,0,0,0.45); -webkit-box-shadow:inset 0 0 6px 6px rgba(0,0,0,0.45); box-shadow:inset 0 0 6px 6px rgba(0,0,0,0.45); }
.nowPlaying { float:left; width:80%; margin:0; font-size:12px; font-size:1.2rem; line-height:14px; line-height:1.4rem; color:#FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.inlineControls { height:30px; margin:0 auto; overflow:hidden; padding:0 6px; display:none; visibility:hidden; width:388px; }
.nextLabel { float:left; margin-right:5px; font-size:12px; font-size:1.2rem; line-height:14px; line-height:1.4rem; font-weight:bold; color:#FFF; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.upNext { float:left; margin:0 auto; width:80%; text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5); }
.upNext a., .upNext  a:link, .upNext  a:visited, .upNext  a:hover, .upNext  a:active { font-size:12px; font-size:1.2rem; line-height:14px; line-height:1.4rem; font-weight:bold; text-decoration:underline; color:#FFF; }
.upNextLoader { display:none; width:14px; height:14px; margin:5px 3px 0 0; }

#overlayCompanion { position: absolute; background: none; overflow:hidden; z-index:-99; padding:8px; top:0; right:0;}
#overlayCompanion a img { width: 100% !important; height: auto !important;}

.mCSB_scrollTools .mCSB_draggerRail{ background-color:#FFF; background-color:rgba(255,255,255,0.4); width:8px; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

.loading { background:url(http://d29xw9s9x32j3w.cloudfront.net/images/embed-static/ajax-loader-dark-transparent.gif) center center no-repeat; height:42px; }
.hideSidebar { display: none; }
.errorMsg { min-width:200px; max-width:400px; font-size:13px; font-size:1.3rem; color:#6D6E70; }

.noVideoList { font-size:11px; font-size:1.1rem; text-align:center; margin-top:10px; color:#aaaaaa; }
.playerBackground { background:#EFEFEF url(http://d29xw9s9x32j3w.cloudfront.net/images/embed-static/NoVideoAvailableMessage.jpg) no-repeat; }
.expiredMsg { background:#EFEFEF; border-top:1px solid #B3B3B3; border-bottom:1px solid #B3B3B3; font-size:10px; font-weight:bold; margin:-15px auto 0; overflow:hidden; z-index:1000; position:absolute; padding:10px 0; text-align:center; top:50%; }
#expiredImage { margin:0 auto; display:block; }
#expiredContent { position:relative; background:#000; margin:0 auto; }

@media only screen 
and (min-width : 250px) 
and (max-width : 950px) {
	
	.playerLogo { width:95px; height:60px; }
	#listings { margin:0 0 0 15px; }
	#listings a, a:visited, a:active { display:table; overflow:hidden; line-height:12px; line-height:1.2rem; height:36px; width:90%; padding:0 5%; margin:0 0 3px; color:#FFF; }
	.item div { display:table-cell; vertical-align:middle; white-space:normal; text-overflow:clip; font-size:12px; font-size:1.2rem; padding-bottom:5px; }
	.mCSB_inside > .mCSB_container { margin-right: 20px; }	
	.upNext a, .upNext  a:link, .upNext  a:visited, .upNext  a:hover, .upNext  a:active { width:80%; display:block; margin:0; padding:0; height:auto; width:auto; font-size:12px; font-size:1.2rem; line-height:14px; line-height:1.4rem; font-weight:bold; text-decoration:underline; color:#FFF; }

}

@media only screen 
and (min-width : 600px) 
and (max-width : 749px) {
	#background { padding:5px 5px 0; }
	#col1 { display:block; padding:0 0 7px; width:100%; float:none; height:auto; margin:0 auto; position:static; }
	#scrollFrame { padding:10px; height:205px; }
	.playerHeader { float:left; font-size:14px; font-size:1.4rem; line-height:19px; line-height:1.9rem; overflow:auto; margin:0 auto; }
	.playerLogo { float:right; height:22px; width:95px; background-position:67px 0 !important; position:static; bottom:auto; }
	#playlist { margin:0 auto; padding:0; float:none; }
	#listings { margin:0; }
	#playerWrapper { margin:0; }
	
}

@media only screen 
and (min-width : 400px) 
and (max-width : 599px) {
	#background { height:255px; padding:5px; position:relative; }
	#col1 { display:none; visibility:hidden; }
	#col2 { float:none; width:400px; padding:0; margin:0 auto; }
	#col3 { float:none; clear:none; margin-top:2px; width:auto; }
	#scrollFrame { padding:10px; }
	#playlist { display:none; }
	.inlineControls { display:block; visibility:visible; }
	.playerHeader { text-align:center; }
	.playerLogo { float:right; width:52px; height:30px; position:static; background-position:3px -31px !important; }
	#playerWrapper { margin:0; }
	#listings { margin:0; }
	.vidTitle, .nowPlaying { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
}

@media only screen 
and (min-width : 240px) 
and (max-width : 399px) {
	#background { height:255px; padding:5px; position:relative; }
	#col1 { display:none; visibility:hidden; }
	#col2 { float:none; width:320px; padding:0; margin:10px auto 0; }
	#col3 { float:none; clear:none; margin-top:2px; width:auto; }
	#scrollFrame { padding:10px; }
	#playlist { display:none; }
	.inlineControls { display:block; visibility:visible; width:308px; margin-top:15px; height:50px; }
	.playerHeader { text-align:center; }
	.playerLogo { float:right; width:52px; height:40px; position:static; background-position:3px -31px !important; }
	#playerWrapper { margin:0; }
	#listings { margin:0; }
	.vidTitle, .nowPlaying { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
	.upNext { margin-top:5px; }
}