/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Kristin V. Hart
 	CSS Document: SCHOOLNAME-08-display.css
 ---------------------------------------------------------------------------- 
*/


/* colors
 ----------------------------------------------------------------------------
	text: #222
	link: #444
 	link.hover: #666
 ----------------------------------------------------------------------------
*/


/* default type selectors
 * ---------------------------------------------------------------------------- */

body { 
    background:#000 url('http://grfx.cstv.com/schools/md/graphics/md-10-main-bg.jpg') center 0 no-repeat;
    color: #222;
    font: 12px  Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
td {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color: #222;
	}

h1 { font-size: 18px }
h2 { font-size: 16px }
h3 { font-size: 14px }

h4,h5,h6 { font-size: 13px }

a img, :link img, :visited img, fieldset { border:none }

a:link, a:visited { color: #444; text-decoration: underline }
a:hover, a:active { color: #666; text-decoration: underline }

a { outline: none }

#columns pre {font-family:monospace; font-size:11px;}
#columns .presmall {font-family:monospace; font-size:11px;}
#columns pre a{font-family:monospace; }
#columns a:hover{text-decoration:none;}

/* classes
 * ---------------------------------------------------------------------------- */

.center { text-align: center }

.img-left { float: left; margin: 0 6px 4px 0 }
.img-right { float: right; margin: 0 0 4px 6px }

.clear { 
	clear: both; 
	}

#revLayeredAd .revClickText  {
	color:#fff;
	}

/* CSTV specific
 * ---------------------------------------------------------------------------- */

h2, 
.storyheadline, 
.StoryHeadline, 
.page-header { 
	color: #ed1b2e; 
	font-weight: bold; 
	font-size: 16px 
	}

record,
.record {
}

recordodd,
.recordodd {
	background-color: #CCC;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	border-right-style: none;
	border-bottom-style: none;
}



.storyteaser, 
.StoryTeaser { color: #222; font-weight: bold;display:block; }

.fivevert { line-height: 5px }
.tenvert { line-height: 10px }
.twentyvert { line-height: 20px }

.yahoo-on { background: #fff url("http://grfx.cstv.com/schools/uri/graphics/yahoo-search5.gif") no-repeat }
.yahoo-off { background-image: none	}


/* layout
 * ---------------------------------------------------------------------------- */

 
 
 
#wrap { 
	background: url("http://grfx.cstv.com/schools/md/graphics/md-07-bg-wrap.gif") repeat-y;
	width:999px;
	margin:0 auto;
	}
	
#mast {
	width:999px;
	height:64px;
	}
	
#mast-left {
	width:217px;
	height:64px;
	float:left;
	}
	
#mast-right {
	width:782px;
	height:64px;
	float:left;
	background:#ccc;
	}


/* columns
 * ---------------------------------------------------------------------------- */

#columns {padding:0; margin:0; border-collapse:collapse;  }

#column-1, #column-2 {padding:0; margin:0; vertical-align:top; }

#column-1 {
	width:664px;
	padding:33px 13px 0px 10px;
	background:#fff;
	}
	
body#nonsport-page #column-1 {
	width:970px;
	}	
	
#column-2 {
	width:306px;
	padding:0px 0px 0px 5px;
	}


#scoreboard {
	width:999px;
	height:42px;
	background:#333;
	margin:4px 0px 11px 0px;
	}
	
	#banner-wrap {
		width:999px;
		height:90px;
		margin:25px 0px 13px 0px;
		}

	#holder-banner {
		width:728px;
		height:90px;
		float:left;
		}

	#banner-promo {
		width:262px;
		height:90px;
		float:left;
		margin-left:8px;
		}	

/* sidebar
 * ---------------------------------------------------------------------------- */

#sidebar, #sidebar * { margin: 0; padding: 0 }

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }


/* photo-table
 * ---------------------------------------------------------------------------- */

.photo-table { 
	border-collapse: collapse;
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 160px 
	}
	
.photo-table .email-print li { 
	display: block; 
	margin: 3px 0
	}
	
