/* ********** Rankings and Primetime pages ********** */
body#rankings .profilePage #mainContent {
	width: 727px;
	margin-left: 10px;
}

body#rankings #topContent #detailViewArea  {
	margin-top: 6px;
}

/* obsolete? */
/*
body#rankings #topContent #detailViewArea #detailView {
	width: 638px;
	margin: 0;
	float: left;
	height: 250px;
	border: solid 1px #0c2b4a;
	position: relative;
	background: url(img/bg/bg_top100Rankings.jpg) no-repeat 0 0;
}
*/

body#rankings #topContent #detailViewArea #featureArea {
	float: left;
	border: solid 1px #0c2b4a;
	width: 638px;
}

#detailView_220 {
	width: 638px;
	height: 220px;
	margin: 0;
	border: none;
	float: left;
	vertical-align: bottom;
	position: relative;
	background: url(img/bg/bg_top100Rankings.jpg) no-repeat 0 0;/* overriden on page */
}

body#rankings #popupLink,
body#rankings #bannerLink,
body#rankings #popupLinkBase,
body#rankings #popupLinkLax {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 120px;
	height: 32px;
	cursor: hand;
	text-indent: -5000em;
	display: block;
	overflow: hidden;
}

body#rankings #popupLink {
	top: 0;
	right: 0;
	width: 80px;
	height: 100px;
}

body#rankings #popupLinkBase {
	top: 128px;
	right: 0;
	width: 103px;
	height: 55px;
}

body#rankings #popupLinkLax {
	top: 128px;
	right: 470px;
	width: 165px;
	height: 50px;
}

body#rankings #topContent #detailViewArea #moviePlayer {
	float: right;
}

#rankings .detailPage #mainContent {
	width: 640px;
	margin-right: 10px;
}

#rankings .section .content.gallery.rankings {
	padding: 0;
	overflow: hidden; /* safari 3 and ie */
}

/* SAFARI 2 Mac */
html[xmlns*=""] body:last-child .section .content.gallery.rankings {
	width: 100%;
}

div.galleryTop {
	height: 2.6em;
	background: url(img/border_horiz_blackGrey.gif) repeat-x 0 100%;
}

#rankings .section .sectionNav {
	top: 6px;
	left: 10px;
}

select#position {
	background: #333;
	color: #fff;
	border: solid 1px #333637;
	margin-bottom: 3px;
}

select#position option {
	background: #333;
}

#rankings .section .sectionInfo {
	top: 6px;
	right: 10px;
}

.content.gallery.rankings ul.thumbGallery {
	margin: 0 0 -5px 0;
}

ul.thumbGallery li.rankingEntry {
	clear: both;			
	background: #0c0c0c;
	margin: 0 0 5px;
	padding: 9px 0 9px 0;
	height: 5.6em;
}

.rankingEntry .rankings {
	float: left;
	font-size: 130%;
	width: 36px;
	text-align: center;
	_overflow: hidden;
}

.rankingEntry .rankings li  {
	font-weight: bold;
	padding: 0 7px 0 3px;
}

.rankingEntry .rankings li.current {
	background: url(img/arrow_currentRanking.gif) no-repeat 100% 50%;
}

.rankingEntry .rankings .previous span {
	background: url(img/border_horiz_blackGrey.gif) no-repeat 50% 0; 
	margin-top: -4px;
	padding-top: 4px;	
	color: #2C2C2C;
	display: block;
}

.episode li.thumb,
.rankingEntry li.thumb {
	float: left;
	width: 82px;
}

.rankingEntry .info  {
	float: left;
	margin-left: 1px;
	border-right: solid 1px #202020;
}

.rankingEntry .info  {
	width: 460px;
}

.rankingEntry .info .metadata {
	float: left;
	width: 66%;
	color: #ABCCDA;
	padding-left: 5px;
}

.rankingEntry .info .metadata a {
	color: #ABCCDA;
}

