/********************************************************************************************/
/* AJAX Simple Tabs by developersnippets, This code is intended for practice purposes.      */
/* You may use these functions as you wish, for commercial or non-commercial applications,  */
/* but please note that the author offers no guarantees to their usefulness, suitability or */
/* correctness, and accepts no liability for any losses caused by their use.                */
/********************************************************************************************/


#tabmenu {
	height:28px;
	padding:0; 
	margin:0;
	text-align:left;
	}
#tabmenu ul {
	margin: 0;
	padding: 0;
	z-index: 0;
}
#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;	
	float: left;
	font-size: 10px;
	border-width: 0;
	padding: 8px 1px 8px 0;
	margin: 0 3px 0 0;
	white-space: nowrap;
	background-image: url("../images/tabContentOff.png");
	background-position: right center;
	background-repeat: no-repeat;
	}
#tabmenu ul li:hover {
	background-image: url("../images/tabContentOver.png");
	background-position: right center;
	background-repeat: no-repeat;
	text-decoration:none;
	border-width: 0px;

}
#tabmenu ul li.on {
	background-image: url("../images/tabContentUp.png");
	border:#FFFFFF solid 1px;
	padding:20px;
}
#tabmenu a {	
	color: #ffffff;
	font-family: "Lucida Grande",Tahoma,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	background-image: url("../images/tabContentOff.png");
	border-width: 0px;
	padding: 8px 7px 8px 8px;
	margin: 0px;
	cursor:hand;
	}
#tabmenu a.active {	
	color: #ffffff;
	background-image: url("../images/tabContentUp.png");
	border-width: 0px;
	cursor:hand;
	margin: 0px;
	padding: 8px 7px 8px 8px;
	width:100%;
	}

#tabmenu a:hover {
	cursor:pointer;
	background-image: url("../images/tabContentOver.png");
	background-position: left center;
	text-decoration:none;
	margin:0px;
	border-width: 0px;
	}

#tabmenu a:visited {
	color: #E8E9BE;
	text-decoration:none;
	margin:0px;
	border-width: 0px;
	}

#tabmenu a.active:hover {
	color: #ffffff;
	background-image: url("../images/tabContentUp.png");
	text-decoration:none;
	margin:0px;
	border-width: 0px;
	
	}