.photo-table .caption { font-size: 10px }


/* email-print
 * ---------------------------------------------------------------------------- */

.email-print { margin: 10px 0 }

.email-print li { 
	display: inline; 
	list-style-type: none; 
	margin: 0 30px; 
	padding-left: 25px 
	}
	
	.email-print li.email { background: url("http://grfx.cstv.com/graphics/oas-icon-email.gif") 0 2px no-repeat }
	.email-print li.print { background: url("http://grfx.cstv.com/graphics/oas-icon-print.gif") 0 2px no-repeat }
		
		
/* BSI
 * ---------------------------------------------------------------------------- */

#bsi-container {
	width:999px;
	height:300px;
	position:relative;
	}
	
#frame-wrap {
	width:300px;
	position:absolute;
	top:62px;
	left:20px;
	}	
	
#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;	
	}

#relativeFrame {
	position: relative; 
	width:300px;
	color:#fff;
	font-size:11px;
	z-index: 1
	}
	
#relativeFrame a:link, #relativeFrame a:visited{
	color: #F3363B;	
	}

#relativeFrame a:hover{
	text-decoration:none;
	}	

#relativeFrame div {
	width:300px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	}
	
#relativeFrame h1 a {
	color:#fff;
	text-decoration:none;
	}
	
#relativeFrame h1 {
	padding-bottom:16px;
	}		
	
#relativeFrame .synopsis {
	color:#fff;
	font-size:10px;
	line-height:16px;
	}
	
#relativeFrame .synopsis a {
	color: #ed1b2e;	
	text-decoration:underline;
	font-size:11px;
	}
	
#relativeFrame .synopsis a:hover {
	color: #ed1b2e;	
	text-decoration:none;
	font-size:11px;
	}	

#relativeFrame div#frm0 { visibility: visible }

.photo_gradiant {
	width:999px;
	height:300px;
	background: url('http://grfx.cstv.com/schools/md/graphics/md-09-bsi-mask.png') no-repeat;
	*background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/md/graphics/md-09-bsi-mask.png', sizingMethod='scale') no-repeat;
	}


#numbers{
	margin:0;
	padding:0;
	width:200px;
	position:absolute;
	top:279px;
	left:5px;
	}

#numbers div{
	float:left;
	width:24px;
	padding-right:8px;
	}
	
	
/* sport bsi container
	* ---------------------------------------------------------------------------- */

#sport-bsi-container {
	background: url("http://grfx.cstv.com/schools/md/graphics/md-09-bg-sports-bar.gif") repeat-x 0px 334px;
	width:999px;
	height:475px;
	position:relative;
	z-index:1;
	}
	
#sport-bsi-contianer, #sport-bsi-contianer *{
	margin:0;padding:0;
	}		

#relativeFrame {
	position: relative; 
	width:362px;
	height:141px;
	z-index: 1;
	float:left;
	}

#sport-bsi-container #relativeFrame div {
	width:362px;
	position: absolute; 
	visibility: hidden;
	z-index: 1;
	top:0;
	left:0;
	}
	
#sport-bsi-container #relativeFrame h1 {
	padding:28px 0px 0px 0px;
	}	

#sport-bsi-container #relativeFrame h1 a {
	color:#f3363b;
	text-decoration:none;
	font-size:16px;
	}
	
#sport-bsi-container #relativeFrame h1 a:hover {
	color:#f3363b;
	text-decoration:underline;
	font-size:16px;
	}			

#sport-bsi-container #relativeFrame .synopsis {
	color:#fff;
	font-size:11px;
	}
	
#sport-bsi-container #relativeFrame .synopsis li {
	color:#fff;
	font-size:11px;
	line-height:13px;
	}	
	
#sport-bsi-container #relativeFrame .synopsis li a {
	color:#fff;
	font-size:11px;
	}
	
#sport-bsi-container #relativeFrame .synopsis li a:hover {
	color:#fff;
	font-size:11px;
	}		
	