.rankingEntry .info .metadata a:hover {
	color: #fff;
}

.rankingEntry .info .title,
.rankingEntry .info .title a {
	color: #5dccff;
}

.rankingEntry .info .stats  {
	float: right;
	width: 32%;
	text-align: right;
	position: relative;
	top: 10px;
	_position: static;
	_border-top: none;
}

.rankingEntry .info .stats li  {
	float: right;
	margin-right: 5px;
}

.rankingEntry .stats li {
	white-space: nowrap;
}
	
.rankingEntry .stats strong {
	padding: 4px 3px 3px;
	background-color: #242424;
}

.rankingEntry .stats .takkleRanking strong {
	padding: 4px 8px 3px;
	color: #FFC923;
	font-size: 110%;
}

.rankingEntry li.videothumb {
	float: right;
	width: 58px;
	height: 52px;
}

.rankingEntry li.videothumb a span,
.rankingEntry li.videothumb span span  {
	display: block;
	width: 58px;
	height: 52px;
	text-indent: -5000em;
	margin-top: 6px;
	overflow: auto;
}

.rankingEntry li.videothumb a span {
	background: url(/static/images/placeholders/video_sm.png) no-repeat 50% 50%;
}

.rankingEntry li.videothumb span span {
	background: url(/static/images/placeholders/videoNone_sm.png) no-repeat 50% 50%;
}

.rankingEntry .info .vote  {
	clear: both;
	font-size: 100%;
	padding-top: 5px;
	padding-left: 5px;
	background: url(img/border_horiz_blackGrey.gif) repeat-x 0 0;
	_height: 1%;
}

.detailViewInfo li.rankingEntry .info .metadata   {
	float: none;
	width: auto;
}

.detailViewInfo .rankingEntry li.thumb {
	margin-left: 10px;
	_display: inline;
}

.detailViewInfo li.rankingEntry .info {
	width: 360px;
	border: none;
}

#detailViewArea .rankingEntry .info .title {
	font-size: 100%;
}

#detailViewArea .rankingEntry .info .title a {
	color: #5dccff;
}

#detailViewArea .rankingEntry .info .title a:hover {
	color: #fff;
}

ul.vote.actions li {
	float: left;
	vertical-align: bottom;
	display: inline;
	margin-right: 20px;
	position: relative;
	_position: static;
	top: 1px;
	*top: -3px;
	font-size: 110%;
}

ul.vote.actions li a {
	font-size: 90%;
}

ul.vote.actions li a.button.submit,
form#rateAthleteForm p.submit input.button {
	width: 5.3em;
}


/* ********** Rankings detail page  ********** */
body#rankings .profilePage .section.takkleRating .content {
	padding: 0 4px;
}

body#rankings .profilePage .section.takkleRating dl {
	font-weight: bold;
	color:  #FFC923;
}

body#rankings .profilePage .section.takkleRating dt {
	text-transform: uppercase;
	float: left;
	overflow: auto;
	height: 1%;
	margin: 4px 6px  4px 0;
}

body#rankings .profilePage .section.takkleRating dd {
	float: left;
	overflow: auto;
	height: 1%;
}

body#rankings .profilePage .section.takkleRating dd.rating {
	background: #242424;
	padding: 4px 8px;
}

body#rankings .profilePage .section.takkleRating dd.widget {
	float: right;
	font-weight: normal;
	text-align: right;
	margin: 4px 0  4px 6px;
}

body#rankings .profilePage .section.takkleRating dd.widget a {
	color: #ABCCDA;
}

/* possibly replaced by generic .v2 instead... */
body#rankings .profilePage div.row {
	overflow: auto;
	height: 1%;
}

/* new component ... like a smaller, generic top content detail view component ... */
body#rankings .profilePage div.row div.column.left {
	width: 415px;
	_display: inline;
	float: left;
}

body#rankings .profilePage #moviePlayer {
	width: 302px;
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
	_display: inline;
}

