
/* The tabs - based on the css sliding doors technique */

#tabs	 	{
	position:relative;
	top:0px;
	left:0px;
	margin:0px 0px 0px 15%;
	padding:0px;
	list-style:none;
}

#tabs a  	{
	display:block;
	float:left;
	margin:0px;
	padding:4px 25px 3px 4px;
	text-decoration:none;
}

/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
#tabs a { float:none; }
/* End IE5-Mac hack */

#tabs a:link 	{
	color:#464646;
}

#tabs a:visited {
	color:#464646;
}

#tabs a:hover 	{
	color: black;
}

#tabs a:active 	{
	color: black;
}

#tabs li 	{
	float:left;
	margin:0px;
	padding:0px 0px 0px 6px;
}

#tabs ul 	{
	list-style:none;
	margin:0px;
	padding:0px;
}


#tabs li.act	{ background:url("gfx/tabs-a-left.gif") no-repeat left top; }
#tabs li.act a	{ background:url("gfx/tabs-a-right.gif") no-repeat right top; font-weight:bold; }
#tabs li.act a:link 	{ color: white; }
#tabs li.act a:visited 	{ color: white; }
#tabs li.act a:hover 	{ color: white; }
#tabs li.act a:active 	{ color: white; }
#tabs li	 	{ background:url("gfx/tabs-p-left.gif") no-repeat left top; }
#tabs li a 	{ background:url("gfx/tabs-p-right.gif") no-repeat right top; }
/* we need special body.dist #tabs */
body.dist #tabs li.act	{ background:url("gfx/tabs-a-left-dist.gif") no-repeat left top; }
body.dist #tabs li.act a	{ background:url("gfx/tabs-a-right-dist.gif") no-repeat right top; font-weight:bold; }
body.dist #tabs li	 	{ background:url("gfx/tabs-p-left-dist.gif") no-repeat left top; }
body.dist #tabs li a 	{ background:url("gfx/tabs-p-right-dist.gif") no-repeat right top; }


/* The blue menubar below the tabs */

#menu		{
	background:#0D90BB url("gfx/mid.gif") repeat-x bottom;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	width:99%;
	color:#fff;
}
body.dist #menu { background: url("gfx/mid_dist.gif") repeat-x bottom; }

#menu a				{ text-decoration:none; }
#menu a:link 		{ color:#fff; }
#menu a:visited	{ color:#fff; }
#menu a:hover 		{ color:#A4DCEE; }
#menu a:active		{ color:#A4DCEE; }

#menu ul				{
	list-style:none;
	margin:0px;	padding:0px 0px 0px 1%;
}

#menu li.act		{
	background:url("gfx/menusep.png") no-repeat center right;
	float:left;
	margin:0px;	padding:3px 4px 6px 6px;
	font-weight:bold;
}

#menu li		{
	background:url("gfx/menusep.png") no-repeat center right;
	float:left;
	margin:0px;	padding:3px 4px 6px 6px;
}

#menu li a	{
	margin:0px;	padding:0px 4px 0px 0px; white-space:nowrap;
}

/* The submenu */

#subfld			{ 
	width:99%; 
	background:url("gfx/subfld_base.png");
	float:left;
	position:relative;
	top:-1px;
}
#subfld a				{ text-decoration:none; } 
body.www #subfld  		{ background:url("gfx/subfld.png"); }
body.prod #subfld 		{ background:url("gfx/subfld_prod.png"); }
body.clin #subfld 		{ background:url("gfx/subfld_clin.png"); }
body.dist #subfld 		{ color:#fff; background:url("gfx/subfld_dist.png"); }
body.dist #subfld a		{ color:#fff; } 

 
#subfld h1		{
	padding:10px 0px 0px 1.6%;
} 

#submenu		{
	background:#06608F url("gfx/sub.png") repeat-x bottom;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	top:-1px;
	width:99%;
	color:#fff;
}

#submenu a				{ text-decoration:none; }
#submenu a:link 		{ color:#fff; }
#submenu a:visited		{ color:#fff; }
#submenu a:hover 		{ color:#A4DCEE; }
#submenu a:active		{ color:#A4DCEE; }

#submenu ul				{
	list-style:none;
	margin:0px;
	padding:0px 0px 0px 1%;
}

#submenu li	{
	background:url("gfx/menusep.png") no-repeat center right;
	float:left;
	margin:0px;
	padding:3px 4px 7px 6px;
}

#submenu li.act	{
	background:url("gfx/menusep.png") no-repeat center right;
	float:left;
	margin:0px;
	padding:3px 4px 7px 6px;
	font-weight:bold;
}

#submenu li a			{
	margin:0px;
	padding:0px 4px 0px 0px;
	white-space:nowrap;
}