/* 
 ----------------------------------------------------------------------------
	Company: CBS Interactive, CBS College Sports
	Producer: PRODUCER'S NAME HERE
 	CSS Document: jhop-10-display.css
 ---------------------------------------------------------------------------- 
*/


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


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

body { 
	background: #000 url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg.jpg") no-repeat center top;
	color: #222;
	font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	*font: 11px/16px Verdana, Helvetica, Arial, sans-serif;
	margin:0; 
	padding:0 
}
	
td{
	font:11px/16px Verdana, Helvetica, Arial, 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: #222; 
	font-weight: bold; 
	font-size: 16px 
	}

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

.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 { 
	width:1000px;
	margin:0 auto;
	position:relative;
	}
	
#top-ads
{
	width:1000px;
	height:90px;
	display:block;
}

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

#top-promo
{
	float:left;
}
	
#mast {
	width:1000px;
	height:219px;
	display:block;
	margin-top:9px;	
	position:relative;
	z-index:999;
}

#mast-top
{
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-mast-top.gif") no-repeat;
	width:1000px;
	height:148px;
}

#nav-wrap
{
	position:absolute;
	top:148px;
	left:113px;
}

#mast-btm
{
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-mast-btm.gif") no-repeat;
	width:113px;
	height:27px;
}

#media-icons
{
	position:absolute;
	top:41px;
	left:622px;
}

#scoreboard {
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg-scoreboard.gif") no-repeat;
	width:692px;
	height:44px;
	float:left;
}

#search-wrap
{
	float:left;
	width:308px;
	padding:7px 0 0 0;
	height:44px;
}

body#sport #ticker-wrap, body#story #ticker-wrap, body#non-story #ticker-wrap
{
	width:1000px;
	height:45px;
	position:absolute;
	top:-4px;
	left:0;
	z-index:1000;
}

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

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

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

#column-1 {width:677px; padding:0 7px 0 8px;}
#column-2 {width:300px;}

body#story #column-1 {width:677px; padding:0 7px 0 8px;}

body#non-story #column-1 {width:987px; padding:0 8px 0 8px;}

#story-pad
{
	background:#fff;
	padding:2px;
}

#story-border
{
	border:#000 solid;
	border-width:1px;
	padding:10px;
}

#store-wrap
{
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg-store.gif") no-repeat;
	width:311px;
	height:147px;
	margin:0 7px 0 7px;
	padding:20px 0 0 0;
}

#auctions
{
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg-auctions.gif") no-repeat;
	width:172px;
	height:138px;
	padding:29px 0 0 4px;
}

#title-wrap
{
	width:1000px;
}

#title
{
	float:left;
	width:692px;
	height:41px;
	margin:0 0 5px 0;
}


#non-sport-title
{
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg-non-sport-right.jpg") no-repeat;
	float:left;
	width:308px;
	height:41px;
}

#sport-nav
{
	float:left;
	background: url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bg-sport-nav-right.jpg") no-repeat;
	width:308px;
	height:27px;
	padding-top:14px;
}

#sport-nav-links
{
	color:#68aee0;
	padding-right:5px;
}

#sport-nav-links a
{
	color:#68aee0;
	text-decoration:none;
}
#sport-nav-links a:hover
{color:#fff;}

#slider-wrap
{
	border:solid #38aee0;
	border-width:0 0 2px 0;
}

/* BSI PNG
 * ---------------------------------------------------------------------------- */
#bsi-wrap
{
	height:345px;
	display:block;
	border:solid #68aee0;
	border-width:1px;
	margin:0 0 10px 0;
}

.photo_gradiant {
	width:425px;
	height:345px;
	background:url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bsi-overlay.png") no-repeat;
	*background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bsi-overlay.png', sizingMethod='scale');
	z-index:100;
}

#pngBsi {
	
	width:425px;
	height:345px;
	z-index:101;
		
}
	
