/***************************************************************************************** */
/* basic styles */
/***************************************************************************************** */

body { 
background-color:#FFFFFF; color:#000000; margin: 0 auto; text-align: center;
}

div { 
padding:0; margin: 0; 
}

a:link, #rail-content a:link {
color:#000000; text-decoration: none;
}

#wrapper-blog #rail-content a:link {
color:#000000; text-decoration: underline;
}

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

#wrapper-blog #rail-content a:visited {
color:#000000; text-decoration: underline;
}

.title-article a:visited {
color:#999; text-decoration: none;
}

a:hover, a:active, #rail-content a:hover, #rail-content a:active {
color:#990000; text-decoration: underline; 
}

#wrapper-blog #rail-content a:hover {
color:#990000; text-decoration: none; 
}

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

/***************************************************************************************** */
/* main layout  */
/***************************************************************************************** */

#wrapper-main, #wrapper-links, #wrapper-error, #wrapper-blog, #wrapper-comments, #wrapper-main-index { 
width: 985px; text-align: left; margin: 0 auto; 
}

#header { 
}

#header .header-forum { 
width: 985px;
}

#rail-menu, #rail-content, #rail-third { 
padding:0; margin: 0; margin-top: 10px; margin-bottom: 10px;
}

#rail-menu { 
clear:both; width:145px; float:left; font-family:Arial, Helvetica, sans-serif; font-size: 11px; text-align:left; background-color:#FFF; 
}

#wrapper-main-index #rail-content, #wrapper-main-index #rail-third { /* when the main page tabs are included */
margin-top: -1px; 
}

#wrapper-main-index #rail-menu { /* when the main page tabs are included */ 
margin-top: 9px; 
}

#rail-content { 
width: 525px; float:left; font-family:Arial, Helvetica, sans-serif; font-size: 12px; text-align:left; background-color:#FFF; 
border: 1px solid #000; margin-right: 10px;
}

#rail-third { 
width: 300px; float:right; text-align:right; 
}

#wrapper-error #rail-menu, #wrapper-error #rail-third { 
width: 222px;
}

#wrapper-error #rail-content { 
border:0;}

#footer { 
width:100%; text-align: center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 5px 0 5px 0; background-color:#FFF; 
height: 200px; border-top: 1px solid #000; clear:left; margin-top: 2px; clear:both; line-height: 1.5em; color:#666666;
}


/***************************************************************************************** */
/* ads  */
/* see menu rail for the google-esq ad links  */
/***************************************************************************************** */

.ad-header-text { 
clear:right; width: 400px; float:right; text-align:right; padding-top: 5px; letter-spacing: 0.1em; 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color:#40528E; 
}

.ad-leaderboard { 
width: 728px; display:block; float:right; margin-bottom:10px; margin-top: 5px;
}

.ad-rectangle { 
width: 300px; display:block; margin-bottom:16px; 
}

/***************************************************************************************** */
/* header */
/***************************************************************************************** */

#logo { 
width:183px; height: 64px; float:left; margin: 4px 0 5px 0px; 
}

#search { 
width:400px; height: 30px; float:right; margin: 0; text-align: right; padding-top:10px; display: none;
}

.searchbox { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#666666; height: 18px; border: 1px solid #999; padding: 3px 0 0 1px;
}

#search input { 
vertical-align: bottom;
}

.sponsorship-main a { /* */
display:block; 
width: 300px; height: 90px; float:right; margin-top: 5px; margin-bottom: 5px;
background-image:url(/prosportsdaily/sponsor_main_pokerfan_300x90.jpg);padding: 0;
}

.tagline { 
clear:left; width: 500px; float:left; text-align:left; padding: 0 0 5px 0; letter-spacing: 0.15em; margin-left: 3px;
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color:#92A5B8;
}

.tagline2 { /*
width: 250px; float:left; text-align:left; padding-top: 0px; letter-spacing: 0.1em; margin-right: 3px;
font-family:Georgia, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color:#92A5B8;  display: none;
*/}

#header-nav { /* holds the nav bar */
clear:both; width:985px; height: 21px; text-align:center; padding: 1px 0 0 0; background-image:url(/prosportsdaily/navbar_background-new.png); 
background-repeat:no-repeat; 
} /* if this is height 20, there is a content shift in IE6 */

li.nav-fantasy { /*  */
background-image:url(/prosportsdaily/nav-bg-fantasy.png); background-repeat:no-repeat; background-position: 8px -1px;
}

.homepage li.nav-home, .mlbpage li.nav-mlb, .nbapage li.nav-nba, .nflpage li.nav-nfl, .nhlpage li.nav-nhl, .fantasypage li.nav-fantasy,
.morepage li.nav-more, .bloggerpage li.nav-blogger { /* makes the highlight on the appropriate nav items. Position top keeps it from dropping down in IE6 */
background-image:url(/prosportsdaily/nav-bg-selected-new.png); background-repeat:no-repeat; background-position: left -1px;
}

.forumspage li.nav-forums, .fantasypage li.nav-fantasy { /* To centre the "forum" highlight, as it's a longer word than the others */
background-image:url(/prosportsdaily/nav-bg-selected-new.png); background-repeat:no-repeat; background-position: 10px -1px;
}

.header-nav-links { /* holds the links. Menu can be centered with a left margin here. Width is needed to give HasLayout property, 
otherwise drops will only occur when hovering over the word, not the div. */
height:20px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; text-align:center; font-weight:bold; margin-left: 0px;
}

.header-nav-links a { /* bottom padding allows room to hover over the dropdowns without flickering. Right and left should also be padding instead of margin for IE6 */
padding: 0 29px 2px 29px; text-align:center; font-weight:bold; cursor: pointer; cursor: hand; /* Right and left padding spaces menu items */
}

* html .header-nav-links a { /* to fix double right margin in IE6 */
margin-right: 0;
}

.header-nav-links a:link, .header-nav-links a:visited {
color:#fff; text-decoration: none;
}

.header-nav-links a:hover, .header-nav-links a:active {
color:#CCCCCC; text-decoration: none;
}

/***************************************************************************************** */
/* midsection */
/***************************************************************************************** */

/***************************************************************************************** */
/* common elements  */
/***************************************************************************************** */

.right { /* used in the blog poll for the percentages */
float: right; display:inline; 
}

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

