/*---
File: css_navbar.css
Written By: http://unraveled.com/projects/css_tabs/
Written: Dec 2, 2008
Last Modified: May 26, 2010
Description: CSS for navbar page tabs
---*/
#nav { min-width: 840px; }
#headtitle { background-color:#CAD2E3; border: none; }
#headtitleleft, #headtitleright{ padding: 16px 25px; }
#headtitleleft { font-weight:bold; }
#headtitleright { text-align:right; }

#headercontent { font-weight: bold; font-size: .8em; white-space:normal;}
#headercontent_inner { float:right; text-align:left; }
	


ul#tabnav { /* general settings */
	text-align: left; /* set to left, right or center */
	margin: 0 0 1.2em 0; /* set margins as desired */
	font-weight: bold; /* set font as desired */
	font-size: 90%;
	border-bottom: 1px solid black; /* set border COLOR as desired */
	list-style-type: none;
	padding: 1em 20px 3px 20px; /* THIRD number must change with respect to padding-top (X) below */
	background-color:#CAD2E3;
	white-space: nowrap;
}

ul#tabnav li { /* do not change */
	display: inline;
	margin: 0px 3px 0px 3px;
}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4, div#tab5 li.tab5, div#tab6 li.tab6, div#tab7 li.tab7 { /* settings for selected tab */
	/*border-bottom: 1px solid #fff;*/ /* set border color to page background color */
	/*background-color: #fff;*/ /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab1 li.tab1 a:hover, div#tab2 li.tab2 a, div#tab2 li.tab2 a:hover, div#tab3 li.tab3 a, div#tab3 li.tab3 a:hover, div#tab4 li.tab4 a, div#tab4 li.tab4 a:hover, div#tab5 li.tab5 a, div#tab5 li.tab5 a:hover, div#tab6 li.tab6 a, div#tab6 li.tab6 a:hover, div#tab7 li.tab7 a, div#tab7 li.tab7 a:hover { /* settings for selected tab link */
	background-color: #f9f9f9; /* set selected tab background color as desired */
	color: #000; /* set selected tab link color as desired */
	position: relative;
	top: 1px;
	padding-top: 4px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
	padding: 3px 6px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
	border: 1px solid black; /* set border COLOR as desired; usually matches border color specified in #tabnav */
	background-color: #C9C9C9; /* set unselected tab background color as desired */
	color: #3366FF; /* set unselected tab link color as desired */
	margin-right: 0px; /* set additional spacing between tabs as desired */
	text-decoration: none;
	border-bottom: none;
	white-space: nowrap;
	border-top-right-radius: 4px;
	border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}

ul#tabnav li a #count {
	color:black;
	font-size:65%;
	background:#FFF4B2;
	border:1px solid #b29d0f;
	padding: 1px 2px 1px 1px;
	position:relative;
	top:-1px;
	font-weight:normal;
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity:.5;
}

ul#tabnav a:hover { /* settings for hover effect */
	background:#E1E1E1; /* set desired hover color */
}
ul#tabnav li a:hover #count {
	opacity:.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
div#tab3 li.tab3 a #count {
	opacity:1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}