.dialogOverlay {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background: #000;
	opacity: .7;
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	z-index: 101;
}

.dialog {
	border-radius: 10px;
	position: fixed;
	width: 330px;
	top: 40%;
	left: 40%;
	border: 1px solid lightgrey;
	z-index: 9999;
	
	animation : fadein 1s;
	-moz-animation: fadein 1s; /* Firefox */
	-webkit-animation: fadein 1s; /* Safari and Chrome */
	-o-animation: fadein 1s; /* Opera */
}

.dialogPwd {
	background-color: white;
	padding: 5px;
}

.label {
	float: left;
	width: 80px;
	padding: 5px 0;
	text-align: right;
	display: inline;
	margin-bottom: 5px;
	margin-right: 2px;
}

.emptyLabel {
	width: 80px;
	height:1px;
	float: left;
	margin-right: 2px;
}

.field, .field_validator {
	float: left;
	text-align: left;
	display: inline;
}

.field_validator {
	padding-left:2px;
}
.field {
	padding: 5px 1px;
	margin-bottom: 5px;
}

.warning {
	color: red;
	clear: both;
}

.clear {
	clear: both;
}

.txtbx {
	border: 1px solid #B6B6B6;    
	border-radius: 3px;
	padding: 2px;
}

.txtbx:hover {
	background: #F5F5F5;
	border: 1px solid #2C87F0;
	color: #141414;   
}


@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-moz-keyframes fadein { /* Firefox */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-webkit-keyframes fadein { /* Safari and Chrome */
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
    }
    to {
        opacity: 1;
    }
}

@media (max-width: 800px) {
	.dialog {
		left: 20%;
	}
}
@media (max-width: 400px) {
	.dialog {
		left: 0;
	}
}


/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */