/******************************************************************************
Filename:	screen.css
Project:	Sports Video Highlights
Purpose:	Main CSS File
Date		Developer	Description
04/20/2007	jmk			Version 1.0
******************************************************************************/

/************ BEGIN:  SITE-WIDE STYLES ************/
body{font-family:Verdana, Helvetica, Arial, _san; margin:0; background:#14382B;}
body, th, td{font-family:Verdana, Helvetica, Arial, _san; color:#000000; font-size:11px;}
a{text-decoration:none; color:#D46630;}
img{border:none;}
.clear{clear:both;}
#screenreaderNav{position:absolute; left:0; top:0; z-index:-1;}
.screenreaderNavAnchor{display:none;}
#bodyContainer{width:928px; height:790px; margin:0; padding-top:188px; background:url("/images/bodyContainer_bg.gif") repeat-y; voice-family:"\"}\""; voice-family:inherit; margin:0 auto 0 auto;}
html > body #bodyContainer{height:auto; min-height:790px;}
h3{margin:20px 0 20px 0; padding:5px; font-size:13px; text-align:center; background:#E1E1E1; color:#14382B;}
ol li{margin-bottom:10px; text-align:justify;}
ol li ol li{margin-left:-20px;}
hr{background:#ffffff; color:#999999;}
.centerText{text-align:center;}
.largeGreenFont{font-size:14px; color:#21553F;}
.underlineText{text-decoration:underline;}


/************ BEGIN: TOPNAV CONTAINER ************/
#topNavContainer{background:url("/images/topNav/topNav_bkgd.gif") repeat-x; width:760px; position:absolute; top:148px; padding:3px 0 3px 0;}

#topNav{width:100%; height:28px; text-align:center; padding:0; margin:0; vertical-align:middle;}
#topNav {font-weight:bold; text-align:center; padding:auto;}
#topNav td{width:5px; padding:0; margin:0;}
#topNav .topNavLink{width:auto;}
#topNav .topNavLinkSelected{background:#000000; width:auto;}
#topNav .topNavLink a{color:#FFFFFF;}
#topNav .topNavLink a:hover{color:#F9BD38;}
#topNav .topNavLinkSelected a{color:#F9BD38;}
/************ END:  TOPNAV CONTAINER ************/



/************ BEGIN: RIGHTNAV CONTAINER ************/
/* search */
#searchContainer{background: #14382B; float:right; width:233px; height:90px; padding:1px; }
html > body #searchContainer{ height:88px;}
#videoSearchContainer{background:url("/images/search/tab_bg.gif") 0px 24px no-repeat; width:233px; height:65px;}
#videoSearch{background:url("/images/search/videoSearchBg.gif") 11px 5px no-repeat; height:28px; padding:0 0 0 19px;}
#videoSearchField{background: transparent; float:left; width:132px; border:none; margin:10px 0 0 0; /*font-family:Courier New, Courier, monospace;*/ color:#FFFFFF; font-size:10px; font-weight:bold; line-height:10px; vertical-align:middle;}
#videoSearchBtn{margin:6px 12px 0 0; float:right;}

/* search filters */
#categories {margin:10px 0 0 18px; padding:0 0 25px 0; font-weight:bold;}
#categories label{ display:block; width:200px; margin:0px auto 5px 0;}
#categories select{ display:block; width:200px; margin:0px auto 10px 0;}
#categories #videoFilterButton{float:right; margin:0 15px 0 0;}



/* home right nav */
#rightNav{float:right; width:235px; margin:0 0 0 0; padding-bottom:2px;}
#rightNav .commitments{float:right; width:235px; padding-bottom:1px; background:#C9BE9D; clear:both;}
html > body #rightNav .commitments{width:235px;}
#rightNav .commitments .item{margin:2px; padding:3px 12px 3px 20px; background:#EFEBE0; clear:both;}
#rightNav .commitments .item a{color:#000000; text-decoration:none;}
#rightNav .commitments .item img.photo{float:left; margin:3px 12px 0 0;}
#rightNav .commitments .item .name{font-size:13px;}
#rightNav .commitments .item .info{font-size:11px;}
#rightNav .activity{width:100%; clear:both;}
#rightNav .activity .video{border:1px solid #f3efe6; padding:18px 3px 0 15px; clear:both;} /* border for FF issues */
#rightNav .activity .video a{color:#000000; text-decoration:none;}
#rightNav .activity .video .thumbnail{float:left; margin:0 8px 0 0; padding:5px; background:#FFFFFF;}
#rightNav .activity .video .title{margin-top:3px; font-size:11px; font-weight:bold;}
#rightNav .activity .video .info{font-size:11px;}

#rightNav #quicklinksContainer{background:#EDE6D6; margin:0 0 0 0;}
#rightNav #quicklinks{padding:10px 10px 10px 10px;}
#rightNav #quicklinks ul{ list-style: none; margin-left: 0; padding-left: 1em; text-indent: 1em; font-weight:bold;}
#rightNav #quicklinks li:before { content: "\00BB \0020";}
#rightNav #quicklinks a{display:block; color:#092118; padding:.5em 20px .5em 10px; margin: 0 0 0 0; font-weight:bold; line-height:2em;}
#rightNav #quicklinks a:hover{background:#F3EFE6;}
#rightNav #quicklinks span.orange{color:#D46630;}


/************ END:  RIGHTNAV CONTAINER ************/


/************ END:  SITE-WIDE STYLES ************/

/************ BEGIN:  CONTENT ************/
#contentContainer{width:740px; height:800px; padding:0 10px 0 10px;}
html > body #contentContainer{height:auto; min-height:800px;}

/* content */
#content{padding:100px 10px 20px 10px; line-height:1.6em;}
#content p{margin:0 0 14px 0; padding:0;}
#content a, #content a:visited{text-decoration:none; color:#D46630;}
#content a:hover, #content a:active{text-decoration:underline; color:#DE9241;}

/* greybox popup */
#popup{background:#FFFFFF; padding:20px;}

/* browser error messages */
.browserErrors{margin-bottom:12px; padding:5px 10px 5px 10px; font-size:11px; color:#14382B; text-align:left; line-height:14px; background:#F3EFE6; border:1px solid #999999;}
.browserErrors img{float:left; padding-right:10px;}
.browserErrors noscript{padding-bottom:3px; margin-bottom:5px; border-bottom:1px solid #999999;}

.flashVideo{ background: #F3EFE6 url('/images/videos/videoListingBg.gif') top left no-repeat;}

/* video listing */
#videoListing{margin-left:-20px;}
table#videoListing td{padding:10px 15px 10px 15px; line-height:1.3em; width:130px;}
#videoListing .img{padding:10px; background: #F3EFE6;}
#videoListing .title{clear:both;}
#videoListing .title a{font-size:11px; font-weight:bold; color:#000000; text-decoration:none;}
#videoListing .title a:hover{text-decoration:none;}
#videoListing .category{font-size:10px; font-weight:bold; color:#A53A0F;}
#videoListing .time{}
#videoListing .date{}
#videoListing .owner{}
#videoListing .views{}
#pagingNavTop{position:relative; margin:-35px 0 10px 348px; z-index:1000; width:130px; text-align:right;}
#pagingNavTop a{padding-left:3px; color:#000000;}
#pagingNavBottom{width:100%; margin:15px 0 0 0; text-align:right;}
#pagingNavBottom a{padding-left:3px; color:#000000;}

.pageLink{float:right;font-size:12px; font-weight:bold; margin-top:5px;}

/* video detail */
#videoDetail{}
#videoDetail .title{padding-bottom:4px; font-size:14px; font-weight:bold; background:url("/images/videos/title_bg.gif") repeat-x 0 100%;}
#videoDetail .category{margin-bottom:5px; font-size:11px; font-weight:bold;}
#videoDetail .leftCol{float:left; width:360px;}
#videoDetail .leftCol .player{position:absolute; margin-left:-20px;}
#videoDetail .rightCol{float:right; width:340px; padding-top:10px;}
#videoDetail table.details{width:340px; margin:0 0 12px 0; font-size:10px;}
#videoDetail table.details td{padding:3px; line-height:1.2em;}
#videoDetail table.details td.label{font-weight:normal; text-align:right; text-transform:lowercase;}
#videoDetail table.details td.info{overflow-x:hidden;}
#videoDetail .recruitBio{float:right; margin-top:-2px; text-align:right;}
#videoDetail .recruitBio img{position:relative; top:2px; padding-left:5px;}
#videoDetail .recruitBio a{font-size:11px; color:#000000; text-decoration:none;}
#videoDetail .recruitBio a:hover{color:#BE4313; text-decoration:none;}
#videoDetail .divider{clear:both; margin:12px 0 6px 0; border-bottom:1px solid #BFBFBF;}
#videoDetail .icon{margin-bottom:6px;}
#videoDetail .icon img{position:relative; top:2px; padding-right:5px;}
#videoDetail .icon a{font-size:11px; color:#000000; text-decoration:none;}
#videoDetail .icon a:hover{color:#BE4313; text-decoration:none;}
#videoDetail .otherAthletes{}
#videoDetail .otherAthletes .list{margin-left:30px;}
#videoDetail .otherAthletes .list a{line-height:1.1em;}
#videoDetail .return{position:absolute; margin:-30px 0 0 -23px; font-size:11px;}
#videoDetail .return img{position:relative; top:1px; padding-right:4px;}
#videoDetail .return a{font-size:12px; font-weight:bold; text-decoration:none;}


/* recruit listing */
#recruitListing{}
#recruitListing .recruit{clear:both; margin-bottom:15px; padding:0 0 15px 0; border-bottom:1px solid #BFBFBF;}
#recruitListing div.photo{width:123px;}
#recruitListing div.photo img{padding:10px; background:#F3EFE6;}
#recruitListing div.info{float:right; width:320px;}
#recruitListing div.info div.title{font-size:12px; font-weight:bold;}
#recruitListing div.info .icon{margin-bottom:2px;}
#recruitListing div.info .icon img{position:relative; top:2px; padding-right:5px;}
#recruitListing div.info .icon a{font-size:11px; color:#000000; text-decoration:none;}
#recruitListing div.info .icon a:hover{color:#BE4313; text-decoration:none;}
#recruitPagingNavTop{position:relative; margin:-35px 0 10px 348px; z-index:1000; width:130px; text-align:right;}
#recruitPagingNavTop a{padding-left:3px; color:#000000;}
#recruitPagingNavBottom{width:100%; margin:15px 0 0 0; text-align:right;}
#recruitPagingNavBottom a{padding-left:3px; color:#000000;}

/* tables */
#content table td{vertical-align:top;}
#content table.tbl{margin-bottom:14px; border:1px solid #14382B;}
#content table.tbl tr.odd{background-color:#FFFFFF;}
#content table.tbl tr.even{background-color:#EDEEEF;}
#content table tr{vertical-align:top;}
#content table.tbl th {background:#74A375; color:#ffffff; font-size:11px; padding:5px; line-height:1.5em; vertical-align:top; border-bottom:1px solid #14382B;}
#content table.tbl td {border-right:1px solid #14382B; padding:5px 5px 10px 5px; border-bottom:1px solid #74A375; border-top:1px solid #FFFFFF; font-size:10px;}
/************ END:  CONTENT ************/

/************ BEGIN:  CONTENT HEADER ************/
#contentHeaderContainer{position:absolute; top:188px; width:740px;}
#contentHeader{float:left; width:490px;}
#contentHeader .title{width:490px; height:35px; margin-bottom:-1px; background:url("/images/contentHeader/title_bg.gif") no-repeat;}
html > body #contentHeader .title{margin-bottom:0;}
#contentHeader .title span{float:right; padding:10px; font-size:13px;}
#contentHeader .title h1{margin:0; padding:9px 0 0 10px; font-size:16px; font-weight:bold; color:#FFFFFF;}
#contentHeader .tier3Nav{width:490px; height:23px; font-size:11px; font-weight:bold; background:url("/images/contentHeader/tier3Nav_bg.gif") repeat-y;}
#contentHeader .tier3Nav div.off, #contentHeader .tier3Nav div.on{float:left; height:17px; padding:4px 15px 2px 5px;}
#contentHeader .tier3Nav div.off{}
#contentHeader .tier3Nav div.off a{color:#FFFFFF;}
#contentHeader .tier3Nav div.on{background:url("/images/contentHeader/on_bg.gif") no-repeat 100% 0;}
#contentHeader .tier3Nav div.on a{color:#14382B;}
#contentHeader .tier3Nav div.label{color:#511808;}

#pageTitle{padding:12px 0px 4px 10px;}
#pageTitle h2{margin:0; padding:0; font-size:14px;}
#pageSections{padding-left:10px;}
#pageSections img{vertical-align:middle; padding: 2px;}
/************ END:  CONTENT HEADER ************/

/************ BEGIN:  HEADER CONTAINER ************/
#headerContainer{position:absolute; top:0px; width:760px; height:141px;}
/**** utilityNav ****/
#headerContainer .utilityNav{height:28px; margin-bottom:0px; background:url("/images/header/utilityNav_bg.gif") no-repeat;}
#headerContainer .utilityNav .nav{text-align:right; float:right; padding:5px 10px 0px 0; height:28px}
#headerContainer .utilityNav .nav a{padding:0 12px 0 12px; font-size:12px; font-weight:bold; color:#000000; text-decoration:none; text-transform:lowercase;}
#headerContainer .utilityNav .nav a:hover{padding:0 12px 0 12px; font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none; text-transform:lowercase;}
#pSearchContainer{float:right; height:28px; background:url("/images/header/portalSearch.gif") 0 5px no-repeat;}
#pSearchContainer .field{background: transparent; border:0px; color:#ffffff; margin: 6px 0px 0px 5px; font-size:11px;}
#pSearchContainer .formButton{vertical-align:top;}
#pSearchField{width:90px; background: transparent; padding:2px 5px 0 5px; margin:1px 0 0 0; font-family:Courier New, Courier, monospace; font-size:11px; font-weight:bold; color:#FFFFFF; border:none; line-height:11px; vertical-align:middle;}
#pSearchButton{width:42px; margin:0; padding:4px 0 0 0; vertical-align:middle;}
/**** header ****/
#headerContainer .header{height:120px;}
#headerContainer .header .logo{position:absolute; margin:17px 0 0 15px;}
#headerContainer .header .mainImg{position:absolute; margin:7px 0 0 226px; width:522px; height:105px;}
#homeWelcomeLink{position:absolute; left:0;}

.portalHeader{width:520px; height:120px; text-align: right; margin-left:240px;}
#portalLogo{float: right; width:160px; height:120px; margin:0x; padding:0;}
#portalName{float:left; width:340px;margin:20px 0 0 0; padding:0; color:#14382B; font-size:21px; font-weight:bold; /*letter-spacing: -0.1em;*/ text-align:center;}

/************ END:  HEADER CONTAINER ************/

/************ BEGIN:  FOOTER ************/
#footerContainer{width:760px; height:280px; border-top:1px solid #000000; background:#73a274 url("/images/footer/footerContainer_bg.gif") no-repeat;}
html > body #footerContainer{height:auto; min-height:280px;}
#footerContainer .footer{width:697px; margin:24px 0 10px 30px; padding-bottom:5px; border:1px solid #14382B; background:#21553F;}
/* footerNav */
#footerContainer .footer .footerNav{float:left; width:455px; margin-left:2px;}
#footerContainer .footer .footerNav .col{float:left; width:150px; margin:2px 0 5px 0;}
#footerContainer .footer .footerNav .title{margin-bottom:5px; padding:3px; font-size:11px; font-weight:bold; color:#E1E1E1; background:#14382B;}
#footerContainer .footer .footerNav .col div.link{margin:0 5px 5px 3px;}
#footerContainer .footer .footerNav .col a{font-weight:normal; color:#E1E1E1;}
#footerContainer .footer .footerNav .col a:hover{text-decoration:underline;}
/* footerContent */
#footerContainer .footer .footerContent{float:right; width:230px;}
#footerContainer .footer .footerContent .title{margin:2px; padding:3px 3px 3px 7px; font-size:11px; font-weight:bold; color:#E1E1E1; background:#14382B;}
#footerContainer .footer .footerContent div.footerContentItem{margin:5px 5px 5px 10px;}
#footerContainer .footer .footerContent div.footerContentIndent{margin-left:30px;}
#footerContainer .footer .footerContent a{font-weight:normal; color:#E1E1E1;}
#footerContainer .footer .footerContent a:hover{text-decoration:underline;}
/* copyright */
#copyrightContainer{width:760px; padding:10px 0 30px 0; color:#FFFFFF;}
#copyrightContainer .copyright{float:left; padding-left:10px;}
#copyrightContainer .beacon{float:right; padding-right:10px;}
#copyrightContainer .beacon a{color:#FFFFFF; text-decoration:underline;}

#College-Athletic-Prospects{padding-left:5px; padding-top:5px; border-top:1px dotted #003333;}
#College-Athletic-Prospects a{color:#74A375;}
#Athletic-Recruiting-Videos{}
.Sports-Recruting-Prospects{border-top:1px dotted #74A375;}
.dynamicDivLink{margin-top:3px; margin-right:5px;  color:#74A375; float:left;}
.dynamicDivLink a{margin-top:3px;}
/************ END:  FOOTER ************/

/************ BEGIN:  LEFTNAV ************/
#leftNav{position:absolute; top:300px; z-index:100;}
.leftnavT2Off, .leftnavT2On{float:left; margin:0 0 0 10px;}
.bullet{color:#D46630;}
/************ END:  FOOTER ************/

/************ BEGIN:  FORMS ************/
form{padding:0; margin:0; display:inline;}
.required{color:#BC4011; font-weight:bold;}
.requiredImg{padding-right:3px;}
.response{font-weight:bold; color:#C47031;}
.instructions{font-weight:bold; color:#14382B;}
.error{width:70%; text-align:center; margin:10px 0 10px 0; padding:3px; font-weight:bold; color:#BC4011; background:#F3EFE6; border:1px solid #DED7C2; clear:both;}
#content table.formTable td{vertical-align:top; padding:0 5px 7px 5px;}
#content table.formTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
#content .label{text-align:right; font-weight:bold;}
#content .labelL{text-align:left; font-weight:bold;}
#content input.field{height:14px; font-size:11px;}
#content input.typeFile{height:20px; font-size:11px;}
#content input.fieldBrowse{height:20px; font-size:11px;}
#content input.radio{}
#content input.check_box{vertical-align:middle; margin-top:-3px;}
html > body #content input.check_box{margin-top:-1px;}
#content select{font-size:12px;}
#content .example{font-size:9px; line-height:1.0em;}
.formButton{margin:0 10px 0 10px;}
.formButtons{margin-top:10px; text-align:center;}
form h3{margin:10px 0 3px 0; padding:3px; font-size:13px; text-align:center; background:#E1E1E1; color:#14382B;}

.portalForm td{padding: 10px;}
.portalForm{margin: 0px 0px 0px 20px;}
.portalForm .label{width:300px}
#content .portalForm input.field{height: 20px;}
.portalForm input.field{height: 20px;}
.portalFormAd td{padding: 10px; /*border:1px solid #00ff00;*/}
.portalFormAd{width:450px; margin: 0px 0px 0px 20px;/* border:1px solid #ff0000;*/}
.portalheader, .portalPurchaseHeader{width:470px; padding: 10px 0px 5px 10px; margin: 10px 0px 20px 0px; background-color: #993300; color:#ffffff; font-size:12px;}
.portalPurchaseHeader{background:#E1E1E1; color:#14382B;}
#portalPopup{background:#ffffff;}
#portalPopup .portalheader{width:100%; height:auto; text-align:left; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;  background-color: #993300; color:#ffffff; font-size:12px;}
#portalPopup .portalheader h3{background:#ffffff; padding:10px 0 10px 20px; margin:0 0 0 0; text-align:left;}
#portalPopup .portalFormAd{width:100%; margin:0 0 0 0; padding:0 20px 0 20px; vertical-alignment:top;}
#portalPopup .portalFormAd td{vertical-align:top;}
#portalPopup .portalFormAd input{width:auto; padding:0 0 10px 0;}
#portalPopup .portalFormAd .label{font-weight:bold; text-align:right; vertical-align:middle;}
.portalForm input.field, .portalFormAd input.field,.portalForm img, .portalFormAd img {margin:5px 0 0 0;}

/************ END:  FORMS ************/

/************ BEGIN:  BANNERS ************/
#bannersHorizontal{position:absolute; top:0; width:760px; height:94px; background:#ffffff; }
#bannersHorizontal div{padding:1px 0 0 16px;}
#bannersVertical{position:absolute; top:0; margin-left:763px; width:160px;}
#bannersVertical div{padding:8px 0 2px 11px;}
/************ END:  BANNERS ************/

/************ BEGIN:  PRINT ************/
#printHeader{display:none;}
#printPageTitleContainer{display:none;}
#printPageTitle{display:none;}
/************ END:  PRINT ************/

/************ BEGIN:  RECRUIT PROFILE ************/
#content table td.label{text-transform:capitalize;}/** left-hand column**/
#content table td.dataReturned{}/** right-hand column**/
#returnToListing{font-size:12px; font-weight:bold; text-decoration:none; text-align:right; margin-right:240px;}
#bioImage{float:right;}
#recruitImage{float:left;}/*Update Profile Form */
#returnToListing a{font-size:12px; font-weight:bold; text-decoration:none;}

/************ END:  RECRUIT PROFILE ************/


/***** Sitemap *****/
#sitemap{margin:0 0 0 20px; float:left; width:245px;}
.sitemapTitle{font-weight:bold; margin:10px 0 0 0;}
.sitemap1{background:url("/images/sitemap/arrows.gif") 0px 6px no-repeat; margin:0 0 0 10px; padding:0 0 0 12px;}
.sitemap2{margin:0 0 0 10px; padding:0 0 0 12px;}


/****** Page specigice page *******/

.advertising, .fundraising, .formatedContent{padding:5px 40px 10px 50px;}
.formatedContent{width:400px;}
.formatedContent .formButtons{text-align:center;}

/***** advertising page styles *****/

#adExample{padding:15px 0px 15px 20px;}
.advertising ul{padding-left:50px; padding-right:70px;}
.advertising .noBullets{list-style-type:none; padding-left:25px;}
.advertising li{margin-bottom:8px;}
.tableRoom, .tablePortal{padding:5px 0px 15px 25px;}
.alignMid{text-align: center;}


/***** fundraising page styles *****/
#fundraisingVIPPrice{ margin:10px auto 10px auto;}
#fundraisingVIPPrice td{padding:0 5px 5px 5px;}
#fundraisingVIPPrice th{ text-align:left; font-size:14px; color:#21553F; padding:0 0 0 0; margin:0;}


/**** Upload Form ****/
#content table.uploadFormTable{float:left; margin:0 0 0 -5px;}
#content table.uploadFormTable td{vertical-align:top; padding:0 5px 7px 5px;}
#content table.uploadFormTable td.formHeading{vertical-align:top; padding:15px 5px 5px 5px;}
.uploadMsg{float:left; padding:0 15px 0 20px; width:115px; margin:10px 0 10px 0; color:#14382B; background:#F3EFE6; border:1px dotted #BC4011; font-size:11px;}
.uploadMsg h4{ color:#D46630; font-size:14px; margin:5px 0 0 0; padding:0; border-bottom:1px solid #996600;}


/*****loading styles *****/
#progress{ position:relative; background:#FFFFFF; top:40px;  padding: 10px 0px 5px 0px; font-size:1.3em; font-weight:bold; text-align:center; height:150px; }
#messages{margin:0 auto 0 auto; width:400px;}
#upload{float:left; padding:5px 10px 10px 10px; color:#D46630; line-height:1.4em;}
.uploadProgressMsg{float:left; padding:5px 30px 10px 20px; text-align:left; width:175px; margin:5px 75px 20px 75px; font-weight:normal; color:#14382B; background:#F3EFE6; border:1px dotted #BC4011; font-size:11px;}
.uploadProgressMsg h4{ color:#D46630; font-size:14px; margin:5px 0 0 0; padding:0; border-bottom:1px solid #996600;}