/* 
SacBee Navigation Bar - March 2008
Web Developer: Derek Ellis
	dellis (at) sacbee.com
*/


/* ZINDEX FIXES */
#homemenu {z-index: 99999999;}
#search_now {
   z-index:  99999950;
   font-size: 95%;
}
#searchform {z-index: 99999975;}
div#nav_menu.sub { z-index: 99999950; }

div#ttip.t2, div#ttip {z-index: 99999990;}

/* ThickBox Z-Index Fixes */
#TB_HideSelect { z-index: 100000000; }
#TB_overlay { z-index: 100000001; }
#TB_window { z-index: 100000003; }
#TB_load { z-index: 100000004; }


/****************/

div#sbNavigation{
	font-family: Arial, Helvetica, sans-serif;
	position: absolute;
	z-index: 99999900;
	font-size:100%;
	left: 2px;
}

body.homepage div#sbNavigation { top: 97px; }
body.storypage div#sbNavigation { top: 50px; }
body.index div#sbNavigation { top: 50px;} 

div#sbNavigation ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
div#sbNavigation ul li.tab {
	float: left;
	position: relative;
	left: 0;
	top: 0;
	z-index: 99999900;
	cursor: pointer;
	font-size: 11px;
	border-bottom: none;
}
div#sbNavigation li.noHeadlines div.expanded{ width: auto; }
div#sbNavigation ul li.tab div.tooltip{ display: none; }
div#sbNavigation li.current div.expanded{ display: block; }
div#sbNavigation div.expanded div{ float: left; position: relative; }
div#sbNavigation div.expanded p {
	padding: 5px;
	margin: 0px;
}
div#sbNavigation div.expanded{
	border: 2px solid #99989c;
	display: none;
	left: 0px;
	padding: 0px;
	position: absolute; 
	top: 100%;
	width: 301px;
	background-color: #ffffff;
}


/* prevent overrides */
.storypage .tab a {
   border: 0pt none;
   padding: 0px;
   margin: 0px;
   display: block;
   background-color: inherit;
}


/* Content Styles */
div#sbNavigation div.expanded div.content {
	width: 125px;
	background-color: #43668d;
	border-right: 1px solid #AAA89C;
	padding: 0px;
}
div#sbNavigation div.expanded div.content p span.sponsor { display: none; }
div#sbNavigation div.expanded div.content p{ border-bottom:1px dotted #AAA89C; }
div#sbNavigation li.noHeadlines div.expanded div.content{ border-right: none; }
div#sbNavigation div.expanded div.content p.child{ padding-left: 15px; }
div#sbNavigation div.content p.current{	background-color: #ffffff; }
div#sbNavigation div.content p.current a, div#sbNavigation div.content p.current{ color: #103d6f; }
div#sbNavigation div.content p.current a { text-decoration: underline; }
div#sbNavigation div.content p a, div#sbNavigation div.content p{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

/* Headline Styles */
div#sbNavigation div.expanded div.headlines { width: 175px; }
div#sbNavigation div.expanded div.headlines span { display: none; }
div#sbNavigation div.expanded div.headlines div.sponsor {
	display: none;
	background-color: #e6e7d5;
	text-align: center;
	margin: 0 0 5px 0;
        padding: 0;
	width: 100%;
	font-weight: bold;
}
div#sbNavigation div.expanded div.headlines a:hover { text-decoration: underline; }
div#sbNavigation div.expanded div.headlines a  {
	color: #103d6f;
	text-decoration: none;
}
div#sbNavigation div.expanded div.headlines p {
	margin: 7px 5px 6px 8px;
	padding: 0px;
}

div#sbNavigation div.expanded div.headlines p span.less { display: none; }
div#sbNavigation div.expanded div.headlines p span.more { display: block; }
div#sbNavigation div.expanded div.headlines div.loading{
	margin-top: 30px;
	text-align: center;
	width: 100%;
}

/* Button Styles */
div#sbNavigation li.tab div.button{
        text-align: center;
	background-color: #990000;
        
        /* This gets defined by sbNav JS to allow for graceful fall back to text links*/
	/* background-image: url(http://media.sacbee.com/static/imgs/sbNav.2.gif); */
	
        height: 30px !important;
	border: none !important;
}
div#sbNavigation li.tab div.button a{ 
   /*display: none;*/
   color: #FFFFFF;
}

div#sbNavigation li.tab#news div.button{
	background-position:-2px 0pt;
	width: 45px;
}
div#sbNavigation li.tab.current#news div.button{ background-position:-2px 146pt; }

div#sbNavigation li.tab#sports div.button{
	background-position:-47px 0pt;
	width:53px;
}
div#sbNavigation li.tab.current#sports div.button{ background-position:-47px 146pt; }

div#sbNavigation li.tab#business div.button{
	background-position:-100px 0pt;
	width:59px;
}
div#sbNavigation li.tab.current#business div.button{ background-position:-100px 146pt; }


div#sbNavigation li.tab#politics div.button{
	background-position:-159px 0pt;
	width:58px;
}
div#sbNavigation li.tab.current#politics div.button{ background-position:-159px 146pt; }


div#sbNavigation li.tab#opinion div.button{
	background-position:-217px 0pt;
	width:58px;
}
div#sbNavigation li.tab.current#opinion div.button{ background-position:-217px 146pt; }


div#sbNavigation li.tab#entertainment div.button{
	background-position:-275px 0pt;
	width:89px;
}
div#sbNavigation li.tab.current#entertainment div.button{ background-position:-275px 146pt; }

div#sbNavigation li.tab#lifestyle div.button{
	background-position:-364px 0pt;
	width:60px;
}
div#sbNavigation li.tab.current#lifestyle div.button{ background-position:-364px 146pt; }

div#sbNavigation li.tab#travel div.button{
	background-position:-424px 0pt;
	width:53px;
}
div#sbNavigation li.tab.current#travel div.button{ background-position:-424px 146pt; }

div#sbNavigation li.tab#blogs div.button{
	background-position:-477px 0pt;
	width:55px;
}
div#sbNavigation li.tab.current#blogs div.button{ background-position:-477px 146pt; }

div#sbNavigation li.tab#cars div.button{
	background-position:-532px 0pt;
	width:50px;
}
div#sbNavigation li.tab.current#cars div.button{ background-position:-532px 146pt; }

div#sbNavigation li.tab#homes div.button{
	background-position:-582px 0pt;
	width:53px;
}
div#sbNavigation li.tab.current#homes div.button{ background-position:-582px 146pt; }

div#sbNavigation li.tab#jobs div.button{
	background-position:-635px 0pt;
	width:46px;
}
div#sbNavigation li.tab.current#jobs div.button{ background-position:-635px 146pt; }
div#sbNavigation li.tab#jobs div.expanded{ left: -14px; }

div#sbNavigation li.tab#classifieds div.button{
	background-position:-681px 0pt;
	width:67px;
}
div#sbNavigation li.tab.current#classifieds div.button{ background-position:-681px 146pt; }
div#sbNavigation li.tab#classifieds div.expanded{ left: -60px; }