body { background-color: #ffffff; color: #000000; font-family: "Verdana", "Arial", "Helvetica", sans-serif; font-size: 1em; margin: 0; padding: 0; }

a { background-color: inherit; color: #003706; }
a.noUl { text-decoration: none; }
a img { border: 0; text-decoration: none; }
a:hover { background-color: #003706; color: #ffffff; text-decoration: none; }

a.buttonLink { background-color: #dddddd; border: 1px solid #999999; color: #333333; font-size: 0.9em; margin-top: 0.75em; margin-right: 0.25em; padding: 0.5em; text-decoration: none; white-space: nowrap; border-radius: 6px; }
a.buttonLink:hover { background-color: #666666; border: 1px solid #333333; color: #dddddd; }
a.buttonLink img { vertical-align: middle; }

button img { vertical-align: middle; }

h1 { color: #ff0000; font-size: 1.4em; margin: 0; padding-top: 0.5em; padding-bottom: 0.25em; padding-left: 0.5em; padding-right: 0; }
h1.specific { padding-top: 1.5em; }
h2 { color: #006600; font-size: 1.2em; margin: 0; padding: 0; padding-left: 0.5em; }
h2 span { color: #cccccc; font-size: 0.8em; }

img.actionNeeded { border: 1px solid #999999; }
img.middle { vertical-align: middle; }

dl { font-size: 0.8em; }
dt { font-weight: bold; }
dd { margin-left: 1.5em; }
div.helper { color: #666666; font-size: 0.8em; margin-left: 0.25em; margin-right: 0.25em; }
span.helper { color: #aaaaaa; display: block; font-size: 0.7em; }

table { border: 1px solid #003706; border-left: 0; font-size: 0.9em; margin: 0; padding: 0; }
table img { vertical-align: middle; }
table.centerCells td { text-align: center; }
table.fullWidth { width: 100%; }
td { border-left: 1px solid #003706; padding-left: 0.5em; padding-right: 0.5em; padding-bottom: 0.25em; padding-left: 0.25em; }
td.c { text-align: center; }
td.r { text-align: right; }
th { background-color: #003706; border-left: 1px solid #ffffff; color: #ffffff; font-size: 0.9em; padding-left: 0.5em; padding-right: 0.5em; }
th:first-child { border-left: 1px solid #003706; }
th.blank { background-color: #ffffff; }
th.awayTm { border-bottom: 1px #ccff66 solid; }
th.homeTm { border-bottom: 1px #008000 solid; }
tr.allCenter td { text-align: center; }
tr.e td { background-color: #cccccc; color: #000000; }
tr.o td { background-color: inherit; color: #000000; }
tr.actionNeeded td { background-color: #ffff88; border-bottom: 1px solid #cccccc; }

ul.addPadding li { padding-top: 0.2em; padding-bottom: 0.2em; }

#content { font-size: 0.9em; margin-left: 2%; margin-right: 2%; }
#content h2 { text-align: center;}
#content h3 { background-color: inherit; border-bottom: 2px dotted #004000; color: #004000; margin: 0; margin-top: 1em; margin-bottom: 0.2em; padding: 0; padding-bottom: 0.2em; text-align: left; }
#content h3 a { background-color: inherit; border: 1px solid #999999; color: #003300; font-family: "Arial", sans-serif; font-size: 0.9em; font-weight: bold; float: right; padding-top: 0.15em; padding-bottom: 0.1em; padding-left: 0.25em; padding-right: 0.25em; text-decoration: none; }
#content h3 a img { vertical-align: top; }
#content h3 a:hover { background-color: #999999; border: 1px solid #003300; color: #ffffff; }
#content h3 a:hover img { background-color: #999999; }
#content h4 { background-color: inherit; border-bottom: 1px dotted #004000; color: #004000; margin: 0; margin-top: 0.75em; margin-bottom: 0.2em; padding: 0; padding-bottom: 0.2em; text-align: left; }

/* this used to be #content div, but gave me way too many headaches, so now I need to go and reformat every page? - MPW 06/28/2009 */
/*#content div	{ display: inline; float: left; padding: 0.5%; margin-right: 0%; margin-bottom: 2%; } */

#content div.col1Box, #content div.col12Box, #content div.col123Box, #content div.col1234Box
#content div.col2Box, #content div.col23Box, #content div.col234Box,
#content div.col3Box, #content div.col34Box,
#content div.col4Box
{ display: inline; float: left; margin-right: 0%; margin-bottom: 2%; padding: 0.5%; }

#content div.col1Box	{ width: 22%; margin-right: 2%; clear: left; }
#content div.col12Box	{ width: 48%; margin-right: 2%; clear: left; }
#content div.col123Box	{ width: 73%; margin-right: 2%; clear: left; }
#content div.col1234Box	{ width: 99%; margin-right: 0;  clear: both; }
#content div.col2Box	{ width: 23%; margin-right: 2%; }
#content div.col23Box	{ width: 48%; margin-right: 2%; }
#content div.col234Box	{ width: 74%; margin-right: 0; }
#content div.col3Box	{ width: 22%; margin-right: 2%; }
#content div.col34Box	{ width: 48%; margin-right: 0; }
#content div.col4Box	{ width: 23%; margin-right: 0; }

#content div.col2First { margin-left: 25%; clear: left; }
#content div.col3First { margin-left: 51%; clear: left; }
#content div.col4First { margin-left: 76%; clear: left; }

#content div.subcol12 { width: 45%; float: left; margin-right: 8%; }
#content div.subcol34 { width: 45%; float: right; }

#content div.clearFloats { display: block; float: none; height: 1px; margin: 0; padding: 0; }
#content div.cntr { display: block; float: none; }
div.errMsg, #content div.errMsg { background: #fff6bf url(http://i.superspuds.net/exclamation.png) center no-repeat; background-position: 15px 50%; border-top: 2px solid #ffd324; border-bottom: 2px solid #ffd324; display: block; float: none; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; padding: 5px 20px 5px 45px; text-align: left; width: auto; }
div.infMsg, #content div.infMsg { background: #fef9c9 url(http://i.superspuds.net/information.png) center no-repeat; background-position: 15px 50%; border-top: 2px solid #4e6489; border-bottom: 2px solid #4e6489; display: block; float: none; font-size: 0.9em; margin-top: 0.5em; margin-bottom: 0.5em; padding: 5px 20px 5px 45px; text-align: left; width: auto; }
#content div.mb_post{ width:95%;overflow:hide;border-right:2px #CCFFCC solid;border-top:1px #447744 solid;background-color:#EEFFEE;border-left:1px #CCFFCC solid;margin-bottom:8px;}

#content div.noBox { display: none; float: none; }

#content div.noteHdr { background-color: #cccccc; display: block; float: none; font-size: 0.7em; margin: 0; padding: 0.4em; }
#content div.note { display: block; float: none; margin-bottom: 0.5em; border: 1px solid #cccccc; font-size: 0.9em; padding: 0.5em; }
#content div.note ul li { padding-top: 0; padding-bottom: 0; }

#content form div { float: none; width: 100%; }
#content label { color: #000000; display: block; font-size: 0.9em; font-weight: bold; margin-bottom: 1em; padding-top: 0.2em; width: 95%; }
#content label.fullWidth { width: 100%; }
#content label.noBold { font-weight: normal; }
#content label.noBottomMrgn { margin-bottom: 0; }
#content label.noRobots { display: none; }
#content label.noWrap { display: inline; float: left; width: auto; margin-right: 0.5em;}
#content label em { color: #666666; font-size: 0.8em; font-weight: normal; font-style: normal; padding-left: 1em; }
#content label input { display: block; font-size: 1.3em; margin-top: 0.2em; width: 100% }
#content label input.noFullWidth { width: auto; }
#content label input.noWrap { display: inline; margin-top: 0; }
#content label select { display: block; margin-top: 0.5em; }
#content label span { display: block; font-size: 0.8em; font-weight: normal; }
#content label span.cbLabel { display: inline; padding-left: 0.5em; }
#content label span.curVal { display: block; font-size: 1.1em; font-weight: normal; padding-left: 0.5em; }
#content label span.textFieldLine { display: block; font-size: 1em; }
#content label span.textFieldLine input { display: inline; }

#content label textarea { display: block; margin-top: 0.5em; }

#content label div.errMsg, #content label div.infMsg { font-size: 1.1em; }
#content label span.numRange { font-style: italic; font-weight: normal; }
#content label div.prefError { color: #ff0000; display: block; float: none;  }
#content ol { margin-top: 0.25em; margin-bottom: 0.75em; padding-bottom: 0; }
#content ul { margin-top: 0.25em; margin-bottom: 0.75em; padding-bottom: 0; }
#content ul li { padding-top: 0.5em; padding-bottom: 0.5em; }
#content ul.noMargins { margin-top: 0; margin-bottom: 0; }
#content ul.mb_cmt { margin-top: 0; margin-bottom: 0; list-style: none;  padding-left: 0; }
#content div.mb_cmt { width:95%;}
#content ul.mb_cmt li, div.mb_cmt { font-size: 0.9em; border-left:18px #CCFFCC solid;margin-left: -5px;padding-left:5px;background-color:#EEFFEE;border-top:1px white dotted;margin-right:-3px;margin-bottom:-3px;}
#content li.mb_post_hdr{list-style: none;background-color:#447744;padding:2px;color:white;text-align:right;font-size:0.7em;margin-left:-5px;margin-top:-5px;margin-right:-4px;}
#content li.mb_post_ftr{list-style: none;background-color:#CCFFCC;margin-left: -5px;padding:2px;color:white;text-align:right;font-size:0.7em;margin-left:-5px;margin-bottom:-2px;margin-right:-4px;}
#content li.mb_post { list-style: none;border-left:18px #447744 solid;margin-left: -5px;background-color:#EEFFEE;margin-right:-3px;padding-left:3px;padding-right:3px;padding-bottom:4px;}
#content span.mb_cmt_hdr {font-size:0.7em;color:#447744;}
#content ul.noBulletList { list-style: none; margin-left: 0; padding-left: 0; }
#content ul.noBulletList li { padding-left: 0.25em; padding-right: 0.25em; }
#content li.e { background-color: #dddddd; }
#content li.o { background-color: #ffffdd; }

/*
#content div.subcol12 li a:first-child { clear: both; }
#content div.subcol12 li a:last-child { width: 24px; float: right; }
*/
#content div.subcol34 li a:first-child { width: 24px; clear: both; float: left; }

#footer { clear: both; display: block; font-size: 0.7em; padding: 0.5em; }
#footer a { font-weight: bold; }
#footer #tagline { padding-top: 2em; padding-bottom: 1em; }

#games td { text-align: center; }

#leaguesIn { background-color: #666666; border-bottom: 1px solid #333333; color: #eeeeee; font-size: 0.7em; }
#leaguesIn a { background-color: inherit; color: #eeeeee; border-bottom: 1px dotted #eeeeee; text-decoration: none; }
#leaguesIn a:hover { background-color: #eeeeee; color: #666666; border-bottom: 1px dotted #666666; text-decoration: none; }
#leaguesIn ul { display: inline; list-style: none; margin: 0; padding: 0; padding-top: 0.5em; padding-bottom: 0.5em; vertical-align: middle; }
#leaguesIn li { display: inline; margin: 0; margin-right: 1em; padding: 0; margin-bottom: 0.5em; white-space: nowrap; }
#leaguesIn li.cur { font-weight: bold; }

#leaguesIn div.buttonLink { background-color: #333333; margin-bottom: 0.5em; }
#leaguesIn div.buttonLink a { background-color: #666666; border-bottom: 1px solid #999999; }
#leaguesIn div.buttonLink a:hover { background-color: #eeeeee; border-bottom: 1px solid #999999; color: #666666; }

#leaguesIn div.account { background-color: #333333; border-left: 8px solid #666666; float: right; margin: 0; padding: 0; padding-bottom: 0.25em; width: 200px; }
#leaguesIn div.account div.accountText { background-color: inherit; border-bottom: 1px solid #eeeeee; color: inherit; display: block; font-family: "Helvetica", serif; font-size: 1.2em; font-weight: bold; margin: 0; padding: 0; padding-top: 0.25em; padding-bottom: 0.25em; text-align: center; }
#leaguesIn div.buttonLink#editBtn { font-size: 0.95em; margin-top: .8em; margin-left: 0.3em; margin-bottom: 0; border-radius: 6px; }
#leaguesIn div.buttonLink#logoutBtn { float: right; font-weight: bold; }
#leaguesIn div.buttonLink#logoutBtn a { background-color: #ff8000; color: #000000; border-radius: 6px; }
#leaguesIn div.buttonLink#logoutBtn a:hover { background-color: #eeeeee; color: #ff8000; border: 1px solid #333333; }

#leaguesIn div.header { background-color: #333333; border-right: 8px solid #666666; float: left; margin: 0; padding: 0; padding-bottom: 0.5em; text-align: center; width: 150px; }
#leaguesIn div.header div.headerText { background-color: inherit; color: inherit; font-family: "Helvetica", serif; font-size: 1.3em; font-weight: bold; margin: 0; padding: 0; padding-top: 0.25em; padding-bottom: 0.25em; }


#linkBar { background-color: #ccffcc; border-bottom: 1px solid #008000; color: #008000; clear: both; font-size: 0.8em; margin: 0; padding: 0.5em; white-space: nowrap; }
#linkBar a { color: #008000; padding: 1em; padding-top: 0.5em; padding-bottom: 0.5em; text-decoration: none; border: 1px solid #008000; border-bottom: 1px solid #ccffcc; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }
#linkBar a:hover { background-color: #008000; color: #ccff66; border-bottom: 2px solid #008000; }
#linkBar ul { margin: 0; padding: 0; padding-top: 0.75em; padding-bottom: 1px; }
#linkBar ul li { display: inline; margin: 0; padding: 0; margin-right: 0.75em; }
#linkBar ul li.pseudoSelected { background-color: #ffffff; border-bottom: 1px solid #ffffff; color: #008000; font-weight: bold; padding: 0; }
#linkBar ul li.pseudoSelected a { border-bottom: 2px solid #ffffff; color: #4eff00; font-weight: bold; }
#linkBar ul li.pseudoSelected a:hover { border-bottom: 2px solid #008000; }
#linkBar ul li.selected { background-color: #ffffff; border: 1px solid #008000; border-bottom: 2px solid #ffffff; color: #008000; font-weight: bold; padding: 1em; padding-top: .5em; padding-bottom: 0.5em; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px; -moz-border-top-left-radius: 6px; -moz-border-top-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; }

#subLinkBar { background-color: #ffffff; border-bottom: 1px dashed #008000; color: #008000; clear: both; font-size: 0.8em; margin: 0; padding: 0.5em; white-space: nowrap; }
#subLinkBar ul { margin: 0; padding: 0; padding-bottom: 0.5px; }
#subLinkBar ul li { display: inline; margin: 0; padding: 0; margin-left: 0.75em; margin-right: 0.75em; }
#subLinkBar ul li.selected { font-weight: bold; }

#tagline { font-size: 1.1em; text-align: center; }
#tagline a { color: #ff0000; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#tagline a:hover { background-color: #ff0000; color: #ffffff; }

#user_area { display: block; float: right; font-size: 0.8em; list-style: none; margin: 0; padding: 0; padding-top: 1em; width: 13em; text-align: right; }
#user_area li { display: inline; margin: 0; padding: 0; margin-right: 0.75em; }

#weatherBox { display: block; margin-left: auto; margin-right: auto; margin-bottom: 1em; text-align: center; width: 180px; height: 150px; background-image: url( http://vortex.accuweather.com/adcbin/netweather_v2/backgrounds/green_180x150_bg.jpg ); background-repeat: no-repeat; background-color: #336633; }
#weatherBox img { border: 1px solid #000000; }

div.buttonLink { font-size: 0.9em; margin-top: 0.75em; margin-right: 0.25em;  white-space: nowrap; }
div.buttonLink a { background-color: #dddddd; border: 1px solid #999999; color: #333333; padding: 0.5em; text-decoration: none; border-radius: 6px; }
div.buttonLink a:hover { background-color: #666666; border: 1px solid #333333; color: #dddddd; }
div.buttonLink a img { vertical-align: middle; }

div.buttonRow { background-color: #004000; clear: both; display: block; margin-top: 0.75em;  }
div.buttonRow a { color: #ffffff; padding-left: 0.5em; vertical-align: middle; }
div.buttonRow a:hover { background-color: #ffffff; color: #004000; }
div.buttonRow input { float: right; }
div.buttonRow button { float: right; }
div.buttonRow button img { vertical-align: middle; }

div.puButton a { background-color: inherit; border: 1px solid #999999; color: #003300; font-family: "Arial", sans-serif; font-size: 0.9em; font-weight: bold; float: right; padding-top: 0.15em; padding-bottom: 0.1em; padding-left: 0.25em; padding-right: 0.25em; text-decoration: none; margin-bottom: 0.5em; }
div.puButton a img { vertical-align: top; }
div.puButton a:hover { background-color: #999999; border: 1px solid #003300; color: #ffffff; }
div.puButton a:hover img { background-color: #999999; }

div.popupForm { border: 1px solid #004000; }
div.popupForm label { margin: 4px; }

/* bbmark -> misc styling */
.actionNeeded { background-color: #ffff88; color: #000000; }
.alignCenter { text-align: center; }
.clearFloats { clear: both; }
.current { font-weight: bold; }
.floatLeft { float: left; }
.floatRight { float: right; }
.instructions { display: block; float: none; font-size: 0.75em; font-style: italic; text-align: center; }
.msgbrd_container {border:10px #447744 solid;width:95%; margin-bottom: 0.5em;}
.noBreak { white-space: nowrap; }