/* 
 ----------------------------------------------------------------------------
	Company: CSTV Networks, Inc.
	Author: Justin Sepulveda
 	CSS Document: display.css
 ---------------------------------------------------------------------------- 
*/


/* colors
 ----------------------------------------------------------------------------
	text: #000
	link: #000
 	link.hover: #ffc423
 ----------------------------------------------------------------------------
*/


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

body { 
	background: #036 url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-bg-body.gif") repeat-x;
	color: #000;
	font: 11px/16px "Lucida Grande", Helvetica, Arial, sans-serif;
	margin: 0; 
	padding: 113px 0 0 0  
	}

h1,h2,h3,h4,h5,h6 { line-height: normal }

h1 { font-size: 15px }
h2 { font-size: 14px }
h3 { font-size: 13px }

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

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

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

a { outline: none }

#bio-table{
	line-height: normal
}

#revLayeredAd .revClickText  {
color:#ffc423;
}

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


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

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

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

.storycontent { font-size: 12px }

.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	}

/* gallery pages */

.gallerysport {}
.gallerydate {}
.gallerymainlinks {}

.SidebarHeader2 { color:#fff; font-weight: bold;}

/*
#block pre { background: #fff; width: 750px; overflow: auto }
*/

#column-1 table, #column-1 table td { margin: 0; padding: 0; border-collapse: collapse }

#column-1 table { background: transparent; text-align: right; width: 165px !important; }
#column-1 a { color: #fff }
#column-1 a:hover { color: #ccc }


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

#ribbon {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-ribbon.gif") no-repeat 1003px 38px;
	width: 100%
	}
	


#top {
	margin-left: 15px;
	width: 1008px
	}

#logo { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-mast-logo.jpg") no-repeat;
	height: 178px;
	float: left;
	width: 254px
	}
	
#mast-static {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-mast-static.jpg") no-repeat;
	height: 134px;
	float: left;
	width: 405px
	}
	
#mast-random {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-mast-random-1.jpg") no-repeat;
	height: 134px;
	float: left;
	width: 329px		
	}

#wrap { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-bg-wrap.gif") repeat-y;
	clear: both;
	margin-left: 25px;
	width: 983px
	}

body#page-index #hdr {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-hdr-index.gif");
	height: 314px;
	margin-bottom: -275px
	}

	body#page-index #hdr a { display: block; height: 33px; width: 592px;}

#hdr img { float: left;}
	
#hdr {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-bg-hdr.gif") repeat-x;
	height: 39px;
	}
	
#logo-bruin {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-hdr-bruins.gif") no-repeat;
	float: right;
	height: 39px;
	width: 190px;
	}

#bottom { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-wrap.gif") no-repeat;
	clear: both;
	overflow: hidden;
	height: 10px;
	}
	
#sportnav { list-style-type: none; text-align: right; margin-right: 8px }	
#sportnav a { color: #fff }
#sportnav a:hover { color: #ccc }

#store-portal { margin: 10px auto; width: 170px }

.ads-sidebar a {
	display: block;
	text-align: center;
	margin: 5px auto;
	}

.ads-sidebar img {margin-bottom:3px;_margin-bottom:6px;}

#athlete { color: #fff; margin: 10px auto; padding: 0 3px; }
#athlete img { float:left; margin: 0 5px 5px 0; border: 1px solid #fff }

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

#columns {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-bg-columns.jpg") repeat-x;
	clear: both; 
	width: 950px;
	margin-left: 17px;
	padding-bottom: 10px;
	}
	
	#columns:after {
		content: "."; display: block; height: 0; clear: both; visibility: hidden;
		}

#column-1, #column-2, #column-3 { 
	float: left;
	margin-top: 5px 
	}

#column-1 { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-stars.jpg") no-repeat 0 414px;
	min-height: 667px;
	_height: 667px;
	width: 175px 
	}
	
#column-2 { width: 592px }
#column-3 { width: 183px }

body#page-story #column-2 {
	/*background: #fff url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-column-2.gif") repeat-x bottom;	*/
	background: #fff;	
	width: 775px;
	}
	
	body#page-sport #column-2 {
		background: #fff url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-column-2.gif") repeat-x bottom;
	}