.divide { /* the dividing line between links and/or articles */
width: 120px; height: 1px; background-color:#000; margin: 8px 0 8px 0; padding:0; overflow:hidden;
}

#league-menu .divide { /* the dividing line between links and/or articles */
width: 120px; background-color:#ddd; 
}

#sport-menu .divide { /* the dividing line between links and/or articles */
width: 130px; background-color:#ddd; 
}

#ad-links-menu .divide { /* the dividing line between links and/or articles */
width: 120px; background-color:#000;
}

.content-inner .divide { 
width: 513px; clear: both; display: none;
}

#wagerline .divide, #bully .divide, #blogger .divide, #fantasy .divide, #blogs-more .divide { 
width: 98%; margin-left: 1%; background-color:#ccc; clear:both;
}

#blog-todays-best .divide, #blog-poll .divide { 
width: 96%; margin-left: 2%; background-color:#666666; 
}

/***************************************************************************************** */
/* inside the menu rail */
/***************************************************************************************** */

.menu-inner { /* content of the menu rail - includes border, since there can be more than one brick and they each need their own border */
clear:both; width:126px; float:left; text-align:left; background-color:#FFF; border: 1px solid #000; 
padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px; 
}

.menu-inner-ad { /* new ad in the menu rail - no border */
clear:left; width:126px; float:left; text-align:left; background-color:#FFF; border: 0px solid #000; 
padding-left: 3px; padding-bottom: 10px; margin-bottom: 10px; 
}

.title-menu { 
font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:center; background-color:#990000; color:#FFFFFF; 
border: 1px solid #000; margin: 5px 0 5px 0; padding: 2px 0 2px 0;
}

.title-menu { 
width: 120px;
}

.sponsorship-menu a { /*  */
display:block; 
clear:both; width:130px; height: 68px; float:left; text-align:left; 
padding-left: 5px; padding-bottom: 10px; margin-bottom: 10px;
background-image:url(/prosportsdaily/sponsor_menu_pokerfan_130x68.jpg);padding: 0;
}

.login-holder { 
background-color: #F0F2F7; border-left: 1px solid #000; margin: 2px 0px 10px 0px; text-align:left; clear:both; width:131px; float:left;  
padding: 0; line-height:1.3em; color:#000;
}

.login-info { /* The color here determines the link and visited color of the Login button */
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: normal; text-align:left; 
border-top: 1px dashed #999; border-bottom: 1px dashed #999; text-align:left; padding: 2px 0px 2px 3px; margin: 0px 0px 0px 0px;
}

.login-info a:link, .login-info a:visited{ /* The color here determines the link and visited color of the Login button */
color:#666666;
}

.login-info input { 
font-family: Arial,Verdana, Helvetica, sans-serif; font-size: 11px; color:#666666;background-color: #f9f9f9; width: 112px; margin: 2px 0; padding: 1px 0 1px 2px;
}

/***************************************************************************************** */
/* inside the content rail  */
/***************************************************************************************** */

h1 { 
width: 513px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; text-align:center; background-color:#990000; color:#FFFFFF; 
border: 1px solid #000; margin: 5px 0 15px 0; padding: 2px 0 2px 0;
}

.article { 
margin: 5px 0 10px 3px; color:#000;
}

.story-nav { 
margin: -10px 0 5px 3px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width: 99%; 
border: 1px solid #ccc; border-right:0; border-left:0; background-color: #F9F9F9; padding: 2px 0 2px 0;  
}

.team-info { /* on interim pages (between clicking headline and getting to story) */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width:98%; 
border: 1px solid #ccc; background-color: #fff; margin: 0 0 5px 0; padding: 0; 
}

.bio-info { /* pro blogger bios */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width: 95%; 
border: 1px dashed #ccc; background-color: #fff; margin: 10px 0 0px 0; padding: 0; background-image:url(/prosportsdaily/backgrounds/bio-background.png);
background-repeat:repeat-x; 
}

#wrapper-comments .story-nav a:link, #wrapper-comments .story-nav a:visited { 
color: #666666;   
} 
#wrapper-comments .team-info a:link, #wrapper-comments .team-info a:visited { 
color: #999999;   
}

#wrapper-comments .title-content { 
width: 513px; margin-bottom: 0px; font-size: 12px;
}

#wrapper-comments #rail-content .title-article a:link, #wrapper-comments #rail-content .title-article a:visited { /* article headline */
color: #000; text-decoration:none;
}

#wrapper-comments #rail-content .title-article a:hover {
color:#990000; text-decoration: underline; 
}

#comment-section { 
clear:both; margin-left: 1px;
}

#comment-section .title-content { /* the title, Comments, for this section */
font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align:left; color:#990000; background-color:#fff; 
border: 0; border-bottom: 1px solid #000; margin: 5px 0 5px 0; padding: 2px 0 2px 0; margin-bottom: 15px;width: 510px; clear:both;
}

#comment-section .title-content a { /* the title, Comments, for this section */
font-family:Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; text-align:left; color:#333; 
}

#comment-section .title-content .right { /* the number of comments */
font-size:11px;color:#666666;margin-bottom:0; padding-top: 5px;
}

#wrapper-links .article { 
margin: 5px 0 15px 3px; color:#000;
}

.content-inner { /* content of the content rail - does not include border, because this rail has only one outer border */
width: 515px; text-align:left; padding-left: 5px; clear:both;
}

.morestories { /* the links to more news for each sport */
margin-bottom: 20px; font-weight: bold; margin-left: 3px; font-size: 14px;
}

.morestories a:link {
color:#990000; 
}

UL.links { /* margin-left works for IE, padding-left works for FF */
list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; 
margin-top:10px; margin-bottom: 20px; margin-left: 0px; padding-left: 0px; width: 500px;
}

.links li { /*Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */
float: left; margin-bottom: 5px; margin-right: 0; margin-left: 0px; padding-left: 15px; width: 230px;
background-image: url(/prosportsdaily/bullet-red.gif); background-repeat: no-repeat; background-position: 0 .25em; 
}

#wrapper-comments .links li { /* For the More Stories at the bottom of the page */
float: left; margin-bottom: 10px; margin-right: 0; margin-left: 6px; padding-left: 15px; width: 498px; 
background-image: url(/prosportsdaily/bullet-red.gif); background-repeat: no-repeat; background-position: 0 .25em; 
}

