/* Generic Selectors */ 
body { 
font-family: Verdana, "Times New Roman", Times, serif; 
font-size: 14px; 
color: #000000; 
background-color: #D7D9DC;
background-image: url(/images/mainbg_gradient.jpg); background-repeat: repeat-x;
margin: 0;
padding: 0;
} 
p { 
width: 80%; 
} 
h1 { 
font-family: Verdana, "Times New Roman", Times, serif; 
font-size: 18px; 
font-weight: bold; 
color: #000000;
} 
h2 { 
font-family: Verdana, "Times New Roman", Times, serif; 
font-size: 14px; 
font-weight: bold; 
color: #000000; 
} 
form {
margin: 0;
padding:0;
}
table {
font-size: 10pt;
width: 100%;
margin-top: 0;
border-collapse: collapse;
}

.button {
    border: 1px solid #006;
    background: #9cf;
	padding: 0 8px 0 8px;
}
/**************** Pseudo classes ****************/ 
a:link {
color: #0000FF; 
text-decoration: none; 
}

a:visited {
color: #0000FF; 
text-decoration: none; 
}

a:hover {
color: #CC0000; 
text-decoration: none; 
}

/************************* ID's *************************/ 
#mainWrapper {
width: 900px;
}
#rightShade {
position: absolute;
left: 1000px;
width: 25px;
background-image: url(/images/body_right_gradient.jpg); background-repeat: repeat-y;
}
#mainCenter {
border: 1px solid red;
}
#mainLeftMenuWrapper { position: absolute;  top: 90px; bottom: 0px; left:0; width: 122px; font-size: 8pt; padding: 0; margin: 0;}

.mainLeftMenu {
position: relative; 
width: 100%; 
margin: 0; 
padding: 0;
font-size: 10pt; font-style: bold; color: white; text-align: right;
background-color: #3366FF;
background-image: url(/images/mainbg01.jpg);
}

.mainLeftMenu ul {margin: 0; padding: 0 5px 0 0;}
.mainLeftMenu li {
padding: 0;
margin: 0;
list-style-type: none; 
line-height: 150%; 
}
.mainLeftMenu li:hover {
background-color: #8888FF;
}
.mainLeftMenu a:link {color: #FFFFFF; text-decoration: none;} 
.mainLeftMenu a:visited {color: #FFFFFF; text-decoration: none;} 
.mainLeftMenu a:hover {color: #0066CC; text-decoration: none;} 
.mainLeftMenu h1 {padding: 2px 0 2px 5px; margin-top: 0px; margin-bottom: 0px; font-size: 10pt; color: #FFFFFF; font-style: bold; text-align: left; background-image: url(/images/gradient_blue.jpg); background-repeat: repeat-x;}

.mainMenuForm {
position: relative; 
margin-top: 0px; 
font-size: 8pt; font-style: bold; color: white; text-align: center;
background-color: #3366FF;
background-image: url(/images/mainbg01.jpg);
}
.mainMenuForm ul {margin:0; padding: 5px 5px 0 0;}
.mainMenuForm li {list-style-type: none; margin-top: 2px;}
.mainMenuForm h1 {padding: 4px 0 2px 5px; margin-top: 0px; margin-bottom: 0px; font-size: 10pt; color: #FFFFFF; font-style: bold italic; text-align: left; background-image: url(/images/gradient_blue.jpg); background-repeat: repeat-x;}
.mainMenuForm a {color: #FFFFFF;}

.mainMenuText {
position: relative; 
margin-top: 5px; 
text-align: center;

}
#rightColumnWrapper {
position: absolute;
width: 250px;
top: 75px;
left: 1005px;
font-size: 9pt;
}
#mainContent {
position: relative;
top:0;
margin-top: 0;
padding:0;
margin-left: 122px;
width: 878px; 
background-color: #FFFFFF;
background-image: url(/images/main_content_gradient.jpg); background-repeat: repeat-x;
}
#content {
font-size: 10pt;
margin-left: 10px;
padding-bottom: 50px;
width: 98%;
margin-top:14px;
height: auto; /* for modern browsers */
min-height: 1100px;
}
#content h1 {
margin-top: 0;
padding-top:0;
}
#mainRight { 
position: absolute; 
top: 90px;
left: 750px; 
margin-top: 50px; 
}
#mainTop {
height: 90px;
}
#mainLogoLeft {
position: absolute;
height: 90px;
width: 768px;
left: 0;
background: url(/images/sptn-top_03-08.jpg);  
background-repeat: no-repeat; 
}
#mainLogoRight {
height: 90px;
width: 520px;
top: 0px;
margin-left: 480px;
padding: 0px;
background: url(/images/sptn-topright_02-08.jpg); 
background-repeat: repeat-x; 
}
#footer {
clear: both;
margin-left: 200px;
bottom:0;
height:100px;
width: 680px;
top: 10px;
font-size: 8pt;
color: #666666;
text-align: center;
}
#tbWrapper {
position: absolute;
top:45px;
left: 500px;
width: 350px;
}
#tbText {
float:left;
width: 225px;
font-size: 7pt;
text-align: center;
}
#tbButton {
float:left;
margin-top:5px;
}
#msWrapper {
position: absolute;
top:45px;
left: 300px;
width: 150px;
}
#msText {
position: relative;
width: 125px;
margin-top: 5px;
font-size: 7pt;
text-align: center;
padding: 2px;
}
#msButton {
position: relative;
width: 125px;
padding: 2px;
text-align: center;
}
#sbWrapper {
position: relative;
top: 0px;
bottom: 0px;
left: 0px;
width: 100%%;
font-size: 8pt;
}
#sbWrapper table {
font-size: 8pt;
width: 100%;
margin-top: 0;
border-collapse: collapse;
}
#sbTextWrapper {
position: relative;
top: 0px;
bottom: 0px;
left: 0px;
width:100%;
height: 150px;
font-size: 8pt;
}
#sbText {
position: absolute;
margin-top: 5px;
left: 5px;
width: 580px
}
table.sbMini {
background-color: #EEEEEE;
padding-bottom: 5px;
}
#leagueMenu {
position: absolute;
top: 10px;
right: 20px;
}
.betWrapper {
float: left;
width: 100%;
margin-left: 20px;
}
#betOption {
border: 1px solid black;
height: 120px;
width: 300px;
font-size: 8pt;
margin-top: 10px;
margin-left: 190px;
margin-right: 10px;
background-color: #E3E4FA;
}
#betOption h2 { font-size: 16px; font-weight:bold; margin-left: 0px; margin-top: 0px; margin-bottom: 25px;}
#betOption ul { margin-top: 2px; margin-left: 5px; padding: 5px;}
#betOption li { margin-left: 10px; list-style-type: none; margin-top: 2px; margin-bottom: 15px;}

