/* $Id: */

/************ Dialog Box Styles ***********/
.DialogBox {
	width: 100%;
	height: 100%;
}

.DialogBox .boxHeader, .DialogBox .boxCtrlButtonPane {
	height: 25px;
	border-top: 1px solid #C8C2A8;
	background-color: #ECECD9;
}

.DialogBox .boxHeader {
	width: 100%;
    background-color: #ECECD9;
	font: bold 11px Verdana, Arial, Helvetica, Sans-serif;	
}

.drag {
	padding-left: 20px;
	background: url(https://creator.zoho.com/appcreator/images/dragArea.gif) no-repeat 5px 5px;
	cursor: move;
}

.DialogBox .boxCtrlButtonPane {
	text-align: right;
}

.DialogBox .minButton, .DialogBox .maxButton {
	display: none;
}

.DialogBox .closeButton {
	width: 8px;
	height: 7px;
	background: url(../../../../../appcreator/images/dialogClose.gif) no-repeat right;
	border: none;
	cursor: pointer;
	cursor: hand;
}

.DialogBox .boxTL {
	width: 7px;
	height: 25px;
	background: url(../../../../../appcreator/images/dialogTL.gif) no-repeat left top;
}

.DialogBox .boxTR {
	width: 7px;
	height: 25px;
	background: url(../../../../../appcreator/images/dialogTR.gif) no-repeat right top;
}

.dialogBox .boxML {
	border-left: 1px solid #C8C2A8;
	background: #FFFFFF;
}

.DialogBox .boxContent {
	border-left: 1px solid #C8C2A8;
	border-right: 1px solid #C8C2A8;
	background: #FFFFFF;
	vertical-align: top;
	text-align: left;
}

.dialogBox .boxMR {
	border-right: 1px solid #C8C2A8;
	background: #FFFFFF;
}

.DialogBox .boxBL {
	width: 7px;
	height: 7px;
	background: url(../../../../../appcreator/images/dialogBL.gif) no-repeat left top;
}

.DialogBox .boxBC {
	height: 8px;
	background: url(../../../../../appcreator/images/dialogBC.gif) repeat-x left top;
}

.DialogBox .boxBR {
	width: 7px;
	height: 7px;
	background: url(../../../../../appcreator/images/dialogBR.gif) no-repeat right top;
}

.freezeLayer {
	width: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background: #0D0B0B; 
	filter: Alpha(opacity = 70);
	opacity: 0.70;
	z-index: 20;
}

.hide {
	display: none;
}