body { margin: 0; padding: 0; font-family: Arial, Sans-Serif;	 color: Black; background-color: #eee; min-width: 760px;  }
body.popup { background-color: White;}

a:Link, a:Visited { color: #900; }
a:Hover { color: #c00; }
a:Active { color: #f00; }

h1 {  font-family: Arial, Sans-Serif;	font-size: 140%; font-weight: bold; margin: 0; padding: 5px 0px 0px 0px; }
h2 {  font-family: Arial, Sans-Serif;	font-size: 125%; font-weight: bold; margin: 0; font-style: italic; padding: 8px 0px 1px 0px; }
h4 {  font-family: Arial, Sans-Serif;	font-size: 100%; font-weight: bold; margin: 0; font-style: italic; padding: 0px 0px 0px 15px; }
h5 { text-align: left; font-weight: bold; font-style: italic; margin: 0; }

/*  Upper left stuff */
div#UtilityLeft { float: left; }
#UtilityLeft p { margin: 5px; }
#UtilityLeft select { font-size: 80%; }

/* Upper Right Utility Links */
div#UtilityRight { float: right; }
#UtilityRight ul { margin: 5px;  }
#UtilityRight ul li { margin: 0 4px 0 4px; padding: 0; display: inline; list-style: none; }
#UtilityRight a:Link, #UtilityRight a:Visited { color: #0a0a0a; font-weight: bold; text-decoration: none; }
#UtilityRight a:Hover { text-decoration: underline; }


div#HeaderContainer { position: relative; z-index: 2; clear: both; height: 75px; width: 100%; margin: 0; padding: 0; background-color: #900; background-image: url(../Images/banner-cell-background.gif); background-repeat: repeat-x; }

img#LogoImage { margin: 3px 0px 0px 19px; }



ul#tabs { position: absolute; left: 200px; height: 30px; width: 532px; list-style: none; overflow: hidden; white-space: nowrap; }
ul#tabs li { display: inline; list-style: none; margin: 0; padding: 0; }

#tabs a { float: left; padding: 30px 0 0 0; overflow: hidden; width: 76px; background: url(../Images/tabs/tab-template.gif) top left no-repeat; }

#tabs a:hover { background-position: 0 -30px; }

#tabs li.selected-tab a, #tabs li.selected-tab a:hover { background-position: 0 -60px; }

#tabs li#tab_Home a  { background-image: url(../Images/tabs/tab-home.gif); }
#tabs li#tab_Signup a  { background-image: url(../Images/tabs/tab-signup.gif); }
#tabs li#tab_Leagues a  { background-image: url(../Images/tabs/tab-leagues.gif); }
#tabs li#tab_Content a  { background-image: url(../Images/tabs/tab-content.gif); }
#tabs li#tab_Players a  { background-image: url(../Images/tabs/tab-players.gif); }
#tabs li#tab_Forums a  { background-image: url(../Images/tabs/tab-forum.gif); }
#tabs li#tab_Admin a  { background-image: url(../Images/tabs/tab-admin.gif); }


div#ContentHeader { margin-left: 21%; background-color: White; padding-left: 1%; }
div#ContentArea { margin-left: 21%; background-color: White; padding: 1% 1% 1% 1%; overflow-x: hidden; }

div#LeagueMenu { height: 28px; margin-top: 3px; }
ul#LeagueMenuList { display: inline;  margin: 0; list-style: none; overflow: hidden; white-space: nowrap; }
ul#LeagueMenuList li { display: inline; list-style: none; margin: 0; padding: 0; }

ul#LeagueMenuList li a { float: left; padding: 24px 0 0 0; overflow: hidden; background-repeat: no-repeat; }
ul#LeagueMenuList li a:hover { background-position: 0 -24px; }

ul#LeagueMenuList li#LeagueMenu_LeagueSeason a { width: 73px; background-image: url(../Images/league-menu/standings.gif); }
ul#LeagueMenuList li#LeagueMenu_Schedule a { width: 73px; background-image: url(../Images/league-menu/schedule.gif); }
ul#LeagueMenuList li#LeagueMenu_LeagueHistory a { width: 59px; background-image: url(../Images/league-menu/history.gif); }
ul#LeagueMenuList li#LeagueMenu_Trades a { width: 55px; background-image: url(../Images/league-menu/trades.gif); }
ul#LeagueMenuList li#LeagueMenu_LeagueForum a { width: 57px; background-image: url(../Images/league-menu/forum.gif); }
ul#LeagueMenuList li#LeagueMenu_Draftboard a { width: 83px; background-image: url(../Images/league-menu/draftboard.gif); }

div#SeasonsMenu { border-bottom: 1px solid #333; border-top: 1px solid #333; width: 400px;}
ul#SeasonsList { margin: 0; }
ul#SeasonsList li { margin: 0; padding: 0; display: inline; list-style-type: none; }
ul#SeasonsList a { font-weight: bold; padding: 1px 10px 1px 0; text-decoration: none; color: #555; }
ul#SeasonsList a:hover { color: Black; }
ul#SeasonsList li.selected-season a { color: Black; background: url(../Images/league-menu/season-marker.gif) no-repeat center left; padding-left: 9px; }


div#FooterContainer { clear: both; margin: 10px 0 0 21%; height: 90px; padding: 8px 0 0 80px; background-image: url(../Images/footer-ball.gif); background-position: left top; background-repeat: no-repeat; }
div#FooterContainer p { margin: 1px; color: #777; }
div#FooterContainer a { color: #777; }


p.BreadCrumb { padding: 0; margin: 0; }
.BreadCrumb { font-family: Arial, Sans-Serif;	color: Black; }
.BreadCrumb a:Link, .BreadCrumb a:Visited { color: #900; }
.BreadCrumb a:Hover { color: #c00; }
.BreadCrumb a:Active { color: #f00; }




/*  West Side! */
div#WestSide { width: 21%; background-color: #333; color: #ccc; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 80%; margin: 0; padding: 8px 0 0 0; 
						position: absolute; left: 0px; top: 100px;	}
div#WestSide p { margin: 5px 3px 5px 2%; }
div#WestSide a:Link, div#WestSide a:Visited { color: #e0d677; text-decoration: none; }
div#WestSide a:Hover { text-decoration: underline; color: #e5da7b; }
div#WestSide a:Active { color: #eae081; }
div#WestSide h1 { margin: 3px 0 3px 2%; padding: 0; font-size: 100%; font-weight: bold; text-align: left; color: White; }
div#WestSide h2 { margin: 3px 0 3px 2%; padding: 0; font-size: 100%; font-weight: normal; font-style: normal; text-align: center; }
div#WestSide .textbox { background-color: #ddd; width: 1in; font-weight: bold; }
div#WestSide hr { width: 80%; height: 1px; color: #eee; text-align: left; margin: 0 auto 0 2%; }

div#WestSide a.WSGM-Header:Link, div#WestSide a.WSGM-Header:Active, div#WestSide a.WSGM-Header:Visited  { display: block; text-transform: uppercase; color: White; font-weight: bold; background-color: #151515; padding: 1px 0 1px 11px; margin: 6px 0 3px 0; background-repeat: no-repeat; }
div#WestSide a.WSGM-Header:Hover { background-color: #444; text-decoration: none; }
#WSGM ul { margin: 0 0 0 2%; padding: 0; list-style-type: none; }
#WSGM ul li { margin-bottom: 6px; margin-top: 6px; }
#WSGM ul li  { padding-left: 11px; background: url(../Images/arrow-in-box.gif) no-repeat left 50%; }

div.WSGM-TeamBox-Off div { display: none; }
div.WSGM-TeamBox-Off a.WSGM-Header { background-image: url(../Images/arrow-contracted.gif); background-position: 2px 50%;}
div.WSGM-TeamBox-On a.WSGM-Header { background-image: url(../Images/arrow-expanded.gif); background-position: left 50%; }

ul#RulesLinks { list-style-type: none; margin: 2em 0 2em 1em; padding: 0; }
ul#RulesLinks li { margin: 1.5em 0 1.5em 0; }
div#WestSide ul#RulesLinks li a { color: #ccc; font-weight: bold; }
div#WestSide ul#RulesLinks li a:Hover { color: #ddd; }


/* for XmlTeam license */
.licenseText, .licenseText A, .licenseText A:Visited { color: #555; font-size: 90%; }


/* standard datagrid */
table.datagrid { text-align: right; font-size: 90%; table-layout: auto; border-collapse: collapse; }
table.datagrid td, table.datagrid th  { padding-left: 4px; padding-right: 4px; border: solid 1px #fff;  }
table.datagrid td  { background-color: #f1f1f1; }
table.datagrid a:Link, table.datagrid a:Visited { color: Black; text-decoration: none; white-space: nowrap; }
table.datagrid a:Hover { text-decoration: underline; }
table.datagrid a[disabled] { color: #222; text-decoration: none; }
table.datagrid img { border-style: none; vertical-align: middle; }

table.datagrid tr.dg-pager td { background-color:#f7f7f7; font-weight: bold;  }
table.datagrid .dg-pager span { border: solid 1px #333; }
table.datagrid .dg-pager a:Link, table.datagrid .dg-pager a:Visited { color: Black; text-decoration: none; }
table.datagrid .dg-pager a:Hover { text-decoration: underline; }

table.datagrid tr.dg-header td { background-color: #888888; color: White; }
table.datagrid tr.dg-header a:Link, table.datagrid tr.dg-header a:Visited { font-weight: bold; color:White; }
table.datagrid th { background-color: #888888; color: White; font-weight: normal; text-align: left; }

table.datagrid tr.dg-alternate td { background-color: #ddd; }

table.datagrid tr.dg-hover { color: White; cursor: pointer; }
table.datagrid tr.dg-hover td { background-color: #990000; }
table.datagrid tr.dg-hover a { color: White; }

/* standard unorderd list for a menu */
ul.menu { display: inline; list-style-type: none; margin: 0; padding: 0; }
ul.menu li { display: inline; }

/* standard error message box */
div.error { width: 400px; margin: 10px; background-color: #ffc; border: solid 1px #900; padding: 3px; }
.error h1 { font-size: 100% }
.error a { float: right; }



/* Draft Lottery Banner */
div#LotteryBannerWrapper { position: absolute; left: 240px; top: 5px; width: 770px; height: 34px; background-image: url(../WebModules/Draft/Images/lottery-banner.jpg); background-repeat: no-repeat; }
table#LotteryScroll { position: absolute; left: 250px; top: 5px; width: 456px; }


div#DraftLotteryBanner { position: absolute; left: 155px; top: 5px; width: 605px; height: 24px; border: solid 1px #777; background-color: #333; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 8pt; }
div#DraftLotteryBanner span, div#DraftLotteryBanner span a { background-color: #333; font-weight: bold; font-style: normal; margin: 0; color: #e0d677; }
div#DraftLotteryBanner p a:link, div#DraftLotteryBanner p a:visited { text-decoration: none; }
div#DraftLotteryBanner p a:hover { text-decoration: underline; }
div#DraftLotteryTarget, div#DraftLotteryTarget table, div#DraftLotteryTarget a { color: White; font-size: 9pt; }

div#DraftLotteryTarget { padding: 5px; }

div#DraftLotteryBanner marquee { display: inline; }
div#DraftLotteryBanner marquee, div#DraftLotteryBanner marquee a { background-color: #333; font-weight: normal; font-style: normal; margin: 0; color: #e0d677; }
div#DraftLotteryBanner marquee a:link, div#DraftLotteryBanner marquee a:visited { text-decoration: none; }
div#DraftLotteryBanner marquee a:hover { text-decoration: underline; }
div#DraftLotteryTarget, div#DraftLotteryTarget table, div#DraftLotteryTarget a { color: White; font-size: 9pt; }



/* Draft Lottery Banner - Homepage */
body#DefaultPage div#DraftLotteryBanner { position: relative; left: 0; top: 0; width: 635px; margin-bottom: 5px; }

/* Trades Banner */
div#TradesBanner { position: absolute; left: 240px; top: 5px; width: 456px; border: solid 1px #777; background-color: #666; font-family: Verdana, Arial, Helvetica, Sans-Serif; font-size: 8pt; }
div#TradesBanner p, div#TradesBanner p a { background-color: #333; font-weight: normal; font-style: normal; margin: 0; color: #e0d677; }
div#TradesBanner p a:link, div#TradesBanner p a:visited { text-decoration: none; }
div#TradesBanner p a:hover { text-decoration: underline; }
div#TradesBannerTarget, div#TradesBannerTarget table, div#TradesBannerTarget a { color: White; font-size: 9pt; }
/* Homepage */
body#DefaultPage div#TradesBanner { position: relative; left: 0; top: 0; width: 635px; margin-bottom: 5px; }

