BODY	{ 
padding: 0; /*get rid of default borders in Firefox*/
margin: 0; /*get rid of default borders in IE*/
/* background-image: url(http://www.covers.com/images/headers/background.gif); */
background-color: #26254a;
font-size: 9pt; 
font-family: Arial, Helvetica, sans-serif;}

.spacer {background-color: #ffffff;	font-size: 1px; height: 15px; overflow-y: hidden; }
	
.arial_10px { 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif ;
	} 

.arial_11px {     
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif ;
	} 
	
.tinytext {  /* This is for a few cells on the odds in the matchups pages- could probably be changed- but not by us */
        font-size: 9px; 
        font-family: Verdana, Arial, Helvetica, sans-serif 
        }
        
.subhead_blue { /* some titles in mathcups- for example, stadiums in mlb */
        font-weight: bold; font-size: 12pt; font-family: Arial, Helvetica, sans-serif ; color: #000099
        }        	

.mbt { 
	font-size: 9pt; 
	font-family: Arial, Helvetica, sans-serif  ;
	} 

.smtext-grey { 
	font-size: 10px ;
	color: #666666;
	font-style: none;
	
	} 
	
.subhead-grey { 
        font-size: 10px; 
        font-family: Verdana, Arial, Helvetica, sans-serif ; 
        font-weight: bold; color: #666666 }	

SPAN.smtext-grey { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 87% ;
	} 
	
.caption {  	/* This is for captions under photos */
	font-size: 11px ; 
	color: #666666; 
	font-style: none; 
	
	 }


.header2 { 
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	} 

A.header2 { 
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	} 
	
.bigheader2 {  		/* This is the largest headline */
	font-weight: bold; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 20pt; 
	} 
	
.subhead2 { 
	font-weight: bold; 
	font-size: 12pt; 
	font-family: Arial, Helvetica, sans-serif  ;
	} 

.subhead3 {  		/* This is for smaller article headlines */
	font-weight: bold; 
	font-size: 83%; 
	} 
	
SPAN.subhead3 { 	/* This is for instances where article headlines are in the same cell as the text */
	font-weight: bold; 
	font-size: 120%; 
	} 

.frontheaders { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #990000; 
	font-weight: bold  ;
	} 

.frontheaders_black { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold ;
	} 

.tablehead  {  /* base for all table heads - individual colors are given in section style sheets*/
	height: 20px; 
	color: white; 
	font-size: 9pt; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	background-color: #999;
	padding: 0px 0px 0px 3px; /* top  right  bottom  left*/
	border: 0px
	} 
	
.tablehead  {
	background-color: #26254A;
	filter: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#26254A, endColorstr=#414C73)
	}
	
.tablesub { /*sub color headers -default - use on index page, articles*/
	background-color: #B4BECF;
	font-weight: bold;
	} 


.tablehead A:link {
	color: white; 
	} 

.tablehead A:visited {
	color: white; 
	} 

.tablehead A:hover {
	color: #E15A00  ;
	} 	
	
.tablehead A:link {
	color: white; 
	} 

.tablehead A:visited {
	color: white; 
	} 

.tablehead A:hover {
	color: #E15A00  ;
	} 
	
.tableshade-top { /*sub sub color headers with bold text - same in all sports - index_art has own*/
	background-color: #ECECE4;
	font-weight: bold;
	} 
	
.tableshade { /*sub sub color headers - same in all sports - index_art has own*/
	background-color: #ECECE4;
	} 

.tablesub_links {
	background-color: #ECECE4;
	font-weight: none;
	} 	
	
	
.odd { /*for alternating rows*/
background-color:#ffffff} 

.even {
background-color:#e9e9e9}	
					

A:link { 
	color: #3300CC; 
	text-decoration: underline ;
	} 

A:visited { 
	text-decoration: underline; 
	color: #506BB6 ;
	} 

A:hover { 
	color: #E15A00  ;
	} 

A:active { 
	color: #669933 ;
	} 
	
.bigheader2 A:link {  		/* This is the largest headline */
	text-decoration: none ;
	color: #000
	} 
	
.bigheader2 A:visited {  		/* This is the largest headline */
	text-decoration: none ;
	color: #000
	} 
	
.bigheader2 A:hover {  		/* This is the largest headline */
	color: #E15A00  ;
	} 

h2	{
	line-height: 1em;
	}

.smtext { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	} 

.smtext2 { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	}	

/* This set of styles is for More Stories in bullet boxes, with top and left border */
/* See www.alistapart.com/articles/taminglists/ */

#morestories {	/* This makes top and left line and correct spacing for below More Stories title */
	border-top: 1px solid;
	border-left: 1px solid;
	margin-top: 0;
	padding-top: 0;
	}
	
	#morestories ul {	/* This makes the marker show up flush left, with a space before it. Need both margin and padding for cross-browser */
		margin: 0em;
		padding: 0 0em 1 1.5em;  /* padding on top,right,bottom, left (from line to disc)
		}
		
	#morestories li {	/* This makes the marker a disc, and makes the space between the marker and the text */
		margin: 0.4em;       
		list-style: disc;	/* Change this to make it a square, circle, etc. */
		line-height: 1.5em
		}

.text { FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif } 

.bottomline TD {border-bottom: solid 1px #999999;}

.bottomlines TD {
    border-bottom: solid 1px #999999;
    border-right: solid 1px #999999;
    border-left: solid 1px #999999;}
	
.leftline TD {
    border-left: solid 1px #999999;
	padding-left:20px}
	
.list { 
list-style-type: square;
list-style-position: outside;
padding-left: 5 px;}

.scrollbar {
    scrollbar-arrow-color: #f1f1f1;
    scrollbar-base-color: DarkOrange;
	scrollbar-face-color: #434C72;
    scrollbar-highlight-color: #434C72;
    scrollbar-shadow-color: #434C72;
    scrollbar-track-color: #f1f1f1;
}


/* Added this in for the footer links  */

.footer-link 
{ FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #E5E5E5; 
font-weight: normal } 

.footer-link  A:link { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:visited { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:active { text-decoration: none; font-weight: 
normal; color: #E5E5E5} 

.footer-link  A:hover { COLOR: #FF9900; text-decoration: 
none; font-weight: normal} 

/* header links - text  */

.header-text { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px ;
	color: #ffffff;
	} 




.header-link 
{ FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #FFCC00; 
font-weight: underline } 

.header-link  A:link { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:visited { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:active { text-decoration: underline; font-weight: 
bold; color: #FFCC00} 

.header-link  A:hover { COLOR: #FF9900; text-decoration: 
bold; font-weight: bold} 

 



.article-title { 
FONT-WEIGHT: bold; FONT-SIZE: 16pt; FONT-FAMILY: 
Arial, Helvetica, sans-serif ; color: #000066
} 
	

a.helplink, a.helplinklarge{ /* This is for the question mark cursor */
    cursor: help; 
	padding-right: 5px;
        }

a.helplink:hover, a.helplinklarge:hover {
	position: relative;
	z-index: 100;
	}

a.helplink span{
	display: none
	}

a.helplink:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:4em; width:20em;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	font: 12px Verdana, sans-serif;
    border:1px solid #999;
    background-color:#ffc; color:#000;
    }

a.helplinklarge span{
	display: none
	}

a.helplinklarge:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:4em; width:50em;
	padding: 5px;
	text-decoration: none;
	text-align: left;
	font: 12px Verdana, sans-serif;
    border:1px solid #999;
    background-color:#ffc; color:#000;
    }

/*this below is an example of something - please ignore for now*/
div#links {position: absolute; top: 81px; left: 0; width: 166px; height: 700px; font: 16px Verdana, sans-serif; z-index: 100;}
div#links a {display: block; text-align: center; font: bold 1em sans-serif; 
   padding: 5px 10px; margin: 0 0 1px; border-width: 0; 
   text-decoration: none; color: #FFC; background: #444;
   border-right: 5px solid #505050;}
div#links a:hover {color: #411; background: #AAA;
   border-right: 5px double white;}
div#links a span {display: none;}
div#links a:hover span {display: block;
   position: absolute; top: 180px; left: 0; width: 125px;
   padding: 5px; margin: 10px; z-index: 100;
   color: #AAA; background: black;
   font: 10px Verdana, sans-serif; text-align: center;}
   
   
/* styles brought over from covers05 */

/* holds the whole thing in - before header - after footer*/	
#container { 
	padding: 0;
	margin:0;
	position: absolute;
	width: 770px;
	/* would make it centeredleft:50%;*/
	/* would make it centered margin-left: -385px; */
	}


#content{ /*the main content of the 770 page under the header ,before the footer - used on ALL pages*/
 width: 100%; 
   background-color: #ffffff;
   position: relative; 
   padding: 5px;
   margin: 0;
   clear: both;
   float:left;

}

html>body #content { width: 760px;  } /*fix for box model in firefox - gets rid of extra 10 pixels for padding*/

/* index page format*/
.leftCol { /*div around column on left - next to column with a 260x150 ad */
    padding: 0;
	margin: 0;
	width: 486px;
	float: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	}	

.rightCol { /* div around right col containing the 260x150 ad*/
    padding: 0;
	margin: 0;
	width: 260px;
	float: right;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ; 
	}	
	
/*container for bricks on the left side*/
.row { 
    padding:0;
	margin-bottom: 15px;
	width: 486px;
	clear: both;
	overflow: hidden;/* adding this makes the spaces appear in firefox?*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ;
	text-align:left; 
	}

	
.rowleft { 
    padding: 0;
	width: 235px;
	float: left;
	margin-right: 16px;
	text-align:left; 
	}	
	
.rowright { 
    padding: 0;
	margin: 0;
	width: 235px;
	float: right;
	text-align:left; 
	}
	
/* main story*/
/* main story on main pages*/
.mainpic { /*the main 170x170 photo in stories*/
    padding: 0;
	margin: 0 5px 0 0;
	width: 180px;
	float: left;
	}
	

	
	/* main story on main pages*/
.mainpicsmall { /*the main 60x80 photo in stories -- Added by HOLMES. Don't shoot me!*/
    padding: 0;
	margin: 0 5px 0 0;
	width: 60px;
	float: left;
	}
	
	/* main story on main pages*/
.mainpicsmallright { /*the main 60x80 photo in stories -- Added by HOLMES. Don't shoot me!*/
    padding: 0;
	margin: 0 5px 0 0;
	width: 60px;
	float: right;
	}
	
	
	/* main story on main pages*/
.mainpicright { /*the main 170x170 photo in stories -- Added by HOLMES. Don't shoot me!*/
    padding: 0;
	margin: 0 5px 0 0;
	width: 180px;
	float: right;
	}
	
.caption { /* This is for captions under photos */
	font-size: 10px ; 
	color: #666666;  
	 }
	 
	 
/* ------------------------------------pages with skyscraper ads ---------------------------*/

/* --------------------------------for pages with the skyscrapper right side--------------------- */
.skyscrapper { /* div around 160x600 leaderboard ad */
    padding: 0;
	margin: 0;
	width: 160px;
	float: right;
	}		
	
.leftCol-wss { /* used for pages with full width on left being used*/
    padding: 0;
	margin: 0;
	width: 585px;
	float: left;
	}
	
/*container for bricks on the left side - when you need "rows" which line up- ex. forum*/
.row-wss { 
    padding:0;
	margin: 0;
	width: 585px;
	clear: both;
	}

/* compartments inside of row above - first and second column */	
.rowleft-wss { 
    padding: 0;
	width: 285px;
	float: left;
	margin-right: 10px;
	}	
	
.rowC { /* row in a single column - in rightCol*/
    padding:0;
	margin-bottom: 15px;
	width: 100%;
	clear: both;
	overflow: hidden;
	}
	
.rowT { /* top portion of a row with 3 cells*/
    padding:0;
	margin-bottom: 15px;
	width: 100%;
	clear: both;
	}
	
.rowright-wss { 
    padding: 0;
	margin: 0;
	width: 285px;
	float: right;
	}	

p {
  margin: 0 0 1.1em 0; /* clockwise setting: top right bottom left */
  }	
  
.right {
margin-bottom: 0; 
padding: 0; 
border: 0px; 
float: right;
	} 
	
.quicklinksalone { /* quick links on help, odds ex*/
width: 235px;
border: 1px solid black;
float: right;}	  

h1,  h1.inside { /*the descriptive big first title on the page - built in space*/
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	margin-top:0px;margin-bottom:10px; 
	} 
	
h1.inside { /*the main headline on inside pages and forum, like "about us"*/
	border-bottom: 2px #e65b00 solid;
	padding: 0;}	

h1.match { /*the descriptive big first title in the scores and matchup table*/
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 16pt; 	
	color: #000; 
	font-weight: bold;	
	margin-top:0px;margin-bottom:0px; 
	text-decoration: none;
	padding: 2px 0px 2px 25px;
	background: url(/CoversEurope/brick_headers/05_front/justblock.jpg) no-repeat center left;
	} 
	
h1.article { /*the descriptive big first title with an article - no space*/
	font-weight: bold; 
	font-size: 16pt; 
	font-family: Arial, Helvetica, sans-serif ;
	margin-top:0px;margin-bottom:0px; 
	}
	
/* links on story headlines*/
H1.article A:link, H1.article A:visited, H1.article A:hover  {
	text-decoration: none;
	} 				 					

h2 { /*the little grad block with the line underneath default in here - specific color images are in specific style sheets*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	color: #000000; 
	font-weight: bold ;
	margin-top:0px;margin-bottom:2px; 
	border-bottom: 1px #000000 solid;
	padding: 2px 0 2px 10px;
	height: 20px;
	background: url(/CoversEurope/brick_headers/grad.gif) no-repeat bottom left;
	text-align:left;
	} 
	
H3 { /*the grad header - specific colors are in specific style sheets - default is in here*/
	height: 20px; 
	color: white; 
	font-size: 9pt; 
	font-family: Verdana, Helvetica, sans-serif; 
	font-weight: bold; 
	background-color: #999;
	display: block;
	padding: 2px 0 0 3px;
	margin: 0px;
	background-color: #26254a;
	text-align: left;
	FILTER: progid:DXImageTransform.Microsoft.gradient 
	(GradientType=0, startColorstr=#26254A, endColorstr=#414C73); 
	background: url(/CoversEurope/brick_headers/graddefault2.gif) repeat bottom left;
	} 

H3 A:link {
	color: white; 
	} 

H3 A:visited {
	color: white; 
	} 

H3 A:hover {
	color: #E15A00  ;
	} 
	
h4, h4.highlight { /*small headline - story titles*/
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px ;  
	font-weight: bold ;
	margin-top:0px;margin-bottom:0px; 
	}
	
h4.highlight { /*small headline - story titles*/ 
	font-size: 13px;
	color: #CC6600;
	margin-bottom:2px;
	background-color: inherit; }	
	
.outline { 
    padding: 3px;
	margin: 0;
	text-align:left;
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background-color: #ffffff;
	}
	
.nooutline { 
    padding: 3px;
	margin: 0;
	text-align:left;
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	background-color: #ffffff;
	}
	
.linenp { 
    padding: 0px;
	margin: 0;
	text-align:left;
	FONT-SIZE: 11px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	border: 1px solid #999;
	background-color: #ffffff;
	}			
	
/* for lists - example - new page*/
ul.more 
{
list-style-position: outside;
list-style-type: disc;
padding-left: 1.5em;
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
}


li.more {
line-height: 1.4em; /*between items in the list */
margin: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
}

	
	
/* spacers*/
.spacer {  height: 15px; overflow: hidden; }	

.spacerhalf { height: 7px; overflow: hidden; }	

.spacerdouble { height: 30px; overflow: hidden; }	

.spacerquarter { height: 4px; overflow: hidden; }	

.spacercolor { background-color: #919AA4; height: 1px; overflow: hidden; }	/* colored line*/

.clear {/* to even up rows*/
clear: both;
}


/*---------------------the following make up all the components of the footer-------------------------------*/
#footer{ /* container for footer*/
   width: 769px;
   position: relative;
   padding: 0;
   float: none;
   clear: both;
}

table.format /* for tables with little formmatting - can't really see they are a table - ex wagereline consensus - no need to apply styles to cells*/
{
width: 100%;
background-color: #ffffff;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px ; 
color: #000000;
text-align: left;
font-weight: normal;
line-height: 10pt;
}

/*search pop up in articles*/
.searchpop {  /* for the outline*/
 width: auto;
 border: 1px solid #B0C2D9;
 background-color: #F0F0F0;
 padding: 5px;
 margin: 0;
 font-family: Verdana, Arial, Helvetica, sans-serif; 
 font-size: 11px; 
 color:black;}
 
.isp {background-color: #fff; border: 1px solid #ccc; padding: 5px; color:inherit;} /* inner search pop*/

/*matchups*/
.match-nav {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px;
margin-bottom:15px; }

.date-time {margin-bottom:3px;}

table.data {
width: 100%;
background-color: #ffffff;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
border-collapse:collapse;
margin-bottom:15px;}

table.data td {
border: 1px #999999 solid;
color: #000000;
background-color: #ffffff;
padding:3px 2px 3px 2px}

table.data tr.tableshade-top td {
background-color: #ECECE4;
font-weight: bold;}

table.data tr.tablesub td {	
background-color: #B4BECF;
font-weight: bold;}