/* CSS Document */

/* most links on site - the default*/


/* links on gradient background*/
H3 A:link {
	color: white;} 

H3 A:visited {
	color: white;} 

H3 A:hover {
	color: #E15A00;} 	
	
/* links on story headlines*/
H1.fpt A:link, H1.fpt A:visited {
	text-decoration: none;
	color: #000;}
	
H1.fpt A:hover  {
	text-decoration: none;
	color: #E15A00;}	
	
/* links on story headlines*/
H1.article A:link, H1.article A:visited, H1.article A:hover  {
	text-decoration: none;
	} 
	
H1.box-rec A:link, H1.box-rec A:visited, H1.box-rec A:hover  {
	text-decoration: none;
	} 		
	
/* links on headextra*/
.headextra A:link {
	color: #f1f1f1; 
	} 

.headextra A:visited{
	color: #f1f1f1; 
	} 

.headextra A:hover {
	color: #E15A00  ;
	} 
	
/* links on gradient background below bar*/
.textinfo A:link {
	color: #cc6600;} 

.textinfo A:visited {
	color: #cc6600;} 

.textinfo A:hover {
	color: #3300CC;} 		 	

/* links on sitemap*/
.smul li A:link, .smul li A:visited {
text-decoration: none;
	display: block;} 

.smul li A:hover {
	color: #fff  ;
	background-color: #2b465b;
	display: block;
	text-decoration: none;} 
			 	
/* links on help pages, injury pop-up, account, and cappers page - helplink2 just used on ? on capper page*/
a.helplink, a.helplink2{ /* This is for the question mark cursor */
    cursor: help; 
	padding-right: 5px;}

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

a.helplink span, a.helplink2 span{
	display: none;}

a.helplink:hover span, a.helplink2:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:15px; left: 30px; width:200px;
	padding: 4px;
	text-decoration: none;
	text-align: left;
	font: 11px Verdana, sans-serif;
    border:1px solid #ccc;
    background-color:#f7f7e0; color:#000;}
	
a.helplink2:hover span{ /*the span will display just on :hover state*/
    top:15px; left: -175px; width:175px;
    border: 1px solid #999;
    background-color:#f1f1f1; color:#000;}

/* links on the header row of the table - on picks page - with capper name - data head capper*/
td.dhc A:link {
	color: white;} 

td.dhc A:visited {
	color: white;} 

td.dhc A:hover {
	color: #E15A00;}

/* the matchup links on the my experts page*/
.cematch A:link { 
	color: #666666; 
	text-decoration: none;} 

.cematch A:visited { 
	color: #666666;
	text-decoration: none;} 

.cematch A:hover { 
	color: #741010;
	text-decoration: none;} 

.cematch A:active { 
	color: #669933;}
	
/* links in header on colorbar delete once live*/
.colorbar2 A:link, .colorbar2 A:visited  {
	text-decoration: none;
	color: #fff;} 

.colorbar2 A:hover  {
	text-decoration: none;
	color: #ff9900;}
	
/* directory links in header - on colorbar*/
.directory A:link, .directory A:visited  {
	text-decoration: none;
	color: #fff;
	} 

.directory A:hover  {
	text-decoration: none;
	color: #ff9900;
	}
	
/* CE brick links - for the bullets used in covers on black brick only*/
.ce-bullet A:link, .ce-bullet A:visited  {
	color: #fff;
	} 

.ce-bullet A:hover  {
	color: #ff9900;
	}	
	
/*profile pictures on comments*/
.comment-img a img{border:1px solid #ccc;}
.comment-img a:hover img{border:1px solid #E15A00;}				
			
/*tabmenu - custom odds - tabs from http://www.simplebits.com/bits/css_tabs.html*/	
.tabcontainer, .tabcontainer-team{
width: 100%;
padding: 0;
background: #fff;
margin: 5px 0 10px 0;
background: url(/shared/tabs/tab_bottom.gif) repeat-x bottom;
position: relative;}
	
.tabcontainer2{
width: 100%;
padding: 0;
background: #fff;
margin: 5px 0 0px 0;
background: url(/shared/tabs/tab_bottom.gif) repeat-x bottom;}	

.tabcontainer-team {margin-left:65px; width:908px; margin-top:-15px; margin-bottom:17px;}
	
.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: 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-alt {margin-top:0;} /*add to tabcontainer with no margin at the tab*/
.tab-alt2 {margin-bottom:-1px} /*add to tabcontainer that needs to cover table lines*/
	
.sortby {float: left;font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: 11px ; color: #CC0000; line-height: 15px; z-index:-10}		

/*links for text ad*/
.textad 
{FONT-SIZE: 10px; FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; COLOR: #fff;  font-weight:normal} 

.textad  A:link { text-decoration: none;  color: #ffcc00} 

.textad  A:visited { text-decoration: none; color: #ffcc00} 

.textad  A:hover { COLOR: #e15a00; text-decoration: none;} 

.textad  A:active { text-decoration: none; color: #3300CC}
 
/* 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 { COLOR: #e15a00; text-decoration: none;}

/* no links in socres on firefox*/
a.nolink:link, a.nolink:visited, a.nolink:active, a.nolink:hover {text-decoration: none ;}

.autolinks {CURSOR: help; COLOR: #3300CC; TEXT-DECORATION: none;}	

/*navigation*/
.navContainer {
	height: 22px;
	width: 100%;
	background: #ccc url(/shared/navigation/navback.gif) top left repeat; /* the grad back*/
	z-index: 1000;
	font-family: verdana, Helvetica, sans-serif; 
	font-size: 10px;
	font-weight: bold;
	position: relative;
	clear:  both;}
	
.collapsed, .expanded {
	float: left;
	display: inline;}
	
.collapsed .dropHold {
	visibility: hidden;}
	
.expanded .dropHold {
	visibility: visible;}
	
.collapsed .menuItem {
	color: #000; /* main link color*/}
	
.expanded .menuItem, .expanded .menuItem a:visited, .expanded .menuItem a:link {
	color: #E15A00; /*rollover color of main tab plus when the menu is expanded - main - stays when hover down list*/
	cursor: pointer;}

/* for contests/forum/pools*/
#navLast, #navLast2, #navLast3, #navLast4, #navLast5 {position: absolute;}

#navLast { /* the last item on the nav*/
	left: 935px; /* positions it to the far side of the nav - the link itself*/}	
	
#navLast2 { /* the 2nd last item in the nav*/
	left: 867px; /* positions it to the far side of the nav*/}
	
#navLast3 { /* the 3rd last item in the nav*/
	left: 798px; /* positions it to the far side of the nav*/}	

.menuItem { /* individual items in the navigation drop downs*/
    position: relative;
    display: inline; /*makes horizontal*/
    top: 5px; /*links from top - like padding should be?*/ 
    padding: 5px 5px 7px 5px; /* padding around text links*/
    background: url(/shared/navigation/divider.gif) no-repeat; /* the divider */} 

.menuItem a{ color: #000; text-decoration: none;}

.menuItem a:link, .menuItem a:visited{
color: #000; text-decoration: none;}

.menuItem a:hover{
color: #E15A00; text-decoration: none;}

.dropHold {
	position: relative; /* makes the drop relative to the link it came from*/
	overflow: visible; /* allows the drop down to be seen*/}

.dropMenu, .dropMenu2 { /* regular drop down, drop for different, drop of drop*/
	position: absolute;
	left: 0px; /*drop starts aligned with edge of upper link*/
    top: 10px; /* drop down in relation to the links*/
	width: 130px; /* the full size of the drop menu by default*/
	background-color: #d0d0d0; /* color of entire container*/
	border: 1px solid #ccc; /* border around whole dropdown*/
	border-bottom-color:#999999;
	border-right-color:#999999;
	padding: 2px 1px 3px 3px; /* padding in the drop container*/
	z-index: 500;
	clear: both;}

.dropMenu .dropItem, .dropMenu .dropItemOver{
	position: relative;
	padding: 0 3px 0 3px;
	/*border pre roll*/
	border-bottom: 1px solid #fff; /* border on top of menuItems - keep the same as rollovers*/
	border-right: 1px solid #fff;
	background-color: #f1f1f1;
	color: blue;
	cursor: default;
	cursor: pointer;
	width: 120px; /* i added this width - for the rollovers only*/
	z-index: 5;}

.dropMenu .dropItemOver a, .dropMenu .dropItem a, .dropItem A:visited{
	display: block;
	padding: 2px 0px 2px 0px;
	color: #2c2c2c; /*color of the dropItem links*/
	width: 100%;
	text-decoration: none;}
	
/*ce color stuff*/
.dropMenu-ex, .dropMenu2-ex { /* regular drop down, drop for different, drop of drop*/
	position: absolute;
	left: 0px; /*drop starts aligned with edge of upper link*/
    top: 10px; /* drop down in relation to the links*/
	width: 130px; /* the full size of the drop menu by default*/
	/*ce color*/background-color: #5a5a5a; /* color of entire container*/
	/*ce color*/border: 1px solid #5a5a5a; /* border around whole dropdown*/
	/*ce color*/border-bottom-color:#4f4f4f;
	/*ce color*/border-right-color:#4f4f4f;
	padding: 2px 1px 3px 3px; /* padding in the drop container*/
	z-index: 500;
	clear: both;}

.dropMenu-ex .dropItem, .dropMenu-ex .dropItemOver{
	position: relative;
	padding: 0 3px 0 3px;
	/*border pre roll*/
	/*ce color*/border-bottom: 1px solid #e2e1e1; /* border on top of menuItems - keep the same as rollovers*/
	/*ce color*/border-right: 1px solid #e2e1e1;
	/*ce color*/background-color: #d5d4d4;
	color: blue;
	cursor: default;
	cursor: pointer;
	width: 120px; /* i added this width - for the rollovers only*/
	z-index: 5;}

.dropMenu-ex .dropItemOver a, .dropMenu-ex .dropItem a, .dropItem A:visited{
	display: block;
	padding: 2px 0px 2px 0px;
	color: #2c2c2c; /*color of the dropItem links*/
	width: 100%;
	text-decoration: none;}
/*end ce color stuff*/	

.dropHold .dropItemOver  {
	background-color: #e88800; /* the individual rollover in the drop down menu*/
	border-bottom: 1px solid #616060;
	border-right: 1px solid #616060;
	color: #FFF;}

.dropHold a {
	color: #CCC; /*doesn't seem to change anything*/
	text-decoration: none; /*no underline on drop menu items*/}
	
.dropHold a:hover {
	color: #FFF; /*text rollover on hover of drop down menu items*/
	text-decoration: none;}

/* specific tier 2 classes */
.dropMenu2, .dropMenu2-ex {
	left: 127px; /* to move the 2nd drop menu closer to the parent*/
	top: -3px;
	visibility: hidden;
	z-index: 3000;}

.dropMenu .dropItemOver .dropMenu2, .dropMenu-ex .dropItemOver .dropMenu2-ex {
	visibility: visible;}

.dropMenu .dropItem .dropMenu2, .dropMenu-ex .dropItem .dropMenu2-ex {
	visibility: hidden;}

img.navarrow { /* the arrow*/
	position: absolute;
	left: 109px; /* positionin of the arrow*/
	top: 4px;}

/* sub nav */
#subcontainer{ /*main sub nav*/
line-height: 21px;
padding-left: 2px;
clear:both;
margin: 0;
background: #888787; /* change for sport*/}

/* drop down from sub nav links - in experts only*/

#dropSub, #dropSub2{ /* drop down from sub nav*/
display: none; 
z-index: 2000; 
position: absolute; 
left: 85px; /* submenu from left*/
top: 21px; /*submenu drop from top*/
width: 150px;
line-height: 14px;}

#dropSub2 {left: 257px;} /*betting tools*/

#dropSub a, #dropSub2 a { 
display: block; 
position: relative; 
width: 100%;}

#dropSub a:link, #dropSub a:visited, #dropSub2 a:link, #dropSub2 a:visited{
background: #888787; /* change for sport*/
border: 2px solid #888787; /*keep*/}

#dropSub a:hover, #dropSub2 a:hover{
background: #e88800; 
border: 2px solid #888787;}

#moreDrop, #moreDrop2{display: inline; cursor: pointer;}

/* links in the sub nav and sub nav drop down*/
#subNav{
z-index: 950; 
position: relative; 
width: 100%; 
color: #fff; 
font: 10px Verdana, Arial, sans-serif; 
font-weight: bold;
text-decoration: none;}

#subNav a:link, #subNav a:visited{
color: #fff;
text-decoration: none;} 

#subNav a:hover{
color: #1b3245;
text-decoration: none;}

/*article links*/		
ul.na 
{list-style-position: outside;
list-style-type: disc;
padding-left: 1.5em;
margin: 0px;}

li.na {
line-height: 1.21em; /*between items in the list */
margin: 0px;
padding-bottom: 7.5px;}

/*articles int he dropdown*/
.navarticles {
float: right; 
background-color: #616060; 
width: 247px; /* width of box with articles*/
padding: 3px;
color: #fff;
margin-right: 1px;}

/* links for articles*/
.navarticles A:link {
	color: #fff; 
	text-decoration: none;} 

.navarticles A:visited{
	color: #f1f1f1; 
	text-decoration: none;} 
	
.navarticles A:hover {
	color: #E15A00  ;
	text-decoration: none;} 
	
.navarticles A:active { 
	color: #669933 ;
	text-decoration: none;}
	
/*links around images in the posting forum*/
td.forumpost A:link img { 
	border: 1px solid #cccccc;} 

td.forumpost A:visited img { 
	color: red;border: 1px solid #cccccc;} 

td.forumpost A:hover img { 
	border: 1px solid #E15A00;} 

td.forumpost A:active img { 
	border: 1px solid #cccccc;}