#betOption3 {
border: 1px solid black;
height: 200px;
width: 300px;
font-size: 8pt;
margin-top: 10px;
margin-left: 190px;
margin-right: 10px;
background-color: #E3E4FA;
}
#betOption3 h2 { font-size: 16px; font-weight:bold; color: #666666; margin-left: 0px; margin-top: 0px; margin-bottom: 25px;}
#betOption3 ul { margin-top: 2px; margin-left: 5px; padding: 5px;}
#betOption3 li { margin-left: 10px; list-style-type: none; margin-top: 2px; margin-bottom: 15px;}

.betOdds {
float: left;
height: 80px;
width: 200px;
font-size: 8pt;
margin-top: 0px;
}
.betOdds h2 { font-size: 16px; font-weight:bold; margin-left: 0px; margin-top: 0px;}
.betOdds ul { margin-top: 2px; margin-left: 5px; padding: 5px;}
.betOdds li { margin-left: 12px; list-style-type: none; margin-top: 2px; margin-bottom: 0px;}



#commentForm{display:none; width:400px;margin: 0;padding: 5px;}

.commentsWrapper {
padding-bottom: 2px;
}
#calWrapper {
position: relative;
top: 5px;
right: 30px;
width: 130px;
padding: 0;
margin: 0;
}
#timer {
border: 1px solid black;
}
#miniStatsWrapper {
position: relative;
top: 73px;
right: 0px;
height: 18px;
width: 520px;
margin:0;
background-image: url(/images/minstats_left.jpg); background-repeat: no-repeat;
}
#miniStats {
position: absolute;
width: 475px;
margin:0;
right: 0px;
height: 18px;
padding-right: 5px;
text-align: right;
background-image: url(/images/minstats_center.jpg); background-repeat: repeat-x;
}
#miniNewsWrapper {
width: 100%;
height: 500px;
}
.miniNews {
}
#agreement {
margin-top: 25px;
margin-left: 150px;
}
#agreement h2 { font-size: 16px; font-weight:bold; color: #666666; margin-left: 0px; margin-top: 0px; margin-bottom: 25px;}
#agreement ul { margin-top: 2px; margin-left: 5px; padding: 5px;}
#agreement li { margin-left: 10px; list-style-type: none; margin-top: 2px; margin-bottom: 15px;}

