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

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

/* single tab */
#flowtabs li{ 
	float:left;
	text-indent:0;
	padding:0;
	margin:0 !important;
	list-style-image:none !important;
}
#flowtabs img{
	float:left;
	border:none;
	padding:4px 6px;} 
/* link inside the tab. uses a background image */
#flowtabs a { 
	background: url(/web/20161027160546oe_/http://www.benning.army.mil/common/rv4_images/toolbar_tab-generic.png) no-repeat -95px 0;
	display:block;
	height: 44px;  
	line-height:18px;
	width: 104px;
	text-align:right;	
	text-decoration:none;
	color:#fff;
	padding:8px 6px 0px 0px;
	margin:0px;	
	position:relative;
	margin-left:-1px;
	/*font-weight:normal;*/}

#flowtabs a:active {
	outline:none;		
}

/* when mouse enters the tab move the background image */
#flowtabs a:hover {
	background-position: -95px -52px;	
	color:#000;	
}

/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#flowtabs a.current, #flowtabs a.current:hover, #flowtabs li.current a {
	background-position: -95px -52px;		
	cursor:default !important; 
	color:#000 !important;
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* width 1 */
#flowtabs a.s 			{ background-position: 0 -0px; width:89px; }
#flowtabs a.s:hover 	{ background-position: 0 -52px; }
#flowtabs a.s.current { background-position: 0 -52px; }

/* width 2 */
#flowtabs a.l 			{ background-position: -205px -0px; width:119px; }
#flowtabs a.l:hover 	{ background-position: -205px -52px; }
#flowtabs a.l.current  { background-position: -205px -52px; }


/* panes */
#flowpanes {
	/*background: url(/web/20161027160546oe_/http://www.benning.army.mil/common/rv5_images/blue_panes.jpg) no-repeat 0 -100px;*/		
	width:600px;
	height:450px;	
}


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

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	/*color:#ddd;*/
	letter-spacing:1px;
	margin:10px 0 0 0;
}

#flowpanes a {
	/*color:#cc9;*/		
}

#flowpanes p, #flowpanes samp {
	/*color:#ccc;*/		
}

#flowpanes div.narrow {
	padding-right:160px;		
}


/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:560px;
	cursor:pointer;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	/*color:#999 !important;*/
}