/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:760px;
	height:31px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left;
	clear:both; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	display: block;
	height: 41px;   
	width: 142px; 	
	padding:0px;
	margin:0 0 2px 0;
	font-size:14px;
	
	/* font decoration */
	line-height:43px;
	text-align: left;
	text-decoration:none;
	color: white; text-shadow: black 0.1em 0.1em 0.2em;
}

#flowtabs li a:hover {
	display: block;
	height: 41px;   
	width: 142px; 	
	padding:0px;
	margin:0 0 2px 0;
	font-size:14px;
	
	/* font decoration */
	line-height:43px;
	text-align: left;
	text-decoration:none;
	color: white;
	text-shadow: none;
}

/* adjust the background image position on each tab */
#flowtabs #t1, #flowtabs #t2, #flowtabs #t3, #flowtabs #t4{ background: #999999}
 
/* mouseover state */
#flowtabs a:hover, #flowtabs #t1:hover, #flowtabs #t2:hover, #flowtabs #t3:hover, #flowtabs #t4:hover 	{ background:#009900; }

/* currently selected tabs */
#flowtabs a.current, #flowtabs #t1.current, #flowtabs #t2.current, #flowtabs #t3.current, #flowtabs #t4.current { background-color:  #FF6600; }


/* panes */
#flowpanes {
	background-color:#FFFFFF;
	width:755px;
	height:470px;	
}

/* single pane */
#flowpanes div {
	display:none;	
	color:#333;	
	margin:0 5px 0 5px;
}

/* some decorations for elements inside single pane */

#flowpanes a {
	color:#009900;
	font-size:13px;		
}

#flowpanes a:hover {
	color:#999999;	
}

#flowpanes p, #flowpanes samp {
	color:#ccc;		
}

#flowpanes .narrow {
	padding-right:160px;		
}