/********************************************************************************************/
/* 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: #fff;
	border-bottom:#cccccc 1px dotted;
	margin: 0px;
	padding: 0px;
	z-index: 1;
	padding-left: 10px;
	font-weight:bold;
	}

#tabmenu li {
	display: inline;
	overflow: hidden;
	list-style-type: none;
	}

#tabmenu a, a.active {
	color: #0066ff;
	background: #cccccc;
	font-family:arial,verdana, Arial, sans-serif;
	font-size:100%;
	border: 1px dotted #cccccc;
	border-bottom: none;
	padding: 1px 3px 2px 5px;
	margin: 0px;
	text-decoration: none;
	cursor:hand;
	}

#tabmenu a.active {
	background: #f7f7f7;
	border-bottom: 0px dotted #f7f7f7;
	}

#tabmenu a:hover {
	color: #ffffff;
	background: #cccccc;
	cursor:pointer;
	}

#tabmenu a:visited {
	color: #000000;
	}

#tabmenu a.active:hover {
	background: #f7f7f7;
	color: #000000;
	}

#content {
	font-family: arial, sans-serif;
	font-size:100%;
	text-align: justify;
	background: #ffffff;
	padding: 20px;
	border: 1px dotted #ffffff;
	border-top: none;
	z-index: 2;
	color:#545454;
	}

#content a {
	text-decoration: none;
	color: #000000;
	}

#content a:hover {

	}