.popup-layer {
	/* necessary */
	position: fixed;
	top: 20%;
	left: 10%;
	/*visibility: hidden;*/
	display: none;
	cursor: move;
	z-index: 10;
	/* custom */
	margin: 0;
	border: none;
	background: #ddb98c /*url()*/ repeat bottom right;
	padding: 1.5em 1em;
	border-width: 2px;
	border-style: solid;
	border-color: #e9d2b6 #645440 #645440 #e9d2b6;
	font-size: 1em;
}
* html .popup-layer { height: 1px; position: absolute }
html:not([xmlns*=""]):not(:only-child) .popup-layer {
	overflow: auto; /* overlay flash properly in firefox 1.5+ */
}

.popup-layer a.closer {
	/* necessary */
	position: absolute; top: -.175em; right: .075em;
	cursor: pointer;
	font-size: 1.67em;
	font-weight: bold;
	text-decoration: none;
	outline-style: none;
	/* custom */
	color: #c49999;/*black;*/
}
.popup-layer a.closer:hover { color: #a00 }
.popup-layer a.closer:active { color: #fc6 }
* html .popup-layer a.closer { outline-style: expression(hideFocus='true') }

.popup-layer .popup-body {
	/* necessary */
	display: block;
	cursor: auto;
	-moz-user-select: normal; /* allow selections of content */
        -khtml-user-select: normal;
        user-select: normal;
	/* custom */
	background: #f8f0d8;
	color: black;
	/*border-width: 2px;
	border-style: solid;
	border-color: #645440 #e9d2b6 #e9d2b6 #645440;
	margin: -1px 0;*/
	margin: -1em 0;/* -1em here.. */
	padding: 1.5em 1em;/* 1.5 not .5em here gives more room for overflow */
	/*was: margin: 0; padding: .5em 1em; */
	/* enclose floats */
	overflow: auto;
}
.popup-body * {
	position: static;
	visibility: inherit;
	/*margin: 0;*/
	/*border: 0; margin: 0; padding: 0;*/
}

/* dialog stuff */
.popup-content { position: relative }
a.popup-closer {
	font-size: 1.6em;
	background-color: transparent !important;
	color: #500;
	text-decoration: none;
	outline-style: none;
	position: absolute;
	margin-top: -1.0625em;
	right: -.71em;
	display: block;
	font-weight: bold;
}
a.popup-closer:hover { color: #a00 }
a.popup-closer:active { color: #f00 }

/* override browser default form ajustments */
.popup-body {
	font-family: Trebuchet MS, Tahoma, Geneva, Lucida Grande, sans-serif;
	font-size: 13.333px;/*was, generic:smaller;*/
}
.popup-body input, .popup-body textarea, .popup-body form, .popup-body select {
	font-size: 1em;
}

/*.popup-body p {	text-indent: 0; margin: 0 }
.popup-body p + p {	margin-top: 1em }*/
.popup-body p {	text-indent: 0; margin: 0 }
.popup-body p + p {	text-indent: 1em }
.popup-body .plain-display p + p { text-indent: 0; margin-top: .333em }
.popup-body p.warning {
	color: #820;
	font-weight: bold;
	margin-left: .5em;
	text-indent: -.5em !important;
}
.popup-body p.warning + p {
	margin-top: 1em;
	text-indent: 0em;
}

.popup-body p + button {
	margin-top: 1em;
}

.popup-body a { color: #080 }
.popup-body a:hover { color: #0a0 }
.popup-body a:active { color: #0c0 }

.popup-layer .popup-body .popup-controls {
	margin: 1.2em 0em -.5em;
	width: 100%;
	position: relative;
	left: .5em; /* triggers overflow:auto scrollbar if done w/ neg margin */
	text-align: right;
}
.popup-body button {
	font-weight: bold;
	margin-left: 1em;
	/*padding: .1em .25em;*/
}
.popup-body button.secondary {
	background-color: #e8a467;/*#ecb889*/
	color: #efd;
	/*border: thin solid;*/
	border-style: solid;
	border-color: #f6e3c4 #b60 #a40 #f0c3b1;/*d09481*/
	/*border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;*/
	/* outset: highlight shadow shadow highlight */
}

/*button[name="OK"] { position: relative; left: -.5em }
button[name="Cancel"] { position: absolute; right: -.5em }*/
.popup-body button:active {
	/*border-color: Bu#f3ddb3ttonShadow ButtonHighlight ButtonHighlight ButtonShadow;*/
	/* outset: shadow highlight highlight shadow */
	border-color: #a40 #f0c3b1 #f6e3c4 #d60;/*d09481*/
	outline-style: none;
}
.popup-body input,
.popup-body textarea {
	background-color: /*#f4e4bd*/#f3ddb3;
	border: 1px solid; border-color: #ecb8a9 #f2d7bc #f2d7bc #ecb8a9;
	width: 17em;
}
.popup-body input, .popup-body textarea, th { padding: .25em .2em }
.popup-body table { margin: .5em 0em 0em .75em; border-spacing: .25em }
.popup-body th { text-align: right; font-weight: bold }
.popup-body th:after { content: ":" }

.popup-body pre,
.popup-body code {
	font-family: Lucida Console, Monaco, monospace;
	font-size: .9em;
}
.popup-body pre {
	padding: .7em 0;
	overflow: auto;
}
.popup-body code {
	padding: 0 .33em; /* monospaced spaces look too large w/o this */
}

.popup-body .plain-display h1 {
	margin: 0 0 .333em;
	font-size: 1.333em;
}

.popup-body .plain-display h3 {
	margin: -.333em 0 .333em;
}