* html #wrapper-comments .links li { /* can't be as wide for IE6 */
width: 485px; margin-bottom: 5px; 
}

UL.columnlinks { /* margin-left works for IE, padding-left works for FF */
list-style-type:none; font-family:Arial, Helvetica, sans-serif; font-size: 12px; 
margin-left: 0px; padding-left: 0px;
}

.columnlinks li { /*Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */
margin-bottom: 5px; margin-right: 0; margin-left: 0px; padding-left: 15px;
background-image: url(/prosportsdaily/bullet-red.gif); background-repeat: no-repeat; background-position: 0 .25em; 
}

.column-left, .column-right { /* each column */
width: 49%; margin-top:5px; margin-bottom: 1px; padding-bottom: 0px; margin-left: 0px; padding-left: 0px; text-align:left;
}

.column-left { /* each column */
float:left;
}

.column-right { /* each column */
float:right;
}

.title-main, .title-article { /* article headline OR large text heading that's not a link */
font-size: 21px; font-weight: normal; text-transform: capitalize; margin: 0;
}

#wrapper-links .title-article, #wrapper-links .title-main { /* article headline */
margin-bottom: 6px; text-transform: none;
}

#wrapper-blog .title-article { /* article headline */
color: #02407F; text-transform: none;
}

#wrapper-blog #rail-content .title-article a:link, #wrapper-blog #rail-content .title-article a:visited { /* article headline on blog page */
color: #02407F; text-decoration:none;
}

#wrapper-blog #rail-content .title-article a:hover {
color:#990000; text-decoration: underline; 
}

.dateline { /* article date */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width: 99%; 
border: 1px solid #ccc; border-right:0; border-left:0; background-color: #F9F9F9; margin: 3px 0 3px 0; padding: 2px 0 2px 0; text-indent: 2px;
}

html>/**/body .dateline { /* without this, the comments div drops down in Firefox */
text-indent:0;
}

h4 { /* tags */
font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width: 99%; text-align: center;
border: 1px solid #E4E4E4; border-right:0; border-left:0; background-color: #F4F4F4; margin: -3px 0 3px 0; padding: 3px 0 3px 0;
}

#wrapper-blog #rail-content h4 a:link, #wrapper-blog #rail-content h4 a:visited { /* tags */
color: #666666; 
}

.filed { /* filed under OR name of paper */
font-size: 11px; color: #666666; font-weight: normal; margin: 0; width: 90%; display: inline; margin-left: 40px;
}

#wrapper-blog .filed { /* filed under OR name of paper */
color: #000; font-weight:bold; margin-left: 70px;
}

.filed a:link { /* filed under */
color: #6377BE; 
}

#comment-section div { 
padding-bottom: 0; margin-bottom: 0;
}

.hider { /* comment link with number bubble in the dateline */
display:inline; 
}

.comment-bubble-link { /* comment link with number bubble in the dateline */
float: right; display:inline; text-align:left; width: 110px; background-image:url(/prosportsdaily/comments/bubble1.jpg); background-position:right; background-repeat:no-repeat; padding: 0; margin-right: 2px; height: 15px; margin-top: 0px; /* display:none; */
}

.comment-bubble-link span { /* comment link with number bubble */
float:right; display:inline; text-align:center; width: 35px; padding: 0; 
}

.hider .comment-bubble-link { /* to hide the bubble when there are zero comments */
background:none; 
}

.hider .comment-bubble-link span { /* to hide the comment number when there are zero comments */
color:#F9F9F9; 
}

#rail-content .dateline .comment-bubble-link a:link, #rail-content .dateline .comment-bubble-link a:visited { /* comment link with number bubble */
color:#666666; text-decoration:underline;
}

#wrapper-main-index #rail-content .dateline .comment-bubble-link a:hover { /* comment link with number bubble - needs all this for specificity */
color:#990000; text-decoration:none;
}

#wrapper-comments #rail-content .dateline .comment-bubble-link a:hover { /* comment link with number bubble - needs all this for specificity */
color:#990000; text-decoration:none;
}

.comment-bubble-link a:active { /* comment link with number bubble */
color:#990000; text-decoration:none;
}

.comment { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 0 5px 0; clear:left;
}

#wrapper-comments .comment { 
clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0px 0 15px 0; margin-top: 25px; 
}

.comment p { 
margin: 4px 0 4px 0; width: 510px; display:inline; font-weight:normal;
}

.comment p img, .author-comment p img { 
margin: 0 10px 10px 0; border: 1px solid #666666; 
}

#wrapper-comments .comment p { 
margin: 4px 0 4px 0; padding: 0 4px; display:block;
}

.author { /* same as the comment div, but for when the commenter is the author of the article */
clear:both; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; 
border: 0px solid #000; border-bottom: 0px solid #000; padding: 0; margin-bottom: 5px; margin-left:-1px;
background-image:url(/prosportsdaily/psd-blogger-bg2.jpg);
}

.author-comment { 
margin: 0 8px 0 8px; border-bottom: 1px solid #000; padding: 0 5px;  min-height: 75px;
}

.author-comment p { 
margin-top: 2px; font-weight:normal; display:block;
}

#wrapper-blog .dateline { /* OVERRIDDEN BELOW */
color: #000; border: 1px solid #ccc /* #02407F */; border-right:0; border-left:0; background-color: #E2ECF9 /* #ABC7E4 */; margin: 5px 0 3px 0; 
}

#wrapper-blog .dateline { /* the line with the BLOGGER's name and date of comment */
background-image:url(/prosportsdaily/comments/psd-commenter.jpg); background-repeat:no-repeat; 
font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: normal; width: 100%;
border: 0; margin: 3px 0 0 -2px; padding: 6px 0 0px 0; text-indent: 7px; height: 29px; background-color:#FFFFFF;
}

html>/**/body #wrapper-blog .dateline { /* without this, the comments div drops down in Firefox */
text-indent:0; padding: 6px 0 0px 10px; width: 99%;
}

#wrapper-blog .dateline .comment-bubble-link { /* the bubble image messes up the dateline here */
width: 95px; background:none; 
}

