/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Kristin V. Hart
 	CSS Document: ucla-10-display.css
	Last Updated: 11-3-11 Andy Devendorf
	
 ---------------------------------------------------------------------------- 
*/

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

body#index { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-index.jpg") no-repeat;
	background-position:top center;
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0; 
	}
	
body#nonsport-page { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-non-sport.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}	
	
body#m-footbl { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-footbl.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-basebl { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-basebl.jpg")  no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-baskbl { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-baskbl.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
	body#olympics{ 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-olympics.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#c-xc { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-c-xc.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-xc { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-xc.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-xc { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-xc.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}		

body#m-golf { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-golf.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-soccer { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-soccer.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-tennis { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-tennis.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-track { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-track.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-volley { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-volley.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#m-wpolo { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-m-wpolo.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-baskbl { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-baskbl.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-golf { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-golf.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-gym { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-gym.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-rowing { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-rowing.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}	

body#w-soccer { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-soccer.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-softbl { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-softbl.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-swim { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-swim.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}

body#w-tennis { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-tennis.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-track { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-track.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-volley { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-volley.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}
	
body#w-wpolo { 
	background: #021b2e url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-w-wpolo.jpg") no-repeat;
	background-position: center top;
	/*background-attachment: fixed;*/
	color: #222;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0 
	}			
								
	
body#topStories {
	position:relative;
	width:678px;
	height:544px;	
	}		

body#topStories,	
body#sec-headlines,
body#rankings,
body#calendar,
body#essentials,
body#blog-feed { 
	background-color: #f6c417;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	margin:0; 
	padding:0;
	}	
	
td {
	font: 12px Verdana, Arial, 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; 
	height: 0.01em; 
	overflow: hidden;
    display:none;
	}

#revLayeredAd .revClickText  {
	color:#fff;
	}

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

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

.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 { 
	width:1000px;
	margin:0 auto;
	height:1%;
	overflow:hidden;
	background:no-repeat top center;
	}
	
#mast {
	width:1000px;
	height:153px;
	}
	
#column-wrap {
	width:1000px;
	height:1%;
	overflow:hidden;
	}
	
#column1-left {
	width:678px;
	margin-right:10px;
	float:left;
	}
	
#column2-right {
	width:312px;
	float:left;
	}	

#sport-hdr,
#nonsport-hdr {
	width:1000px;
	height:56px;
	}
	
#sport-hdr ul,
#nonsport-hdr ul {
	margin:0;padding:0;
	padding-left:10px;
	padding-top:8px;
	}

#sport-hdr li,
#nonsport-hdr li {
	display:inline;
	color:#fff;
	padding:0px 4px;
	}

#sport-hdr li a,
#nonsport-hdr li a {
	color:#fff;
	text-decoration:none;
	}

#sport-hdr li a:hover,
#nonsport-hdr li a:hover {
	color:#fff;
	text-decoration:underline;
	}
	
#nonsport-hdr img {
	display:block;
	float:right;
	}	
		
/* columns
 * ---------------------------------------------------------------------------- */

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

#column-1, #column-2 {
	padding:0; margin:0; 
	vertical-align:top;
	}
	
#story-container {
	width:629px;
	min-height:1182px;
	max-height:100%;
	border:5px solid #f6c417;
	padding:10px 20px 0px 20px;
	height: 1%;
	overflow:auto;
	}	

#column-1 {
	width:678px;
	background:#fff;
	}

