﻿html, body { height:100%; }
body
{
    height:100%; 
    width:100%; 
    font:12px arial,sans-serif; 
    color:#000; 
    background-color:#FFF; 
    margin:0; 
    padding:0; 
	background-image:url(../images/bkgd_final.jpg); 
	background-repeat:no-repeat; 
	background-position:top; 
	background-attachment:fixed;
}

input, select
{
	font:12px arial,sans-serif; 
}

input[type=radio], input[type=checkbox]
{
	width: auto !important;
}

p { margin:0 0 10px 0; padding:0; }
p.nomargin { margin:0; padding:0; }
h1 { padding:0; margin:0; font:24px arial,sans-serif; }
h2 { padding:0; margin:0 0 0px 0; font:14px arial,sans-serif; font-weight:bold; color:#000099; }
h3 { padding:0; margin:0 10px 5px 0; font:14px times,serif; color:#666; }
h4 { padding:0; margin:0 0 0px 0; font:12px arial,sans-serif; font-weight:bold; color:#BB0000; }
h5 { padding:0; margin:0 0 10px 0; font:12px arial,sans-serif; font-weight:bold; color:#000; }

a { text-decoration: none; }
a:hover { text-decoration: underline; }

.clearBoth { clear:both; }

.white { color:#FFF; }
.black { color:#000; }
.grey { color:#666 !important; }
.lightgrey { color:#999; }
.red { color:#BB0000; }
.blue { color:#000099; }
.offensive { color:#666; font:12px arial,sans-serif; }
.strong { font-weight:bold; }
.whatsthis { margin:0; padding:0 5px 0 0; font:14px times,serif; color:#666; float:right; }
.right { float:right; }
.center { text-align:center; }
td.text-right { text-align: right; }
.hidden {display:none;}
.red-fill { background-color:#BB0000; }
.blue-fill { background-color:#000099; }

ul.flat { display:inline; margin:0; padding:0; list-style-type:none; }
ul.flat li { display:inline; margin:0 0 0 0; padding:0; }

hr
{
	border-top: 1px solid #DDDDDD;
	clear: both;
    border-left-style: none;
    border-left-color: inherit;
    border-left-width: 0;
    border-right-style: none;
    border-right-color: inherit;
    border-right-width: 0;
    border-bottom-style: none;
    border-bottom-color: inherit;
    border-bottom-width: 0;
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 10px;
}

hr.spacer
{
	border: 0;
	margin: 0;
	height: 10px;
	clear: both;
	visibility: hidden;
}
.watermarked
{
 color:Gray;   
}
.watermarked_psw
{
color: White;

font-family: Tahoma;
font-size: 11px;

border: solid 1px #a9a9a9;
text-indent:2px;

vertical-align:middle;
text-align:right;

background-image:url(../images/psw_wMark.png);
background-repeat:no-repeat;

}

a.button, .button
{
    margin:0; 
    padding:2px 5px 2px 5px; 
    display: inline-block;
    background:#BB0000 url(../images/button.gif) repeat-x; 
    border:1px solid #BB0000; 
    text-align:center; 
    color:#ffffff !important;
}

a.button:active, .button:active
{
    text-decoration:none; 
    background:#BB0000 url(../images/button_active.gif) repeat-x; 
    border:1px solid #BB0000; 
    color:#CCC !important;
}
table.layout 
{
    border-spacing: 0;
    width: 100%;
}

table.layout > tbody > tr > td
{
    padding: 0;
    vertical-align: top;
}

#content 
{
    margin:auto; 
    width:1000px; 
    background-color:#FFF; 
    border-left:3px solid #999; 
    border-right:3px solid #999;
    border-bottom:3px solid #999;
}

#main { padding: 0 5px 5px 5px; }

#social { float:right; }
#social ul li { padding:3px; }
#social ul li.last { padding-right:0; }

#copyright { margin:10px 0 0 0; }

/* header-public */
#header-public
{
    margin: 0 0 5px 0; 
    padding: 10px 0 0 10px; 
    height: 60px; 
    width: 990px; 
    background: #666 url(../images/headerLandingBkgd.png) no-repeat top;
    color: #ffffff;
}

#header-public a, #header-public a:link { color: #ffffff; }

#header-login
{
    margin-top: 5px;
    margin-left: 40px;
}

#header-login p { margin-top: 5px; }
#header-login p * { vertical-align: middle; }

#header-tagline
{
    font: 24px arial,sans-serif;
    float:right; 
    padding:2px 10px 0 0;
}
/* header-public */

td.label-column
{
	padding: 7px 0 !important;
	text-align: right;
	width: 25%;
}

td.field-column
{
	text-align: left;
}

td.field-column input, td.field-column select
{
	margin: 5px;
	padding:2px;
}

td.field-column div.field-container
{
	margin: 5px;
}

td.field-column input[type=radio], td.field-column input[type=checkbox]
{
	margin: 0 5px;
	padding:0;
}

#registration
{
    margin:0 5px 15px 5px; 
    float:right; 
    width:385px;
    background-color:#EEEEEE;
    color:#BB0000;
    text-align: right;
}

#registration > table.layout > tbody > tr > td.label-column
{
	width: 149px;
}
#registration > table.layout > tbody > tr > td.field-column > table
{
	margin: 5px 0;
}
#registration input, #registration select
{
	width:220px;
}

.content-box
{
	margin: 50px 180px;
	padding: 20px 30px;
	border: 1px solid #999;
}

.warning
{
	border: 1px solid #BB0000;
	background-color: #ffecec;
	padding: 10px;
	margin: 10px;
}

.warning h3
{
	color: #000;
	font:12px arial,sans-serif;
	font-weight: bold;
}

/* header-protected */
#header-protected
{
     padding: 5px;
}

#header-main
{
    position: relative;
    height: 68px;
}

#header-ads
{
	margin-bottom: 5px;
}

#header-logo
{
    position: absolute;
}

#header-userinfo
{
    position: absolute;
    left: 378px;
    top: 4px;
}

#header-userinfo h2
{
	font:16px arial,sans-serif;
	font-weight: normal;
	margin:0 0 4px;
}

#header-addstats
{
    position: absolute;
    left: 605px;
    top: 20px;
    width: 260px;
    text-align: center;
}

#header-addstats p
{
    margin-top: 10px;
}

#header-account
{
    text-align: right;
    float: right;
}
/* header-protected */

/* navigation */
#navigation
{
    font:12px verdana,arial,sans-serif; 
    background-color:#AAA; 
    width:1000px; 
    margin:0 0 5px 0; 
    height:32px;
    background-image:url(../images/nav2a.gif); 
    background-repeat:repeat-x; 
    background-position:top;
}

#navigation a, #navigation a:link, #navigation a:visited
{
    background-color:#AAA; 
    text-decoration:none; color:#000; 
    margin:0; 
    padding:8px 48px 8px 48px; 
    display: inline-block;
    border-right:1px solid #999;
    background-image:url(../images/nav2a.gif); 
    background-repeat:repeat-x; 
    background-position:top;    
}

#navigation a:hover
{
    background-color:#666; 
    color:#FFF; 
    text-decoration:none; 
    background-image:url(../images/nav2b.gif); 
    background-repeat:repeat-x; 
    background-position:top;
}

#fancard a.navFancard, #fancard a.navFancard:link, #fancard a.navFancard:visited, #fancard a.navFancard:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#feats a.navFeats, #feats a.navFeats:link, #feats a.navFeats:visited, #feats a.navFeats:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#games a.navGames, #games a.navGames:link, #games a.navGames:visited, #games a.navGames:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#friends a.navFriends, #friends a.navFriends:link, #friends a.navFriends:visited, #friends a.navFriends:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#videos a.navVideos, #videos a.navVideos:link, #videos a.navVideos:visited, #videos a.navVideos:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#news a.navNews, #news a.navNews:link, #news a.navNews:visited, #news a.navNews:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
#fanShop a.navShop, #fanShop a.navShop:link, #fanShop a.navShop:visited, #fanShop a.navShop:hover { background-color:#666; text-decoration:none; color:#FFF; margin:0; padding:8px 45px 8px 45px; border-right:1px solid #999; background-image:url(../images/nav2c.gif); background-repeat:repeat-x; background-position:top; }
/* navigation */

/* footer */
#footer-one
{
    padding:5px 5px 5px 10px; 
    margin:1px 0 0 0; 
    background-color:#B4B4B4; 
    font:11px/150% arial,sans-serif; 
    color:#666; 
	background:#B4B4B4 url(../images/footerOneBkgd.jpg) repeat-x top;
}

#footer-one ul.list { float:left; margin:0 0 0 5px; padding:0 0 0 10px; border-left:1px solid #CCC; list-style-type:none;}
#footer-one ul.list li { display:block; }
#footer-one ul.list.first { margin:0; padding:0; border:0; }
#footer-one .title { font-size:14px; font-weight:bold; }

#footer-two
{
    padding:10px 5px 5px 15px; 
    margin:0 0 0 0; 
    height: 100px;
    background-color:#666; 
    font:11px/130% arial,sans-serif; 
	background-image:url(../images/footerTwoBkgd.jpg); 
	background-repeat:repeat-x; 
	background-position:top;
}

#footer-two ul.list { float:left; margin:0; padding:0 0 0 3px; list-style-type:none }
#footer-two ul.list li { display:block; color:#FFF; }
#footer-two a, #footer-two a:link { color:#DDD; }
#footer-two .title { color:#FFF; font-size:14px; font-weight:bold; }
/* footer */

#fancard-header table { border-spacing: 1px; }
#fancard-header td, #fancard-header th { padding: 4px; }
#fancard-header th { font-weight: normal; text-align: left; }

#stats-filter table { border-spacing: 10px; }
#stats-filter select { width: 164px; }

#share-stats { margin: 0 15px }

#friends-listbox
{
	border:1px solid #000000;
	margin:0 0 20px;
	height:300px;
	overflow: scroll;
	overflow-y: scroll;
	overflow-x: hidden;
	padding:5px;
	width:655px;
}

#friends-listbox ul { display:inline; margin:0; padding:0; list-style-type:none; }
#friends-listbox ul li { display:inline-block; border-bottom:1px solid #CCC; padding:3px; margin:0 10px 5px 0; width:295px; }
#friends-listbox span { display:inline-block; border-bottom:1px solid #CCC; padding:3px; margin:0 10px 5px 0; width:295px; }

h1.fancy
{
	font:14px arial,sans-serif; 
	font-weight:bold;
	padding: 5px; 
	background: url(../images/nav2c.gif) repeat-x scroll 0% 0% rgb(51, 51, 51); 
	color: rgb(255, 255, 255); 
	text-align: center;
	margin-bottom: 10px;
}

.team-list { float: left; }
.team-list ul { margin:5px 30px 0px 5px; padding:0; list-style-type:none; }
.team-list ul.narrow { margin:5px 15px 0px 5px; padding:0; list-style-type:none; }
.team-list ul li {  margin:5px 0 0 5px; padding:0; list-style-type:none; color:#000099; }
.team-list ul li.title { margin:15px 0 0 0; font-size:12px; font-weight:bold; text-decoration:none; }

#addstats-calendar
{
	margin: 0pt 15px 0pt 10px; 
	padding: 5px; 
	border: 1px solid rgb(0, 0, 0); 
	background: none repeat scroll 0% 0% rgb(204, 204, 204); 
	float: left; 
	min-height: 300px; 
	width: 450px;
}

table.datagrid { width:100%; }

table.datagrid th, table.datagrid td
{
	padding:5px;
	min-width:35px;
}

table.datagrid td
{
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
}

table.datagrid td.last
{
	border-right: 0;
}

table.datagrid th
{
	background:#999;
	text-align: left;
}

table.datagrid tr { background:#DDD; }
table.datagrid tr.even { background:#FFF; }

#feats .datagrid th, #games .datagrid th
{
	color: #FFF;
	background-color: #BB0000;
}

#profile-form p
{
	margin: 5px 0;
}

#profile-form
{
	padding: 1px 40px;
}

#stats-glossary h2, #stats-glossary p
{
	color: #666 !important;
}

.nobr {	white-space:nowrap; }

.popup
{
	background-color: White; 
	display:none;
}

.popup > div
{
	margin: 12px;
}

.video
{
	margin:0 25px 50px 25px; 
	width:280px; 
	float:left;
}

.grid-footer { margin-top: 10px; }
.grid-footer p
{
	margin: 0 0 5px 0; 
	text-align: right;
	color:#666 !important;
}

.game-watched-details
{
	cursor: pointer;
	border-bottom: 1px dotted;
}

.change-password
{
	position: relative;
	left: 117px;
}

.team-min-01, .team-bos-01, .team-nyy-01, .team-tb-01, .team-cle-01, .team-tex-01, .team-atl-01, .team-was-02, .team-mil-01, .team-stl-02, .team-sd-01, .team-laa-02, .team-det-01, .team-sea-01, .team-nym-01 { background:#00247D; color:#FFF; }
.team-min-02, .team-laa-01, .team-phi-01, .team-cin-01, .team-cle-02, .team-tex-02, .team-bos-02, .team-hou-01, .team-atl-02, .team-stl-01, .team-chc-02, .team-ari-01, .team-was-01 { background:#C70000; color:#FFF;}
.team-bal-01, .team-sf-01, .team-chw-01, .team-fla-01, .team-hou-02, .team-pit-01, .team-ari-02, .team-col-01  { background:#000; color:#FFF; }
.team-tor-01, .team-kc-01, .team-la-01, .team-phi-02  { background:#0044D9; color:#FFF; }
.team-nyy-02, .team-la-02, .team-cin-02 { background:#AAA; color:#FFF; }
.team-tor-02, .team-tb-02, .team-kc-02 { background:#83DAFF; color:#FFF; }
.team-det-02, .team-bal-02, .team-sf-02 { background:#FF5200; color:#FFF; }
.team-chc-01 { background:#0033AC; color:#FFF; } 
.team-fla-02 { background:#00D9FF; color:#FFF; }
.team-nhm-02 { background:#FFA600; color:#FFF; }
.team-oak-01 { background:#295C14; color:#FFF; }
.team-chw-02 { background:#929292; color:#FFF; }
.team-mil-02 { background:#AD7B00; color:#FFF; }
.team-col-02 { background:#6D007E color:#FFF; }
.team-sea-02 { background:#00DAB2; color:#FFF; }
.team-sd-02 { background:#FFDA6F; color:#000; }
.team-pit-02 { background:#FFDF00; color:#000; }
.team-oak-02 { background:#F8E200; color:#000; }

.mlb, .league  { background:#C70000; color:#FFF;}

.inputDiv
{
     float: right; width: 268px;
}
.inputDiv input
{
     width: 123px;
}
.profileUpdateName
{
     width: 123px; margin-right: 10px;
}
.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.calendarGame
{
    font-size:10px;
    color:blue;
}
.calendarGame:visited
{
    color:blue;
}