#merchant {
margin-top: 25px;
margin-left: 100px;
width: 600px;
}

.imageBorder img {
border: 1px solid #999999;
padding: 5px;
background-color: #EEEEEE;
}
.countdown { position: absolute; width: 240px; top: 10px; margin-top: 0px; margin-left: 275px; color: #FFFFFF; }

table.calTable {
position: absolute;
border: 1px solid black;
top: 50px;
right: 20px;
width: 140px;
font-size: 7pt;
color: #000000;
background: #E3E4FA;
border-collapse: collapse;
}
.calTitle {
color: white;
font-weight: bold;
background: blue;
background-image: url(/images/gradient_blue.jpg); background-repeat: repeat-x;
}
.calTitle a:link {
color: white;
}
.calTitle a:visited {
color: white;
}
.calTitle a:hover {
color: white;
}
.calDays {
font-weight: bold;
background: #999999;
background-image: url(/images/heading3_bg.jpg); background-repeat: repeat-x;
}
.news {
border: 1px solid black;
}
table.news {
font-size: 8pt;
width: 100%;
margin-top: 0;
margin: 0;
}
table.rankings {
font-size: 10pt;
width: 100%;
margin-top: 0;
border-collapse: collapse;
}
table.comments {
border: 1px solid black;
font-size: 10pt;
width: 100%;
margin-top: 0;
margin: 0;
background: #E3E4FA;
border-collapse: collapse;
}
table.commentsBio {
border: 1px solid black;
font-size: 10pt;
width: 600px;
margin-top: 0;
margin: 0;
background: #E3E4FA;
border-collapse: collapse;
}
.wagers {
clear: left;
width: 98%;
font-size: 10pt;
}
#statsWrapper {
}
.stats {
float: left;
border: 1px solid black;
margin: 5px;
margin-bottom: 20px;
width: 35%;
height: 160px;
font-size: 10pt;
}
.stats h1 {
font-size: 10pt;
color: #FFFFFF;
height: 20px;
background-image: url(/images/heading3_bg.jpg);
}
.stats ul {
margin: 5px;
padding: 0;
}
.stats li {
list-style-type: none;
margin: 0;
padding: 0;
}
table.stats {
border: 1px solid black;
font-size: 10pt
width: 100%;
margin-top: 0;
border-collapse: collapse;
}
table.messages {
border: 1px solid black;
font-size: 10pt;
width: 100%;
margin-top: 0;
border-collapse: collapse;
background-color: #E3E4FA;
}
.messages a {
text-decoration: underline;
}
.recordsWrapper {
margin-left: 300px;
border: 4px solid #CCCCCC;
width: 150px;
padding: 4px;
margin-bottom: 10px;
}
.records {
width: 150px;
font-size: 10pt;
padding: 0px;
margin-left: 0px;
}
.records h1 {
font-size: 10pt;
height: 20px;
text-align: center;
}
.records ul {
margin: 5px;
padding: 0;
text-align: center;
}
.records li {
list-style-type: none;
margin: 0;
padding: 0;
text-align: center;
}

