/********************************************************************************************/
/* 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.                */
/********************************************************************************************/

pre {
	text-indent: 30px;
	}

#tabmenu {
	color: #000;
	border-bottom: 1px solid black;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	list-style: none;
	width: 654px;
	height: 25px;
	}
	
#tabmenu li 
{
	float: left;
	display: inline;
	/*overflow: hidden;*/
	list-style-type: none;
	position: relative;
	height: 25px;
	margin: 0px;
	padding: 0px 4px 0px 0px;
	}

#tabmenu li a, a.active 
{
	float: left;
	color: #fff;
	background: #61738B;
	font: 9pt Verdana, Arial, Helvetica, Sans-Serif;
	border: 1px solid #666666;
	border-bottom: none;
	padding: 0px 5px 0px 5px;
	margin: 0px;
	text-decoration: none;
	cursor:hand;
	/*position: relative;*/
	line-height: 24px;
	}

#tabmenu li a.active 
{
	background: #fff;
	color: #000;
	border-bottom: 1px solid #fff;
	}

#tabmenu li a:hover {
	color: #ffffff;
	background: #61738B;
	cursor:pointer;
	}

#tabmenu li a:visited {
	color: #E8E9BE;
	}

#tabmenu li a.active:hover {
	background: #fff;
	color: #000;
	}

#contentTab 
{
	font: 9pt Verdana, Arial, Helvetica, Sans-Serif;
	text-align: justify;
	background: #fff;
	padding: 20px;
	/*border: 1px solid #000;*/
	border-top: none;
	z-index: 2;
	min-height: 400px;
	}

#contentTab a {
	text-decoration: none;
	color: #E8E9BE;
	}

#contentTab a:hover {
	background: #666666;
	}