/*
 * CSS File is constructed with few groups of class, prefixed
 *
 * Componental - Used to identify a component, can be nested. Describe layout and spacing as a whole, can contain colour appearance.
 * Elemental   - Basic elements that builds up component, often used with pseudo-selector. describes layout and spacing, Describe layout and spacing as a whole, can contain colour appearance.
 * Style       - Definition of colour, sprite location, style appearance.
 *
 * .Component .Elemental        - Typical class that describes a style.
 * .Component .Elemental .Style - Typical class that describes a style, Just more details.
 *
 *
 * Componental - .fs-componentname
 * Elemental   - .fs-textbar .fs-heading1 .fs-title .fs-button .fs-icon16 BUTTON SPAN DIV 
 * Style       - .fs-icon-tick .fs-bold .fs-red .fs-secondary 
 * Indicator   - .selected .active .current .disabled .hidden
 *
 */
 
.fs-menu{
	position:absolute;
	background-color:#eee;
	border:1px solid #555;
	padding:1px;
	width:200px;	
	display:none;	
}
.fs-menu UL {
	list-style: none;
	margin:0;
	padding:0;
}
.fs-menu LI{
	border-bottom:1px solid #ddd; 	
}
.fs-menu LI A{
	padding:2px 6px;
	display:block; 	
	color:#335;
}
.fs-menu LI U,
.fs-menu LI B{ text-decoration:none; font-weight:normal;}

.fs-menu LI A:active,
.fs-menu LI A:hover
{ 	
	background-color:#8092bA;
	text-decoration:none;
	color:#fff;
}
.fs-menu LI .fs-more
{
	float:right; 	
	display:block;
}
.fs-menu LI fs-icon16-bold{}




.fs-menubar{
	position:static;		
	padding:0px 0px;	
	display:block;
	float:left;
}
.fs-menubar UL { 	
	list-style: none;
	margin:0;
	padding:0;
}
.fs-menubar LI
{
	margin:0 5px;
	float:left;
	display:block;
}

.fs-menubar LI U,
.fs-menubar LI B,
.fs-menubar LI A:hover,
.fs-menubar LI A:active{text-decoration:none; font-weight:normal;}

.fs-menubar LI A
{	color:#222;			
	display:block;	
	background-repeat:repeat-x;
	background-image:url('fsmenu.gif');
	background-position:left -75px;	
	vertical-align:bottom;	
	padding:0;	
}
	
.fs-menubar LI B{	
	position:relative;
	display: inline-table;
	*display: inline-block; /* IE */
	background-image:url('fsmenu.gif');	
	background-position:right -75px ;
	line-height:24px;
	vertical-align:middle;
	padding:0px 0px;left:4px;
}

.fs-menubar LI A U{
	lsine-height:24px;	
	padding:0 6px 0 14px;
}

.fs-menubar LI A:hover,
.fs-menubar LI A:active,
.fs-menubar LI.active A
{	
	color:#eee;
	background-position:left -50px;	
}
	
.fs-menubar LI A:hover B,
.fs-menubar LI A:active B,
.fs-menubar LI.active A B{	 
	background-position:right -50px ;
}


.fs-menubar LI.activeTab A
{		
	color:#eee;
	background-position:left -0px;	
}
	
.fs-menubar LI.activeTab A B{	
	background-position:right -0px ;
}