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

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

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

/* a- tag inside single tab */
#flowtabs li a {

	display:block;
	height: 30px;   
	width: 140px; 	
	padding:10px 3px 0 3px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:12px;

	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */

#flowtabs .t1 			{ background-image:url(images/current_no.gif); margin-left:2px; color:#FFF;}
#flowtabs .t2 			{ background-image:url(images/current_no.gif); color:#FFF;}
#flowtabs .t3 			{ background-image:url(images/current_no.gif); color:#FFF;}

 
/* mouseover state */

#flowtabs .t1:hover 	{ background-image:url(images/hover.gif); margin-left:2px; color:#fff;}
#flowtabs .t2:hover 	{ background-image:url(images/hover.gif); color:#fff;}
#flowtabs .t3:hover 	{ background-image:url(images/hover.gif); color:#fff;}


/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#56689f; }
#flowtabs .t1_current { background-image:url(images/spec_blok.gif); margin-left:2px; cursor:default; color:#56689f;}
#flowtabs .t2_current { background-image:url(images/spec_blok.gif); cursor:default; color:#56689f;}
#flowtabs .t3_current { background-image:url(images/spec_blok.gif); cursor:default; color:#56689f;}



/* panes */
#flowpanes {
	background: url(images/tlo_spec.gif) no-repeat;		
	width:440px;
	height:auto;
	border:1px solid #d9e5ee;


}


/* single pane */