body#rankings .profilePage #player {
	position: relative;
	margin: 0 1px;
	border: none;
}


/* ********** current/previous rankings ********** */
.detailViewInfo ul.thumbGallery li.rankingEntry {
	padding: 3px 0;
	height: 5.5em;
}

body#rankings .profilePage .section.rankings ul  {
	overflow: auto;
	height: 1%;
}

body#rankings .profilePage .section.rankings li {
	font-size: 130%;
	color: #ABCCDA;
	font-weight: bold;
	float: left;
}

body#rankings .profilePage .section.rankings li.previous {
	float: right;
	color: #2C2C2C;
}


/* ********** browse/scroller ********** */

.section.scroller .content {
	padding: 5px 0;
}

.section.scroller ul.scroller {
	border: none;
	margin: 0 auto;
	width: 276px;
}

.section.scroller ul.scroller li span.none {
	height: 17px;
}

.section.scroller ul.scroller li a,
.section.scroller ul.scroller li span.none  {
	background-position: 50% 50%;
	width: 66px;
	_width: 64px;
	overflow: hidden;
}

.section.scroller ul.scroller li {
	border: solid 1px #2a2a2a;
}

.section.scroller ul.scroller li.previousRank,
.section.scroller ul.scroller li.nextRank {
	border: none;
	color: #ABCCDA;
	font-size: 120%;
	font-weight: bold;
	margin: 0;
} 

.section.scroller ul.scroller li.previousRank span,
.section.scroller ul.scroller li.nextRank span {
	display: block;
	width: 2.5em;
	_width: 2.3em;
} 

/* ********** thermometer form ********** */
#rateAthlete .content {
	_height: 1%;
}

#rateAthlete h3 {
	color: #5dccff;
	width: 100%;
	margin-bottom: 2px;
}

form#rateAthleteForm  {
	*overflow: auto;
	_height: 1%;
}

form#rateAthleteForm:after {  /* keep for safari.... */
   content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden; 
}

form#rateAthleteForm fieldset {
	float: left;
	width: 310px;
	margin-right: 10px;
	border-right: solid 1px #2B2B2B;
	_overflow: auto;
	_height: 1%;
}

form#rateAthleteForm li {
	clear: both;
	height: 1.2em;
	margin-top: 4px;
	margin-bottom: 12px;
}

form#rateAthleteForm li label {
	float: left;
	color: #ABCCDA;
	font-weight: bold;
	font-size: 110%;
}

form#rateAthleteForm li input.radio {
	float: left;
	margin: 0 4px 0;
	*margin-top: -3px;
}

form#rateAthleteForm p.submit {
	float: left;
	text-align: center;
	width: 72px;
}

form#rateAthleteForm p.submit input {
	margin: 10px 0 20px;
}

form#rateAthleteForm span.thermometer {
	float: right;
	display: block;
	_display: inline-block;
	width: 180px;
	background: #252525;
	margin-right: 20px;
	margin-top: 6px;
	_border: solid 1px #000; /*  ie6 hack - fix position when value set to 0  */
	_overflow: auto;
	_height: 1%;
}

form#rateAthleteForm span.mercury {
	display: block;
	background: url(img/bg/bg_thermometer.jpg) no-repeat 0 0;
	position: relative;
	height: 6px;
}

form#rateAthleteForm span.reading {
	position: absolute;
	right: 0;
	right: -1.4em;
	top: -1.2em;	
	color: #FFC923;
}

#rateAthlete p.instructions {
	clear: both;
	color:#fff;
	font-style: italic; 
}

/* note: similar to "#detailViewArea .rightColumn" in video detail page - combine ? */
body#rankings .profilePage div.row div.column.right {
	width: 302px;
	float: left;
	margin-left: 10px;
	text-align: left;
	_display: inline;
}

/* **** stats tables separated  by year *** */
body#rankings .section .content.statistics {
	padding: 0;
}

