/* NBC NFFC Global Style
 * Created: 11/15/2008
 * Company: Stats LLC - http://www.stats.com
 * Version: 1.0
 * Last Modified: Michael Edelnant
 */


/*###################################################
 * Global Styles
 ##################################################*/

div.clear {clear: both;}

a {font-size: 10px; font-weight: bold; text-decoration: none;}
a:link {color: #0058a5;}
a:visited{color: #0058a5;}
a:active{color: #0058a5; text-decoration: underline;}
a:hover{color: #0058a5; text-decoration: underline;}
a.more_truncate {position: absolute; bottom: 0; right: 0; text-transform:uppercase;}

h3 { color: #2b3f63; font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif; font-size: 19px; font-weight: bold; letter-spacing: 1px;}
h3.border { border-bottom: 1px dotted #2b3f63; padding: .3em 0 ;}

h3.orange,
h3.orange.border {color: #d75c0f; border-color: #d75c0f;}

p {padding: .5em 0; line-height: 1.4em; position: relative; font-size: 12px;}
p.feature {font-size: 13px; line-height: 1.3em;}

img.testImg {display: block;background: #ccc;}
img.imgLeft {float: left;margin: 0 .5em .5em 0;border: 1px solid #909090; background: #fff; padding: .2em;}
img.imgRight {float: right;margin: 0 0 .5em .5em;border: 1px solid #909090; background: #fff; padding: .2em;}

div.registerBox img.logo1 {display: block;float: left;margin: 7px 0 0 55px; (adjust top and left till it looks good to you : top,right,bottom,left) }

/*###################################################
 * End Global Styles
 ##################################################*/

body {background: #000 url(../images/bgPatternCenter.jpg) 0 0 repeat-x;font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;font-size: 11px;color: #fff;}

/*div wrapper providing the NBC logo tile for the bg*/
div#siteTileWrapper {display: block;background: url(../images/nbcLogoTile.gif) 0 0 repeat-x;}

/*top ornamental bar - soft teal*/
div.topBar {height: 15px;overflow: hidden;background: url(../images/topBarTileX.gif) 0 0 repeat-x;border-bottom: 2px solid #000;}

/*Site Container - centers the layout @ 921px width*/
div#siteCenterWrapper {display: block;width: 921px;background: #000;height: auto;margin: -17px auto 0 auto;}

/*Masthead Styling*/
div#mastHead {position: relative;background: url(../images/mastHeadBg.jpg) 0 0 no-repeat;height: 125px/*Original 189px*/;border-top: 1px solid #000;border-right: 1px solid #2f2f2f;border-left: 1px solid #2f2f2f;	}
div#mastHead div.topBar {position: absolute;height: 15px;}
div#mastHead a#siteLogo {display: block;width: 350px;height: 129px;background: url(../images/nbcSiteLogo.png) 0 0 no-repeat;overflow: hidden;position: absolute;top: -15px;left: 10px; text-indent: -9999px;}
div#mastHead div.registerBox {display: block;position: absolute;top: 10px;right: 10px;width: 380px;height: 101px;background: url(../images/registerBox.png) 0 0 no-repeat;}
/*Game Buttons*/
/*Hiding these buttons for right now - when bringing them back.. make sure you change the mastHead height back to the original*/
a.baseBallButton {display: none;width: 451px;height: 69px;background: url(../images/baseBallButton.gif) 0 0 no-repeat;position: absolute;right: 5px;bottom: 5px;overflow: hidden;text-indent: -9999px;}
a.footBallButton {display: none;width: 451px;height: 69px;background: url(../images/footballButton.gif) 0 0 no-repeat;position: absolute;left: 5px;bottom: 5px;text-indent: -9999px;}
a:hover.baseBallButton,
a:hover.footBallButton {background-position: 0 -69px;}

/*Primary Nav Styling*/
div#primaryNav {height: 44px;background: url(../images/navBarBg.jpg) 0 0 no-repeat; position: relative; z-index: 9999;}
div#primaryNav div {padding: 0 2.5em;}

/*Styling for main navigation*/
div#primaryNav ul.primary {display: block;padding: 10px 0 0 35px;}
div#primaryNav ul.primary li {display: block;float: left;height: 29px;margin: 0 0px 0 0;border-right: 1px solid #4b4b4b;border-left: 1px solid #191919;}
div#primaryNav ul.primary li.first {border-left: none;}
div#primaryNav ul.primary li.last {border-right: none;}
div#primaryNav ul.primary li a {display: block;height: 29px;background: transparent;color: #fff;font-family: Trebuchet MS, Geneva, Arial, Helvetica, sans-serif;font-size: 13px; text-align: center; float: left; padding: 0 1.5em 0 1.5em;line-height: 30px;text-decoration: none;}
div#primaryNav ul.primary li a:hover {color: #f9cd32;}

/* Styling for sub navigation */
div#primaryNav ul.primary  ul.secondary{clear: both;height: auto; background: #000;position: absolute; z-index: 9999; display: none; top: 39px;}
div#primaryNav ul.primary  ul.secondary a {display: block;color: #fff; font-size: 11px;}
div#primaryNav ul.primary  ul.secondary li {float: none;width: 200px;display: block;height: 20px;border-bottom: 1px solid #3c3c3c;text-align: left;padding: 0;margin: 0;background: url(../images/subNavBg.gif) 0 0 no-repeat;}
div#primaryNav ul.primary ul.secondary li a {display: block; clear: both;line-height: 20px;float: none; text-align: left; padding: 0 1em 0 1.5em; font-size: 11px;}
div#primaryNav ul.primary ul.secondary li a:hover {color: #f9cd32;}

/*Begin content Grid*/
div#pageContent {height: auto;background: #fff url(../images/pageContentRoundedTopCorners.gif) 0 0 no-repeat;padding: 10px 5px;color: #434343;}
div#pageContent div.col_736 {width: 736px;height: auto;background: transparent;float: left;margin: 0 5px 0 0;overflow: hidden;}
div#pageContent div.col_170{width: 170px;height: auto;background: transparent;float: left;overflow: hidden;}

div#featBanner {width: 729px;height: 248px;background: url(../images/bigBanner_grassBg.jpg) 0 0 no-repeat;border: 3px solid #000;margin: 0 0 .5em 0;position: relative;}
div#featBanner span.detail {color: #fff;position: absolute;bottom: 10px;left: 6px;text-align: center;background: transparent;width: 340px;height: 45px;padding: .5em 0 0 0;font-weight: bold;font-size: 13px;line-height: 15px;}
div#featBanner img {display: block;position: absolute;border: 5px solid #fedb00;right: .6em;top: .6em;}
div#featBanner h1 {text-indent: -9999px;}

/*Gradient Panel Styling*/
div.panel {position: relative; margin: 0 0 .5em 0; width: auto; min-height:90px;height:auto !important;height:90px;}
div.noFramePanel {position: relative; margin: 0 0 .5em 0; width: auto; min-height:90px;height:auto !important;height:90px; padding: .5em;}
div.panel.gradient {display: block; position: relative;}
div.panel.gradient_content {display: block; position: relative; background: #dbe4f0 url(../images/panel/gradientTile_x.gif) 0 -1px repeat-x; border: 1px solid #becde4; padding: .5em;}
div.panel.gradient i {display: block; position: absolute; background: url(../images/panel/gradientCorners.gif) 0 0 no-repeat;}
div.panel.gradient i.tpLftCorner,
div.panel.gradient i.tpRgtCorner { width: 5px; height: 84px; overflow: hidden;}
div.panel.gradient i.btmLftCorner,
div.panel.gradient i.btmRgtCorner {width: 5px; height: 5px; overflow: hidden;}
div.panel.gradient i.tpLftCorner {background-position: 0 0; top: 0; left: 0;}
div.panel.gradient i.tpRgtCorner {background-position: right top; top: 0; right: 0;}
div.panel.gradient i.btmLftCorner {background-position: left bottom; bottom: 0; left: 0;}
div.panel.gradient i.btmRgtCorner {background-position: right bottom; bottom: 0; right: 0;}
div.panelLinks {position: relative; background: transparent; height: 15px; overflow: hidden;}

div.panel.gradient.orange {display: block; position: relative;}
div.panel.gradient_content.orange {display: block; position: relative; background: #f7eed3 url(../images/panel/gradientTileOrange_x.gif) 0 -1px repeat-x; border: 1px solid #f1e1b1; padding: .5em;}
div.panel.gradient.orange i {display: block; position: absolute; background: url(../images/panel/gradientCornersOrange.gif) 0 0 no-repeat;}
div.panel.gradient.orange i.tpLftCorner,
div.panel.gradient.orange i.tpRgtCorner { width: 5px; height: 84px; overflow: hidden;}
div.panel.gradient.orange i.btmLftCorner,
div.panel.gradient.orange i.btmRgtCorner {width: 5px; height: 5px; overflow: hidden;}
div.panel.gradient.orange i.tpLftCorner {background-position: 0 0; top: 0; left: 0;}
div.panel.gradient.orange i.tpRgtCorner {background-position: right top; top: 0; right: 0;}
div.panel.gradient.orange i.btmLftCorner {background-position: left bottom; bottom: 0; left: 0;}
div.panel.gradient.orange i.btmRgtCorner {background-position: right bottom; bottom: 0; right: 0;}

/*Sidebar Box Styling*/
div.cBox {margin: 0 0 .5em 0; position: relative;}
div.cBox h3 {height: 23px;overflow: hidden;line-height: 23px;background: url(../images/cBox/headerBg.jpg) 0 0 no-repeat;color: #fff;font-size: 12px;padding: 0 .5em;position: relative;border: 1px solid #000;}
div.cBox h3 a,
div.cBox h3 a:link,
div.cBox h3 a:active,
div.cBox h3 a:visited,
div.cBox h3 a:hover{position: absolute; right: .5em;color: #f6be17;}

div.cBoxContent {padding: .5em;border: 1px solid #d1d1d1;}
div.cBoxContent p { line-height: 1em;}

div.cBox label {display: block;color:#0058a5; font-weight: bold; padding: .2em 0;}
div.cBox input.iText {display: block; width: 13.5em; color: #36434e; padding: .1em; font-size: 11px; letter-spacing: 1px; margin: 0 0 .5em 0;}
div.cBox input.formBtn {background: url(../images/cBox/formBtnBg.gif) 0 0 no-repeat; color: #fff; font-weight: bold; border: none;width: 147px; height: 27px; cursor: pointer;}
div.cBox a.fPassword {display: block; text-align: right; font-weight: normal; color: #919191;}

div#sponsorBox div.sponsorBoxContent {background: url(../images/sponsorBoxTile_x.gif) 0 0 repeat-x;padding: .5em 0;}
div#sponsorBox div.sponsorBoxContent img {display: block;padding: .2em;background: #fff;border: 1px solid #909090;margin: 0 auto;}
div#sponsorBox div.sponsorBoxContent p {padding: .5em 1em;font-size: 10px;}
div#sponsorBox div.sponsorBoxContent a:hover img {background: #fedb00;}

div#pWinners img {display: block; margin: 0 auto; border: 1px solid #909090; width: 150px; padding: .2em;}
div#pWinners p {background: url(../images/cBox/headerBg.jpg) 0 0 no-repeat; text-align: center; font-size: 10px; border: 2px solid #000; margin: .2em 0 0 0; font-weight: bold; color: #fff;}

div#siteFooter {height: 45px;background: url(../images/pageContentRoundedBtmCorners.gif) 0 0 no-repeat;color: #fff; padding: .75em 0 0 0;}
div#siteFooter div.footerWrap {padding: .75em 0 0 0; font-size: 10px; background: url(../images/footerBg.gif) 0 0 no-repeat; height: 28px;}
div#siteFooter ul {display: block; margin: 0 auto; padding: 0; color: #2b3f63;}
div#siteFooter ul li {display: block; float: left;}
div#siteFooter ul li strong {display: block; float: left; padding: 0 0 0 1em;}
div#siteFooter ul li a {float: left;color: #2b3f63; display: block; float: left; border-right: 1px solid #2b3f63; padding: 0 1em 0 1em; font-weight: normal;}
div#siteFooter ul li a.last {border: none;}

/*IE Styling*/
div.panel {*margin: 0 0 .25em 0;}
div.panel.gradient i.btmLftCorner {z-index: 1; *background: url(../images/panel/gradientBottomCorners.gif) top left no-repeat; *bottom: .25em; left: 0;}
div.panel.gradient i.btmRgtCorner {z-index: 1; *background: url(../images/panel/gradientBottomCorners.gif) top right no-repeat; *bottom: .25em; right: 0;}

div.panel.gradient.orange i.btmLftCorner {z-index: 1; *background: url(../images/panel/gradientBottomCornersOrange.gif) top left no-repeat; *bottom: .25em; left: 0;}
div.panel.gradient.orange i.btmRgtCorner {z-index: 1; *background: url(../images/panel/gradientBottomCornersOrange.gif) top right no-repeat; *bottom: .25em; right: 0;}


a.orangeButton {display: block;height: 27px;background: url(../images/orangeBtn_tileX.gif) 0 0 repeat-x;line-height: 27px;position: relative;}
a.orangeButton div.left {background: url(../images/orangeBtnLeft.gif) 0 0 no-repeat;height: 27px;}
a.orangeButton div.right {position: absolute;height: 27px;width: 4px;top: 0;right: 0;background: url(../images/orangeBtnRight.gif) 0 0 no-repeat;}
a.orangeButton span {display: block;color: #fff;font-weight: bold;font-size: 13px;text-align: center;padding: 0 1.5em;}
a.orangeButton.btnLeft {float: left;}
a.orangeButton.btnRight {float: right;}

a.largeOrangeButton {display: block;height: 48px;background: url(../images/largeOrangeBtn_tileX.gif) 0 0 repeat-x;line-height: 48px;position: relative;}
a.largeOrangeButton div.left {background: url(../images/largeOrangeBtnLeft.gif) 0 0 no-repeat;height: 48px;}
a.largeOrangeButton div.right {position: absolute;height: 48px;width: 4px;top: 0;right: 0;background: url(../images/largeOrangeBtnRight.gif) 0 0 no-repeat;}
a.largeOrangeButton span {display: block;color: #fff;font-weight: bold;font-size: 19px;text-align: center;padding: 0 1.5em;}
a.largeOrangeButton.btnLeft {float: left;}
a.largeOrangeButton.btnRight {float: right;}

body table tbody td,
body table tbody th,
body table tbody tr {color: #000;}