#sport-bsi-container #relativeFrame .date {
	margin:0;
	padding:3px 0px;
	color:#fff;
	font-size:9px;
	}	

#sport-bsi-container #relativeFrame div#frm0 { visibility: visible }		


#sport-bsi-container #minis{
	margin:0;
	padding:0;
	width:281px;
	position:static;
	float:left;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:0px 14px;
	margin-top:26px;
	}

#sport-bsi-container #minis div {
	float:left;
	width:129px;
	}

#sport-bsi-container #minis a img {
	margin-bottom:3px;
	}

	
#sport-bsi-container #mini0 {
	padding-right:23px;
	}
	
#sport-bsi-container #minis .teaser {
	margin:0;padding:0;
	font-size:10px;
	color:#fff;
	}
	
#sport-bsi-container #minis .teaser a {
	color:#f3363b;
	text-decoration:underline;
	}
	
#sport-bsi-container #minis .teaser a:hover {
	color:#f3363b;
	text-decoration:none;
	}	
			
#flash-video {
	width:306px;
	height:334px;
	position:absolute;
	top:0;
	right:4px;
	z-index:1;
	}
	
body#story-page #flash-video,
body#nonsport-page #flash-video {
	position:static;
	}		
	
/* sport headlines and sport events
 * ---------------------------------------------------------------------------- */
#sport-calendar-wrap {
	width:999px;
	height:250px;
	margin-top:6px;
	}
	
#sport-calendar {
	width:422px;
	float:left;
	margin-right:8px;
	}	
	
#tab-headlines-wrap, #tab-headlines-wrap * { margin:0; padding:0; }

#tab-headlines-wrap {
	background:url("http://grfx.cstv.com/schools/md/graphics/md-09-tabs-moreheadlines.gif") no-repeat; /*change to your button image*/
	height: 16px;
	width: 422px;
	}

	#tab-headlines-wrap li, #tab-headlines-wrap a {display:block; height: 16px; } /**/

	#tab-headlines {width:212px;}
	#tab-calendar {width:210px;} 

	#tab-headlines-wrap li { float: left; list-style: none; _display: inline; }
	#tab-headlines-wrap span { display: none; }

#tab-headlines-wrap.on-headlines #tab-headlines { background:url("http://grfx.cstv.com/schools/md/graphics/md-09-tabs-moreheadlines.gif")  0px -16px; } 
#tab-headlines-wrap.on-calendar #tab-calendar { background:url("http://grfx.cstv.com/schools/md/graphics/md-09-tabs-moreheadlines.gif") -212px -16px; }

#wrap-events {
	width: 422px;
	height: 234px;
	overflow: auto;
	} /*dimensions of the box your content appears in*/

#wrap-events, #wrap-events * {margin:0;padding:0;}
#wrap-events p {
	color:#fff;
	}
	
#wrap-events a { 
	font-size:12px;
	color: #fff;
	text-decoration:none; 
	}/*any links displayed within content area*/
	
#wrap-events a:hover { 
	color: #fff; 
	}

#calendar-wrap {
	width:999px;
	height:250px;
	} 
	
#calendar-hdr {
	background:url("http://grfx.cstv.com/schools/md/graphics/calendar-bwiv2.jpg") no-repeat;
	width:692px;
	height:16px;
	}
	
#calendar-holder {
	width:692px;
	float:left;
	margin-right:7px;
	}
	
#calendar-holder .scroll {
	height:234px;
	overflow:auto;
	}
	
.scroll a {
	color:#fff;
	text-decoration:none;
	}	
	
#holder-story {
	width:300px;
	height:250px;
	float:left;
	}

#content-headlines .pubdate {
	color:#f3363b;
	padding:6px 0px 1px 0px;
	font-size:10px;
	}
	
#content-headlines h1 {
	color:#fff;
	font-size:11px;
	font-weight:normal;
	}
	
#content-headlines h1 a {
	color:#f3363b;
	text-decoration:underline;
	font-size:11px;
	}
	
#content-headlines h1 a:hover {
	color:#f3363b;
	text-decoration:none;
	}		
	
