/* -------------------------------------------------------------------------------- */
/* 										WIDGETS										*/
/* -------------------------------------------------------------------------------- */
.Panel {
	border: 2px solid #2B2B2B;
	background: #000000;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
}

.PanelTitleBar {
	height: 17px;
	background: #2B2B2B;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	padding-left: 7px !important;
}

.PanelContent {
	padding: 7px;
	color: #999999;
}

/* -------------------------------------------------------------------------------- */
/* 									COMBOBOX										*/
/* -------------------------------------------------------------------------------- */
.combo-button {
	display: 		block;
	float:			left;
	width:			16px !important;
	height:			16px !important;
	cursor:			hand;
	cursor:			pointer;	
	border:			1px solid #2D2D2D;
	border-left:	none;
	padding:		0;
	background: 	url(../images/css/combobox_button_bg.gif);
	vertical-align:	baseline;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		7pt;
}
.combo-hilite {
	cursor:			hand;
	cursor:			pointer;
	background:		#6D6A4E;
	border:			1px solid #666666;
	color:			#FFFFFF;
	font-family: 	Arial, Helvetica, sans-serif;
	font-size:		11px;
}
.combo-item   {
	cursor:			hand;
	cursor:			pointer;
	background:		#FFFFFF;
	border:			1px solid #FFFFFF;
	border-bottom:  1px solid #EFEEE1;
	color: 			#333333;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
}

.combo-input  {
	float:			left;
	height:			14px !important;
	background: 	#2A2A2A url(../images/css/combobox_bg.gif) top repeat-x;
	border:			1px solid #2D2D2D !important;
	width:			103px !important;
	vertical-align:	baseline;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		11px;
	color: 			#9C9C9C;
	padding-left:   4px;
}

.combo-list table {
	table-layout:	fixed;
	width: 165px;
}

.combo-list {
	clear: 				both;
	border:				1px solid #2D2D2D;
	padding:			1px;
	background:			#FFFFFF;
	
	
	max-height: 130px;
	height:expression( this.scrollHeight > 130? "130px" : "auto" );
	
	
	overflow:			auto;
	overflow-x:			visible;
	overflow-y:			auto;
	
	scrollbar-highlight-color:	#070707;
	scrollbar-3dlight-color:	#2B2B2B;
	scrollbar-darkshadow-color:	#2B2B2B;
	scrollbar-shadow-color:		#070707;
	scrollbar-face-color:		#070707;
	scrollbar-track-color:		#2B2B2B;
	scrollbar-arrow-color:		#DFDFDF;
}

/* -------------------------------------------------------------------------------- */
/* 										WINDOW										*/
/* -------------------------------------------------------------------------------- */
.dhtmlwindow{
	position: absolute;
	border: 2px solid #2B2B2B;
	visibility: hidden;
	background: #000000 !important;
}

.drag-handle{ /*CSS for Drag Handle*/
	width: auto;
	height: 17px;
	background: #2B2B2B;
	color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	padding-left: 7px !important;
	cursor: move;
	overflow: hidden;
	filter:progid:DXImageTransform.Microsoft.alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}

.drag-handle .drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
	position: absolute;
	right: 1px;
	top: 2px;
	cursor: hand;
	cursor: pointer;
}

* html .drag-handle{ /*IE6 and below CSS hack. Width must be set to 100% in order for opaque title bar to render*/
	width: 100%;
}


.drag-contentarea{ /*CSS for Content Display Area div*/
	color: #FFFFFF;
	padding: 10px;
	padding-right: 0px !important;
	overflow: auto;
	background: #000000 !important;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-top: 1px solid gray;
	background-color: #F8F8F8;
	height: 13px; /*height of resize image*/
}


.drag-resizearea{ /*CSS for Resize Area itself*/
	float: right;
	width: 13px; /*width of resize image*/
	height: 13px; /*height of resize image*/
	cursor: nw-resize;
	font-size: 0;
}