#pngWrap {
	display:block;
	width:425px;
	height:345px;
	float:right;
	z-index:105;
}

/* RelativeFrame
 * ---------------------------------------------------------------------------- */

#head-group
{
	
	position:relative;
	top:0;
	left:0;
	z-index:100;
	background:#000;
}

#relativeFrame, #relativeFrame *{
	margin:0;
	padding:0;
	color:#fff;	
}

#relativeFrame {
	position: absolute; 
	width:275px;
	z-index: 100;
	left:10px;
	top:10px;
}

#relativeFrame div {
	width:275px;
	position: absolute; 
	visibility: hidden;
	z-index: 100;
}

#relativeFrame div#frm0 { visibility: visible }

#relativeFrame h1
{margin-bottom:20px;}

#relativeFrame h1 a
{
	font-size:18px;
	color:#68aee0;
	text-decoration:none;
}

#relativeFrame a
{
	font-size:12px;
	color:#68aee0;
	text-decoration:none;
}

#relativeFrame h1 a:hover, #relativeFrame a:hover
{text-decoration:underline;}

#relativeFrame .pubdate
{color:#68aee0;}

#minis {
	margin:0;
	padding:0;
	width:245px;
    position:absolute;
    top:290px;
    left:7px;
	z-index:100;	
}

#mini0, #mini1, #mini2, #mini3, #mini4 {
	float:left;
	width:53px;
    position:relative;
	border:1px solid #68aee0;
	margin-right:5px;
	z-index:100;
}

#minis a img {
	opacity: .50;
		filter: alpha(opacity=50);
	margin-right:5px;
}
	
#minis a:hover img, #minis div.miniOn a img {
	opacity: 1.0;
		filter: alpha(opacity=100);
}

#vid0, #vid1, #vid2, #vid3, #vid4 {
	background:url("http://grfx.cstv.com/schools/jhop/graphics/jhop-10-bsi-thumb-arrow.png") no-repeat;
	opacity: .65;
	filter: alpha(opacity=50);
	position:absolute;
	top:12px;
	left:12px;
	width:28px !important;
	height:28px !important;
	z-index:101;
}

#video-wrap { 
	position:absolute;
	top:-9px;
	right:130px;
	display:none;
	width:478px;
	height:268px;
	z-index:200;
}

#flash-video {
	display:block;
	width:478px;
	height:250px;
	z-index:200;
	padding-top:9px;
}

#more-headlines-wrap
{
	float:left;
	width:600px;
}

#sec-headlines
{
	padding:10px 10px 0 10px;
	font-size:12px;
	width:270px;
}

body#sport #sec-headlines
{
	padding:10px 10px 0 10px;
	font-size:12px;
	width:270px;
}

.sec-pubdate
{
	color:#68aee0;
	font-weight:bold;
	line-height:18px;;
}

.sec-headline a
{
	color:#fff;
	text-decoration:none;
}

.sec-headline a:hover
{
	text-decoration:none;
	color:#68aee0;
}

#story-ad
{
	padding:10px 0 10px 0;
}

#promos-wrap div
{
	float:left;
}

#promo-btns
{
	margin:10px 0 10px 1px;
width:675px;
}

#promo-btns img
{
	float:left;
	padding-right:3px;
}

.calendar, .calendar * { 
	border-collapse: collapse; 
	margin: 0; 
	padding: 0;
	color: #fff;  
	font-size:10px; 
}
	
.calendar { width: 95%; padding:0 0 0 5px; }

.calendar td { padding: 2px }

.calendar-date td{ 
	color: #fff; 
	font-weight: bold;
	padding:15px 0 0 0;
}
	
.calendar tr.calendar-headers td {color:#000; background:#68aee0;font-weight: bold; }

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

#sidebar-wrap{
	padding:0 10px 0 10px;
	height:246px;
	overflow:auto;
}

#sidebar-wrap a {color:#68aee0; }
#sidebar-wrap a:hover {color:#fff; }
#sidebar-wrap h3 { color:#fff; font-size:12px; margin:10px 0 0; padding:0;}


/* 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 }
		
		
/* pre-footer
 * ---------------------------------------------------------------------------- */

#footer-return
{
	text-align:center;
}

#footer-logos img
{
	float:left;
}

/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {

	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #68aee0 }

	
/*Extras*/
	#foreverbluejayposition{position:absolute; top:325px; left:450px;}
	#foreverbluejay{background: url('http://grfx.cstv.com/schools/jhop/graphics/foreverbluejay-over.gif'); width:242px; height:41px;}
	#foreverbluejay:hover{background-position: 0px -41px;}	
	#foreverbluejay span{display:none;}			
#gticon-ev
{
  float:left;
  display: block;
  width: 17px;
  height: 8px;
  background: url('http://grfx.cstv.com/schools/jhop/graphics/btn/jhop-tiny-gt-icon.gif') no-repeat 0 0;
}

#gticon-ev:hover
{ 
  background-position: 0 -8px;
}
#gticon-ev span
{
  position: absolute;
  top: -999em;
}	
#voicon-ev
{
  float:left;
  display: block;
  width: 17px;
  height: 8px;
  background: url('http://grfx.cstv.com/schools/jhop/graphics/btn/jhop-tiny-vid-icon.gif') no-repeat 0 0;
}

#voicon-ev:hover
{ 
  background-position: 0 -8px;
}
#voicon-ev span
{
  position: absolute;
  top: -999em;
}	

/*Men's Hoops Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-m-baskbl td {padding:2px;text-align:center;}
.stats-m-baskbl thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-m-baskbl thead tr th{font-size:10px;}
.stats-m-baskbl tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}

/*Soccer Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-m-soccer td {padding:2px;text-align:center;}
.stats-m-soccer thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-m-soccer thead tr th{font-size:10px;}
.stats-m-soccer tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}

/*Men's Lacrosse Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-m-lacros td {padding:2px;text-align:center;}
.stats-m-lacros thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-m-lacros thead tr th{font-size:10px;}
.stats-m-lacros tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}

/*Women's Lacrosse Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-w-lacros td {padding:2px;text-align:center;}
.stats-w-lacros thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-w-lacros thead tr th{font-size:10px;}
.stats-w-lacros tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}

/*Volleyball Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-w-volley td {padding:2px;text-align:center;}
.stats-w-volley thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-w-volley thead tr th{font-size:10px;}
.stats-w-volley tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}


/*Football Stats*/

.stats-m-footbl-punt {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-punt .puntingcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-punt td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-punt thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-fegs {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-fegs .fieldgoalcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-fegs td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-fegs thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-koff {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-koff .kickingcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-koff td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-koff thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-rush {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-rush .rushingcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-rush td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-rush thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-recv {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-recv .passingcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-recv td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-recv thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-pass {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-pass .passingcategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-pass td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-pass thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

.stats-m-footbl-defn {border:#b5b5b5 thin solid; border-left:0px;}
.stats-m-footbl-defn .defensecategory {padding-left:6px; background-color:#b5b5b5;}
.stats-m-footbl-defn td {padding:4px; width:9%; text-align:center; background-color:#ffffff; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}
.stats-m-footbl-defn thead th { color:#000; font-weight:700; text-transform:uppercase; text-align:center; padding:4px; background: #5692C5; border:#b5b5b5 1px solid; border-right:0px; border-bottom:0px;}

/*Baseball Stats*/
.statsTotal td {background: #dedede; font-weight: 700; padding:2px;text-align:center; }
.stats-m-basebl td {padding:2px;text-align:center;}
.stats-m-basebl thead {background: #5692C5; color:#000; font-weight:700; text-align:center; text-transform:uppercase;}
.stats-m-basebl thead tr th{font-size:10px;}
.stats-m-basebl tbody tr:hover {background: #EAEAEA;}
.statscategory {text-align:center;}