#comment-section .dateline { /* the line with the commenter name and date of comment */
background-image:url(/prosportsdaily/comments/psd-commenter.jpg); background-repeat:no-repeat; 
font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #000; font-weight: normal; 
border: 0; margin: 3px 0 0 0; padding: 5px 0 0px 0; text-indent: 7px; height: 29px; background-color:#FFFFFF;
}

#comment-section .author .dateline { /* for when the commenter is the author of the article or the PSD Blogger */
background-image:url(/prosportsdaily/psd-blogger-bg1.jpg); background-repeat:no-repeat; 
height: 32px; border-top:0; padding: 7px 0 0 2px; margin: 3px 0 0 0; 
}

#comment-section .dateline strong { /* the name of the commenter within the dateline  */
font-size: 14px; margin-right: 5px;
}

#comment-section .filed { /* the date and time of the comment */
font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;
}

#comment-section textarea { /* the box to make your comment */
width:495px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: normal; 
border: 1px solid #000; margin: 3px 0 0 0; padding: 5px 0 0px 0; text-indent: 7px; background-color:#FFFFFF; height:100px;
}

#wrapper-blog .article p { /* paragraph spacing on the blogger page */
margin: 1em 0 1em 0; 
}

#wrapper-blog .article { /* article spacing on the blogger page */
margin-bottom: 2em; clear:both;
}

.article img { 
float:left; margin: 2px 4px 3px 0px; max-height: 300px; max-width: 300px;
}

.video-hold { 
float:left; margin: 2px 4px 3px 0px;
}

/* .image-hold { 
float:left; margin: 2px 4px 3px 0px; text-align: center; background-color:#ECECEC;
}

.image-hold img { 
float:left; margin-bottom: 0px;
}

.image-hold p { 
clear: left; color:#999999; font-size: 11px;
}*/

.to-story-link { /* *Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */
text-align:right; width: 98%; display:block; float:left; clear:both;
}

a.to-story { /* *Background pos is from left and top of div. Padding-left is for space b/w image and text. Margin-left is space b/w items. */
margin: 0; padding: 0 0 0 12px; 
background-image: url(/prosportsdaily/arrow_story.png); background-repeat: no-repeat; background-position: 0 .1em; 
}

a.to-story:hover { /*  */
margin: 0; padding: 0 0 0 12px; 
background-image: url(/prosportsdaily/arrow_story.png); background-repeat: no-repeat; background-position: .2em .1em; 
}

.to-forum-link { /*  */
font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold; text-align:center;
}

.comment .to-forum-link { /*  */
font-size:12px; font-family: Arial, Helvetica, sans-serif; font-weight:bold;
}

/*  New-look index page, one column for news and one for blogs  ************************************************************ */

#index-tabs { 
width: 526px; margin-top:8px; margin-right: 4px; padding:0; background-image:url(/prosportsdaily/tabs/column-top.jpg); height: 17px; float:left;
}

#index-tabs-explain { 
width: 527px; margin-top:8px; margin-right: 4px; padding:0; background-image:url(/prosportsdaily/tabs/column-top-arrow.jpg); height: 22px; float:left;
}

.tab-state { 
width: 119px; height: 17px; margin:0; margin-right: 3px; padding:0; background-image:url(/prosportsdaily/tabs/tabs_all.jpg); background-position:50%; float:left; display:inline; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; 
}

.tab-state-active { 
width: 119px; height: 17px; margin:0; margin-right: 3px; padding:0; background-image:url(/prosportsdaily/tabs/tabs_all.jpg); background-position:top; float:left; display:inline; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#333; 
}

.tab-state span, .tab-state-active span { 
display:block; width: 119px; height: 17px; margin:0; 
}

.tab-state span br, .tab-state-active span br { /* This was the only way I could get the text in the tabs positioned properly */
line-height: .25em;
}

html:first-child .tab-state span br, html:first-child .tab-state-active span br { /* This Safari hack keeps the text in the tabs from being too far down */
line-height: 0em; display:none;
}

#index-tabs-explain .tab-state { 
height: 22px; background-image:url(/prosportsdaily/tabs/tabs_all_arrow.jpg); background-position:50%; 
}

#index-tabs-explain .tab-state-active { 
height: 22px; background-image:url(/prosportsdaily/tabs/tabs_all_arrow.jpg); background-position:top;  
}

.tab-state span:hover { 
background-image:url(/prosportsdaily/tabs/tabs_all.jpg); background-position:bottom; 
}

#index-tabs-explain .tab-state span:hover { 
height: 22px; background-image:url(/prosportsdaily/tabs/tabs_all_arrow.jpg); background-position:bottom; 
}

.tab-state a, .tab-state-active a { 
color:#333; text-decoration:none; cursor:pointer;
}

#tab-explain-top-news, #tab-explain-top-rumors, #tab-explain-top-columns, #tab-explain-top-blogs, #tab-explain-top-fantasy { 
width: 515px; margin: 5px 0 0 5px; padding: 0px; background-image:url(/prosportsdaily/tabs/arrow1.jpg); background-position:top; background-repeat:no-repeat; height:6px;
}

#tab-explain-top-rumors { 
background-image:url(/prosportsdaily/tabs/arrow2.jpg); 
}

#tab-explain-top-columns { 
background-image:url(/prosportsdaily/tabs/arrow3.jpg);
}

#tab-explain-top-blogs, #tab-explain-top-fantasy { 
background-image:url(/prosportsdaily/tabs/arrow4.jpg);
}

#rail-content .tab-explain { 
width: 507px; background-color:#fff; border:1px solid #999; border-top: 0; margin: 0 0 0 5px; padding: 3px; text-align:left; color:#03407F /* 4A7FBA */; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
}

* html #rail-content .tab-explain { /* This IE6 hack makes the explain box join up with its top line */
margin-top: -9px; 
}

#rail-content .tab-explain strong { 
font-size:12px;
}

#wrapper-main-index #rail-content { 
width: 525px; margin-right: 5px; padding:0; margin-top: 0px; margin-bottom: 10px; border-top:0;
}

#wrapper-main-index #rail-third .title-article a:link, #wrapper-main-index #rail-third .title-article a:visited { /* article headline in blog column of index page */
color: #02407F; text-decoration:none; font-size: 13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

#wrapper-main-index #rail-third .title-article a:hover {
color:#990000; text-decoration: underline; font-size: 13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;
}

