/* NOTE: This css file contains the basic requirements to make the jquery scrollable work.
THIS SHOULD NOT CONTAIN PAGE SPECIFIC INFORMATION. This is only for teh basic required CSS . 
Page specific information i.e. width and height of panels, should be declared in teh page itself. 
This allows us to reference teh same CSS file on mulitple pages (if needed). */ 

/* root element for tabs */
#flowtabs {
	margin:0 !important;
	/*border:5px solid red; */
	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;
}

/* panes */
#flowpanes {	
	position:relative;
    overflow:hidden;
    clear:both;
	/*border: medium solid #FF0000;*/
}


/* single pane */
#flowpanes div {
	display:none;
	float:left;
	display:block;
}

/* our additional wrapper element for the items */
#flowpanes .items {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;  
}

/* HISTORY TAB STYLING*/
/* root element for tabs */
#historytabs {
	margin:0 !important;
	/*border:5px solid red; */
	padding:0;	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#historytabs li { 
	float:left; 
	text-indent:0; 
	list-style-type:none;
}

/* setting up historytabs image rollovers using CSS*/
.historytabs_rollover {
	text-indent: 10000px;
	overflow: hidden;
	display: block;
	background-repeat:no-repeat;
	background-position:top left;
}

/* this is required to move the image down for teh rollover*/
.historytabs_rollover:hover {
	background-position: bottom left;
}



/* panes */
#historypanes {
	position:relative;
	overflow:hidden;
	clear:both;
	/*border-top-color: #006600;
	border-top-style: solid;
	border-top-width: 2px;
	padding-top: 3px;*/
}


/* single pane */
#historypanes div {
	display:none;	
	float:left;
	display:block;
	/*border: medium solid #FF0000;*/
}

/* our additional wrapper element for the items */
#historypanes .historyitems {
    width:20000em;
    position:absolute;
    clear:both;
    margin:0;
    
}