.progressText {font-size: 7pt;}
.textTiny {font-size: 7pt; color: #999999;}
.textSmall {font-size: 8pt; color: #999999;}
.betText {font-weight: bold; font-size: 12pt; color: #000000;}
.rankText {font-size: 8pt; color: #999999;}
.textWin {font-size: 8pt; color: #00CC00;}
.textPush {font-size: 8pt; color: #FFCC33;}

td.headings {color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 4px; background-image: url(/images/gradient_blue.jpg); background-repeat: repeat-x;}
td.headings2 {color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 4px; background-image: url(/images/heading2_bg.jpg); background-repeat: repeat-x;}
td.headings3 {color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 4px; background-image: url(/images/heading3_bg.jpg); background-repeat: repeat-x;}
td.headings4 {color: #FFFFFF; font-size: 12px; font-weight: bold; padding: 4px; background-image: url(/images/heading4_bg.jpg); background-repeat: repeat-x;}

td.odds {font-size:8pt; color: #FF6600;}
td.odds2 {font-size:10pt; color: #CC0000; backgrouNd-color: #E3E4FA;}
td.noodds {font-size:8pt; color: #AAAAAA;}

.halfText {
width: 73%;
font-size: 10pt;
}
.sideBarTableHeading {
width: 100%;
background-image: url(/images/gradient_blue.jpg);
}
.headingsLeft {
height:22px;width:10px;background-image:url('/images/tl.gif')
}
.headingsRight {
height:22px;width:10px;background-image:url('/images/tr.gif')
}
.sideBar {
position: absolute;
top: 32px;
bottom: 0px;
right: 0;
width: 25%;
font-size: 10pt;
padding: 6px;
background-image: url(/images/mainbg01.jpg);
}
table.sideBarTable {
border: 1px solid black;
font-size: 10pt;
width: 100%;
margin-top: 0;
border-collapse: collapse;
background-color: #FFFFFF;
}
#bioWrapper {
margin-right: 10px;
}
.bio {
}
.bio ul {margin:0; padding: 5px 5px 0 0;}
.bio li {list-style-type: none; margin-top: 2px;}

.bioLeft {
float: left;
font-size: 10pt;
width:230px;
margin-bottom:10px;
}
.bioRight {
float: left;
font-size: 10pt;
margin-left:30px;
margin-bottom:10px;
}
#userComments {
clear: left;
top: 0px;
margin-left: 250px;
}

.productsectionheader {
background-image:url(/images/gradient_blue.jpg);
clear:both;
height:22px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:100%;
}

.productsectionleft {
background-image:url(/images/blue_left.gif);
height:22px;
width:10px;
}

.productsectioncenter {
height:22px;
vertical-align:middle;
border-top: 1px solid black;
color: #FFFFFF;
}

.productsectionright {
background-image:url(/images/blue_right.gif);
height:22px;
width:10px;
}

.productsectionheader2 {
background-image:url(/images/heading3_bg.jpg);
clear:both;
height:23px;
margin-left:auto;
margin-right:auto;
margin-top:10px;
width:100%;
}

.productsectionleft2 {
background-image:url(/images/gray_left.gif);
height:23px;
width:11px;
}

.productsectioncenter2 {
height:23px;
vertical-align:middle;
border-top: 1px solid black;
color: #FFFFFF;
}

.productsectionright2 {
background-image:url(/images/gray_right.gif);
height:23px;
width:11px;
}

.subsection {
background-image:url(/images/silver_bg.gif);
background-repeat:repeat-x;
border-left:1px solid #000000;
border-right:1px solid #000000;
clear:both;
height:23px;
margin-left:auto;
margin-right:auto;
width:100%;
}

.outterBorders {
border-bottom:1px solid #000000;
border-left:1px solid #000000;
border-right:1px solid #000000;
padding:2px;
}
/* ---------->>> Tool Tip <<<---------------------------------------------------------------*/

.tipSource {
text-decoration: none;
border-bottom: 1px dotted #000;
}
.tipContent {
border-top: 1px solid #999;
padding-left: 3em; padding-right: 5em;
border-top: 1px dashed #999;
}
.jq-tipContent {
width: 300px;
margin: 0;
padding: 5px 15px 0px 15px;
background: #CCCCCC;
border: 1px solid black;
}
.jq-tipContent h4 {
margin: -5px -15px 0px -15px;	/* Make sure background color goes side-to-side */
padding: 3px 15px 3px 15px;
text-align: center;
background-image: url(/images/heading2_bg.jpg);
color: #FFFFFF;
}


/* ---------->>> jtip <<<---------------------------------------------------------------*/

#JT_arrow_left{
	background-image: url(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(../images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 1px solid black;
	background-color: #CCCCCC;
	color: #FFFFFF;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(../images/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	background-image: url(/images/heading3_bg.jpg);
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
	background-image: url(/images/heading3_bg.jpg);
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid black;
}

.jTip{
cursor:help;
}

/* liScroll style declarations */
#ticker {
position: absolute:
width: 600px
left: 380px;
overflow: hidden; 
}
.tickercontainer { /* the outer div with the black border */
border: 1px solid #000000;
border-bottom: 3px solid #000000;
background: #005588; 
width: 878px; 
height: 28px; 
margin-left:0px;
padding: 0
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 10px;
top: 2px;
width: 860px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 900px;
width: 880px;
font: 10px Verdana;
color: #FFFFFF;
list-style-type: none;
margin: 0;
padding: 0;

}
ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: #005588;
}
ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #99FFCC;
font: 10px Verdana;
margin: 0px 5px 0 0;
} 
ul.newsticker span {
margin: 0 10px 0 0;
}