body#rankings .section .content.statistics div.header  {
	padding: 5px 10px;
	overflow: auto;
	height: 1%;
}

.section .content.statistics div.header h4 {
	font-size: 130%;
	margin: 0;
	cursor: pointer;
	cursor: hand;
}

.section .content.statistics div.header h4:hover {
	color:  #ABCCDA;
}

.section .content.statistics div.header h4 span {
	font-weight: normal;
	font-size: 85%;
}

.content.statistics .gamesTable.stats caption {
	font-size: 110%;
	text-align: left;
	font-weight: bold;
	background: #000;
	padding: 6px 10px;
}

.content.statistics .gamesTable.stats {
	border-bottom: solid 1px #2F2F2F;
}

/*  HJG Moved from main style.css 07.16.08 */

.gamesTable th.header {
	border-bottom: solid 1px #2F2F2F;
	background: #000;
	padding: 0;
	margin: 0;
}

.gamesTable th.header p {
	margin: 0 0 1px 0;
	background: #202020;
	padding: 4px 10px 4px 5px;
	color: #5dccff;
}

.gamesTable .date {
	width: 200px;
}

.gamesTable .location {
	width: 240px;
}

.gamesTable .results {
	text-align: right;
	width: 100px;
}

.gamesTable.stats {
	border-top: solid 1px #2F2F2F;
}

.gamesTable.stats td,
.gamesTable.stats th {
	white-space: nowrap;
	border-right: solid 1px #2F2F2F;
}

.gamesTable.stats td.last,
.gamesTable.stats th.last  {
	width: 50%;
	border: none;
}

.gamesTable.stats td {
	color: #fff;
}

.gamesTable.stats thead th {
	text-align: center;
	color: #fff;
	background: #000;
}

.gamesTable.stats .school {
	border-bottom: solid 1px #2F2F2F;
}

/* END move */

/* ie6 fix when fonts resized large */
.section.statisticsArea  {
	_overflow: auto;
	_overflow-y: hidden;
	_width: 725px;
}

.content.statistics .gamesTable.stats th,
.content.statistics .gamesTable.stats td {
	padding: 3px 6px 2px 6px;
	text-align: center;
}

.content.statistics .gamesTable.stats thead th {
	color: #ABCCDA;
	background: #202020;
}

.content.statistics .gamesTable.stats .tooltip {
	cursor: help;
}

.gamesTable tr {
	background: #0c0c0c;
}


/* ********** college interest ********** */
.interests li {
	height: 1.6em;
	background: #0C0C0C;
	padding: 2px 10px;
}

.interests li.alt {
	background: #151515;
}


/* ********** more highlighs - video thumb list ********** */
ul.thumbGallery.thumbList  {
	overflow-y: auto;
	height: 19em;
	*overflow-x: hidden;
	_width: 412px;
}

ul.thumbGallery.thumbList li.item {
	padding: 5px;
	*width: 98%;
	*padding-right: 3px;
}

ul.thumbGallery.thumbList li.item.alt{
	background: #151515;
}

ul.thumbGallery.thumbList li.item.none {
	height: 60px;
}

ul.thumbGallery.thumbList li.item:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

ul.thumbGallery.thumbList li.item li.thumb {
	float: left;
	width: 60px;
}

ul.thumbGallery.thumbList li.item li.metadata {
	float: left;
	margin-left: 10px;
}

ul.thumbGallery.thumbList li.item li.title {
	color: #5dccff;
}

ul.thumbGallery.thumbList li.item.current li.metadata strong {
	 color: #FFC923; 
}

ul.thumbGallery.thumbList li.item li.info {
	color: #ABCCDA;
	margin-bottom: 0;
}



/* ********** PrimetimePage ********** */
#primetime .detailViewInfo ul.thumbGallery {
	margin: 0 0 -5px 0;
}

#primetimePage .detailViewInfo ul.thumbGallery li.rankingEntry {
	height: 5.8em;
	*padding: 3px 0 2px;
	margin-bottom: 2px; 
	*margin-bottom: 0;
}

