/*****************
@file: editor.css
******************/

/** html/body */
html, body, table, select, input, textarea {
	font-family:	arial, verdana, helvetica;
	font-size:		11px;
}

/** leftPane */
.leftPane {
	width:			150px;
	background:		#ffffff;
	cursor:			default;
}


.wscTree{
	width:100%;
	top:0px;
	left:0px;
	height:100%;
	padding:0px;
	cursor:			default;
	

}

.wscTree2{
	width:100%;
	top:0px;
	left:0px;
	height:100%;
	padding:0px;
	cursor:			text;
	

}


/** divider */
.divider {
	width:			5px;
	border-left:	1px solid buttonhighlight;
	border-top:		1px solid;
	border-right:	1px solid black;
	border-bottom:	1px solid buttonface;
	background:		buttonface;
	cursor:			col-resize;
}
.divider1 {
	width:			1px;
	height:			1px;
	border-left:	1px solid buttonhighlight;
	border-top:		1px solid;
	border-right:	1px solid black;
	border-bottom:	1px solid buttonface;
	background:		buttonface;
	cursor:			col-resize;
}
/** rightPane */
.rightPane {
	background:		appworkspace;
}

/** status bar */
.statusBar {
	background:		buttonface;
	border-left:	1px solid buttonhighlight;
	border-top:		1px solid buttonhighlight;
	border-right:	1px solid buttonshadow;
	border-bottom:	1px solid buttonshadow;
	cursor:			default;
}

/** raise */
.divRaise {
	border-left:	1px solid buttonhighlight;
	border-top:		1px solid buttonhighlight;
	border-right:	1px solid buttonshadow;
	border-bottom:	1px solid buttonshadow;
	background:		buttonface;
}

/** plain */
.divPlain {
	border-left:	1px solid #d2d2d2;
	border-top:		1px solid #d2d2d2;
	border-right:	1px solid #d2d2d2;
	border-bottom:	1px solid #d2d2d2;
	background:		buttonface;
}

/** down */
.divDown {
	border-left:	1px solid buttonshadow;
	border-top:		1px solid buttonshadow;
	border-right:	1px solid buttonhighlight;
	border-bottom:	1px solid buttonhighlight;
	background:		buttonface;
}

/** highlight */
.divHigh {
	color:			highlighttext;
	background:		highlight;
}

/** none */
.divNone {
	border-left:	1px solid buttonface;
	border-top:		1px solid buttonface;
	border-right:	1px solid buttonface;
	border-bottom:	1px solid buttonface;
	background:		buttonface;
}

/** popup-div */
.popUp {
	border-left:	1px solid buttonhighlight;
	border-top:		1px solid buttonhighlight;
	border-right:	1px solid black;
	border-bottom:	1px solid black;
	padding:		1px;
	background:		buttonface;
}

/** popup-page */
.popBody {
	background:		buttonface;
}

/** div bar */
.divBar {
	border-left:		1px solid buttonhighlight;
	border-right:		1px solid buttonshadow;
    top:				0px;
	height:				15px; 
	width:				2px; 
}

/** form buttons */
.formBtn {
	width:				75px;
	height:				22px;
	font-family:		arial;
	font-size:			11px;
}

/** form buttons */
.longBtn {
	width:				100px;
	height:				22px;
	font-family:		arial;
	font-size:			11px;
}

/** grids */
.grid {
	border-left:		0px;
	border-bottom:		1px solid #f1f1f1;
	border-top:			0px;
	border-right:		1px solid #f1f1f1;
}

/** grids */
.grid1 {
	border-left:		0px;
	border-bottom:		0px;
	border-top:			0px;
	border-right:		1px solid #ACA8A4;
}

/** title */
.title {
	border:				1px solid black;
	background:			lightyellow;
	padding:			3px;
}

/*************************************\
 tab set css 
\*************************************/
.bsTabset {
	border-top:			1px solid white;
	border-left:		1px solid white;
	border-right:		2px outset;
	font-family:		arial,;
	font-size:			11px;
	color:				#000000;
	background-color:	buttonface;
}
.bsTabsetActive {
	border-bottom:		1px solid buttonface;
	cursor:				default;
	padding-top:		3px;
	padding-bottom:		2px;
	vertical-align:		middle;
	padding-left:		5px;
	padding-right:		5px;
	margin-left:		-2px;
	margin-right:		-0px;
}
.bsTabsetInactive {
	border-bottom:		1px solid white;
	cursor:				pointer;
	padding-top:		1px;
	padding-bottom:		0px;
	vertical-align :	bottom;
	padding-left:		3px;
	padding-right:		3px;
	margin-left:		0px;
	margin-right:		0px;
}
.tabsetContentDiv {
	border-left:		1px solid white; 
	border-bottom:		2px outset; 
	border-right:		2px outset;
	padding:			2px;
}
.tabsetTabsDiv {
	border-bottom:		1px solid white;
	background-color:	transparent;
}

.inpText {
	border:			0px;
	text-align:		left;
	font-family:	arial;
	font-size:		11px;
/*	width:			100%;*/
}