.memberblog-section { 
clear:both; margin-left: 1px; border-bottom: 1px solid #ccc; border-top:0; padding-bottom: 2px; margin-bottom:15px; width: 510px;
}

.memberblog-section .article { 
margin-left: 10px; margin-right: 10px; 
}

.memberblog-section .title-content { /* the title, Comments, for this section */
font-family:Arial, Helvetica, sans-serif; font-size: 16px; font-weight: bold; text-align:left; color:#990000; background-color:#fff; 
border: 0; border-bottom: 1px solid #ccc; margin: 5px 0 5px 0; padding: 2px 0 2px 0; margin-bottom: 10px;width: 510px; clear:both;
}

#wrapper-main-index #rail-content .memberblog-section .article .title-article a { /* article headline OR large text heading that's not a link */
font-size: 14px; font-weight: bold; text-transform: capitalize; margin: 0;
}

.memberblog-section .dateline { /* article date */
border: 1px solid #ccc; border-right:0; border-left:0; background-color: #F9F9F9; margin: 3px 0 3px 0; padding: 2px 0 2px 0; text-indent: 2px;
}

html>/**/body .memberblog-section .comment-bubble-link { /* This FF hack keeps the comment bubble in line with the dateline */
margin-top: -14px;
}



/*  Page Navigation, 2 versions, one for blog and one for regular pages  *************************************************** */

.page-nav { /* the links to more pages */
 border-top: 1px solid #000; padding-top: 10px; margin-bottom: 12px; margin-left: 0px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:center; clear:both; 
}

.page-nav a, .previous-next, .thispage { /* makes boxes around the page numbers */
padding: 0 6px 2px 6px; border: 1px solid #ccc; margin: 0 4px;
}

#wrapper-blog .page-nav a, #wrapper-blog .previous-next, #wrapper-blog .thispage { /* makes boxes around the page numbers */
padding: 0 6px 2px 6px; border: 1px solid #ABC7E4; margin: 0 4px;
}

.thispage { /* shows the current page */
background-color: #990000; color: #fff;
}

#wrapper-blog .thispage { /* shows the current page */
background-color: #ABC7E4; color: #fff;
}

.previous-next { /* for when Previous or Next is inactive (not a link) */
color: #999;
}

.page-nav a:hover { /* changes the colour of the box on hover */
background-color: #ccc;
}

#wrapper-blog .page-nav a:hover { /* changes the colour of the box on hover */
background-color: #DAE7F3;
}

/***************************************************************************************** */
/* inside the third rail */
/***************************************************************************************** */

#forum, #headlines, #blogger, #blogger2, #blogs-more, #wagerline, #bully, #blog-todays-best, #blog-quote, #blog-months, #blog-poll, #fantasy, #scroller { 
text-align: left; clear: left; 
}

#scroller { 
display:none; 
}

#blog-todays-best, #blog-poll { 
text-align: center; clear: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #990000;
}

.third-inner { /* content of the third rail - includes border, since there can be more than one brick and they could each need their own border */
width: 298px; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size: 11px; 
padding-bottom: 10px; margin-bottom:16px; border: 1px solid #000; 
}

.title-third { 
width: 287px; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; padding: 2px 0 2px 0; margin: 5px;
background-color:#990000; color:#FFFFFF; text-align:center; border: 1px solid #000; 
}

#wagerline .title-third, #bully .title-third, #fantasy .title-third, #forum-top .title-third, #scroller .title-third { 
font-size: 16px; height: 18px; 
}

#scroller .title-third { 
margin-bottom: 5px; 
}

.story-info { 
font-family: verdana; font-size: 11px; color: #999; 
}

#wagerline img, #fantasy img { 
margin: 2px 3px 2px 3px; float:left;
}

#bully img { 
margin: -3px 3px -2px 3px; float:left;
}

#wagerline p, #bully p, #fantasy p { 
margin: 0 4px 0 6px; 
}

#bully UL { 
text-align: left; margin: 0 5px 0 105px;
}

#bully li { 
margin-bottom: 0px; 
}

#wagerline a, #bully a, #fantasy a { 
text-decoration:underline; 
}

.headlines-league { /* sport subheadings in the Headlines div */
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #990000; font-weight: normal; margin: 0; padding: 4px 0 0 15px; 
}

.comments-team { /* comments pages, team headings in the top forum brick */
background-image:url(/prosportsdaily/comments/psd-commenter.jpg);text-align:left; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000; font-weight: bold; width:287px; padding: 4px 0 4px 0; margin: 5px; text-indent: 6px;
}

#headlines UL { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:2px 0 0 22px; padding-left: 10px; text-transform: capitalize;
}

#headlines li { 
margin-bottom: 4px; color: #990000; font-weight: bold; padding-left: 3px; 
}

#headlines li a { 
font-weight: normal;
}

#headlines li span { /*  */
font-size: 11px; color: #999; font-weight: normal; margin: 0;
}

#forum-top OL, #blog-todays-best OL, #blog-poll OL { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin-top:10px; margin-bottom: 0; text-align: left;
}

#forum-top li, #blog-todays-best li { 
margin-bottom: 5px; color: #990000; font-weight: bold;
}

#forum-top li a, #blog-todays-best li a { 
font-weight: normal;
}

#forum-top li span, #forum-top li span a, #blog-todays-best li span, #blog-todays-best li span a { /*  */
font-size: 11px; color: #999; font-weight: normal; margin: 0;
}

#blog-poll UL { 
text-align: left; font-weight: normal; color: #000000; padding-left: 7px; padding-top:6px;
}

#blog-poll li { /* There is a height on the spans to keep wrapping lines from impinging into the percentages. The minus margin here makes the lines closer together */
margin-top: -5px;
}

#blog-poll .right { 
width: 50px; text-align: right; height: 14px; margin-right: 5px; font-weight:bold; color: #990000;
}

#blogger, #blogs-more { 
clear: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; padding: 0; 
}

#blogger p, #blogs-more p { 
margin: 5px 7px;
}

#blogger .headshot {  /* THis was the original one, for Julian 
margin: -6px 4px 2px 2px; float:right; width: 102px; height: 115px; background-image:url(/prosportsdaily/julian_headshot.png);*/
}