#column-2 {
	width:312px;
	padding-left:9px;
	}	

	/* navigation: #nav
	 * ------------------------------------------------------------------------- */

	#nav, #nav * { border-collapse: collapse; margin: 0; padding: 0; font-size:10px; }

	#nav {
		background: transparent url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") no-repeat;
		height: 28px;
		position: relative;
		width: 1000px;
		z-index: 99;
		margin:0 auto;
		margin-bottom:25px;
		}

	#nav span { display:none; }

	#nav li, #nav a {
		font-size: .95em;  
		height: 28px;
		display: block;
		}

	#nav li { float: left;}

	#nav-01 { width:105px; }
	#nav-02 { width:87px; }
	#nav-03 { width:88px; }
	#nav-04 { width:96px; }
	#nav-05 { width:114px; }
	#nav-06 { width:82px; }
	#nav-07 { width:121px; }
	#nav-08 { width:72px; }
	#nav-09 { width:105px; }
	#nav-10 { width:130px; }

	#nav-01 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") 0 -28px }
	#nav-02 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -105px -28px }
	#nav-03 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -192px -28px }
	#nav-04 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -280px -28px }
	#nav-05 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -376px -28px }
	#nav-06 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -490px -28px }
	#nav-07 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -572px -28px }
	#nav-08 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -693px -28px }
	#nav-09 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -765px -28px }
	#nav-10 a:hover { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -870px -28px }

	#nav-01:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") 0 -28px }
	#nav-02:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -105px -28px }
	#nav-03:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -192px -28px }
	#nav-04:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -280px -28px }
	#nav-05:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -376px -28px }
	#nav-06:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -490px -28px }
	#nav-07:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -572px -28px }
	#nav-08:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -693px -28px }
	#nav-09:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -765px -28px }
	#nav-10:hover>a { background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-11-nav.png") -870px -28px }


	/* navigation dropdown: #nav
	 * ------------------------------------------------------------------------- */


	/* dropdown w/background 
	 * ----------------------*/
	#nav ul.panel {
		background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-nav.png") no-repeat;
		position: absolute;
		color: #fff;
		top: 28px;
		left: -9999px;
		width: 1000px;
		height: 205px;
		z-index: 98;
		padding:0px;
		display:block;
		overflow:hidden;
		}

		#nav li li { width:145px; } 

		#nav li li, 
		#nav li li a { height:auto; }

		#nav li:hover ul, 
		#nav a:hover ul { left:auto; }

	/* dropdown w/background
	 * ---------------------------------------------------- */
	#nav li.background:hover ul, 
	#nav .background a:hover ul { left: 0px; padding-top:3px; }

	#nav li li { text-indent: 0; }

	#nav li li a {
		color: #940010;
		display: block;
		padding: 2px;
		text-decoration:none;
		_width: 145px;
		line-height:9px;
		font-weight:bold;
		}

	#nav #content-box1 a {
		color: none;
		display: block;
		text-decoration:none;
		border-bottom:0px;
		padding:0px;
		}	

	#nav .right { text-align: left; margin-left:145px; }	

	#nav li li a:hover { 
		background: none; 
		color: #fff;
		background:#036; 
		}	

	#nav ul li.header { 
		background:none; 
		font-weight:bold;
		text-transform:uppercase;
		color:#f6c417;
		font-weight:bold;
		}


	/* dropdown w/background
	 * ---------------------------------------------------- */

	#nav li.background li a {
		color: #fff;
		display: block;
		padding: 2px;
		text-decoration:none;
		_width: 145px;
		}

	#nav li.background li a:hover {
		color: #fff; 
		background:#036;
		}

	#nav li.background li #content-box1 a:hover {
		color: none; 
		background:none;
		}	

	/* normal dropdown
	 * ----------------------*/
	#nav ul.generic {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_top:28px;
		top:28px;
		position:absolute;
		z-index:99;
		width:145px;
		margin-top:6px;
		margin-left:50px;
		margin-right:10px;
		}

	#nav ul.right2 {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_top:24px;
		top:24px;
		position:absolute;
		z-index:99;
		width:145px;
		margin-left:200px; 
		text-align:left;
		margin-top:11px;
		margin-right:10px;
		}

	#nav ul.right3 {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_top:24px;
		top:24px;
		position:absolute;
		z-index:99;
		width:145px;
		margin-left:350px; 
		text-align:left;
		margin-top:11px;
		margin-right:10px;
		}

	#nav ul.right4 {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_top:24px;
		top:24px;
		position:absolute;
		z-index:99;
		width:145px;
		margin-left:500px; 
		text-align:left;
		margin-top:11px;
		margin-right:10px;
		}

	#nav ul.right5 {
		border:none;
		border-width:0 1px;
		left:-9999px;
		_top:24px;
		top:24px;
		position:absolute;
		z-index:99;
		width:145px;
		margin-left:650px; 
		text-align:left;
		margin-top:21px;
		margin-right:10px;
		}		

	/* dropdown w/background
	 * ---------------------------------------------------- */
	#content-box1 {
		width: 250px;
		height: 138px;
		position:absolute;
		top:19px;
		left:690px;
		background:#036;
		z-index:99;
		}

	#content-box1 span {
		display:block;
		width:132px;
		float:left;
		}	

	#content-box1 .title {
		font-size:12px;
		color:#c00;
		}

	#content-box1 .body {
		color:#8e8e8c;
		}

	#content-box1 .nav a {
		font-size:10px;
		color:#c00;
		background:none;
		}

	#content-box1 .nav a:hover {
		font-size:10px;
		color:#fff;
		background:none;
		}	

	.nav-text {
		width:30px;
		height:185px;
		position:absolute;
		top:0px;
		left:970px;
		}


