/* tag mestre */
.jframe_app {
	background-color: #FFF;
}

/* celula onde ficarao os console */
.jframe_app .jframe_inside {
	background-color: #FFF;
	border: none;
}

/* parte esquerda */
.jframe_app .jframe_left {
	top: 0px;
	bottom: 0px;

	left: 0px;
	width: 300px;
	background-color:#FBFBFB;
/*	z-index: 1;*/
}

/* parte direita */
.jframe_app .jframe_right {
	top: 0px;
	bottom: 0px;

	right: 0px;
	left: 300px;
	background-color:#FEFEFE;
/*	z-index: 2;*/
}

/* comum as duas partes */
.jframe_app .jframe_left, .jframe_app .jframe_right {position: absolute;}

/* parte superior */
.jframe_app .jframe_top {
	left: 0px;
	right: 0px;

	top: 0px;
	height: 38px;
	background-color:#FBFBFB;
/*	z-index: 1;*/
}

/* parte inferior */
.jframe_app .jframe_bottom {
	left: 0px;
	right: 0px;

	bottom: 0px;
	top: 42px;
	background-color:#FEFEFE;
/*	z-index: 2;*/
}

/* comum a top e bottom */
.jframe_app .jframe_top,.jframe_app .jframe_bottom {
	overflow:auto;
}

/* divisor vertical */
.jframe_app .jframe_separator_vertical {
	width: 6px;
	position: absolute;
	border: none;
	/*
	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;
	*/
	background-color: transparent;
	background-image: url(../ui/jframe_vsep2.png);
	background-position: 0px 0px;
	background-repeat: repeat-y;

	top: 0px;
	bottom: 0px;
	left: 298px;

	cursor:ew-resize;
/*	z-index: 3; */
}
/*
.jframe_app .jframe_separator_vertical:hover {
	border-left: 1px dotted #00D0D0;
	border-right: 1px dotted #00D0D0;
	background-color: #F4F4F4;
}
.jframe_app .jframe_separator_vertical:active, .jframe_app .jframe_separator_vertical_active {
	border-left: 1px dotted #D000D0;
	border-right: 1px dotted #D000D0;
}
*/
/* divisor horizontal */
.jframe_app .jframe_separator_horizontal {
	height: 6px;
	border: none;
	background-color: transparent;
	background-image: url(../ui/jframe_hsep2.png);
	background-position: 0px 0px;
	background-repeat: repeat-x;

	left: 0px;
	right: 0px;
	
	/* distancia padrao do topo */
	top: 40px;

	cursor:ns-resize;
/*	z-index: 3;*/
}
/*
.jframe_app .jframe_separator_horizontal:hover {
	border-top: 1px dotted #00D0D0;
	border-bottom: 1px dotted #00D0D0;
	background-color: #F4F4F4;
}
.jframe_app .jframe_separator_horizontal:active, .jframe_app .jframe_separator_horizontal_active {
	border-top: 1px dotted #D000D0;
	border-bottom: 1px dotted #D000D0;
}

*/