/* CSS Document */
/****************************************************************************************
	Tabbed Content for Customers Page
****************************************************************************************/
.DisplayCustomers {
	position : relative;
	float : left;
	width : auto;
	height : 350px;
	background : #fff;
}

/****************************************************************************************
	Always Show Content on this Tab
****************************************************************************************/
.tabbedContentStart {
	position : relative;
	float : left;
	left : 0px;
	width : 720px;  
	height : 20px;
	background : #fff;
}

.tabbedContentStart ul {
	margin : 0px; 
	padding : 0px; 
	position : relative; 
	width : 100%;
}

.tabbedContentStart ul li {
	display : inline; 
	float : left; 
	background : #fff;
	margin-right : 4px;
	width : auto;
	height : 20px;
}

.tabbedContentStart ul ul li {
	position : absolute; 
	left : 0px;
	top : -1px;
	border : 1px solid #000; 
	width : 720px;  
	background : #fff; 
	padding : 10px;
	height : 290px;
}

/****************************************************************************************
	Tabbed Content Section
****************************************************************************************/
.tabbedContent {
	position : relative;
	float : left;
	left : 0px;
	top : -20px;
	width : 720px;  
	height : 20px;
}

.tabbedContent ul {
	margin : 0px; 
	padding : 0px; 
	position : relative; 
	width : 100%;
}

.tabbedContent ul li {
	display : inline; 
	float : left; 
	background : #999;
	margin-right : 2px;
	width : 100px;
	height : 20px;
}

.tabCell {
	width : 100px;
	height : 20px; 
	position : relative;
	z-index : 1000; 
	margin : 0px;
	padding : 0px;  
	cursor : pointer;
}

.tabCell strong {
	font-family : "Trebuchet MS", Arial, Verdana, sans-serif;
	font-size : 11px;
	position : absolute;
	z-index : 1000;
	width : 98px; 
	height : 18px; 
	text-align : center; 
	border : 1px solid #000;
}

.tabbedContent ul ul {
	position : absolute; left:0px; 
	display : none; 
	z-index : 100;
}

.tabbedContent ul ul li {
	border : 1px solid #000 ; 
	width : 720px;  
	background : #fff; 
	padding :10px;
	height : 290px;
}

.tabbedContent ul li:hover ul {
	display : block; /*top:-1px; !important;*/ top:19px;
}

.tabbedContent ul li:hover .tabCell strong {
	border-left : 1px solid #000; 
	border-right : 1px solid #000; 
	border-top : 1px solid #000; 
	border-bottom : 1px solid #fff; 
	background : #fff; 
}

.tabbedContent ul ul li img {
	margin : 4px;
	width : 90px;
	height : 90px;
}

