/*
-----------------------------------------------
Color Tabs Style Sheet
Version:  24 June 2007
----------------------------------------------- */

/* Change Log:
Pages that use that style:
1. The Every-Body Pack
----------------------------------------------- */


#ddtabs4 {
	margin-top: 20px;}

.ddcolortabs{
	padding: 0;
	width: 100%;
	background: transparent;
	voice-family: "\"}\"";
	voice-family: inherit;
}

.ddcolortabs ul{
	font: normal 11px Arial, Verdana, sans-serif;
	margin:0;
	padding:0;
	list-style:none;
}

.ddcolortabs li{
	display:inline;
	margin:0 2px 0 0;
	padding:0;
}


.ddcolortabs a{
	float:left;
	color: #ffffff;
	background: #2279AB url(../images/media/color_tabs_left.gif) no-repeat left top;
	margin:0 2px 0 0;
	padding:0 0 1px 3px;
	text-decoration:none;
	letter-spacing: 1px;
}

.ddcolortabs a span{
	float:left;
	display:block;
	color: #ffffff;
	background: transparent url(../images/media/color_tabs_right.gif) no-repeat right top;
	padding: 6px 8px 3px 7px;
}

.ddcolortabs a span{
	float:none;
}

.ddcolortabs a:hover{
	background-color: #1C2632;
	text-decoration: none;
}

.ddcolortabs a:visited{
	color: #fff;
}

.ddcolortabs a:hover span{
	background-color: #1C2632;
	color: #fff;
	text-decoration: none;
}

.ddcolortabs a.current, #ddcolortabs a.current span{ /*currently selected tab*/
	background-color: #1C2632;
	color: #ff6600;
	text-decoration: none;
}

.ddcolortabsline{
	clear: both;
	padding: 0;
	width: 100%;
	height: 8px;
	line-height: 8px;
	background: #6699CC;
	border-top: 1px solid #fff; /*Remove this to remove border between bar and tabs*/
}

.tabcontainer{
	clear: left;
	width:95%; /*width of 2nd level sub menus*/
	/*height:1.5em; height of 2nd level sub menus. Set to largest's sub menu's height to avoid jittering.*/
}

.tabcontent{
	display:none;
	padding: 1px;
}