.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0;
	font-size:11.5px; 
	}

.calendar,
#content-calendar .calendar { 
	width: 99%;*width:96%; 
	}

.calendar td,
#content-calendar .calendar td { padding: 0px }

.calendar tr.calendar-date,
#content-calendar .calendar tr.calendar-date { 
	font-weight: bold;
	}
	
.calendar tr.calendar-date td,
#content-calendar .calendar tr.calendar-date td {
	color: #fff;
	font-weight: bold;
	background:#333;
	padding:2px 0px 2px 6px;
	text-transform:uppercase;
	font-size:10px;
	}

.calendar tr.calendar-body td,
#content-calendar .calendar tr.calendar-body td {
	padding: 7px 0px 7px 6px;
	color:#fff;
	}

.calendar tr.calendar-headers,
.calendar tr.calendar-headers td,
#content-calendar .calendar tr.calendar-headers td  {
	background-color: #999; 
	color: #000; 
	font-weight: bold;
	padding:2px 0px 2px 6px;
	text-transform:uppercase;
	font-size:10px;
	}

.calendar tr.calendar-body td a:link,
.calendar tr.calendar-body td a:visited,
.calendar tr.calendar-body td a:active {
	text-decoration: none;
	color:#fff;
	}
	
#content-calendar .calendar tr.calendar-body td a:link,
#content-calendar .calendar tr.calendar-body td a:visited,
#content-calendar .calendar tr.calendar-body td a:active {
	text-decoration: none;
	color:#fff;
	}	

.calendar tr.calendar-body td a:hover,
#content-calendar .calendar tr.calendar-body td a:hover {
	text-decoration: underline;
	}
	
	
body#story-page #photo-store,
body#nonsport-page #photo-store {
	float:none;
	margin:5px auto 5px auto
	}	
		
#photo-store {
	width:262px;
	height:250px;
	background:#000;
	float:left;
	margin-left:7px;
	}
					
#photo-store-hdr {
	background: url("http://grfx.cstv.com/schools/md/graphics/md-09-hdr-photostore.gif") no-repeat;
	width:262px;
	height:16px;
	}

#photo-block{
	width:198px;
	margin:0 auto;
	padding:7px 0;
	text-align:center;
}

#photo-block a{
	color:#fff;
	width:198px;
	text-decoration:none;
	display:block;
}

#photo-block a:hover{
	color:#fff;
	text-decoration:underline;
}

#photo-scroll{
	height:230px;
	overflow:auto;
}

body#story-page #photo-scroll{
	height:250px;
	overflow:auto;
}

body#sport-page #sport-promos{
	display:block;
	float:left;
	height:134px;
	margin:24px 0 6px 20px;
	position:absolute;
	right:0;
	top:330px;
	width:295px;
}


/* Slider Promos
 * ---------------------------------------------------------------------------- */
#auction-portal{
	background: url('http://grfx.cstv.com/schools/md/graphics/md-09-auction-title.gif') no-repeat;
	width:308px;
	height:81px;
	display:block;
	}
	
#auction-portal div{
	padding:2px 0 0 135px;
	}

#slider-wrap {
	width:979px;
	height:174px;
	}
	
.stepcarousel{
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 979px; /*Width of Carousel Viewer itself*/
	height: 174px; /*Height should enough to fit largest content's height*/
	}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
	}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
 	margin:0px 17px 0px 21px;/*margin around each panel*/
	width: 308px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
	}

#mygallery {
	background:#000;
	}

.top-promos img {
	display:block;
	}
	
	
/* multimedia Tabs
* ------------------------------------------------------------------------- */
#media-wrap {
	width:374px;
	height:38px;
	float:left;
	}


