.dhtmlwindow{
	
	position: absolute;
	border-bottom: 2px outset #ebebeb;
	border-top: 2px outset #ebebeb;
	border-left: 2px outset #ebebeb;
	border-right: 2px outset #ebebeb;
	visibility: hidden;
	background-color: white;
	cursor: hand;

	
}

.title{ /*CSS for controls title*/
	margin-top: 1px;
	font: bold 12px Arial;
	color: white;
	/*filter: DropShadow(Color="#123f53",OffX=1,OffY=1);*/
	text-shadow: #123f53 0.1em 0.1em 0.2em;
    cursor: hand;	
	cursor: pointer;
}
.drag-handle img {
	float: left;
}
.drag-handle{ /*CSS for Drag Handle*/
	border-top: 2px solid #ebebeb;
	border-right: 2px solid #ebebeb;
	border-left: 2px solid #ebebeb;
	padding: 2px;
	padding-left: 0px;
	padding-top: 0px;
	text-indent: 3px;
	overflow: hidden;
	background: #0289b6;
	width: auto;
	-moz-opacity: 1;
	opacity: 1;
	filter: alpha(opacity=100);
	height: 16px !important; /* for FF, Chrome, Opera*/
	height: 20px;
	/*background: -webkit-gradient(linear, left top, left bottom, from(#0289b6), to(#8be1fe)) !important; /* for webkit browsers */
	/*background: -moz-linear-gradient(top,  #0289b6,  #8be1fe) !important; /* for firefox 3.6+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0289b6', endColorstr='#8be1fe', gradientType='0'); /* for IE */ 
	cursor: hand;
	cursor: pointer;
	background-image: url("../dhtml/menu/imgs/dhxmenu_dhx_skyblue/dhxmenu_topselbg.gif");
	background-repeat: repeat-x;
	background-position: top;
	
}

.drag-controls{ /*CSS for controls (min, close etc) within Drag Handle*/
/*
	/*position: relative !important; /* for FF, Chrome, Opera*/
	/*position: absolute;*/
	
	
	/*float: right !important; /* for FF, Chrome, Opera*/
/*	margin-top: 1px !important;
	margin-top: 0px;
	cursor: hand;
	*/

	position: absolute;
	right: 0px;
	top: 4px;
	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*/
	background-color: white;
	color: black;
	height: 150px;
	overflow: auto;
	border-top: 3px solid #ebebeb;
    border-bottom: 3px solid #ebebeb;
	border-right: 2px inset #ebebeb !important;
    border-right: 2px solid #ebebeb;
    border-left: 2px solid #ebebeb;
}

.drag-statusarea{ /*CSS for Status Bar div (includes resizearea)*/
	border-left: 2px solid #ebebeb;
	border-right: 2px solid #ebebeb;
    border-bottom: 2px solid #ebebeb;
    background-color: #ebebeb;
	height: 20px !important; /* for FF, Chrome, Opera*/
    height: 13px; /*height of resize image*/
}
.drag-inset{ /*CSS for Status Bar div (includes resizearea)*/
	border: 1px inset;
   	background-color: #ebebeb;
   	height: 16px; /*height of resize image*/
}

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