/* bsi
 * ---------------------------------------------------------------------------- */

#bsi-tabs {
	width:678px;
	height:544px;
	display:block;
	overflow:hidden;
	position:relative;
	}
	
#muscle-milk-ad {
	width:240px;
	height:25px;
	position:absolute;
	top:0;
	right:0;
	}	
	
	
	/* BSI PNG
	 * ---------------------------------------------------------------------------- */
	.photo_gradiant {
		z-index:1;
		width:670px;
		height:442px;
		background:url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bsi-top-fix.png") no-repeat;
		*background:none;
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bsi-top-fix.png', sizingMethod='scale');
		}

	#pngBsi {
		z-index:2;
		width:670px;
		height:442px;	
		}

	#pngWrap {
		display:block;
		z-index:5;
		width:670px;
		height:442px;
		margin-left:4px;
		}

	/* RelativeFrame
	 * ---------------------------------------------------------------------------- */
	#relativeFrame, #relativeFrame *{
		margin:0;
		padding:0;	
		}

	#relativeFrame {
		position: absolute; 
		width:670px;
		z-index: 1;
		top:360px;
		}

	#relativeFrame div {
		width:670px;
		position: absolute; 
		visibility: hidden;
		z-index: 1;
		color:#fff;
		}
		
	#relativeFrame h1 {
		padding:8px 0px 4px 9px;
		}

	#relativeFrame h1 a {
		font-size:18px;
		text-decoration:none;
		font-weight:normal;
		color:#fff;
		}

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

	#relativeFrame .synopsis {
		padding:0px 8px 0px 9px;
		font-size:11px;
		line-height:14px;
		}	

	#relativeFrame div#frm0 { visibility: visible }

	#minis {
		margin:0;
		padding:0;
		width:674px;
	    position:absolute;
	    top:445px;
	    left:4px;
		}

	#mini0, #mini1, #mini2, #mini3, #mini4, #mini5 {
		float:left;
		border:1px solid #000;
		width:105px;
		height:58px;
	    position:relative;
		}
		
	#mini0 img, #mini1 img, #mini2 img, #mini3 img, #mini4 img, #mini5 img {
		display:block;
		}	
		
	#mini1, #mini2, #mini3, #mini4, #mini5 {
		margin-left:5px;
		}	

	#minis a img {
		opacity: .50;
		filter: alpha(opacity=50);
		}

	#minis a:hover img, #minis div.miniOn a img {
		opacity: 1.0;
		filter: alpha(opacity=100);
		}

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

	#minis #controls img{
		border-width:0;
		}

	#controls li {
		float: left; 
		list-style: none; 
		_display: inline; 
		}

	#vid0, #vid1, #vid2, #vid3, #vid4, #vid5 {
		background:url("http://grfx.cstv.com/schools/ucla/graphics/bsi-play.png") no-repeat;
		opacity: 1;
		filter: alpha(opacity=100);
		position:absolute;
		top:12px;
		left:38px;
		width:28px !important;
		height:29px !important;
		z-index:200;
		}

	#bsi-video-wrap { 
		display:none;
		background:#000; 
		width:670px;
		height:442px;
		position:absolute;
		top:0;
		left:4px;
		}

	#bsi-flash-video {
		display:block;
		width:654px;
		height:360px;
		z-index:96;
		position:absolute;
		top:0;
		left:4px;
		background:#000;
		padding-left:12px;
		}
		
	.mini-teaser {
		background:#000000;
		color:#FFFFFF;
		font-size:9px;
		font-weight:bold;
		height:13px;
		left:0px;
		opacity:0.8;
		filter:alpha(opacity=80);
		overflow:hidden;
		padding:2px 1px 1px 3px;
		position:absolute;
		text-align:left;
		top:43px;
		_top:45px;
		*top:43px;
		width:101px;
		_width:101px;
		z-index:1;
		display:block;
		}
		
		