#block { 
	clear: both;
	padding: 10px 
	}

#top-columns-2 {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-bg-headlines-index.gif") repeat-y;
	}
	
body#page-sport #top-column-2 {
	background-color: #fff;
	}


/* headlines
 * ---------------------------------------------------------------------------- */

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

#headlines { 
	clear: both; 
	color: #003d64; 
	margin: auto;
	padding-bottom: 10px;
	_padding-bottom: 0;
	width: 573px 
	}

#headlines a:link, #headlines a:visited { color: #003d64 }
#headlines a:hover, #headlines a:active { color: #000 }

/* Required for script */
#stories .photo { display: none }
#stories h2, #stories p, #stories ul, #stories li { visibility: hidden }

body#page-sport #stories .photo { display: block }
body#page-sport #stories h2, body#page-sport #stories p, body#page-sport #stories ul, body#page-sport #stories li { visibility: visible }
/* !Required for script */


#btm-headlines {
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-headlines-index.gif");
	height: 17px
	}

body#page-sport #btm-headlines { 
	background: transparent;
	height: 0;
	}


/* stories
 * ---------------------------------------------------------------------------- */

#stories h2, #stories-more h2 { font-size: 12px; }

#stories h2, #stories p, #stories-more h2 { margin-bottom: 8px; }

#stories p.date { margin-bottom: 0 }

#headlines #stories .photo { margin-bottom: 8px; border: 1px solid #000; }

body#page-sport #headlines .photo { float: left; margin: 0 6px 4px 0 }


/* nav & controls headlines
 * ---------------------------------------------------------------------------- */

#nav-headlines, #controls-headlines { float: left; width: 120px; _display: inline }

#nav-headlines { margin-left: 150px }

#nav-headlines li, #controls-headlines li { float: left; list-style-type: none; margin-right: 10px; _display: inline; }

#nav-headlines a, #controls-headlines a { text-decoration: none }

#nav-headlines a { 
	background-color: #003d68; 
	display: block; 
	width: 7px; 
	height: 0; 
	padding-top: 6px; 
	overflow: hidden;
	}

#nav-headlines li.selected a { background-color: #CBA633 }

#headlines #stories-more { margin-top: 20px }

#headlines #stories-more .photo { border: 1px solid #000 }

#headlines #stories-more .panel { float: left; margin-right: 20px; width: 260px }


/* secondary headlines & features
 * ---------------------------------------------------------------------------- */

#secondary-headlines, #secondary-headlines *,
#features, #features * { margin: 0; padding: 0 }

#secondary-headlines p, #features p { margin-bottom: 16px }
#secondary-headlines p.date, #features p.date { margin-bottom: 0 }
#secondary-headlines h3 a, #features h3 { margin-bottom: 0 }


/* calendar
 * ---------------------------------------------------------------------------- */

.calendar, .calendar * { 
	border-collapse: collapse; 
	font-size:11px;
	margin: 0; 
	padding: 2px  
	}
	
.calendar { width: 100%; _width: 96%; }

.calendar td { padding: 4px 4px }

.calendar tr.calendar-date td { 
	background-color: #222; 
	color: #fff;
	font-weight: bold
	}
	
.calendar tr.calendar-headers td { background-color: #8EB5C6; font-weight: bold;  }


/* search
 * ---------------------------------------------------------------------------- */

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

#holder-banner { position: absolute !important; top: 10px; left: 5px; width:728px; }
#holder-skyscraper { position: absolute !important; top: 286px; left: 1020px; width:160px; }
#search { position: absolute; top: 50px; left: 750px;}
	
	#search form { color: #fff }
	
	#search input { 
		border:1px solid #fff;
		vertical-align: middle;
		width: 130px 
		}
		
		#search input.radio { 
			border: none;
			height: 10px;
			width: 10px
			}
			
		#search input.submit { 
			border: 0; 
			cursor: pointer;
			width: 60px
			}
			

/* lead-headlines-block & relativeFrame & transparency & secondary lead headlines
 * ---------------------------------------------------------------------------- */
