/************************************************
For using tabs within the Admin functions
************************************************/
#divSystemTabs {
	z-index:10;
}
#divSystemTabs ul {
	padding: 0px;
	margin: 0px;
	margin-left: 10px;
	list-style-type: none;
	font-size:9px;
}
#divSystemTabs ul li {
	display: inline-block;
	clear: none;
	/*float: left;*/
	height: 24px;
    font-size:9px;
    width:16%;
}
#divSystemTabs ul li a {

    position: relative;
	display: block;

	margin-left: 0px; 		/* The gap between tabs */
	line-height: 24px; 		/* The height of the tab*/
	padding-left: 10px; 	/* The padding of the text in the tab */

    background: #f6f6f6;
	z-index: 50;
	border: 1px solid #ccc;
    
	/* The following four lines are to make the top left and top right corners of each tab rounded. */
	-moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;

	-moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;

    /* end of rounded borders */
	color: #000000;
	text-decoration: none;
	font-weight: bold;
    font-size:9px;
}
#divSystemTabs ul li a:hover {
	/* a very simple effect when hovering the mouse on tab */
	text-decoration: underline; 
	background: #dedeff;
	font-size:9px;
}
#divSystemTabs #Content_Area { 
	/*  this is the css class for the content displayed in each tab */
	padding: 0 15px;
	clear:both;
	line-height:19px;
	position: relative;
	z-index: 5;
	border: 1px solid #ccc;

}