/* TABs Document ------------------------------------------------------------ */

.widget {
	width: 620px;
	overflow: hidden;
	margin: 7px 0 0 0;
	}
	.tabnav {
	margin-right: 0 !important;
	}
	.tabnav li {
	display: inline;
	width: 202px; height: 38px;
	float: left;
	margin: 0 0 0 7px; padding: 0;
	}
		.tabnav li.first {
		margin: 0;
		background: #f1e198;
		}
		.tabnav li.second {
		background: #ff6600;
		}
		.tabnav li.third {
		background: #b9dd8b;
		}
		.tabnav li.ui-tabs-selected a {
		color: #000 !important;
		background: url('../img/tabs/active.png') top left no-repeat;
		}
		.tabnav li.ui-tabs-selected a.second {
		color: #fff !important;
		}
	
		.tabnav li a {
		text-decoration: none;
		color: #000;
		font-weight: bold;
		outline: none;
		display: block;
		width: 188px; height: 28px;
		padding: 7px;
		background: url('../img/tabs/inactive.png') top left no-repeat;
		line-height: 11px;
		}
		* html .tabnav li a {
		background: url('../img/tabs/active.png') top left no-repeat;
		cursor: pointer;
		}
		.tabnav li a small {
		font-size: 10px;
		font-weight: normal;
		}
		
		.tabnav li.first a {
		color: #93833a;
		}
		.tabnav li.second a {
		color: #ffffff;
		}
		.tabnav li.third a {
		color: #709442;
		}
		.tabnav li.first a:hover, .tabnav li.first a:active,
		.tabnav li.second a:hover, .tabnav li.second a:active,
		.tabnav li.third a:hover, .tabnav li.third a:active {
		color: #000;
		text-decoration: none;
		}
		
	.tabdiv {
	clear: both;
	padding: 7px;
	position: relative;
	color: #000;
/*	min-height: 220px; height: auto !important; height: 220px;	*/
	}
		.tabdiv h3 {
		margin: 0.5em 0 0 0;
		font-size: 11px;
		}
		.tabdiv p {
		margin: 1em 0;
		}
	
	#first { background: #f1e198; }
	#second { background: #ff6600; }
	#third { background: #b9dd8b; }

.ui-tabs-hide {
		display: none;
		}