#lead-headlines-block{
	margin:0px;
	padding:0px;
	font-size:11px;
	height: 520px;
	position: relative;
	}

#relativeFrame {
	position: relative; 
	z-index: 1;
	height:120px;
	width:414px;
	padding-top:10px;
	}

#relativeFrame h1 {padding-left:10px;padding-right:5px;}

#relativeFrame h1 a{
	font-size:14px;
	font-weight:bold;
	text-decoration:underline;;
	color:#004067;
	}

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

#relativeFrame div#frm0 { visibility: visible; }

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

#relativeFrame p{
	color:#004067;font-size:12px;
	padding-left:10px;padding-right:10px;
	}

#relativeFrame .date {
	font-size:12px;
	margin-top:5px;
	padding-left:10px;
	}



/* lead-headlines
 * ---------------------------------------------------------------------------- */	

.lead-headlines, .lead-headlines * { margin: 0; padding: 0 }

.lead-headlines div { 
	color: #fff;
	width: 580px;
	}

.lead-headlines h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 8px 
	}

.lead-headlines p.date {
	font-size: .95em;
	font-weight: bold;
	margin: 0
	}

/* lead-headlines-block & relativeFrame & transparency & secondary lead headlines
 * ---------------------------------------------------------------------------- */
#lead-headlines-block{
	margin:0px;
	padding:0px;
	font-size:11px;
	height: 530px;
	position: relative;
	}

#relativeFrame {
	position: relative; 
	z-index: 1;
	height:120px;
	width:414px;
	padding-top:10px;
	}

#relativeFrame h1 {
	padding-left:12px;
	padding-right:5px;
	}

#relativeFrame h1 a{
	text-decoration:none;
	font-size:14px;
	color:#004067;
	}

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

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

#relativeFrame div#frm0 { visibility: visible; }

#relativeFrame p{
	color:#004067;
	font-size:12px;
	padding-left:12px;
	padding-right:10px;
	}

#relativeFrame .date {
	font-size:12px;
	margin-top:5px;
	padding-left:10px;
	}


#relativeFrame .more {
	font-size:12px;
	margin-top:5px;
	color:#004067;
	}

#relativeFrame .more:hover {
	font-size:12px;
	margin-top:5px;
	color:#000;
	}



/* lead-headlines
 * ---------------------------------------------------------------------------- */	

.lead-headlines, .lead-headlines * { margin: 0; padding: 0 }

.lead-headlines div { 
	color: #fff;
	width: 580px;
	}

.lead-headlines h2 {
	font-size: 1.2em;
	line-height: 1.2em;
	margin-bottom: 8px 
	}

.lead-headlines p.date {
	font-size: .95em;
	font-weight: bold;
	margin: 0;
	color:#004067;
	}

#lead-photo {padding-left:11px;}

/* minis
 * ------------------------------------------------------------------------- */	

#minis{
	margin:0;
	padding:0;
	padding-left:15px;_padding-left:12px;
	padding-top:4px;
	}

#minis div {
	float:left;
	width:115px;
	height:65px;
	margin-left:20px;_margin-left:12px;
	}

#minis a img {
	opacity: .50;
	filter: alpha(opacity=50);
	border:3px solid #000;
	}

#minis div.miniOn a img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	width:115px;
	height:65px;
	}

#minis div.miniOn {
	opacity: 1.0;
	filter: alpha(opacity=100);
	width:115px;
	height:65px;
	}

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

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

#lead-photo {padding-left:11px;}



/* controls
 * ------------------------------------------------------------------------- */	

#controls {
	padding-top:5px;
	padding-left:215px;
	}

#controls div {
	float:left;
	color:#004067;
	}

#controls a {
	color:#004067;
	text-decoration:none;
	}

#controls #control-prev, #controls #control-next {}

#controls #play-pause {
	background:#004067;
	margin-top:10px;
	width:5px; 
	height:5px;
	margin-left:4px;
	}

#controls #control-prev {
	padding-left:10px;
	padding-right:10px;
	padding-top:4px;
	padding-bottom:4px;
	}

