/* loosely based on css tabs 2.0 */
/* http://unraveled.com/projects/html/css_tabs/ */

/* begin css tabs */

ul.tabnav
{
	text-align: right;
	
	margin: 1em 0;
	padding: 0;
	
	list-style-type: none;
	
	border-bottom: 2px solid #4f4f4d;
}

ul.tabnav li 
{
	display: inline;
}

body.tab1 li.tab1, 
body.tab2 li.tab2, 
body.tab3 li.tab3, 
body.tab4 li.tab4 
{
	border-bottom: 1px solid #fff; 
	background-color: #fff;
}

body.tab1 li.tab1 a, 
body.tab2 li.tab2 a, 
body.tab3 li.tab3 a, 
body.tab4 li.tab4 a 
{
	background-color: #fff;
	color: #000;
	position: relative;
	top: 1px;
	
	padding-top: 4px; 
}

ul.tabnav li a
{
	padding: 3px 4px; 
	
	color: white;
	font-weight: bold;
	
	border: 2px solid #4f4f4d;
	
	background-color: #4f4f4d; 
	margin-right: 0px;
	text-decoration: none;
	border-bottom: none;
	
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;   

	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;  
}

ul.tabnav a:hover, 
ul.tabnav li.selected a
{ 
	background: #fff;
	color: #4f4f4d;
}

/* AJAX CONTROL STYLE

.JupiterTabs .ajax__tab_header
{
	border-bottom: 2px solid #4f4f4d;
}

.JupiterTabs .ajax__tab_tab
{
	color: white;
	font-weight: bold;
	
	padding: 3px 4px; 
	
	border: 2px solid #4f4f4d;
	border-bottom: 0;
	
	background-color: #4f4f4d; 
	
	-moz-border-radius-topleft: 0.5em;
	-moz-border-radius-topright: 0.5em;   

	-webkit-border-top-left-radius: 0.5em;
	-webkit-border-top-right-radius: 0.5em;  	
}

.JupiterTabs .ajax__tab_body
{
	border: 2px solid #4f4f4d;
	border-top: 0;

	padding: 0.5em;
}

.JupiterTabs .ajax__tab_hover .ajax__tab_tab
{
	background: #fff;
	color: #4f4f4d;
	
	position: relative;
	top: 5px;
}
*/