
/* div que envolve tudo */
.jstab_yoo {
	position: relative;

	margin: 0px;
	padding: 0px;

/*	margin: 6px 10px 0px 5px; */
	margin: 3px 6px 0px 3px;
	border: 1px solid #C8C8C8;

	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
}

/* label - propriedades gerais */
.jstab_yoo span.jstab_label {
	display: block;
	padding: 0 12px 0px 6px;

	height: 32px;
	line-height: 32px;

	-moz-border-radius: 24px;
	border-radius: 24px;
	float: left;

	font-size: 12px;
	color: #646464;
	text-shadow: 0 1px 0 white;
	text-decoration: none;
	cursor: pointer;
}


/* div que envolve as abas */
.jstab_yoo div.jstab_nav {
	list-style: none;
	margin: 0;
	padding: 0px 5px 3px 4px;
	border-top: 1px solid white;
	border-bottom: 1px solid #C9C9C9;
	-moz-border-radius-topleft: 9px;
	-moz-border-radius-topright: 9px;
	border-top-left-radius: 9px;
	border-top-right-radius: 9px;
	background: #F0F0F0;
	background: -moz-linear-gradient(50% 0%, whiteSmoke 0%, #E6E6E6 100%);
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, whiteSmoke), color-stop(100%, #E6E6E6) );
	overflow: hidden;

	clear: both;

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

}

/* aba individual */
.jstab_yoo .jstab_tab {
	margin: 1px 5px 2px 1px;
	-moz-border-radius: 24px;
	border-radius: 27px;
	float: left;
	background-color: transparent;
}

/* comparacao entre aba selecionada e aba deselecionada */
.jstab_yoo .jstab_tab.jstab_normal {
	padding: 0 0 1px 0;
	border: 1px solid transparent;
}
.jstab_yoo .jstab_tab.jstab_active {
	padding: 0px 0px 0px 0px;
	border: 1px solid transparent;
}

/* label normal */
.jstab_yoo .jstab_tab.jstab_normal span.jstab_label {
	border: 1px solid transparent;
}
/* label selecionada */
.jstab_yoo .jstab_tab.jstab_active .jstab_label {
	border: 1px solid #999;
	background: #64696E;
	background: -moz-linear-gradient(50% 0%,#32373C 0%,#50555A 5%,#64696E 30%,#7D8287 100%);
	background: -webkit-gradient( linear,50% 0%,50% 100%,color-stop(0%, #32373C),color-stop(5%, #50555A),color-stop(30%, #64696E),color-stop(100%, #7D8287));
	color: white;
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
	cursor: default;
}



/* tabs com mouse over */
.jstab_yoo .jstab_tab.jstab_normal:hover span.jstab_label {
	background: #AAA;
	background: -moz-linear-gradient(50% 0%,#D7D7D7 0%,#AAA 100%);
	background: -webkit-gradient( linear,50% 0%,50% 100%,color-stop(0%, #D7D7D7),color-stop(100%, #AAA));
}

.jstab_yoo .jstab_tab.jstab_normal:hover span.jstab_label {
	border: 1px solid #FFF;
	background: #F5F5F5;
	background: -moz-linear-gradient(50% 0%,#F5F5F5 0%,#E6E6E6 100%);
	background: -webkit-gradient( linear,50% 0%,50% 100%,color-stop(0%, #F5F5F5),color-stop(100%, #E6E6E6));
}

.jstab_yoo .jstab_tab.jstab_normal:active span.jstab_label {
	background: #C8C8C8;
	background: -moz-linear-gradient(50% 0%,#B4B4B4 0%,#C8C8C8 100%);
	background: -webkit-gradient( linear,50% 0%,50% 100%,color-stop(0%, #B4B4B4),color-stop(100%, #C8C8C8));
}

/* label da aba normal clicada */
.jstab_yoo .jstab_tab.jstab_normal:active span.jstab_label {
	border: 1px solid transparent;
	background: #E6E6E6;
	background: -moz-linear-gradient(50% 0%,#DCDCDC 0%,#E6E6E6 10%);
	background: -webkit-gradient( linear,50% 0%,50% 100%,color-stop(00%, #DCDCDC),color-stop(10%, #E6E6E6));
	color: #323232;
}



/* icone e label dentro da tab */
.jstab_yoo span.jstab_icon {
	display: block;
	float: left;
	height: 20px;
	width: 19px;
	background-repeat: no-repeat;
	background-position: 1px 3px;
	margin: 5px 4px 0px 3px;
}


/* detalhes de conteudo selecionado */
.jstab_yoo .jstab_container_normal {
	top: 4px;
	bottom: 4px;
	left: 4px;
	right: 4px;

	border: none;
	background-color: transparent;
	position: absolute;
	color: black;
}
.jstab_yoo .jstab_inside {
	top: 40px;
	padding: 1px;
	-webkit-border-bottom-left-radius: 9px;
	-webkit-border-bottom-right-radius: 9px;
	border-bottom-left-radius: 9px;
	border-bottom-right-radius: 9px;
	-moz-outline-radius-bottomleft:: 9px;
	-moz-outline-radius-bottomright: 9px;

	border-top: 1px solid #C8C8C8;

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

}

