/* tag mestre */
.jframe_simple {
	background-color: #F00;
}

/* celula onde ficarao os console */
.jframe_simple .jframe_inside {
	background-color: #0f0;
	border: 1px solid #555;
}

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

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

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

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

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

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

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

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

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

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

/* divisor vertical */
.jframe_simple .jframe_separator_vertical {
	width: 3px;
	position: absolute;

	border-left: 1px solid #F0F0F0;
	border-right: 1px solid #F0F0F0;

	background-color: #FBFBFB;
	background-image: url(../ui/jframe_vsep1.png);
	background-position: 0px 49%;
	background-repeat: no-repeat;

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

	cursor:ew-resize;
/*	z-index: 3;*/
}
.jframe_simple .jframe_separator_vertical:hover {
	border-left: 1px dotted #00D0D0;
	border-right: 1px dotted #00D0D0;
	background-color: #F4F4F4;
}
.jframe_simple .jframe_separator_vertical:active, .jframe_simple .jframe_separator_vertical_active {
	border-left: 1px dotted #D000D0;
	border-right: 1px dotted #D000D0;
}

/* divisor horizontal */
.jframe_simple .jframe_separator_horizontal {
	height: 3px;

	border-top: 1px solid #F0F0F0;
	border-bottom: 1px solid #F0F0F0;

	background-color: #FBFBFB;
	background-image: url(../ui/jframe_vhor1.png);
	background-position: 49% 0px;
	background-repeat: no-repeat;

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

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