body {
	position: relative;
}

.dialog-border,
.window-border,
.fixed-border {
	position: relative;
	border: 0.125em solid #000;
	background-color: #ccc;
	line-height: 1.5;
	overflow: hidden;
	zoom: 1;
}
.dialog-border,
.fixed-border {
	background-color: #fff;
}
.fixed-border .window-frame {
	border-color: #fff;
}

.handle {
	position: absolute;
	width: 2em;
	height: 2em;
	border: 0.125em solid #000;
}
.handle.topleft {
	top: -0.125em;
	left: -0.125em;
	border-top: none;
	border-left: none;
	cursor: nw-resize;
}
.handle.topright {
	top: -0.125em;
	right: -0.125em;
	border-top: none;
	border-right: none;
	cursor: ne-resize;
}
.handle.bottomleft {
	bottom: -0.125em;
	left: -0.125em;
	border-bottom: none;
	border-left: none;
	cursor: ne-resize;
}
.handle.bottomright {
	right: -0.125em;
	bottom: -0.125em;
	border-right: none;
	border-bottom: none;
	cursor: nw-resize;
}

.window-frame {
	position: relative;
	margin: 0.25em;
	border: 0.125em solid #000;
	background-color: #fff;
}

.title-bar {
	border-bottom: 0.125em solid #000;
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-align: center;
	cursor: default;
	overflow: hidden;
	zoom: 1;
}
.title-bar .btn {
	float: right;
	height: 1.5em;
	border-left: 0.125em solid #000;
	background-color: #ccc;
	line-height: 0;
}
.title-bar .separator {
	float: left;
	height: 100%;
	width: 0.125em;
	background-color: #000;
	overflow: hidden;
}
.title-bar .btn button {
	float: left;
	padding: 0;
	width: 1.5em;
	height: 1.5em;
	border-width: 0.125em;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
	background-color: #ccc;
	line-height: 1.5;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	overflow: hidden;
}
.title-bar .btn button .up {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: none solid solid;
	border-color: #ccc #ccc #000 #ccc;
	overflow: hidden;
}
.title-bar .btn button .down {
	margin: 0 auto;
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: solid solid none;
	border-color: #000 #ccc #ccc #ccc;
	overflow: hidden;
}
.title-bar .close {
	float: left;
	border-left: none;
	border-right: 0.125em solid #000;
}
.title-bar .close button {
	border: none;
}
.title-bar .close button div {
	margin: 0 0.25em;
	height: 0.125em;
	border: 0.125em solid #000;
	background-color: #fff;
	overflow: hidden;
}
.window .title-bar .close button div {
	margin: 0 0.375em;
}

.menu-bar {
	margin: 0;
	padding: 0;
	border-bottom: 0.125em solid #000;
	background-color: #fff;
	font-weight: bold;
	list-style: none;
	cursor: default;
	overflow: hidden;
	zoom: 1;
}
.menu-bar li {
	float: left;
	background-color: #fff;
	color: #000;
	zoom: 1;
}
.menu-bar .disabled,
.menu-bar .disabled a,
.menu-bar .disabled a:link,
.menu-bar .disabled a:visited,
.menu-bar .disabled a:active,
.menu-bar .disabled a:focus {
	background-color: #fff;
	color: #999;
}
.menu-bar li a,
.menu-bar li a:link,
.menu-bar li a:visited {
	float: left;
	display: block;
	padding: 0 0.5em;
	background-color: #fff;
	color: #000;
	text-decoration: none;
	cursor: default;
}
.menu-bar li a:active,
.menu-bar li a:focus {
	background-color: #009;
	color: #fff;
	zoom: 1;
}

.window {
	position: relative;
	clear: both;
	background-color: #fff;
	color: #000;
	overflow: auto;
	zoom: 1;
}

.stauts-bar {
	padding: 0.25em 0.5em;
	border-top: 0.125em solid #000;
	background-color: #ccc;
	cursor: default;
}
.stauts-bar .inset,
.stauts-bar .outset {
	margin: 0;
	padding: 0 0.25em;
}


.fixed-border.active {
	background-color: #009;
}
.active.window-border {
	background-color: #ccc;
}
.active .title-bar {
	background-color: #009;
	color: #fff;
}
.fixed-border.inactive {
	background-color: #fff;
}
.inactive.window-border {
	background-color: #ccc;
}
.inactive .title-bar {
	background-color: #fff;
	color: #000;
}


.inset {
	border-width: 0.125em;
	border-style: solid;
	border-color: #999 #fff #fff #999;
}
.outset {
	border-width: 0.125em;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
}


table.btn {
	display: inline;
	border-collapse: collapse;
	vertical-align: middle;
}
table.btn tr {
	vertical-align: -0.5em;
}
table.btn td {
	padding: 0;
	width: 5em;
	border: 0.125em solid #000;
}
table.btn a,
table.btn a:visited,
table.btn a:hover,
html body .btn.disabled a:active,
html body .btn.disabled a:visited,
html body .btn.disabled a:hover {
	display: block;
	padding: 0 0.25em;
	border-width: 0.2em;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
	background-color: #ccc;
	color: #000;
	text-align: center;
	text-decoration: none;
	cursor: default;
}
html body .btn.disabled a,
html body .btn.disabled a:active,
html body .btn.disabled a:visited,
html body .btn.disabled a:hover {
	color: #666;
}
table.btn a:active {
	border-color: #999 #fff #fff #999;
	zoom: 1;
}

input.window-frame {
	position: static;
	padding: 0.125em;
	font-size: 1em;
	line-height: 1.15;
	vertical-align: middle;
}

a.link:link,
.link a:link {
	color: #00f;
}
a.link:visited,
.link a:visited {
	color: #909;
}
a.link:hover,
.link a:hover {}
a.link:active,
.link a:active {
	color: #f00;
}
a.help:link,
.help a:link {
	color: #096;
}
a.help:visited,
.help a:visited {
	color: #096;
}
a.help:hover,
.help a:hover {
	color: #096;
}
a.help:active,
.help a:active {
	color: #096;
}
a:link,
a:visited,
a:hover,
a:active {
	zoom: 1;
}

.help .btn {
	float: left;
	margin: 0.125em 0.25em 0 0;
	border: 0.125em solid #000;
	background-color: #ccc;
	cursor: pointer;
	overflow: hidden;
}
.help .btn div {
	width: 0.75em;
	height: 0.75em;
	border-width: 0.125em;
	border-style: solid;
	border-color: #fff #999 #999 #fff;
	background-color: #ccc;
	overflow: hidden;
}
a.help:active .btn div,
.help a:active .btn div {
	border-color: #999 #fff #fff #999;
}

.progress-bar {
	border: 0.125em solid #000;
	overflow: hidden;
}
.progress-bar .value {
	height: 1.375em;
	background-color: #009;
	overflow: hidden;
}

fieldset {
	margin: 0;
	padding: 0.25em 0.75em 0.75em;
	border: 0.125em solid #000;
}
fieldset legend {
	padding: 0 0.125em;
	color: #000;
	cursor: default;
}

.triangle-up {
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: none solid solid;
	border-color: #ccc #ccc #000 #ccc;
	overflow: hidden;
}
.triangle-left {
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: solid solid solid none;
	border-color: #ccc #000 #ccc #ccc;
	overflow: hidden;
}
.triangle-right {
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: solid none solid solid;
	border-color: #ccc #ccc #ccc #000;
	overflow: hidden;
}
.triangle-bottom {
	width: 0;
	height: 0;
	border-width: 0.375em;
	border-style: solid solid none;
	border-color: #000 #ccc #ccc #ccc;
	overflow: hidden;
}