#blogger .headshot { 
margin: -5px 4px 1px 2px; float:right; width: 79px; height: 99px; 
}

* html #blogger .headshot { /* targeting IE6 - using filter so png transparency will work - filter needs an ABSOLUTE PATH in order to work 
background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://images.prosportsdaily.com/prosportsdaily/julian_headshot.png');*/
}

#blogger UL, #blogs-more UL { 
color: #000; list-style-type:none; margin-left: 5px; 
}

#blogger UL a:link, #blogger UL a:visited, 
#blogs-more UL a:link, #blogs-more UL a:visited { 
color: #02407F; font-weight: bold; margin-left: 0px; display:block; font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-top: 3px;
}

#blogger UL a:hover, #blogger UL a:active, 
#blogs-more UL a:hover, #blogs-more UL a:active { 
color: #990000;
}

#blogger UL.blog-blurb a:link, #blogger UL.blog-blurb a:visited,
#blogs-more UL.blog-blurb a:link, #blogs-more UL.blog-blurb a:visited { 
color: #02407F; font-weight: bold; margin-left: 0px; display:block; font-size:11px; font-style:normal; padding-top: 3px; 
}

#blogger li span, #blogs-more li span { 
background-color: #fff /* #EAEAEA */; padding: 1px 0; color: #666666; 
}

#blogger li span strong, #blogs-more li span strong { 
font-size: 12px;
}

#blogger UL.blog-blurb, #blogs-more UL.blog-blurb { 
color: #000; list-style-type:none; padding-left: 5px; margin-left: 2px; border-left: 3px double #999; margin-top: 5px; font-style:italic; 
}

#blogger UL.blog-blurb li, #blogs-more UL.blog-blurb li { /* without this, the text wouldn't wrap around the image in FF */ 
display: inline;
}

/* These three are for the Member Blogs inside the larger Blogger brick */

#blogger UL.member-blog a:link, #blogger UL.member-blog a:visited,
#blogs-more UL.member-blog a:link, #blogs-more UL.member-blog a:visited { 
font-size:14px;
}

#blogger UL.member-blog UL.blog-blurb a:link, #blogger UL.member-blog UL.blog-blurb a:visited,
#blogs-more UL.member-blog UL.blog-blurb a:link, #blogs-more UL.member-blog UL.blog-blurb a:visited { 
font-size:11px; 
}

#blogger UL.member-blog li span strong,
#blogs-more UL.member-blog li span strong { 
font-size:11px;
}

/* end Member Blogs */

#blog-months UL { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; margin:2px; padding-left: 8px; list-style-type:none; white-space:nowrap; height: 40px;
}

#blog-months li { 
margin-bottom: 4px; color: #990000; padding-left: 10px; float:left; padding-right: 10px; display:block; width: 50px;
}

#blog-quote UL { 
margin: 10px 20px 8px 20px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;
}

#blog-quote li { 
margin: 10px -10px 8px 85px; font-size: 12px; list-style-type:none; padding-left: 9px;
background-image:url(/prosportsdaily/dash.png); background-repeat: no-repeat; background-position:top left;
}

#blog-quote blockquote { 
margin: 0 20px 8px 20px; font-weight: normal; font-family: Georgia, "Times New Roman", Times, serif; font-size: 14px;
}

#blog-quote blockquote span { 
margin-left: 80px; margin-right: -15px; display:block; font-size: 12px; padding-top: 5px; 
}

#textad { 
font-size: 12px; text-align:left; font-family:Arial, Helvetica, sans-serif;
}

#textad .title-third { 
font-size: 12px; height: 16px; margin:0;border:0; width: 100%; 
}

.textad-content { 
text-align:left; font-size:12px; padding-left:5px; padding-top: 10px;
}

.textad-content a:link, .textad-content a:visited { 
color:#999;
}

.textad-content a:link strong, .textad-content a:visited strong { 
color:#990000;
}

/* For the scroller/ticker in the third rail */
/* http://flesler.blogspot.com/2008/02/jqueryserialscroll.html */

#news-ticker{ 
width:285px; height:135px; background-color:white; overflow:hidden; margin:5px; margin-bottom:0; margin-top:0;
}

#news-ticker div.tick, #news-ticker div.first { 
height:50px; width:270px; border:1px #fff solid; padding:8px; margin-top:-1px;
}

#news-ticker div.first{
margin-top:0;
}
		
#news-ticker p{
font-size:11px; margin-left: 0 !important; margin-left: 5px; display:inline;
}

/***************************************************************************************** */
/* footer  */
/***************************************************************************************** */

.footer-title { 
font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; font-weight: bold;
}

#footer a:link, #footer a:visited { 
color: #999;
}

.ad-footer { 
width: 100%; display:block; margin:10px 0 10px 0; padding-bottom: 10px; border-bottom: 1px solid #000; text-align: center;
}

/***************************************************************************************** */
/* buttons  */
/***************************************************************************************** */

.button-holder-left {
clear:both; text-align:left; width:100%;}

.button-holder-right {
clear:both; text-align:right; width:98%; margin-top: 10px; height: 40px;}

.login-holder .button-holder-right {/* for the Login button */
height: 27px; padding-top:5px; margin:0; text-align:left;}

/* 
span.bubble {display:none; }
 */

.buttons, .bubble {
position:relative; clear:both; display: inline; padding-top: 0px; padding-bottom: 0px;}

.buttons a, .bubble a {
vertical-align: middle; display: inline-block; cursor:pointer; }

.bubble a {
white-space:nowrap; }

* html .buttons a, * html .bubble a {
white-space:nowrap; width: 30px; }/*IE6 hack to constrain the width of the button*/

.btn-b, .btn-a, btn-c {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-weight:bold;
padding: 0 0 0 7px;
height: 28px;
}

.btn-b {font-size: 10px; background: transparent url(/prosportsdaily/comments/btn-b-left.jpg) 0% 0% no-repeat;}
.btn-a {font-size: 11px; background: transparent url(/prosportsdaily/comments/btn-a-left.jpg) 0% 0% no-repeat;}
.btn-c {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px; height: 14px; }

html>/**/body .btn-b {padding-top: 6px; padding-bottom: 8px;} /*firefox hack*/
html>/**/body .btn-a {padding-top: 6px; padding-bottom: 8px;} /*firefox hack*/
html>/**/body .btn-c {padding-top: 2px; padding-bottom: 2px;} /*firefox hack*/