#controls #control-next {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:4px;
	padding-top:4px;
	}	


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

#sidebar, #sidebar * { background-color: transparent !important; margin: 0; padding: 0; text-align:left; }

#sidebar { margin: 0 }

#sidebar h3 { margin-top: 15px }

#sidebar a:link, #sidebar a:visited { color: #fff }
#sidebar a:hover, #sidebar a:active { color: #ddd }


/* 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
 * ---------------------------------------------------------------------------- */

#pre-footer {
	clear: both;
	display: block;
	padding-top: 6px;
	margin: 20px auto 0 auto;
	text-align: center;
	width: 460px
	}
	
	#pre-footer a:link, #pre-footer a:visited { color: #fff }
	#pre-footer a:hover, #pre-footer a:active { color: #ffc423 }


/* footer
 * ---------------------------------------------------------------------------- */
	
#footer {
	clear: both;
	color: #222;
	padding: 20px;
	text-align: center;
	width: 1000px
	}
	
	#footer a:link, #footer a:visited { color: #fff }
	#footer a:hover, #footer a:active { color: #ffc423 }
	
	

/* tabs
 * ---------------------------------------------------------------------------- */

#tabs-1 { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-top-tabs.jpg");
	background-attachment: fixed;
	clear: both;
	margin: 5px auto 0 auto;
	width: 462px;
	}
		
	

		
	body#page-sport #tabs-1 {
		background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-top-tabs.gif") no-repeat 0 32px;
		background-attachment: fixed;
		margin-top: 10px;
		}	
			
#tabs-1 .nav-tabs {
	margin: 0;
	padding: 0;
	height: 32px;
	width: 462px 
	}

#tabs-1 .nav-tabs, #tabs-1 .nav-tabs a { background-image: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-tabs.gif"); }

body#page-sport #tabs-1 .nav-tabs, body#page-sport #tabs-1 .nav-tabs a { background-image: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-tabs-2.gif");}

#tabs-1 .nav-tabs li { 
	margin: 0 4px 0 0;
	padding: 0;
	float: left; 
	list-style-type: none; 
	position: relative
	}

#tabs-1 .nav-tabs a { 
	display: block; 
	height: 0; 
	overflow: hidden;
	padding-top: 32px;
	text-decoration: none;
	width: 106px;
	}

#tabs-1 .nav-tabs li#tab-headlines a { margin-left: 16px }

#tabs-1 .nav-tabs li#tab-headlines a { background-position: -16px 0 }
#tabs-1 .nav-tabs li#tab-calendar a { background-position: -126px 0 }
#tabs-1 .nav-tabs li#tab-results a { background-position: -236px 0 }
#tabs-1 .nav-tabs li#tab-features a { background-position: -346px 0 }

#tabs-1.on-headlines .nav-tabs li#tab-headlines a { background-position: -16px -32px }
#tabs-1.on-calendar .nav-tabs li#tab-calendar a { background-position: -126px -32px }
#tabs-1.on-results .nav-tabs li#tab-results a { background-position: -236px -32px }
#tabs-1.on-features .nav-tabs li#tab-features a { background-position: -346px -32px }

#tabs-1 .nav-tabs li { _display: inline }

#tabs-1 .panel { 
	clear: both;
	overflow: auto;
	padding: 10px 18px;	
	height: 301px;
	width: 421px;
	}
	
body#page-index #tabs-1 .panel {
	height:300px;
	}	
	
#btm-tabs-1 { 
	background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-tabs.gif");
	height: 14px;
	margin: 0 auto 20px auto;
	width: 462px;
	}
	
	body#page-sport #btm-tabs-1 { 
		background: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-btm-tabs-2.gif");
		}


/* navigation: #nav
 * ---------------------------------------------------------------------------- */
	
#nav, #nav * { margin: 0; padding: 0 }
				
#nav {
	float: left;
	height: 44px;
	width: 734px 
	}

#nav, #nav a { background-image: url("http://grfx.cstv.com/schools/ucla/graphics/ucla-07-nav.gif") }

#nav li { 
	float: left;
	list-style-type: none; 
	margin-right: 7px;
	position: relative; 
	z-index: 101 
	}
	
	#nav li#nav-05 { margin-right: 9px }

