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

#flowtabs {
	float:left;
	margin:0;
	padding:0;
	font-size:1px;
	line-height:1px;
	width:295px;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

#flowtabs ul {
	margin:0;
	padding:0 0 0 25px;
}


#flowtabs ul li {
	float:left;
	width:54px;
	height:35px;
	margin:0;
	padding:4px 15px 0 0;
	display:inline;
}

#flowtabs ul li.last {
	float:left;
	width:54px;
	height:35px;
	margin:0;
	padding:4px 0 0 0;
	display:inline;
}

#flowtabs ul li a {
	border:none;
	background:none;
	display:block; 
	width:54px;
	height:35px;
	overflow:hidden;
}

#flowtabs ul li a:hover {
	border:none;
	background:none;
	display:block; 
	width:54px;
	height:35px;
	text-indent:-54px;
	overflow:hidden;
}

#flowtabs ul li a.visited {
	border:none;
	background:none;
}

#flowtabs ul li a.current {
	border:none;
	background:none;
	display:block; 
	width:54px;
	height:35px;
	text-indent:-54px;
	overflow:hidden;
}

button {
	background:none;
	border:none;
	color:#fff;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:"Trebuchet MS";
}

button:hover {
	background:none;
	border:none;
	color:#ffcc00;
	font-size:14px;
	text-transform:uppercase;
	font-weight:bold;
	letter-spacing:-1px;
	font-family:"Trebuchet MS";
	cursor: pointer;
}

.previous {
	float:left;
	width:123px;
	height:20px;
	margin:0;
	padding:0;
}

.previous p {
	padding:8px 0 0 25px;
}

.forward {
	float:left;
	width:123px;
	height:20px;
	margin:0;
	padding:0;	
}

.forward p {
	padding:8px 0 0 35px;
}


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


/* single pane */
#flowpanes div.heroScrollable {
	display:none;		
	margin:0;
}