jquery.simpleTabs.css

	/**
	 * Sistema de tabs
	 * Marcio Antunes 
	 */
	.tabs{
		display: block;
		margin-bottom: 20px;
	}

	.tabs>ul{
		list-style: none;
		display: block;
		padding: 0;
		margin: 0;
	}

	.tabs>ul:after{
		clear: both;
		content: "";
		display: block;
		border-bottom: 1px solid #ddd;
	}

	.tabs>ul li, .tabs>ul li a{
		display: block;
		padding: 0;
		margin: 0;
	}

	.tabs>ul li{
		float: left;
		margin-left: 0.8em;
	}

	.tabs>ul li:first-child{
	}

	.tabs>ul li a{
		padding: 0.5em 1.5em;
		background: #f7f7f7;
		border: 1px solid #f1f1f1;
		border-bottom-width: 0;
		cursor: pointer;
		color: #555;
	}

	.tabs>ul li a:hover{
		color: #333;
		border-color: #ddd;
	}

	.tabs>ul li a.active,
	.tabs>ul li a.active:hover{
		color: #eee;
		background: #333;
		border-color: #444;
	}
	
	/**
	 * tabs wrapper
	 */
	.tabs>.tabs-content{

	}

	.tabs>.tabs-content:after{
		clear: both;
		content: "";
		display: block;
	}
	
	/**
	 * .tabs > .tabs-content > .tab
	 * <div class="tabs">
	 * 	<ul>
	 * 		<li><a href="[LINK or #tab_id]" class="active">TEXT</a>
	 * 	</ul>
	 * 	<div class="tabs-content">
	 * 		<div class="tab" id="tab_id">
	 * 			...content...
	 * 		</div>
	 * 	</div>
	 * </div>
	 */
	.tabs .tab{
		display: none;
		padding: 1em 0.5em;
	}