﻿/*
Description: CSS for PRO•LINESTADIUM.COM.
Version: 1.0
Author: evul
*/

/* MARKUP ELEMENTS */
html { margin:0; padding:0; }
body { margin: 0; padding: 0; background-color: #4b4b4b; font-family: Verdana, sans-serif; height:100%; line-height:1.125em; }

form { margin: 0; padding: 0; }
select { font-size: 10px; }

a { text-decoration: underline; color: #467e57; outline: none; }
a:hover { text-decoration: underline; color: #a3a059; }
a img { border: 0; }

p { margin: 0 0 1.5em 0; }

h1, h2, h3, h4 { font-family: Lucida Grande, Verdana, Arial, Sans-Serif; color:#044117; margin: 0 0 .25em 0; }
h1 { font-size: 1.5em; text-align: left; margin: 0 0 .75em 0; }
h2 { font-size: 1em; }
h3 { font-size: 0.95em; }
h4 { font-size: 0.875em; }

/* STRUCTURAL ELEMENTS */
#Container { display: block; width: 990px; margin: 0 auto 1em auto; padding: 0 2px; border-left: 3px solid #424242; border-right: 3px solid #424242; background-color: #373737; font-size: 0.875em; }

table.StadiumContent { display: table; table-layout: auto; width: 990px; margin: 0 auto; border-collapse: collapse; empty-cells: show; }
td.LeftCol { width: 460px; margin: 0; padding: 0; background-color: #fff; vertical-align: top; }
td.RightCol { width: 530px; padding: 0; background: #2b2b2b url(/images/interface/RightColBg.gif) no-repeat; vertical-align: top; }
td.ContentWide { width: 990px; margin: 0; padding: 0; background-color: #fff; vertical-align: top; line-height:1.5em; }
.Content { width: 430px; margin: 6px 14px 0 15px; }
.Sidebar { width: 500px; margin: 1px 15px 15px 15px; }
.Page { margin: 15px 6em 3em; }

/* WIDGETS */
#Header { display: block; width: 990px; height: 102px; margin: 0; padding: 0; background: transparent url(/images/interface/HeaderBg.png) no-repeat; }
#headerLogo { display: inline; width: 256px; height: 102px; margin: 0; float: left; }
#featurepoint_top {	display: inline; width: 728px; height: 90px; float: left; margin: 6px 0 0 0; }
#featurepoint_bottom { display: block; width: 254px; height: 89px; margin: 15px 14px 15px 15px; padding: 20px 8px 6px 168px; vertical-align: bottom; background: transparent url(/images/featurepoint/bottom/en/FpBottom_en.jpg) no-repeat; color: #fff; text-align: center; font-weight: bold; }
#Header h1 { display: none; }

#PopWindow { display: block; font-size: 0.875em; width: 95%; margin:0 auto; }
/*
#PopWindowHeader { display: inline; float: right; margin: 0 0 2em 2em; width: 200px; height: 142px; background: transparent url(/images/interface/ProlineSdi.gif) no-repeat; }
*/
#PopWindowHeader { display: block; height: 60px; padding: 5px; border-bottom: 1px solid #918964; }
#PopWindowHeader h1, #PopWindowHeader span { display: none; }
#ProlineLogo { display: inline; width: 93px; height: 50px; float: left; background: transparent url(/images/interface/ProlineLite.gif) no-repeat; }
#SdiLogo { display: inline; width: 195px; height: 50px; float: right; margin-right:10px; background: transparent url(/images/interface/provided_by_sdi.gif) bottom no-repeat; }
#ArticleContent { width: 80%; margin: 0 auto; padding-right: 0; padding-bottom: 2em; }
#PrintWindow { padding: 0 10px 2em;}

/* ========== MAIN NAV ========== */
#MainNav { display: block; width: 100%; border-top: 1px solid #fff; }
#MainNav a { display: block; height: 21px; background: transparent url(/images/interface/MainNav.gif) 0 -6px no-repeat; }

.Home,.NHLActive,.NFLActive,.NCAAFActive,.NBAActive,.NCAABActive,.MLBActive,.OTHERActive { background: transparent url(/images/interface/MainNav.gif) 0 -5px no-repeat; }

#MnNFL a { width:61px; background-position:0 -6px; margin-left: 3px; } 
#MnNHL a { width:62px; background-position:-64px -6px; }
#MnNBA a { width:60px; background-position:-129px -6px; margin-left: 3px; }
#MnNCAAF a { width:60px; background-position:-192px -6px; margin-left: 3px; }
#MnNCAAB a { width:60px; background-position:-255px -6px; margin-left: 3px; }
#MnMLB a { width:60px; background-position:-318px -6px; margin-left: 3px; }
#MnOTHER a { width:76px; background-position:-381px -6px; margin-left: 3px; }

#MnNFL a:hover { background-position:0 -38px; } 
#MnNHL a:hover { background-position:-64px -38px; }
#MnNBA a:hover { background-position:-129px -38px; }
#MnNCAAF a:hover { background-position:-192px -38px; }
#MnNCAAB a:hover { background-position:-255px -38px; }
#MnMLB a:hover { background-position:-318px -38px; }
#MnOTHER a:hover { background-position:-381px -38px; }

#MnNFLActive a { width:61px; background-position:0 -69px; margin-left: 3px; } 
#MnNHLActive  a { width:62px; background-position:-64px -101px; }
#MnNBAActive  a { width:60px; background-position:-129px -133px; margin-left: 3px; }
#MnNCAAFActive  a { width:60px; background-position:-192px -165px; margin-left: 3px; }
#MnNCAABActive  a { width:60px; background-position:-255px -197px; margin-left: 3px; }
#MnMLBActive  a { width:60px; background-position:-318px -229px; margin-left: 3px; }
#MnOTHERActive  a { width:76px; background-position:-381px -261px; margin-left: 3px; }

#WagerNowNav { display: inline; float: right; width: 103px; height: 21px; }
#WagerNowNav a { background-position: -887px -6px; }
#WagerNowNav a:hover { background-position: -887px -38px; }

ul#SportsMenu li { float: left;}
ul#SportDropMenu { display: none; position: absolute; list-style:none; padding:0; margin:0; }
ul#SportDropMenu li { display: block; float: none; margin:0; padding: 0; background-color: #000; font-size: 11px; }

ul#SportDropMenu li a:link, ul#SportDropMenu li a:visited, ul#SportDropMenu li a:hover, ul#SportDropMenu li a:active {
display:block;
width: 120px;
height: auto;
float: none;
margin: 0;
padding:4px;
padding-left:12px;
background-image:url(/images/interface/RightLinkArrow.gif);
background-repeat: no-repeat;
background-position: 4px 10px;
color: #fff;
text-decoration: none;
border-bottom: 2px solid #999;
}

ul#SportDropMenu li a:hover { color: #007e26; background-color: #e5e5e5; }
ul#SportsMenu li:hover ul#SportDropMenu { display: block; }
ul#SportsMenu li.over ul{ display: block; }

/* ========== MAIN NAV ========== */

/* ========== SPORTS SECTION NAV ========== */
#SportsTabConnector { display: block; height: 1px; background-color: #dbd6c3; }

#SportsNav { display: block; padding: 0.5em; background-color: #dbd6c3; margin-bottom: 1em; border-bottom: 1px solid #918964; }
#SportsNav ul { list-style:none; padding:0; margin:0 0 0 10px; }
#SportsNav li { float:left; width:47%; padding-left:12px; background-image:url(/images/interface/RightLinkArrow.gif); background-repeat: no-repeat; background-position: left center; }
/* ========== SPORTS SECTION NAV ========== */

/* ========== EVENTS/PICKS ========== */
#events, #picks, #surveys { width: 500px; margin: 0; padding: 0; }
#events {  margin-bottom: 1.5em; }
#picks { margin: 0 auto; }
#EventsTabs { display: block; width: 423px; height: 30px; margin: 0; background: transparent url(/images/picks/EventGameTabs.gif) 0 -30px no-repeat; }
#ProlineTab, #OverTab, #GamedayTab, #SpreadsTab { display: block; width: 105px; height: 30px; }
#ProlineTab, #OverTab, #GamedayTab { margin-right: 1px; }

#EventsTabs a { background: transparent url(/images/picks/EventGameTabs.gif) 0 -60px no-repeat; }
.ProlineEvents #ProlineTab a { background-position: 0 -60px; }
.ProlineEvents #OverTab a { background-position: -106px 0; }
.ProlineEvents #GamedayTab a { background-position: -212px 0; }
.ProlineEvents #SpreadsTab a { background-position: -318px 0; }
.ProlineEvents #OverTab a:hover, .ProlineEvents #GamedayTab a:hover, .ProlineEvents #SpreadsTab a:hover { background-image: none; }

.OverEvents #OverTab a { background-position: -106px -60px; }
.OverEvents #ProlineTab a { background-position: 0 0; }
.OverEvents #GamedayTab a { background-position: -212px 0; }
.OverEvents #SpreadsTab a { background-position: -318px 0; }
.OverEvents #ProlineTab a:hover, .OverEvents #GamedayTab a:hover, .OverEvents #SpreadsTab a:hover { background-image: none; }

.GamedayEvents #GamedayTab a { background-position: -212px -60px; }
.GamedayEvents #ProlineTab a { background-position: 0 0; }
.GamedayEvents #OverTab a { background-position: -106px 0; }
.GamedayEvents #SpreadsTab a { background-position: -318px 0; }
.GamedayEvents #ProlineTab a:hover, .GamedayEvents #OverTab a:hover, .GamedayEvents #SpreadsTab a:hover { background-image: none; }

.SpreadsEvents #SpreadsTab a { background-position: -318px -60px; }
.SpreadsEvents #ProlineTab a { background-position: 0 0; }
.SpreadsEvents #OverTab a { background-position: -106px 0; }
.SpreadsEvents #GamedayTab a { background-position: -212px 0; }
.SpreadsEvents #ProlineTab a:hover, .SpreadsEvents #OverTab a:hover, .SpreadsEvents #GamedayTab a:hover { background-image: none; }

#ProlineSubNav, #OverSubNav, #GamedaySubNav { float: right; width: 484px; margin: 0 15px 0 0; padding: 4px 8px; color: #7089b6; font-size: 10px; text-align: center; background: #f8f8f8 url(/images/picks/EventsSubNavCorner.png) no-repeat; border: 1px solid #a3a3a3; border-top: 0; }
#ProlineSubNav a, #OverSubNav a, #GamedaySubNav a { color: #467e57; }
#ProlineSubNav a:hover, #OverSubNav a:hover, #GamedaySubNav a:hover { color: #000; }	

#EventsSubNav { display: block; margin: 0; padding: 4px 8px 0; color: #000; font-size: 11px; text-align: center; background: #f8f8f8 url(/images/picks/EventsSubNavCorner.png) no-repeat; }
#EventsSubNav a { color: #467e57; }
#EventsSubNav a:hover { color: #000; }	
#EventsSubNav.SnBottomBg { padding: 8px 0; background: transparent url(/images/picks/GamesSelectionLinksBg.gif) bottom repeat-y; }

#GamesListLink, #GameResultsLink { display: inline; margin-top: 9px; padding: 0; width: 105px; height: 21px; }
#GamesListLink { margin-right: 6px; }
#GamesListLink a, #GameResultsLink a { background: transparent url(/images/picks/EventListTabs.gif) no-repeat; }

#GameListTabs { display: block; width: 500px; height: 30px; background: transparent url(/images/picks/EventListTabs.gif) 0 -30px no-repeat; }
#GameListTabs #GameResultsLink a:hover { background-image: none; }
#GameListTabs #GamesListLink a { background-position: -142px -69px; }
#GameListTabs #GameResultsLink a { background-position: -253px -9px; }

#GameResultsTabs { display: block; width: 500px; height: 30px; background: transparent url(/images/picks/EventListTabs.gif) 0 -30px no-repeat; }
#GameResultsTabs #GamesListLink a:hover { background-image: none; }
#GameResultsTabs #GamesListLink a { background-position: -142px -9px; }
#GameResultsTabs #GameResultsLink a { background-position: -253px -69px; }

#GameSelectionLinks { display: block; width: 100%; padding: 6px 0; font-size: 0.8em; background: transparent url(/images/picks/GamesSelectionLinksBg.gif) repeat-y; }

#EventBox { display: block; width: 500px; max-height:400px; overflow: auto; background-color: #e5e5e5; }
* html #EventBox { 
height: expression( this.scrollHeight > 400 ? "400px" : "auto" ); /* sets max-height for IE */
max-height: 400px; /* sets max-height value for all standards-compliant browsers */
}

table.Events, table.EventsHeader { display: table; margin: 0; padding: 0; border-collapse: collapse; empty-cells: show; font-size: 10px; line-height: normal; }
table.Events { width: 484px; }
table.EventsHeader { width: 500px; }
tr.EventsHeaderRow td { padding: 8px 0px; font-weight: bold; color: #fff; background: #5b7eb8 url(/images/picks/ColumnHeaderRowBg.gif) repeat-x; }
tr.SelectSportRow td { padding: 6px 4px; color: #fff; background-color: #050d07; }
tr.SelectSportRow h3 { font-size: 1.15em; color: #fff; margin: 2px 0 0 0; }
tr.SportNameRow td { padding: 3px 4px; color: #fff; background-color: #48679c; }
tr.SportNameRow h3 { font-size: 1em; color: #fff; margin:0; }
tr.GamecardRow td { padding: 3px 4px; color: #fff; background-color: #467e57; }
tr.GamecardRow h2 { font-size: 1.25em; color: #fff; margin:0; }
tr.SelectSportRow td .fRight { color: #f7f3df; }

.rowEven td, .rowEvenLast td, .rowOdd td, .rowOddLast td, .rowOddFirst td, .rowOn td { padding: 4px 0; }
.rowEven td { background-color: #f7f3df; border-bottom: 1px solid #fff; }
.rowOdd td { background-color: #eae3cc; border-bottom: 1px solid #fff; }
.rowOddFirst td { border-bottom: 1px solid #fff; }
.rowOn td { background-color: #F9AC08; border-bottom: 1px solid #fff; }
.FullCard tr.EventRow td { background-color: #99ccff; }
tr.EventRow { border-bottom: 1px solid #fff; }
tr.rowOddFirst { background-color: #eae3cc; }
.rowEvenLast { background: #f7f3df url(/images/picks/PicksRowBottom.gif) bottom no-repeat; }
.rowOddLast { background-color: #eae3cc; }

#PrinterBar { display: block; width: 100%; height: 29px; padding: 0; background: #f8f8f8 url(/images/picks/PickPrinter.gif) bottom no-repeat;	}
#GamedayPrinter { display: block; width: 100%; height: 29px; padding: 0; background: #f8f8f8 url(/images/picks/GamedayPrinter.gif) bottom no-repeat;	}
#ResultsBar { display: block; width: 100%; height: 29px; padding: 0; background: #f8f8f8 url(/images/picks/ResultsPrinter.gif) bottom no-repeat; }
#PrintListButton, #PrintPicksButton, #ClearPicksButton { margin-top: 4px; }
#PrintListButton { width: 76px; height: 21px; margin-left: 9px; margin-right: 4px; }
#PrintPicksButton { width: 82px; height: 21px; }
#ClearPicksButton { width: 86px; height: 21px; margin-right: 9px; }
.ClearPoolsButton { width: 104px; height: 21px; margin-right: 9px; background: transparent url(/images/picks/ClearThisPoolBtn.png) no-repeat; }
tr.ListDividerRow td { font-size: 1.15em; font-weight: bold; padding: 6px 4px; color: #000; background: #f8f8f8 url(/images/picks/GameSelectionRowBg.gif) bottom repeat-x; }
tr.ListDividerRow td h3 { font-size: 1.15em; color: #000; text-transform: uppercase; }

#WagerBar { display: block; width: 100%; padding: 8px 0; background-color: #48679c; color: #fff; font-weight: bold; vertical-align: middle; }
#WagerText { font-size: 13px; padding: 6px 0 0 10px; }
#WagerButton { width: 89px; height: 31px; margin-right:  10px; background: transparent url(/images/picks/WagerButton.gif) no-repeat; }

#EstPayout { font-weight: 800; font-size: 1em; }

#QuickPicksTabs { display: block; width: 500px; height: 36px; }
.TabView, .favoritesTabView { background: #383625 url(/images/picks/QuickPicksTabs-Favs.gif) no-repeat; }
.underdogsTabView { background: #383625 url(/images/picks/QuickPicksTabs-Underdogs.gif) no-repeat; }
.toptiesTabView { background: #383625 url(/images/picks/QuickPicksTabs-TopTies.gif) no-repeat; }
#FavsTab, #UnderdogsTab, #TopTiesTab { width: 100px; height: 25px; margin-left: 1px; margin-top: 10px; }
#PicksFooterLink { width: 110px; height: 20px; margin-right: 18px; margin-top: 5px; }
#QuickPicksTable { width: 500px; background: #76705d url(/images/picks/PicksTableBg.gif) repeat-y;	}

table.Picks { display: table; table-layout: auto; width: 480px; margin: 10px auto; padding: 0; border-collapse: collapse; empty-cells: show; font-size: 10px; line-height: normal; color: #fff; }
table.Picks td { padding: 2px; }
tr.PicksHeaderRow { color: #dac988; font-weight: bold; }
table.Picks td a.Matchup { color:#e1dbc5; }
table.Picks td a.Teams { color:#fff; }

#PicksFooter { display: block; width: 100%; height: 28px; background: transparent url(/images/picks/MoreFavsFooter.gif) no-repeat; }
#PicksFooterLess { display: block; width: 100%; height: 28px; background: transparent url(/images/picks/LessFavsFooter.gif) no-repeat; }

table.GamedayWinners { display: table; table-layout: auto; width: 100%; margin: 0 auto; padding: 0; border-collapse: collapse; empty-cells: show; color: #fff; }
table.GamedayWinners td { background-color: #383625; padding: 4px; }
table.GamedayWinners tr.HeaderRow td { background-color: #000; font-weight: bold; }

/* ========== EVENTS/PICKS ========== */

/* ========== SURVEY BANNER ========== */
#SurveyBanner { display: block; width: 500px; height: 216px; background: transparent url(/images/interface/SurveyBanner.jpg) no-repeat; }
#LeaveFeedbackButton, #TakeSurveyButton { display: block; position: relative; width: 125px; height: 28px; }
#LeaveFeedbackButton { top: 169px; left: 187px; }
#TakeSurveyButton { top: 167px; left: 124px; }

/* ========== SURVEY BANNER ========== */

/* ========== ARTICLE LISTS TABLE ========== */
table.ArticleList { display: table; table-layout: auto; width: 100%; margin: 0 0 1em 0; padding: 0; border-collapse: collapse; empty-cells: show; background: #fff url(/images/interface/ArticleListBg.gif) top repeat-x; font-size: 10px; }
table.ArticleList h3 {  font-size: 10px; }
table.ArticleList td { padding: 3px 2px; vertical-align: top; }
table.ArticleList td.List { padding: 3px 2px; vertical-align: top; border-bottom: 1px solid #cec29e; line-height: normal; }
.ArticleListHeader { display: block; width: 100%; height: 25px; padding: 7px 0 0 0; background: #d6d1bf url(/images/interface/ArticleListHeaderBg.gif) top repeat-x; }
.ArticleListHeader h3 { margin: 0 !important; color: #3b3826; }
.ArticleListHeader h2 { margin: 0 0 0 11px !important; color: #3b3826; }
a.HeaderLink { font-size: 11px; background: transparent url(/images/interface/RightLinkArrow.gif) center left no-repeat; padding-left: 11px; margin-right: 11px; text-decoration: none; }
.ArticlePreviewDisplay { background-color: #f5f2e3; padding: 0.5em; border-bottom: 1px solid #ddd; margin-bottom: 0.5em; }
.tableRule { display:block; border-top: 1px solid #cec29e; border-bottom: 1px solid #f0ece2; }

.NewIcon { display: block; width: 39px; height: 14px; background: transparent url(/images/interface/NewIcon.gif) no-repeat; }
.UpdateIcon { display: block; width: 39px; height: 14px; background: transparent url(/images/interface/UpdateIcon.gif) no-repeat; }
.NewIcon span, .UpdateIcon span { display: none; }
/* ========== ARTICLE LISTS TABLE ========== */


#Footer { display: block; font-size: 9px; color: #fff; background-color: #034016; padding: 8px 11px 1.5em 11px; line-height: normal; }
#Footer p { text-align: justify; margin: 6px 0; }

#ticker { display: block; width: 990px; color: #80af8d; font-size: 9px; text-transform: uppercase; text-align: center; background-color: #000; padding: 5px 0; }
#ticker input { width: 900px; border: 0; background-color: #000;  color: #80af8d; font-size: 9px; text-transform: uppercase; }

/* GENERAL LIST STYLES */
ul.hori, ul.arrow { list-style-type: none; margin: 0; padding: 0; }
ul.hori li { display: inline; margin: 0; padding: 0; }
ul.arrow li { padding-left: 14px; background: transparent url(/images/interface/LinkArrow.png) left 7px no-repeat; }

.WhitePipe li a, .BlackPipe li a { background-position: 0 bottom; background-repeat: no-repeat; padding: 0 6px; }
.WhitePipe li a { background-image: url(/images/interface/12pxWhitePipe.png); }
.BlackPipe li a { background-image: url(/images/interface/12pxBlackPipe.png); }
li.first-child a { padding-left: 0; background-image: none;}

/* header and footer secondary nav bar */
.MinorNavBar { display: block; width: 968px; color: #a4c6ae; font-size: 8pt; background-color: #012a0c; padding: 0 11px; }
.MinorNavBar ul { list-style-type: none; margin: 6px 0 1px 0; padding: 0; float: left; }
.MinorNavBar ul li { display: inline; margin: 0; padding: 0; color: #a3a059; }
.MinorNavBar a { color: #a4c6ae; padding:4px 0; }
.MinorNavBar a:hover { color: #a3a059; }

#GameInfoLink { display: inline; float: right; margin: 0; padding: 0; }
#GameInfoLink a { display: block; width: 132px; height: 32px; padding:0; background: transparent url(/images/interface/GameInfoLink.gif) no-repeat; }
#GameInfoLink span { display: none; }

#ProlineInfoHeader { background: transparent url(/images/interface/ProlineInfo.gif) top center no-repeat; }
#OverUnderInfoHeader { background: transparent url(/images/interface/OverUnderInfo.gif) top center no-repeat; }
#GamedayInfoHeader { background: transparent url(/images/interface/GamedayInfo.gif) top center no-repeat; }
#SpreadsInfoHeader { background: transparent url(/images/interface/SpreadsInfo.gif) top center no-repeat; }
#ProlineInfoHeader, #OverUnderInfoHeader, #GamedayInfoHeader, #SpreadsInfoHeader { display: block; width: 100%; height: 54px; }
#ProlineInfoHeader h2, #OverUnderInfoHeader h2, #GamedayInfoHeader h2, #SpreadsInfoHeader h2 { display: none; }

#Rss { display: inline; float: left; width: 16px; height: 16px; margin: 0 5px 0 11px; }	
#Language { display: inline; float: right; height: 16px; margin-top: 6px; margin-left: 15px; }	

/* FORMATTING ELEMENTS */
.clearboth { display: block; clear: both; }
#main_image { display: inline; margin: 3px 0 6px 15px; padding: 0; float: right; width: 235px; }
#main_image .caption { padding-top: 2px; text-align: left; line-height: 8pt; font-size: 10px; color: #696969; }
#main_image img { border: 1px solid black; }
#teasers p { font-size: 10px; line-height: normal; text-align: justify; margin: 0 0 1em 0; }
.aCenter { text-align: center; }
.aRight { text-align: right; }
.fRight { display: inline; float: right; }
.fLeft { display: inline; float: left; }
.hideText span { display: none; }
.linkBlock  a { display: block; width: 100%; height: 100%; }
.FormButton { background-color:#178436; padding: 3px 2em; color: #fff; text-align: center; text-transform: uppercase; }
.small { font-size: 9px; }
a.LinkArrow { padding-left: 10px; background: transparent url(/images/interface/LinkArrow.png) left 0.45em no-repeat; }
a.TopLink { padding-left: 10px; background: transparent url(/images/interface/TopArrow.png) left 0.45em no-repeat; }
.HoriRule { width: 100%; clear: both; border-top: 1px solid #918964; margin: 0.75em 0 1.25em; }

.noplay, .noplay td { padding: 4px 0; color: #b4b4b4; background-color: #fedede; border-bottom: 1px solid #FFFFFF; }
.noplay h2 { margin:0; padding: 0.5em 0; color: #db5c5c; text-align:center;}

.field-validation-error
{
    color: #c10000;
}
