/* everything is constructed with a single background image */

/* root element for tabs */
#flowtabs{
	/* dimensions */
	width:696px;
	height:31px !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 {
	background: url(../images/tabs.png) no-repeat;
	display:block;
	height: 30px;   
	width: 232px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#fff;
	font-size:14px;
	font-weight: bold;
	font-size:14px;
	line-height:31px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1, #flowtabs #t2, #flowtabs #t3{ background-position: 0 -60px; }
 
/* mouseover state */
#flowtabs #t1:hover, #flowtabs #t2:hover, #flowtabs #t3:hover{ background-position: 0 -30px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color: #000; }
#flowtabs #t1.current, #flowtabs #t2.current, #flowtabs #t3.current{ background-position: 0 0; }

/* panes */
#flowpanes {
    width: 695px;
	height:160px;	
	left: 89px;
	border: 2px solid #666;
	border-top: 1px #999 solid;
	top: -13px;
	background: #fff url('../images/interface_tabback_dual.gif');
}

#flowpanes div.items div{ padding: 9px 0; background: none; }

/* single pane */
#flowpanes div {
	display:none;	
	/*color:#000;	*/
	margin: 0px 70px;
	color: #115876;
    font-weight: bold;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:bold;
	letter-spacing:1px;
	margin: 1px 0 5px 0;
	font-size: 16px;	
	/*color: #115876;*/
    color: #fa8304;
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:717px;
	cursor:pointer;
	font-size:14px;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#scrollControl{ width: 200px; text-align: center; margin: 0 auto; padding: 6px 0; }