/* banner ads
 * ---------------------------------------------------------------------------- */
#blog-feed div.blog_category { 	
    background:#fff;
	width:669px;
	height:505px;
	margin-left:4px;
	overflow:auto; 
}
#blog-feed ul { list-style: none; margin: 0; padding: 0px 20px 20px 20px; }
#blog-feed h2 { margin: 20px 0 0 0; padding: 0; }
#blog-feed h2 a { font-size: 12px; color:#0061aa; }
#blog-feed a:hover { text-decoration: none; }
#blog-feed p { margin: 0 0 10px 0; padding: 0; font-size:11px; color: #000; }
#blog-feed p.date { margin: 3px 0 3px 0; padding:0; color: #6e6e6e; }


#sec-headlines-wrap, #sec-headlines-wrap * {
	margin:0;padding:0;
	}
		
#sec-headlines-wrap {
	background:#fff;
	width:669px;
	height:505px;
	margin-left:4px;
	overflow:auto;
	}
	
#sec-headlines-wrap p {
	color:#000;
	font-size:11px;
	}
	
#sec-headlines-wrap p.pubdate {
	padding:8px 10px 0px 20px;
	}
	
#sec-headlines-wrap h1 {
	padding-left:20px;
	}	
	
#sec-headlines-wrap h1 a {
	color:#0061aa;
	font-size:12px;
	}
	
#sec-headlines-wrap h1 a:hover {
	color:#0061aa;
	font-size:12px;
	text-decoration:none;
	}		
	
#sec-headlines-wrap p.synopsis {
	padding:0px 10px 10px 20px;
	}	
	
#rankings-wrap .scroll,
#essentials-wrap .scroll {
	background:#fff;
	width:669px;
	height:505px;
	margin-left:4px;
	overflow:auto;
	}
	
#rankings-wrap .scroll table {
	width:650px;
	margin:0 auto;
	}
	
#rankings-wrap .scroll span {
	width:650px;
	margin:0 auto;
	display:block;
	padding:12px;
	font-weight:bold;
	}					
	
#slider {
	width:1000px;
	height:250px;
	padding-top:8px;
	}
	
#essentials-wrap .scroll h3 {
	font-size:14px;
	display:block;
	font-weight:bold;
	padding-left:14px;
	margin:0;padding:0;
	padding:12px 0px 8px 20px;
	}
	
#essentials-wrap .scroll ul {
	color:#0061aa;
	margin:0;
	padding:5px 0px 5px 38px;
	}
	
#essentials-wrap .scroll li a {
	color:#0061aa;
	text-decoration:none;
	}
	
#essentials-wrap .scroll li a:hover {
	color:#0061aa;
	text-decoration:underline;
	}
	
#essentials-wrap li {
	
	}	

#tablecontent td{
color: #222;
font-size: 10px;
}					
	
/* banner ads
 * ---------------------------------------------------------------------------- */
#banner-wrap {
	width:1000px;
	height:90px;
	padding-top:10px;
	}

#holder-banner {
    border: solid 2px #fecd11;
   	width:728px;
   	height:90px;
   	background:#fff;
   	float:left;
   	}
   	
#banner-promo {
    padding-left: 27px;
    padding-top: 2px;
  	width:229px;
  	height:92px;
  	float:left;
  	background: #ccc url('http://grfx.cstv.com/schools/ucla/graphics/ucla-11-bg-auction.png') no-repeat;
  	margin-left: 11px;
	}
	
#holder-story {
	width:300px;
	height:250px;
	}

#below-bsi {
	width:678px;	
	height:250px;
	margin:9px 0px 12px 0px;
	}
	
#below-bsi img {
	display:block;
	float:left;
	}
	
#below-bsi .below-bsi-2 {
	margin:0px 11px 0px 12px;
	}
	
#below-bsi .below-bsi-3 {
	margin:7px 0px 0px 0px;
	}
	
#below-bsi .below-bsi-4 {
	margin:7px 0px 0px 10px;
	}			
	
#store-portal {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-bg-store.png") no-repeat;
	width:218px;
	height:125px;
	float:left;
	}
	
#store-portal-story {
	background: #0060A8;
	width:306px;
	height:123px;
	padding:6px 0px 0px 6px;
	margin-bottom:7px;
	}
	
#store-portal-story-inside {
	width:300px;
	height:117px;
	background:#fff;
	}				


/* Calendar
 * ---------------------------------------------------------------------------- */

#calendar {
	width:678px;
	height:216px;
	}
	
#calendar .scroll {
	background:#fff;
	width:668px;
	height:195px;
	margin-left:4px;
	overflow:auto;
	}
	
	#calendar .hdr-image {
		padding-left:4px;
		display:block;
		}
	
	/* CALENDAR
	 * ---------------------------------------------------------------------------- */
	.calendar, .calendar * { 
		border-collapse: collapse; 
		margin:0px; 
		padding:0px;
		font-size:10px;  
		}

	.calendar { width: 96%; _width:92%;margin-left:4px; }

	.calendar td { padding: 2px }

	.calendar td a:link { color:#0061aa; text-decoration:none; }
	.calendar td a:visited { color:#5b5b5b; text-decoration:none; }
	.calendar td a:hover { color:#5b5b5b; text-decoration:underline; }


	.calendar tr.calendar-date td {
		background-color:#e5e5e5; 
		color:#5b5b5b; 
		font-weight:bold;
		padding-top:2px;
		font-size:10px;
		}

	.calendar tr.calendar-headers td { 
		background-color:#EDEDED; 
		color:#9B9B9B;
		text-transform:uppercase;
		border-top:1px solid #DDDDDD;
		}

	.calendar tr.calendar-body td { 
		border-bottom:1px #ddd solid;
		padding:3px;
		}	
		
		
/* bruin TV header and video player
 * ---------------------------------------------------------------------------- */

h2#bruinTv-hdr {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-10-hdr-bruins-tv.gif") no-repeat;
	width:312px;
	height:31px;
	margin:0;padding:0;
	position:relative;
	}

h2#bruinTv-hdr img {
	width:156px;
	height:27px;
	position:absolute;
	top:0;
	right:0px;
	}
	
h2 span {display:none;}	


#video-player {
	width:312px;
	height:252px;
	background:#f6c417;
	}
	
#tv-sponsor	{
	width:304px;
	height:12px;
	background:#012038;
	margin-left:4px;
	}
	
#tv-sponsor a {
	font-size:11px;
	text-decoration:none;
	color:#fff;
	font-style:italic;
	}
	
#video-inside a:hover {
	text-decoration:underline;
	}			
	
#video-inside {
	width:304px;
	background:#012038;
	margin-left:4px;
	}	
	
#holder-storyOne,
#holder-storyTwo {
	background:#014f8b;
	width:300px;
	height:250px;
	padding:0px 6px;
	margin:9px 0px 9px 0px;
	}	

#printer-footer {
	width:100%;
	float:left;
	padding-top:50px;
	}	

/* footer
 * ---------------------------------------------------------------------------- */
#dis-wrap {
	position: relative;
	left:420px;
	top:15px;
	z-index:100;
	width: 250px;
}

#footer-disclaimer
{
	position:relative;
	margin:0 auto;
	width:1000px;
	height:200px;
}

#disclaimer-wrap
{
	position:absolute; 
	width:1000px;
	z-index:1;
}

#sponsor-disclaimer
{
	position:absolute;
	left:520px;
	top:25px;
	z-index:100;
}
#pac10 {
		width: 62px;
		height: 71px;
		position: absolute;
		top: 10px;
		left: 480px;
}
	
#footer {
	color: #222;
	padding: 0px 20px;
	text-align: center
	}
	
	#footer a:link, #footer a:visited { color: #444 }
	#footer a:hover, #footer a:active { color: #666 }


/* bio-stats
 * ---------------------------------------------------------------------------- */
.statsTotal td { background: #cdcdcd; font-weight: 700; }
.stats-m-soccer td {padding:4px;}
.stats-m-soccer thead { background: #4914e7; color:#fff; font-weight:700; text-transform:uppercase; text-align:left;}