#primetimePage .section.segments {
	border: none;
	margin: 0; /* for ie6 */
}

#primetimePage dl.episode,
#primetimePage dl.segment {
	 border-top: solid 1px #0c2b4a;
}

#primetimePage .section.segments div.header {
	padding: 5px 10px 4px;
	*height: auto;
	border: none;
}

#primetimePage .section.segments div.header h3 {
	_margin-bottom: 4px;
}

#primetimePage .section.episodes div.header {
	padding: 5px 5px 4px;
}

#primetimePage .segments .date {
	color: #ABCCDA;
}

#primetimePage dl.episode dt,
#primetimePage dl.segment dt {
	padding: 4px 10px 4px 22px;
	font-size: 125%;
	color: #5dccff;
	font-weight: bold;
	cursor: pointer;
	_cursor: hand;
	background: #0c0c0c url(img/arrow_segments.gif) no-repeat 10px -88px;
	height: 16px;
	overflow: hidden;
}

#primetimePage dl.segment dt {
	_background-position-x: 10px !important;
}

#primetimePage dl.episode dt {
	padding: 4px 10px 4px 18px;
	background-position: 5px -88px;
	_background-position-x: 5px !important;
}

#primetimePage dl.episode.selected dt,
#primetimePage dl.segment.selected dt {
	color: #5dccff;
	border-bottom: solid 1px #2F2F2F;
	background-position: 10px -54px;
}

#primetimePage dl.episode.selected dt {
	background-position: 5px -54px;
}

#primetimePage dl.segment.playingNow dt {
	color: #FFC923;
	background-position: 10px -24px;
}

#primetimePage dl.segment.selected.playingNow dt {
	color: #FFC923;
	background-position: 10px 10px;
}

#primetimePage dl.segment .ranking {
	height: 70px;
	overflow: hidden;
}

/* right blue: background-position: 0 -88px; */
/* down blue: background-position: 0 -54px; */
/* background-position: 0 -24px; */
/* down yellow: background-position: 0 10px; */
#primetimePage dl.episode dd,
#primetimePage dl.segment dd {
	border-top: solid 1px #2F2F2F;
}

#primetimePage dl.segment dd blockquote {
	padding: 3px 10px 0;
	height: 63px;
	overflow: hidden;
}

#primetimePage dl.segment span.play {
	font-size: 120%;
	font-weight: bold;
	color: #ABCCDA;
	text-decoration: underline;
	cursor: pointer;
	_cursor: hand;
}

#primetimePage dl.segment span.playing {
	font-size: 120%;
	font-weight: bold;
	color: #FFC923;
}

span.episodeHead {
	display: block;
}

.episode span.date {
	font-size: 80%;
	font-weight: normal;
	color: #ABCCDA;
	position: absolute;
	right: 5px;	
	text-align: right;
}

.episodeTitle {
	float: left;
	display: block;
}

.episode .thumbGallery {
	clear: both;
}

.episode .thumbGallery:after li {/* DA 01/08/2008 - ie 6 fix */
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

.episode .thumbGallery li.item {
	clear: both;
	overflow: auto;
	padding: 2px 5px;
	height: 66px;
}

.episode .thumbGallery li.item.alt {
	background: #0c0c0c;
}

.episode .thumbGallery li.info {
	float: left;
	margin-left: 1px;
	padding-left: 5px;
	width: 190px;
	font-size: 90%;
}

.episode .thumbGallery li a {
	color:  #ABCCDA;
}

.episode .thumbGallery li.title a {
	color: #5dccff
}

.episode .thumbGallery li.title a:hover {
	color: #fff;
}

/* DA 01/08/2008 - ie 6 fixes */
#primetimePage dl.episode:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden; 
}

#primetimePage dl.episode ul.thumbGallery li.item {
	overflow: hidden;
}

#primetimePage dl.episode li.title {
	_width: 200px;
}