﻿ /***********************
 /* RESET
 /**********************/
html,
body {
	border:0;
	margin:0;
	padding:0;
    text-align: left;
}
html {font-size:100.01%;}
body {font-size:1em;}
table td {font-size:1em;}
h1, h2, h3, h4, h5, h6 {margin:0; padding:0;}
p { width: 100%; }

 /***********************
 /* GLOBAL
 /**********************/
body {background: #F4F4F4; font-family: Verdana; font-size: .9em;}

div.mainheader {padding-bottom: 0px; height: 132px; width:1003px; margin: 0px auto;}
div#MainHeader {position: relative; background: #eaeaea;}
div.maincontent {padding: 8px 30px 5px 30px; background: #eaeaea;}
div.popupcontent {padding: 0px 10px;}
body.Article div.maincontent {padding: 8px 15px 5px 15px; }
div.messagearea {padding: 5px; margin-bottom: 10px;}
img {border: 0px;}

input.button,
a.button
{
    background: url(../Images/Button/button_bg.jpg) repeat-x;
    height: 22px;
    border: 0px;
    color: #FFFFFF;
    font-size: 1em;
    font-weight: bold;
    cursor: pointer;
    padding: 0px 10px 4px 10px;
    margin: 0px 20px;
    vertical-align: top;
}
.button
{
    text-align: center;
}
a.button {padding: 5px 10px; top: 5px; position: relative; text-decoration: none; font-size: 1.1em;}
a.button:hover {color: #FFFFFF;}

div.header
{
    background: url(../Images/Background/headerbarblue_bg.jpg) repeat-x;
    border: 1px solid #1f4973;
    border-bottom: 0px;
    height: 27px;
    color: #FFFFFF;
}
div.rail
{
    background: url(../Images/Background/headerbarorange_bg.jpg) repeat-x; 
    border: 1px solid #c73b01;
    border-bottom: 0px;
    height: 26px;
}
div.header h3 {padding-left: 5px; display:inline-block; color: #ffffff; font-size: 1em;}
div.subheader
{
    background: #5794d3; color: #FFFFFF;
    font-size: .9em; padding: 2px 3px 0px 3px;
    height: 18px;
    border: 1px solid #1f4973;
    border-bottom: 0px;
}
div.header h3 {padding-left: 5px; padding-top: 4px; display:inline-block; color: #ffffff; font-size: 1.1em;}
div.popupcontent div.header h3 {width: 390px;}
div.header .optionOne {display:inline-block; color: #FFFFFF; width: 40px; height: 30px;}
div.header .optionTwo {display:inline-block; color: #FFFFFF; height: 30px;}
div.content {border: 1px solid #1f4973; background: #FFFFFF; font-size: .9em;}
div.content li {padding: 2px 0px;}
div.railC {border: 1px solid #c73b01;}
div.buttonDiv {margin: 5px auto; width: 100%; text-align: center; height: 22px;}
table {border-collapse: collapse; width: 100%;}
table.standard tr {background: #e6e6e6; border-bottom: 1px solid #8c8c8c; height: 28px;}
table.standard tr.header {background: #5794d3; color: #FFFFFF; height: 21px;}
table.standard tr.alt {background: #cdd2d7;}
table.standard tr.total {background: #FFFFFF;}
table.standard tr.internal {background: #3300FF;}
table.standard tr td {font-size: .9em; color: #000000; padding: 3px; line-height: 21px; height: 21px;}
table.standard tr.header th {font-size: .9em; border-bottom: 1px solid #1f4973; padding: 0px 3px;}
table.standard tr.header th.noBottomBorder { border-bottom: 1px solid #5794D3;}
table.standard tr.header th.DDFP { width: 60px; }
table.standard tr.note td {font-style: italic; font-size: small;}
table.standard tr.Lock {background: #39B7CD;}
table.standard tr.X3 {background: #49E20E;}
table.standard tr.X2 {background: #78AB46;}
table.standard tr.Weak {background: #FBEC5D;}
table.standard tr.NP {background: #FF5333;}
table.standard td.cBox,
table.standard th.cBox
{
    width: 40px;
}


table.standard td.rightAlign {text-align: right;}
table.standard td.centerAlign {text-align: center;}
table.standard th.centerAlign {text-align: center;}
table.standard td.left {width: 150px;}
table.standard td.wide {width: 300px;}
table.standard tr.center td {text-align: center;}
table.standard tr.noborder {border-bottom: none;}

div.note, div.CMS {padding: 5px;}
span.subheader {font-size: medium;}

div.pageContent
{
    width: 1003px;
    background: #eaeaea;
}
div.popupPageContent
{
    width: 418px;
    background: #eaeaea;
}
div.pageContentWrapper 
{
    width: 1003px;
    margin: 0px auto;
}
div.popupContentWrapper 
{
    width: 418px;
    margin: 0px auto;
}
div.popupheader             {padding-bottom: 0px; height: 39px; width: 398px; margin: 0px auto;}

a                           {color: #d83908;}
a:hover                     {color: #d83908;}

div.footer 
{
    background: url(../Images/Background/footerbg.jpg) repeat-x #1F4973;
    text-align: center;
    margin: 10px 0px 0px 0px;
    padding-bottom: 5px;
    font-size: small;
    color: #FFFFFF;
}
div.footer a { color: #FFFFFF; }
div.footer p
{
    margin-bottom: 0px;
    padding-top: 5px;
}
body.popup div.footer
{
    border-top: 1px solid #000000;
    text-align: center;
    margin: 10px auto 0px auto;
    font-weight: bold;
    font-size: small;
    width: 398px;
}
div.headerLogin
{
    position: relative;
    width: 285px;
    left: 706px;
    top: -92px;
    float: left;
    color: #27408B;
    height: 0px;
    font-size: .9em;
}
div.headerLogin input.loginTxt  {width: 200px;}
div.headerLogin td.full         {width: 100%;}
div.headerLogin td.leftDouble   {width: 210px;}
div.headerLogin td.rightLogin   {width: 121px;}
div.headerLogin td.leftRegister {width: 60px;}
div.headerLogin td.rightForgotPassword {text-align: right; padding-right: 5px;}
div.headerLogin td.rightLogin .button {margin: 0px 0px 0px 4px;}
div.headerLogin td.header       {font-weight: bold; font-size: .9em;}

div#userSection 
{
    position: absolute;
    text-align: right;
    width: 620px;
    left: 370px;
    top: 70px;
    color: #171717;
}
div#userSection a {color: Blue;}
div#userSection a:hover {color: Blue; text-decoration: underline;}

div#mainContentSection
{
    float: left;
    width: 670px;
    z-index: 1000;
}

div#mainContentHome
{
    float: left;
    width: 640px;
    z-index: 1000;
    padding-left: 10px;
}

div#descriptionContent,
div#sideContent
{
    position: relative;
    float: right;
    width: 286px;
}

div#sideContent {width: 281px; padding-right: 10px;}

div.emailSignup
{
    background: url(../Images/Home/emailsignup_bg.jpg);
    width: 640px;
    height: 83px;
    position: relative;
}
div.emailSignup div.emailGrabboxDiv {position: absolute; width: 390px; font-size: .8em; top: 43px; left: 5px;}
div.emailSignup div.emailInputDiv {position: absolute; width: 260px; top: 50px; left: 395px; }
div.emailSignup div.emailInputDiv .inputText {width: 160px;}
div.emailSignup div.emailInputDiv .button {font-size: .8em; margin: 0px 3px; width: 70px;}
body#Home .maincontent {padding: 8px 15px 5px 21px;}
body#Home #mainContentHome div.header {width: 640px;}
body#Home #mainContentHome div.content {width: 640px;}
body#Home #mainContentHome .LatestNews .left {float: left; width: 206px; padding: 5px 6px 5px 5px;}
body#Home #mainContentHome .LatestNews .middle {float: left; width: 206px; padding: 5px 0px;}
body#Home #mainContentHome .LatestNews .right {float: right; width: 206px; padding: 5px;}

body#Home #mainContentHome .AboutUs .left {float: left; width: 200px; padding: 5px 10px;}
body#Home #mainContentHome .AboutUs .middle {float: left; width: 200px; padding: 5px 0px;}
body#Home #mainContentHome .AboutUs .right {float: right; width: 200px; padding: 5px 10px;}
body#Home #mainContentHome .LatestNews {position: relative;}
body#Home #mainContentHome .LatestNews .mainNewsText {width: 630px; background: #000000; color: #FFFFFF; padding: 5px;}
body#Home #mainContentHome .LatestNews .subNewsText {width: 196px; background: #000000; color: #FFFFFF; padding: 5px;}
body#Home .CS a {color: #000000; font-weight: bold;}
body#Home #mainContentHome div.OtherNews {width: 640px;}
body#Home #mainContentHome div.OtherNews table.standard td { line-height: 16px;}

input.responseText {width: 99%; height: 100px;}

.emailInput { background: url(../Images/Home/EnterEmailAddress.jpg); }
.loginEmail { background: url(../Images/Header/EmailAddress.jpg); border: 1px solid #797979; width: 204px !important;}
.loginPassword { background: url(../Images/Header/Password.jpg); border: 1px solid #797979; width: 204px !important;}

.shortInput { width: 40px; }
.playerInput { width: 80px; }


/* ------------------------------------------------------------------------
   Navigation
   ----------------------------------------------------------------------*/
.navcontrol 
{
    position:relative; 
	top: -30px;
	left: -1px;
	z-index:100;
	margin: 0px 0px 0px 0px;
	padding: 0;
	margin-left: 1px;
}
#sddm
{	
    list-style-type:none;
    margin: 0px;
    padding: 0px;
    position: absolute;
    z-index: 100;
    width: 1003px;
    background: #eaeaea;
    background: url(../Images/Nav/navbarfull_bg.jpg);
}
#sddm li
{	
    float: left;
    font-size: 1.1em;
    line-height: 28px;
    height: 30px;
    position: relative;
    voice-family: "\"}\"";
    voice-family: inherit;
    padding: 0px;
}
#sddm a.header {color: #ffffff;}
#sddm li:hover a.header {color: #000000;}
#sddm li a
{	
    color: #000000;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    padding: 0;
}
#sddm li:hover {background: url(../Images/Nav/navbar_bg_on.jpg) repeat-x; color: #000000;}
#sddm div
{	
    position: absolute;
	visibility: hidden;
	margin: 0;
	padding: 0;
	top: 30px;
	background: #EAEBD8;
	left: 0px;
}
#sddm div a
{	
    position: relative;
	display: block;
	margin: 0;
	padding: 5px 0px 5px 5px;
	width: 139px;
	white-space: nowrap;
	text-align: left;
	text-decoration: none;
	background: #dadada;
	color: #cf5300;
	font: 11px arial;
	border-bottom: solid 1px #B0B0B0;
	border-right: solid 1px #B0B0B0;
	border-left: solid 1px #B0B0B0;
}
#sddm div a:hover               {background: #ededed;}
#sddm div                       {width: 136px;}
#sddm div a                     {width: 129px;}
#sddm li        		        {width: 135px; border-left: 1px solid #171717;}
#sddm li.home   				{border-left: none;}
#sddm li a.header		        {width: 100%;}
#sddm li.predict    		    {width: 153px;}
#sddm li.predict div            {width: 152px;}
#sddm li.predict div a          {width: 147px;}
#sddm li.shop                  {border-right: 1px solid #171717;}

div.second {margin-top: 10px;}

/***********************
/* PAGES
/**********************/
/**************************
/* PAGES - SUPPORT
/*************************/
/* Support Default */
body#Admin_Default tr.center td                   {text-align: center;}
body#Admin_Default .commentText                   {width: 100%; padding: 2px 0px;}
div.menuLinks                                       {padding: 0px;}
.menuOption                                         {padding: 0px 5px;}
body#Admin_Default div.maincontent ul             {margin: 5px 0px;}
body#Admin_Default div.maincontent {padding: 8px 15px 5px 15px; }
body#Admin_Default div#mainContentSection
{
    float: left;
    width: 478px;
    z-index: 1000;
}

body#Admin_Default div#descriptionContent
{
    position: relative;
    float: right;
    width: 478px;
}

/* Support Daily Report */
body#Admin_DailyReport table.calendar,
body#Admin_SalesReport table.calendar,
body#MLBLiveOdds table.calendar,
body#CMS_Edit table.calendar,
body#PredictionCalendar table.calendar
{
    margin: 0px auto;
    text-align: center;
    border: 1px solid white;
    background-color: White;
    width: 350px;
    color: Black;
}

body#PredictionCalendar table.calendar { font-size: smaller; width: 284px; }

/* CMS Edit */
body#CMS_Edit td.left { width: 150px; }
body#CMS_Edit .textInput {width: 500px;}
body#CMS_Edit .disabled {background: #F0F0F0; border-style:groove;}

/* Support History */
body#Support_Default table#contactHistory .date {width: 150px;}
body#Support_Default table#contactHistory .link {width: 120px;}
body#Support_Default table#contactHistory .status {width: 200px;}

/* Support Ticket Search */
body#Admin_Contact_Search .menuOption               {padding: 0px 5px;}
body#Admin_Contact_Search table.standard .user      {width: 300px;}
body#Admin_Contact_Search table.standard .status    {width: 220px;}
body#Admin_Contact_Search table.supportContact           {border-bottom: 1px solid #8c8c8c;}

/* Support Edit Products */
body#EditProducts td.left { width: 50px; }
body#EditProducts .titleInput { width: 600px; }

.normalPlay { width: 80px; }

/* Support Edit Bug */
body#EditBug .titleInput { width: 600px; }

/* Support All Bugs */
body#AllBugs .title { width: 600px; }

.titleInput { width: 600px; }

body#shop .left { width: 250px; }
body#shop .shopText { width: 250px; }
body#shop .shopDD { width: 256px; }
body#shop .shopHalfDD { width: 126px; }
body#shop .ccLogo { vertical-align: middle; }

/* MLB Live Odds */
body#MLBLiveOdds div#NLContent,
body#MLBRunSeason div#NLContent,
body#NFLRunSeason div#NFCContent
{
    float: left;
    width: 470px;
    z-index: 1000;
}
body#MLBLiveOdds div#ALContent,
body#MLBRunSeason div#ALContent,
body#NFLRunSeason div#AFCContent
{   
    position: relative;
    float: right;
    width: 470px;
}

table.scoreboard { margin-bottom: 10px; }
table.scoreboard .inn { width: 22px; text-align: center;}
table.scoreboard .Runs { border-left: solid 1px #000000; }

body#MLBRunSeason .team {width: 250px; }
body#NFLRunSeason .team {width: 250px; }

/***********************
* Styling for popup box
***********************/
#fade { /*--Transparent background layer--*/
	display: none; /*--hidden by default--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .30;
	z-index: 9999;
}
.popup_block{
	display: none; /*--hidden by default--*/
	background: #fff;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	border-bottom: #727373 1px solid;
	border-right: #727373 1px solid;
}
.btn_close {
	float: right;
	bottom: 0px;
	position: relative;
}
/*--Making IE6 Understand Fixed Positioning--*/
*html #fade {
	position: absolute;
}
*html .popup_block {
	position: absolute;
}
div.infoHeader
{
    background: url(../Images/InfoBox/Top_Bar.gif);
    height: 33px;
    color: #FFFFFF;
    width: 366px;
}

div.infoHeader h3
{
    font-size: 12px;
    padding-top: 17px;
    padding-left: 5px;
}
div.infoContent
{
    background: url(../Images/InfoBox/Left_Bar.gif) no-repeat;
    height: 98px;
    color: #FFFFFF;
}
div.infoContent table.standard tr { border: none; font-size: 11px; height: 20px; }
div.infoContent table.standard tr td { line-height: 12px; height: 12px; }
div.infoContent table.standard tr.noBackground { background: transparent;}
div.infoContent table.standard tr td.infoBoxLabel {border: none; width: 101px; text-align: center; color: #FFFFFF;}
div.infoContent table.standard tr td.norm { background: #e6e6e6; border-bottom: 1px solid #8c8c8c; padding-left: 5px; }
div.infoContent table.standard tr td.alt { background: #cdd2d7; border-bottom: 1px solid #8c8c8c; padding-left: 5px;}

.question {margin: 10px 10px 5px 10px;}
.answer {margin: 0px 10px 5px 10px;}

.trendFinderCheckBox { float: right; }
.trendFinderCheckBox input { display: block; float: left; clear: left; }
.trendFinderCheckBox label { display: block; float: left; clear: none; margin-top: 2px;}

#BoardOfDirectors .bodName { color: #F35822; padding-right: 6px; font-weight: bold; font-size: 1.1em;}
#BoardOfDirectors .bodBody { padding: 0px;}
#BoardOfDirectors .bodImage { padding: 20px; width: 166px; }
#BoardOfDirectors .noImage .bodBody { padding: 20px; width: 900px; }
#BoardOfDirectors .bodBasic { margin-bottom: 10px; }

div.legend table { width: 300px; }
div.legend .legendColorBox { width: 10px; }
