/* root element for tabs */
#flowtabs {
list-style:none;
height: 21px !important;   
margin:0 !important; 
padding:0;

/* IE6 specific branch (prefixed with "_") */
_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
float:left; 
padding: 5px 15px 5px 5px; 
margin: 20px 0 0 0; 
text-indent:0; 
text-align: center;
list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
display:block;
height: 31px;
/* IE6 specific (_) */
_width:	130px;  
padding:0;
margin: 0;
/* font decoration */
font-size:18px;
line-height:33px;
text-align: center;
text-decoration:none;
border-bottom: 4px solid;
border-bottom-color: rgb(6,43,132);
}
#flowtabs li a:hover {
border-top: 4px solid;
border-top-color: rgb(6,43,132);
border-bottom: 0 solid;
text-shadow: 0 0 0 #fff;
}
#flowtabs li a.active {
border-top: 0 solid;
border-bottom: 0 solid;
}

/* adjust the background image position on each tab */
#flowtabs #t1	{ background-position: 0 0; }
#flowtabs #t2 	{ background-position: -198px 0; }
#flowtabs #t3 	{ background-position: -396px 0; }

/* mouseover state */
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -198px -33px; }
#flowtabs #t3:hover 	{ background-position: -396px -33px; }

/* currently selected tabs */
#flowtabs a.active	{ cursor:default; color:#222; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -198px -66px; }
#flowtabs #t3.current { background-position: -396px -66px; }

/* panes */
#flowpanes {
width:100%;
height:auto;	
}

/* single pane */
#flowpanes div {
display:none;	
margin-right: 10px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
font-weight:normal;
color:#444;
letter-spacing:1px;
margin:10px 0 0 0;
font-size:22px;	
}

#flowpanes div.narrow {
float:left; 
width:50%;		
}

.cloned { 
display:none !important; 
}