.htmlarea {
	background: #fff;
	border : 1px solid;
}

.htmlarea .toolbar
{
	border-right: buttonshadow 1px solid;
	padding-right: 1px;
	border-top: buttonhighlight 1px solid;
	padding-left: 1px;
	background: buttonface;
	padding-bottom: 2px;
	border-left: buttonhighlight 1px solid;
	cursor: default;
	padding-top: 1px;
	border-bottom: buttonshadow 1px solid;
}
.htmlarea .toolbar table
{
	font-size: 11px;
	font-family: tahoma,verdana,sans-serif;
}
.htmlarea .toolbar img
{
	border-right: medium none;
	border-top: medium none;
	border-left: medium none;
	border-bottom: medium none;
}
.htmlarea .toolbar .label
{
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 0px;
	padding-top: 0px;
}

.htmlarea .toolbar .button {
  background: ButtonFace;
  color: ButtonText;
  border: 1px solid ButtonFace;
  padding: 1px;
  margin: 0px;
  width: 18px;
  height: 18px;
}
.htmlarea .toolbar .buttonHover
{
	border-right: buttonshadow 1px solid;
	border-top: buttonhighlight 1px solid;
	border-left: buttonhighlight 1px solid;
	border-bottom: buttonshadow 1px solid;
}
.htmlarea .toolbar .buttonActive, .htmlarea .toolbar .buttonPressed
{
	border-right: buttonhighlight 1px solid;
	padding-right: 0px;
	border-top: buttonshadow 1px solid;
	padding-left: 2px;
	padding-bottom: 0px;
	border-left: buttonshadow 1px solid;
	padding-top: 2px;
	border-bottom: buttonhighlight 1px solid;
}
.htmlarea .toolbar .buttonPressed {
  background: ButtonHighlight;
}
.htmlarea .toolbar .indicator {
  padding: 0px 3px;
  overflow: hidden;
  width: 20px;
  text-align: center;
  cursor: default;
  border: 1px solid ButtonShadow;
}

.htmlarea .toolbar .buttonDisabled img {
  filter: alpha(opacity = 25);
  -moz-opacity: 0.25;
}

.htmlarea .toolbar .separator {
  position: relative;
  margin: 3px;
  border-left: 1px solid ButtonShadow;
  border-right: 1px solid ButtonHighlight;
  width: 0px;
  height: 16px;
  padding: 0px;
}

.htmlarea .toolbar .space { width: 5px; }

.htmlarea .toolbar select
{
	font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .toolbar select, .htmlarea .toolbar select:hover, .htmlarea .toolbar select:active
{
	background: none transparent scroll repeat 0% 0%;
	color: buttontext;
}

.htmlarea .statusBar {
  border: 1px solid;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
  padding: 2px 4px;
  background-color: ButtonFace;
  color: ButtonText;
  font: 11px Tahoma,Verdana,sans-serif;
}

.htmlarea .statusBar .statusBarTree a {
  padding: 2px 5px;
  color: #00f;
}

.htmlarea .statusBar .statusBarTree a:visited
{
	color: #00f;
}
.htmlarea .statusBar .statusBarTree a:hover {
  background-color: Highlight;
  color: HighlightText;
  padding: 1px 4px;
  border: 1px solid HighlightText;
}


/* Hidden DIV popup dialogs (PopupDiv) */

.dialog {
  color: ButtonText;
  background: ButtonFace;
}

.dialog .content { padding: 2px; }

.dialog, .dialog button, .dialog input, .dialog select, .dialog textarea, .dialog table
{
	font: 11px Tahoma,Verdana,sans-serif;
}

.dialog table { border-collapse: collapse; }

.dialog .title {
  background: #008;
  color: #ff8;
  border-bottom: 1px solid #000;
  padding: 1px 0px 2px 5px;
  font-size: 12px;
  font-weight: bold;
  cursor: default;
}

.dialog .title .button {
  float: right;
  border: 1px solid #66a;
  padding: 0px 1px 0px 2px;
  margin-right: 1px;
  color: #fff;
  text-align: center;
}

.dialog .title .button-hilite
{
	border-left-color: #88f;
	background: #44c;
	border-bottom-color: #88f;
	border-top-color: #88f;
	border-right-color: #88f;
}

.dialog button {
  width: 5em;
  padding: 0px;
}

.dialog .buttonColor {
  padding: 1px;
  cursor: default;
  border: 1px solid;
  border-color: ButtonHighlight ButtonShadow ButtonShadow ButtonHighlight;
}

.dialog .buttonColor-hilite
{
	border-left-color: #000;
	border-bottom-color: #000;
	border-top-color: #000;
	border-right-color: #000;
}

.dialog .buttonColor .chooser, .dialog .buttonColor .nocolor {
  height: 0.6em;
  border: 1px solid;
  padding: 0px 1em;
  border-color: ButtonShadow ButtonHighlight ButtonHighlight ButtonShadow;
}

.dialog .buttonColor .nocolor
{
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
}
.dialog .buttonColor .nocolor-hilite
{
	color: #f00;
	background-color: #fff;
}

.dialog .label
{
	width: 6em;
	text-align: right;
}
.dialog .value input
{
	width: 100%;
}
.dialog .buttons
{
	padding-right: 4px;
	padding-left: 4px;
	padding-bottom: 0px;
	padding-top: 2px;
	text-align: right;
}

.dialog legend
{
	font-weight: bold;
}
.dialog fieldset table
{
	margin: 2px 0px;
}

.popupdiv
{
	border-right: buttonshadow 2px solid;
	border-top: buttonhighlight 2px solid;
	border-left: buttonhighlight 2px solid;
	border-bottom: buttonshadow 2px solid;
}

.popupwin {
  padding: 0px;
  margin: 0px;
}

.popupwin .title {
  background: #fff;
  color: #000;
  font-weight: bold;
  font-size: 120%;
  padding: 3px 10px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  letter-spacing: 2px;
}

form { margin: 0px; border: none; }