@charset "utf-8";
/* everything is constructed with a single background image */

#flowtabs {
	position:absolute;
	bottom:-35px;
	right:10px;
	text-align:right;
	width:630px;
	z-index:500;
}

#flowtabs li {display:inline;}

/* a- tag inside single tab */
#flowtabs a {
	float:left;
	display:block;
	margin:0 10px;
}

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

#flowtabs #t1,
#flowtabs #t2, 			
#flowtabs #t3, 			
#flowtabs #t4,
#flowtabs #t5,
#flowtabs #t6,
#flowtabs #t7 {background: url(../images/scroller/nav-sprites.png) left top;} 			

#flowtabs #t1 			{ background-position: 0 0;}
#flowtabs #t2 			{ background-position: -80px 0;}
#flowtabs #t3 			{ background-position: -160px 0;}
#flowtabs #t4 			{ background-position: -240px 0;}
#flowtabs #t5 			{ background-position: -320px 0;}
#flowtabs #t6 			{ background-position: -400px 0;}
#flowtabs #t7 			{ background-position: -481px 0;}
 
/* mouseover state */
#flowtabs #t1:hover 			{ background-position: 0 -80px;}
#flowtabs #t2:hover 			{ background-position: -80px -80px;}
#flowtabs #t3:hover 			{ background-position: -160px -80px;}
#flowtabs #t4:hover				{ background-position: -240px -80px;}
#flowtabs #t5:hover 			{ background-position: -320px -80px;}
#flowtabs #t6:hover 			{ background-position: -400px -80px;}
#flowtabs #t7:hover 			{ background-position: -481px -80px;}

/* currently selected tabs */
#flowtabs #t1.current 			{ background-position: 0 -80px;}
#flowtabs #t2.current 			{ background-position: -80px -80px;}
#flowtabs #t3.current 			{ background-position: -160px -80px;}
#flowtabs #t4.current			{ background-position: -240px -80px;}
#flowtabs #t5.current 			{ background-position: -320px -80px;}
#flowtabs #t6.current 			{ background-position: -400px -80px;}
#flowtabs #t7.current 			{ background-position: -481px -80px;}


/* panes */
#flowpanes {
	background: url(/tools/img/tabs/blue_panes.jpg) no-repeat 0 -100px;		
	width:920px;
	height:240px;	
}

.prev-button, .next-button {
	position:absolute;
	width:40px;
	height:40px;
	background:url(../images/scroller/nav-buttons.png);
}

.prev-button {
	left:-20px;
	top:100px;
	background-position:top left;
}

.prev-button:hover {
	background-position:bottom left;
}

.next-button {
	right:-20px;
	top:100px;
	background-position:top right;
}

.next-button:hover {
	background-position:bottom right;
}


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