.btn-b span { /* the padding positions the text inside the button */
height: 28px; 
background: transparent url(/prosportsdaily/comments/btn-b-right.jpg) 100% 0% no-repeat; 
padding: 5px 12px 4px 2px;
display:block;
}
		
.btn-a span { /* the padding positions the text inside the button */
height: 28px; 
background: transparent url(/prosportsdaily/comments/btn-a-right.jpg) 100% 0% no-repeat; 
padding: 6px 12px 3px 2px;
display:block;
}
		
.btn-c span { /* the padding positions the text inside the button */
height: 20px; 
background: transparent url(/prosportsdaily/comments/bubble-on-white2.jpg) 100% 0% no-repeat; 
padding: 2px 28px 2px 2px;
display:block;
}

html>/**/body .btn-b span {padding-top: 6px; display: inline; padding-bottom: 8px;} /*firefox hack*/
html>/**/body .btn-a span {padding-top: 6px; display: inline; padding-bottom: 8px;} /*firefox hack*/
html>/**/body .btn-c span {padding-top: 2px; display: inline; padding-bottom: 2px;} /*firefox hack*/

.btn-b span, .btn-b span:visited {color: #fff; text-decoration: none;} /* For some reason the link is being treated as tho it's not a link. The link color here, apart from the span, is determined by class login-info in the menu rail */
.btn-b span:hover,a.btn-b span:active {color: #ccc; text-decoration: none;}

a.btn-a:link, a.btn-a:visited {color: #000; text-decoration: none;}
a.btn-a:hover,a.btn-a:active {color: #990000; text-decoration: none;}
#wrapper-comments .bubble a.btn-c:link, #wrapper-comments .bubble a.btn-c:visited {color: #999; text-decoration: none;}
#wrapper-comments .bubble a.btn-c:hover, #wrapper-comments .bubble a.btn-c:active {color: #999; text-decoration: underline;}

/***************************************************************************************** */
/* Pure-CSS Drop-Down Menus */
/*==============================================================================
	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.
    http://www.grc.com/menu2/invitro.htm
	Modified for PSD by Anna MacDonald, Sept 07
==============================================================================*/

/*====== GLOBAL OVERRIDES FOR MAJOR ITEMS AND DIFFERING BROWSER DEFAULTS =====*/

body, table, img, button, iframe, ul, li  { margin:0; padding:0; border:0; }
table { text-align:left; }
ul { margin-left:20px; }       /* kill default 50px left padding and set 20px */
li { margin-bottom:1em; }          /* set default inter-item vertical spacing */

 /*================= STYLES FOR THE MASTHEAD & CONTROLS ==================*/
.menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
}

 /*========================= TOP OF THE MENU CASCADE =========================*/

.menu {
	position:relative;        /* establish a menu-relative positioning context */
	float:left;                                     /* play nicely with others */
	margin:0;
	padding:0;
	border:0;
	height:18px;                                  /* the menu's overall height */
	width:100%;         /* we always want our menu to fill the available space */
	/*background:#f3f3f3;                            light grey bg of menu bar */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;         /* this (and also below) sets the menu's font size */
	/*border-bottom:1px solid black;         give us a black border underneath */
}

.menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
}

.menu ul {
	padding:0;
	margin:0;
	border:0;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */

.menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
}

.menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:1px;                               /* this is our box border width */
}

.menu ul li a,
.menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	height:17px;
	text-align:left;  /* added by Anna to try to get menu items to align left */
}

.menu ul li:hover a,
.menu ul li a:hover {                        /* selected top-level menu items */
	border-top:1px solid #9B3636;   /* these 2 lines create the push-in illusion */
	height:16px;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul,
.menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:18px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determined by line count */
	width:116px;	 /* Anna changed from 13.5em to 120px - Change in 3 places */
                         /* Doubling that width will move items into 2 columns */
	color:black;                        /* this sets the unselected-text color */
	background:black;         /* this sets our menu's effective "border" color */
}

.menu ul li:hover ul.leftbutton,
.menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
}

.menu ul li:hover ul.skinny,
.menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:116px;   /* with a 12px default font, this is 97px width (97/12) */
         	                            /* Anna changed from 13.5em to 120px */
}

.menu ul.rightmenu li:hover ul,
.menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
}

* html .menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.menu ul li:hover ul li a,
.menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#333;               /* this sets the unselected drop-down text color */
	font-weight:normal;                          /* Anna changed it from black to red */
	background:#eaeaea;       /* this sets the drop-down menu background color */
	width:116px;	                            /* Anna changed from 13.5em to 120px */
}

.menu ul li.nav-fantasy:hover ul,
.menu ul li.nav-fantasy a:hover ul {           /* for the width of the FANTASY dropdown */
	width:225px;	           /* this is the background box */
}

.menu ul li.nav-fantasy:hover ul li a,
.menu ul li.nav-fantasy a:hover ul li a {            /* for the width of the FANTASY dropdown */
	width:225px;	             /* this is the inside (grey) box */               
}

.menu ul li.nav-blogger:hover ul,
.menu ul li.nav-blogger a:hover ul {           /* for the width of the BLOGGER dropdown */
	width:180px;	           /* this is the background box */
}

.menu ul li.nav-blogger:hover ul li a,
.menu ul li.nav-blogger a:hover ul li a {            /* for the width of the BLOGGER dropdown */
	width:180px;	             /* this is the inside (grey) box */               
}

.forumspage .menu ul li:hover ul li a,
.forumspage .menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	padding:1px 0;
}

.menu ul li:hover ul li:hover a,
.menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:#40528E;
	background:white;
}

.menu ul li:hover ul.skinny li a,
.menu ul li a:hover ul.skinny li a,
.menu ul li:hover ul.skinny li a:hover,
.menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:10em;	                            /* Anna changed from 13.5em to 10 */
}

/*======================== 3RD LEVEL MENU DEFINITIONS ========================*/

.menu ul li:hover ul li ul,
.menu ul li a:hover ul li a ul {             /* hide inactive 3rd-level menus */
	visibility:hidden;
}
     
