/* div que envolve tudo */
.jstab_of11 {
	position: relative;
	
	margin: 0px;
	padding: 0px;
}

/* div que envolve as abas */
.jstab_of11 div.jstab_nav {
	margin: 0px;
	padding: 0px 4px;
	cursor: default;
	height: 28px;
	border-bottom: 1px solid #777;

	clear: both;

	user-select: none;
	-moz-user-select: none;
	-webkit-user-select:none;
	cursor:default;

}

/* aba individual */
.jstab_of11 .jstab_tab {
	margin: 0px 3px 0px 0px;
	padding: 2px 4px;
	float: left;
	display: block;
	color: #666;

	border-top: 1px solid #F0F0F0;
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	border-bottom: none;
	background-color: transparent;

	vertical-align: middle;
	white-space: nowrap;
	text-align: left;

	font-family:Tahoma, Geneva, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;

	line-height: 23px;
	height: 29px;

}

/* comparacao entre aba selecionada e aba deselecionada */
.jstab_of11 .jstab_tab.jstab_active {
	background-image: none;
	background-color:#FFF;
	color: #000;
	border: 1px solid #777;
	border-bottom: none;
}

/* nao ativa */
.jstab_of11 .jstab_tab.jstab_normal {
	padding: 3px 5px;
	border: none;
}

/* tabs com mouse over */
.jstab_of11 .jstab_tab.jstab_normal:hover, .jstab_of11 .jstab_tab.jstab_normal:active {
	padding: 2px 4px;

	border-top: 1px solid #777;
	border-left: 1px solid #aaa;
	border-right: 1px solid #777;
	background-image: url(../ui/jstab_of11_fade.png);
	background-repeat:repeat-x;
	background-color: #9CF;
}
.jstab_of11 .jstab_tab.jstab_normal:active {
	background-color: #3d7;
}

/* aba ativada */
.jstab_of11 .jstab_tab.jstab_active {
	border-bottom: 1px solid #fff;
	background-color: #ffffff;
}

/* tab especial -------------------------------------------- */
	/* bordas */
	.jstab_of11 span.jstab_special_normal, .jstab_of11 span.jstab_special_active { border: 1px solid #1f48a1;}
	.jstab_of11 span.jstab_special_normal:hove, .jstab_of11 span.jstab_special_active:hover { border: 1px solid #1f48a1;}
	.jstab_of11 span.jstab_special_normal:active, .jstab_of11 span.jstab_special_active:active { border: 1px solid #1f48a1;}
	.jstab_of11 span.jstab_special_active { border-bottom: none; }

	/* letra */
	.jstab_of11 span.jstab_special_normal, .jstab_of11 span.jstab_special_active { color: #ffffff;}

	/* fundo */
	.jstab_of11 span.jstab_special_normal, .jstab_of11 span.jstab_special_active {background-color: #4074d2;}
	.jstab_of11 span.jstab_special_normal:hover, .jstab_of11 span.jstab_special_active:hover {background-color: #4383e0;}
	.jstab_of11 span.jstab_special_normal:active, .jstab_of11 span.jstab_special_active:active {background-color: #3762b7;}
	
	

/* icone e label dentro da tab */
.jstab_of11 span.jstab_icon, .jstab_of11 span.jstab_label { float: left; }
.jstab_of11 span.jstab_icon { height: 19px; width: 19px; background-repeat: no-repeat; background-position: 1px 3px; }
.jstab_of11 span.jstab_label { padding: 0px 3px 0px 1px; }

/* detalhes de conteudo selecionado */
.jstab_of11 .jstab_container_normal {
	border: none;
	top: 8px;
	bottom: 8px;
	left: 8px;
	right: 8px;
	background-color: transparent;
	position: absolute;
	color: black;
}

.jstab_of11 .jstab_inside {
	padding: 1px;
	border: 1px solid #333;
	border-top: none;
	top: 29px;

	background-color: #FFFFFF;
	position:absolute;
	bottom: 0px;
	left: 0px;
	right: 0px;
	color: black;

}