/* CSS Document */
body{ 
	padding: 0; /*get rid of default borders in Firefox*/
	margin: 0; /*get rid of default borders in IE*/
    font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif;
	text-align:center;
	color: #000;
	background-color:#f1f1f1;
	background: url(../im/center-back.gif) white center repeat-y fixed;
	}
	
#clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  visibility: hidden;
  display: block;
}
#clearfix {
  display: inline-block; /* Fixes IE/Mac */
}
/* Hides from IE-mac \*/
* html #clearfix {height: 1%;}
#clearfix {display: block;}
/* End hide from IE-mac */
	
p {margin: 0 0 1.1em 0; /* clockwise setting: top right bottom left */}	

a{font-weight:bold;text-decoration:none;color:#333333;}
a:hover{ color:#5a6f7f; }

.right{ float:right;}

.spacer {height:48px; clear:both; }
.seperator_grey {margin:10px 0px 10px 0px;padding:0px;height:6px;font-size:1px;line-height:1px;font-weight: normal;background-color:#ECEAE0;border-top:1px solid #DEDDCF;}

.SpryHiddenRegion {display: none;}

.withBorders {border-bottom:1px solid #dfdfdf; }

h1.fpt { /*where no space is required - the descriptive big first title with an article or matchup title */
	margin-bottom:0px;
	font-size: 33px;
	font-family: Helvetica, Arial, sans-serif ;
	margin-top:-5px;}
	
h1.title { /*where no space is required - the descriptive big first title with an article or matchup title */
	margin-bottom:5px;
	margin-top:5px;
	padding:3px 0px 5px 0px;
	font-size: 24px;
	font-family: Helvetica, Arial, sans-serif ;
	color:#001C37;
	line-height:normal;
	}

h2 { /*where no space is required - the descriptive big first title with an article or matchup title */
	margin-bottom:5px;
	padding:3px 0px 3px 0px;
	font-size: 18px;
	font-family: Helvetica, Arial, sans-serif ;
	color:#001C37;
	margin-top:3px;
	line-height:normal;}

h3 { /*the grad header - specific colors are in specific style sheets - default is in here*/
	height: 18px;
	color: white; 
	font-size: 9pt; 
	font-family: Verdana, Helvetica, sans-serif;
	font-weight: bold; 
	display: block;
	padding: 2px 0 0 3px;
	margin: 0px;
	background-color: #5a7285;
	background: url(../im/maingrad.gif) repeat bottom left;
	border: 1px solid #5a7285;
	line-height:normal;}

form {margin: 0;} /*take away space at the bottom of the page in firefox*/
.clear {/* to even up rows*/
clear: both;}	

.container{
/* holds the whole thing in - before header - after footer*/	
	padding: 0;
	margin:0;
	width: 833px;
	position: relative;
	margin:0px auto;
	text-align:left;
	background-color:#fff;
	min-height:100%;
}


.topbanner{width:833px;margin-bottom:1px;border-collapse:collapse;background:#9aa9c3;margin-left: auto;margin-right: auto;}
.topbanner td{padding:0}
.topbanner td.ad{background:#9aa9c3;vertical-align:top;padding-top:5px;padding-bottom:5px;white-space:nowrap}
.topbanner td.l2{background:url(../im/ad_banner_bg_l2.gif) repeat-y left top}
.topbanner td.r2{background:url(../im/ad_banner_bg_r2.gif) repeat-y right top}\\

.rightBanner { padding-left:2px; }

.login { width:300px; padding:3px 2px 0px 2px; background:#eaeaea url(../im/m_tab_bg.gif) no-repeat left top;}
.login a{ font-weight:bold;text-decoration:none;color:#333333; }
.login a:hover{ color:#666666;}
	
.buttonhead /* button in header*/{border: 1px double #999999;border-top-color: #414c72;border-left-color: #414c72;border-bottom-color: #000;border-right-color: #000;padding: 0em;background-color: #FFFFFF;background: #fff url(../im/buttonback.gif) top left repeat-x;
color: #333333;font-size: 10px;font-family: Verdana, Helvetica, Arial, sans-serif;text-transform:lowercase;cursor:pointer;text-decoration:none;font-weight: bold;} 

.texbox, .textbox 	{ /* small for within pages*/font-family: Verdana, arial, Helvetica, sans-serif;font-size: 10px;background-color: #ffffff; border-left: 1px #26254A inset;border-top: 1px #26254A inset;color: #26254A ;}

.nav-d1{clear:both;border-top:solid 1px #dadada;border-bottom:solid 1px #ccc;border-left:solid 1px #b5b5b5;font-size:100%;width:100%;border-collapse:separate;line-height:110%;}
.nav-d1 a{display:block;text-align:center;padding:4px 1px 4px;font-weight:bold;white-space:nowrap; text-decoration:none;color:#333333; }
.nav-d1 a:link, .nav-d1 a:visited{color:#333; text-decoration:none;}
.nav-d1 td{border-top:solid 1px #fff;border-right:solid 1px #b5b5b5;border-bottom:solid 1px #a1a1a1;border-left:solid 1px #fff;background:url(../im/nav_d1_bg.gif) repeat-x left top;vertical-middle:bottom;padding:0}
.nav-d1 .selected{background:url(../im/nav_d1_bg_home.gif) repeat-x left top}

#d1-home .nav-d1 a.d1-home, a.d1-home:hover{background:url(../im/nav_d1_bg_home.gif) repeat-x left top; }

#d1-culture a.d1-culture, a.d1-culture:hover{background:url(../im/nav_d1_bg_culture.gif) repeat-x left top}

td.p16{width:16%}
td.p15{width:15%}
td.p14{width:14%}
td.p13{width:13%}
td.p12{width:12%}
td.p11{width:11%}
td.p10{width:10%}
td.p09{width:9%}

.content{ /* main area between header and footer*/
	padding: 5px;
	padding-top:8px;
	margin: 0;
	left: 1px;
	text-align:left; /*to uncenter the text*/
	float:left;
	width:823px;
	min-height:100%;
	}


.leftCol{
    padding: 0;
	width: 345px;
	float: left;
}

.leftCol2{
    padding: 0;
	width: 515px;
	float: left;
}

.leftCol2MM{
    padding: 0;
	width: 515px;
	float: left;
	background:url(../MarchMadness/im/body-image-trans-833.png) no-repeat;
	min-height:550px;
}

.rightCol { /* div around right col containing the 260x150 ad*/
    padding: 0;
	margin: 0;
	width: 475px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
	
.rightCol2 { /* div around right col containing the 260x150 ad*/
    padding: 0;
	margin: 0;
	width: 305px;
	float: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;}
			
.row {float:left; clear:both;}

/*container for bricks on the left side - when you need rows - front page and sports main pages - rowI - rows within rows*/
.row, .rowI, .row-note  { 
padding:0;
margin-bottom: 15px;
width: 100%;
clear: both;
float:left;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;}

.rowI img {max-width:330px;}

/* compartments inside of row above - first and second column */	
.rowLeft { 
    padding: 0;
	width: 340px;
	float:left;
	text-align:left;
}

/* compartments inside of row above - first and second column */	
.rowLeft2 { 
    padding: 0;
	width: 510px;
	float:left;
	text-align:left;
}
	
/* compartments inside of row above - first and second column */	
.rowMid { 
    padding: 0;
	width: 170px;
	float: left;}	

.rowRight { 
    padding: 0;
	margin: 0;
	width: 300px;
	float: right;}


.rowC { /* row in a single column - the right coloumn*/
    padding:0;
	margin-bottom: 15px;
	width: 100%;
	clear: both;
	background-color: #fff;
	color:inherit;}
	
.rowM {margin-bottom: 15px; clear:both;} /* middle row*/

.mainstory {padding: 3px; }

.caption {  /* caption under main story*/
display: block;
width: 100%;
margin-bottom: 5px;
font-size: 10px; 
color: #666666; 
background-color: inherit;}	


.m-tab{width:310px; line-height:120%;padding:3px 3px 3px 0px; clear:both;}

.m-tab_a{width:510px; line-height:120%;padding:3px 3px 3px 0px; clear:both;}

.m-tab-mid{width:160px;line-height:normal;background:url(../im/bg_m.gif) no-repeat left top;}
.m-tab-mid h2{color: #000;font-size: 12px;font-family: Verdana, Helvetica, Arial, sans-serif;}
.m-tab-mid td {margin-left:3px; padding:2px 2px 2px 0;}
.m-tab-mid td a{font-weight:bold;text-decoration:none;color:#333333;}
.m-tab-mid td a:link, .m-tab-mid li a:visited{color:#333; text-decoration:none;}
.m-tab-mid td a:hover{ color:#5a6f7f; }
.m-tab-mid .pad{ padding:2px 4px 2px 4px;}
.m-tab-mid .withBorders {border-bottom:1px solid #dfdfdf; }

.m-tab-right{width:300px;line-height:normal;background:url(../im/bg_m.gif) no-repeat left top;}
.m-tab-right h2{color: #000;font-size: 12px;font-family: Verdana, Helvetica, Arial, sans-serif;}
.m-tab-right td {margin-left:3px; padding:2px 2px 2px 0;}
.m-tab-right td a{font-weight:bold;text-decoration:none;color:#333333;}
.m-tab-right td a:link, .m-tab-mid li a:visited{color:#333; text-decoration:none;}
.m-tab-right td a:hover{ color:#5a6f7f; }
.m-tab-right .pad{ padding:2px 4px 2px 4px;}
.m-tab-right .withBorders {border-bottom:1px solid #dfdfdf; }

/*top 10 index page brick*/
.top-ten-content {background:#5a6f7f url(../im/background.png) no-repeat left top; width:300px;float:right; }

.top-ten-hold {padding:5px 4px 5px 4px;color:#fff; background: url(../im/bottom.png) no-repeat left bottom; }
.top-ten-hold a:link {color: #141e25; text-decoration: none;} 
.top-ten-hold a:visited { text-decoration: none; color: #fff;} 
.top-ten-hold a:hover { color:#dfdfdf;} 
.top-ten-hold a:active { color: #dfdfdf;} 
.top-ten-hold h2 {border-bottom:1px solid #f3a137; color:#141e25; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; } 

table.top-10-index{ width: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px ;color: #141e25; text-align: left;
font-weight: normal; border-collapse:collapse; margin-bottom:10px;}
table.top-10-index td { padding: 3px 2px 3px 2px;}
table.top-10-index tr th{ /*the row header*/ color: #141e25; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size:11px; padding: 3px 2px 3px 2px;}

/*tabmenu - custom odds - tabs from http://www.simplebits.com/bits/css_tabs.html*/	
.tabcontainer{
width: 100%;
padding: 0;
background: #fff;
margin: 5px 0 10px 0;
background: url(../im/tab_bottom.gif) repeat-x bottom;
position: relative;}


.tabnav a:link, .tabnav a:visited{
padding: 2px 5px 2px 5px; /*inside link*/}

.tabnav{
height: 20px;
padding: 0;
margin: 0;
width: 100%;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 12px ;}

.DragBox25 .tabnav {height: 16px;} /* makes tabs smaller for the size 1*/

.tabnav li{
margin: 0; 
padding: 0;
display: inline;
list-style-type: none;
float: right;}
	
.tabnav a:link, .tabnav a:visited{
float: left;
background: #e4e4e4;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 2px 5px 2px 5px; /*inside link*/
margin-right: 4px;
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
text-decoration: none;
color: #666;}

.DragBox25  .tabnav a:link{padding: 0px 1px 0px 1px; margin-right: 3px;}

.tabnav a:link.active, .tabnav a:visited.active{
border-bottom: 1px solid #fff;
background: #fff;
color: #000;}

.tabnav a:hover{
background: #fff;}

.tab-alt2 {margin-bottom:-1px} /*add to tabcontainer that needs to cover table lines*/

/* ----------------------------------------for all data (#) tables------------------------------------------*/
table.data, table.datao, table.datac,  table.datalh, table.datasmall, table.databig /* the overall table - used by all pages - most tables (data) datao (odds) datac (controls) datalh (lineshistory)*/{
width: 100%;
/*border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-top: 1px solid #ccc;
*/
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
color: #000000;
font-weight: normal;
margin-bottom: 15px;
padding: 0px 3px 0px 3px;}
  
table.datao {line-height: 11pt;}
/*cells with extra padding in odds*/
table.datao td.datacell {padding-right:6px; padding-left:6px;}
table.datao td.datahl {padding-right:6px; padding-left:6px;}
table.datao td.datateam {background-color:#fff; padding-top:1px;}

html>/**/body table.data, html>/**/body table.datao, html>/**/body table.datac, html>/**/body table.datalh,  html>/**/body table.forum { /* to work properly in firefox - without it makes double thick lines on the side*/
  padding: 0;}
  
table.datalh {margin-bottom: 0px; border-bottom: 0px; margin-top: -1px; }  

table.datac  {margin-bottom: 0;}

td.datahl2, tr.datahl2,  td.datahl2b, tr.datahl2b, td.datahl2c, td.datahl2br{  /* light beige shade*/
background-color: #ECECE4;
color: #000;
font-weight: normal;
border:0;}

td.datacell { /* individual cells - default - white back - used by all tables */
background-color: #ffffff;
color:inherit;
border-bottom: 1px solid #ccc;}

td.datahl, tr.datahl, td.datahlc, td.datahlb { /* light gray highlight*/
background-color: #E4E4E4;
color:inherit;
text-align: left;}

td.datahlb {font-weight:bold;}

/*new matchup table - get rid of old when all are changed*/
table.matches /* the table for the matchups in the matchup bricks on main pages - in right column*/
{width: 100%;
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
color: #000000;
vertical-align: top; 
text-align: left;
line-height: 17px;
font-weight: normal;
border-collapse:collapse;}

table.matches tr.title-match {background-color: #E4E4E4;
color:inherit;
text-align: left; font-weight:bold;}

table.matches tr.odd {
background-color:#fff;
background-color: #ffffff;
color:inherit;}

table.matches td {border:1px solid #dfdfdf;}

table.matches tr.even {background-color:#f1f1f1}
table.matches tr.full-match  {background-color:#fff}

table.matches tr.title-match {background-color: #E4E4E4;
color:inherit;
text-align: left; font-weight:bold;}

/*-------------------------------------*/
table.matches1 /* the table for the matchups in the matchup bricks on main pages - in right column*/
{
background-color: #fff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
color: #000000;
vertical-align: top; 
text-align: left;
line-height: 17px;
font-weight: normal;
border-collapse:collapse;
}

table.matches1 tr.title-match {background-color: #E4E4E4;
color:inherit;
text-align: left; font-weight:bold;}

table.matches1 tr.odd {
background-color:#fff;
background-color: #ffffff;
color:inherit;}

table.matches1 td {border:1px solid #dfdfdf;}

table.matches1 tr.even {background-color:#f1f1f1}
table.matches1 tr.full-match  {background-color:#fff}

table.matches1 tr.title-match {background-color: #E4E4E4;
color:inherit;
text-align: left; font-weight:bold;}

.tsl {width:100%; border:1px solid #dfdfdf;  }
.tsl img {padding:2px 2px 2px 2px;}

/*---------------------the following make up all the components of the footer-------------------------------*/
#footer {   
float: left;   
clear: both;
padding:0px;  
background-color:#fff; 
width:100%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #999; 
text-align: center; 
position: relative;
font-size: 11px; 
border-top:2px solid #ccc; 
padding-top:15px;margin-bottom:-15px;
padding-bottom:15px;}
 
.footer-title {
font-size:11px; 
font-weight:bold; 
font-family:Verdana, Arial, Helvetica, sans-serif; 
color:#6a6969}

/* links in footer*/
#footer  a:link { text-decoration: none;color: #999} 

#footer a:visited { text-decoration: none; color: #999} 

#footer a:active { text-decoration: none; color: #999} 

#footer a:hover{ text-decoration:none; color:#5a6f7f; }

.error { color:#990000; font-weight:bold; }