.menu ul li:hover ul li:hover ul,
.menu ul li a:hover ul li a:hover ul {             /* 3rd level drop-down box */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	   /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:116px;	                   /* Anna changed from 8.08333em to 120px */
	width:140px;	                   /* Anna changed from 14em to 120px */
}
     
.menu ul li:hover ul li:hover ul.wide,
.menu ul li a:hover ul li a:hover ul.wide {  /* 3rd level drop-down box for double-width drops */
	visibility:visible;
	position:absolute;
	margin-top:-1px;	   /* bring the top edge of the 3rd level menu up one */
	top:0;
	left:116px;	                   /* Anna changed from 8.08333em to 120px */
	width:280px;	                   /* Anna changed from 14em to 120px */
}

.menu ul li.nav-fantasy:hover ul li:hover ul,
.menu ul li.nav-fantasy a:hover ul li a:hover ul {   /* for the width of the 3rd level FANTASY dropdown */
	width:193px;	           /* this is the background box */
	left:225px;	               
}

.menu ul li:hover ul li:hover ul li a,
.menu ul li a:hover ul li a:hover ul li a {     /* 3rd level unselected items */
	width:140px;	                   /* Anna changed from 14em to 120px */
	background:#eaeaea;       /* this sets the drop-down menu background color */
	color:#333;               /* this sets the unselected drop-down text color */
	font-size:11px; 
	font-weight:normal;
}

.menu ul li.nav-fantasy:hover ul li:hover ul li a,
.menu ul li.nav-fantasy a:hover ul li a:hover ul li a {  /* for the width of the FANTASY dropdown */
	width:193px;	             /* this is the inside (grey) box */               
}

.forumspage .menu ul li:hover ul li:hover ul li a,
.forumspage .menu ul li a:hover ul li a:hover ul li a {  /* 3rd level unselected items in FORUMS section */
	height: 18px;
}

.menu ul li:hover ul li:hover ul li a:hover,
.menu ul li a:hover ul li a:hover ul li a:hover {    /* level3 selected items */
	width:140px;	                   /* Anna changed from 14em to 10 */
	background:white;                  /* sets the selected background color */
	color:#40528E;                  /* sets the selected drop-down text color */
}

.menu ul li.nav-fantasy:hover ul li:hover ul li a:hover,
.menu ul li.nav-fantasy a:hover ul li a:hover ul li a:hover {    /* level3 selected FANTASY items */
	width:193px;	         
}

#text {           /* the Mac's standard Safari browser will not see this code */
	height:1.215em;#           /* ...  but every other browser will and should */
} /* Safari barfs on the illegal pound sign (#) after the rule's property val */




#footer-forum-nav { /* holds the forum nav bar in the footer of the forum */
clear:both; width:817px; height: 21px; text-align:center; padding: 1px 0 0 0; background-image:url(/prosportsdaily/navbar_background-new.png); 
background-repeat:no-repeat; 
} /* if this is height 20, there is a content shift in IE6 */

#footer-forum-nav .menu ul li table a {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	m\argin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:11px;        /* this sets the base font size for our entire menu */
}

#footer-forum-nav .menu ul  {
	font-size:10px;         /* this (and also below) sets the menu's font size */
	/*border-bottom:1px solid black;         give us a black border underneath */
}

#footer-forum-nav .header-nav-links a { /* this is the spacing between the menu items on the red menu */
padding: 0 24px 2px 24px;
}

#footer-forum-nav .header-nav-links .menu table a { /* the bottom padding allows room to hover over the dropdowns without flickering. Right and left should also be padding instead of margin for IE6 */
padding: 0;
}

#footer-forum-nav .menu ul li:hover ul,
#footer-forum-nav .menu ul li a:hover ul {           /* this is the background box */
	display:block;
	position:absolute;
	margin:0;
	top:-325px;              /* need to set so menu drops UP above the red bar */
	left:-1px;       /* left-align our drop-down to the previous button border */
	width:290px;	
}

#footer-forum-nav .menu ul li.nav-home:hover ul,
#footer-forum-nav .menu ul li.nav-home a:hover ul {           /* this is the background box */
	top:-37px;              /* need to set so menu drops UP above the red bar */
	width:145px;	
}

#footer-forum-nav .menu ul li.nav-nfl:hover ul,
#footer-forum-nav .menu ul li.nav-nfl a:hover ul {           /* this is the background box */
	top:-289px;              /* need to set so menu drops UP above the red bar */
	width:435px;	
}

#footer-forum-nav .menu ul li.nav-nba:hover ul,
#footer-forum-nav .menu ul li.nav-nba a:hover ul {           /* this is the background box */
	top:-343px;              /* need to set so menu drops UP above the red bar */
}

#footer-forum-nav .menu ul li.nav-nhl:hover ul,
#footer-forum-nav .menu ul li.nav-nhl a:hover ul {           /* this is the background box */
	top:-289px;              /* need to set so menu drops UP above the red bar */
}

#footer-forum-nav .menu ul li.nav-blogger:hover ul,           /* for the GENERAL tab */
#footer-forum-nav .menu ul li.nav-blogger a:hover ul {           /* this is the background box */
	top:-109px;              /* need to set so menu drops UP above the red bar */
}

#footer-forum-nav .menu ul li.nav-other:hover ul,
#footer-forum-nav .menu ul li.nav-other a:hover ul {           /* this is the background box */
	top:-145px;              /* need to set so menu drops UP above the red bar - add 18px per item */
	width:145px;	
}

#footer-forum-nav .menu ul li.nav-more:hover ul,
#footer-forum-nav .menu ul li.nav-more a:hover ul {           /* this is the background box */
	top:-109px;              /* need to set so menu drops UP above the red bar */
	width:145px;	
}

#footer-forum-nav .menu ul li:hover ul li a,
#footer-forum-nav .menu ul li a:hover ul li a {      /* this is the internal box, per column */
	border:0;
	margin:0;
	padding:0;
	height:auto;
	color:#333;               /* this sets the unselected drop-down text color */
	font-weight:normal;                          /* Anna changed it from black to red */
	background:#eaeaea;       /* this sets the drop-down menu background color */
	width:145px;	                            
}

#footer-forum-nav .menu ul li:hover:hover ul li:hover a,
#footer-forum-nav .menu ul li:hover a:hover ul li a:hover {       /* this is the hover */
	color:#40528E;
	background:#FFF;
}