@CHARSET "UTF-8";
.dialog-box {
	position: absolute;
	display: none;
	max-width: 500px;
	width: 90%;
	height: auto;
	margin: 0 auto;
	top: 50%;
	left: 0;
	right: 0;
	-moz-transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding: 4px;
	background-color: #fff;
	border-radius: 8px;
	z-index: 11;
	box-shadow: 3px 3px 6px 1px #666;
	word-break: break-all;
}
.dialog-titlebar {
	border-radius: 8px 8px 0 0;
	color: #fff;
	background-color: #5eae92;
	padding: 4px 16px 4px 16px;
	margin: -4px -4px 0 -4px;
}
.dialog-titlebar button.dialog-close {
	background-color: transparent;
	border: none 0px transparent;
	padding: 0;
}
.dialog-titlebar button.dialog-close:hover {
	top: -2px;
}
.dialog-titlebar button.dialog-close:active {
	top: 4px;
}
.dialog-titlebar button.dialog-close:focus:not(:active) {
	top: -2px;
}
.dialog-titlebar button.dialog-close:disabled {
	border: dashed 2px;
	opacity: 0.5;
}

.dialog-titlebar table {
	border-spacing: 0;
	width: 100%;
}
.dialog-titlebar td {
	vertical-align: middle;
	padding: 4px 0;
}
.dialog-titlebar td:first-child {
	padding-right: 8px;
}
.dialog-titlebar .dialog-close {
	position: relative;
	display: block;
	margin-left: auto;
	width: 22px;
	height: 22px;
}
.dialog-titlebar .dialog-close::before,
.dialog-titlebar .dialog-close::after {
	display: block;
	content: "";
	position: absolute;
	top: 12px;
	left: 0;
	width: 100%;
	border-radius: 2px;
	height: 2px;
	background-color: #fff;
}
.dialog-titlebar .dialog-close::before {
	-moz-transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}
.dialog-titlebar .dialog-close::after {
	-moz-transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.dialog-content {
	width: auto;
	min-height: 0px;
	max-height: none;
	height: auto;
	padding: 24px 16px;
}
.dialog-buttonset {
	table-layout: fixed;
	width: 100%;
	border-top: solid 1px #b3b3b3;
	box-sizing: border-box;
	padding: 8px;
}
.dialog-buttonset td {
	vertical-align: middle;
	padding: 8px;
}
.dialog-buttonset button {
	font-size: 15px;
	min-height: 40px;
	height: auto;
	color: #808080;
	font-weight: normal;
	background-color: transparent;
	box-shadow: none;
	border: 1px solid #7F8C8D;
}
.dialog-buttonset button:hover {
	top: -2px;
}
.dialog-buttonset button:active {
	top: 4px;
}
.dialog-buttonset button:focus:not(:active) {
	top: -2px;
}
.dialog-buttonset button:disabled {
	background-color: transparent;
	border: dashed 2px;
	opacity: 0.5;
}