#nav a { 
	display: block; 
	height: 0;
	overflow: hidden;
	padding-top: 44px;
	text-decoration: none
	}

#nav li#nav-01 { margin-left: 9px }

#nav li#nav-01 a { background-position: -9px 0; width: 88px }
#nav li#nav-02 a { background-position: -104px 0; width: 88px }
#nav li#nav-03 a { background-position: -199px 0; width: 79px }
#nav li#nav-04 a { background-position: -285px 0; width: 137px }
#nav li#nav-05 a { background-position: -429px 0; width: 143px }
#nav li#nav-06 a { background-position: -581px 0; width: 122px }

#nav li#nav-01 a:hover { background-position:   -9px -44px }
#nav li#nav-02 a:hover { background-position: -104px -44px }
#nav li#nav-03 a:hover { background-position: -199px -44px }
#nav li#nav-04 a:hover { background-position: -285px -44px }
#nav li#nav-05 a:hover { background-position: -429px -44px }
#nav li#nav-06 a:hover { background-position: -581px -44px }

#nav li#nav-01:hover>a { background-position:   -9px -44px }
#nav li#nav-02:hover>a { background-position: -104px -44px }
#nav li#nav-03:hover>a { background-position: -199px -44px }
#nav li#nav-04:hover>a { background-position: -285px -44px }
#nav li#nav-05:hover>a { background-position: -429px -44px }
#nav li#nav-06:hover>a { background-position: -581px -44px }


	/* dropdown
	 * ------------------------------------------------------------------------- */

	#nav ul {
		border-width: 0 1px 0 1px;
		left: -9999px;
		position: absolute;
		z-index: 101
		}

	#nav li:hover ul { left: auto }

	#nav li:hover ul li:hover>a { 
		background-color: #007DC3; 
		color: #eee
		}
		
	#nav ul.nav-left, #nav ul.nav-right { float:left }
	#nav ul.nav-right { margin-left: 160px }
	
	#nav li li.nav-header a:link, #nav li li.nav-header a:visited,
	#nav li li.nav-header a:hover, #nav li li.nav-header a:active { background-color: #eee !important; color: #003d64 !important; }

	#nav ul, 
	#nav li li a {
		border-style: solid;
		border-color: #fff 
		}
		
	#nav li li { float: none; margin: 0; }
	
	#nav li li a {
		background-image: none;
		border-width: 0 0 1px 0;
		height: auto;
		margin-left: 0;
		padding: 2px 4px;
		width: 150px !important 
		}

	#nav li li a:link, #nav li li a:visited {
		background-color: #ffc423;
		color: #003d64
		}

	#nav li li a:hover, #nav li li a:active { 
		background-color: #007dc3; 
		color: #fff
		}
		
	/* IE6 Patches */
	#nav table { _border-collapse: collapse }
	#nav li { _display: inline }
	#nav a:hover ul { _left: auto; _top: 44px }
	
	#all-aa-scroll{
				width:173px;
				height:110px;
				background:#003255;
				padding:5px 5px;
				color:#fff;
				overflow:auto;
				height:208px;_height:206px;
				}
			
			#all-aa-scroll a{
			color:#EEB013;
			text-decoration:none;
			}
			
			#all-aa-scroll a:hover{
			text-decoration:underline;
			}
			
			#all-aa-scroll li{
			padding-bottom:8px;
			}
			
			#all-aa-scroll ul{
			margin:0;
			padding:0;
			list-style-type:none;
			}
			
			#all-aa-scroll2{
						width:173px;
						height:110px;
						background:#003255;
						padding:5px 5px;
						color:#fff;
						overflow:auto;
						height:490px;_height:488px;
						}

					#all-aa-scroll2 a{
					color:#EEB013;
					text-decoration:none;
					}

					#all-aa-scroll2 a:hover{
					text-decoration:underline;
					}

					#all-aa-scroll2 li{
					padding-bottom:8px;
					}

					#all-aa-scroll2 ul{
					margin:0;
					padding:0;
					list-style-type:none;
					}