#multimedia-tab ul.multimedia-1, #headlines-tab ul.headlines-1, #auctions-tab ul.auctions-1, #podcast-tab ul.podcast-1 { margin:0; padding:0 }
#multimedia-tab ul.multimedia-1 li, #headlines-tab ul.headlines-1 li, #auctions-tab ul.auctions-1 li, #podcast-tab ul.podcast-1 li { float: left; list-style: none; text-indent: -9999px; }
#multimedia-tab ul.multimedia-1 span, #headlines-tab ul.headlines-1 span, #auctions-tab ul.auctions-1 span, #podcast-tab ul.podcast-1 span { display: none }
#multimedia-tab ul.multimedia-1 { 
	background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") no-repeat;
	height: 38px; 
	width: 257px;
	float:left;	
	}

#multimedia-tab ul.multimedia-1 li, #multimedia-tab ul.multimedia-1 a {display:block;height:38px;}

#tab-gametracker {width:90px;height:38px;}

#tab-video, #tab-audio, #tab-auctions, #tab-photos {width:32px;height:38px;}

#tab-twitter {width:39px;height:38px;}

#multimedia-tab.on-gametracker #tab-gametracker { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") 0px -38px }
#multimedia-tab.on-video #tab-video { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") -90px -38px }	
#multimedia-tab.on-audio #tab-audio { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") -122px -38px }
#multimedia-tab.on-auctions #tab-auctions { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") -154px -38px }
#multimedia-tab.on-photos #tab-photos { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") -186px -38px }
#multimedia-tab.on-twitter #tab-twitter { background: url("http://grfx.cstv.com/schools/md/graphics/md-09-icons.gif") -218px -38px }	

#gametracker {
	background:url("http://grfx.cstv.com/schools/md/graphics/md-09-icons-gt.gif");
	padding: 0px; 
	width:117px;
	height:38px;
	}

#multimedia-tab {
	width:374px;
	height:38px;
	}

#multimedia-text {
	width:117px;
	height:38px;
	display:block;
	float:left;
	}		



/* footer
 * ---------------------------------------------------------------------------- */
#footer-wrap-temp {
	width: 790px !important;
}
	
#footer-return
{padding:10px 0 10px 0;}	
	
#footer {
	padding:20px 0px;
	text-align: center;
	}
	
	#footer a:link, #footer a:visited { color: #444 }
	#footer a:hover, #footer a:active { color: #666 }

/*AutoStats*/
.stats-fieldh td {padding:3px; text-align:center; border-bottom: 1px dotted #aaa;} /*Passing Table*/
.stats-fieldh thead {background:#ee3224; color: #000000; text-transform:uppercase;} /*Passing Table*/
.yr2013, .yr2012, .yr2011, .yr2010, .yr2009, .yr2008, .yr2007, .yrtotl {font-weight:700;}
.yrtotl, .gstotl, .gptotl, .gltotl, .astotl, .pttotl, .shtotl, .sptotl, .sgtotl, .sttotl, .gwtotl, .psattotl, .dstotl, .mntotl, .gatotl, .svtotl, .gvtotl, .sototl, .wntotl, .lototl, .titotl { font-weight:700; background:#ddd;}

.stats-w-volley td {padding:2px; border:1px;}
.stats-w-volley thead th {background: #CC0000; color:#fff; font-weight:700; text-align:left; text-transform:uppercase;}
.statscategory {text-align:center;}

.stats-m-baskbl td {padding:2px; border:1px;}
.stats-m-baskbl thead th {background: #CC0000; color:#fff; font-weight:700; text-align:left; text-transform:uppercase;}
.statscategory {text-align:center;}

.statsTotal td { background: #cdcdcd; font-weight: 700; }
.stats-m-soccer td {padding:4px;}
.stats-m-soccer thead { background: #ee3224; color:#000000; font-weight:700; text-transform:uppercase; text-align:left;}

.stats-w-softbl td {padding:2px; border:1px;}
.stats-w-softbl thead th {background: #CC0000; color:#fff; font-weight:700; text-align:left; text-transform:uppercase;}
.statscategory {text-align:center;}


#toolbox{
position: absolute;
width: 125px;
border: 1px solid #ffd520;
padding: 4px;
background-color: #000;
visibility: hidden;
z-index: 100;
}