html {
  font-family:sans-serif;
  padding:3em 0;
  background:#fff url('page_back.png') !important;
}
body, fieldset {
  width:600px;
  margin:auto;
  position:relative;
  padding:0;
}
body {
  width:620px;
}
fieldset {
  padding:0 10px;
  border:2px solid #000;
  background:#8bf url(back.png);
}
legend {
  border:solid #000;
  border-width:0 2px 0 2px;
}
textarea#tBox, div#previewCode {
  width:575px;
  height:300px;
  display:block;
  background:#fff;
  margin:10px auto 0 !important;
  border:2px solid #000;
  padding:3px;
  overflow:auto;
}
div#previewCode {
  display:none;
}
div#toolbar {
  width:585px;
  margin:0 auto;
  text-align:right;
  position:relative;
}
div#toolbar div {
  border:2px solid #000;
  border-top-width:0;
  padding:12px 3px 5px;
  width:50%;
  position:absolute;
  z-index:5;
  text-align:center;
  margin:-2px 0 0;
  background:#fff;
}
div#toolbar div label {
  margin:auto 5px;
}
div#toolbar button {
  margin:10px 0;
  font-weight:bold;
  opacity:.8;
  filter:alpha(opacity=80);
  -ms-filter:"alpha(opacity=80)";
}
input[type=image] {
  cursor:pointer;
  opacity:.6;
  filter:alpha(opacity=60);
  -ms-filter:"alpha(opacity=60)";
}
input#configure {
  position:absolute;
  top:5px;
}
div#toolbar button:hover, input[type=image]:hover {
  opacity:1;
  filter:alpha(opacity=100);
  -ms-filter:"alpha(opacity=100)";
}
div#userArea {
  margin:0;
  padding:0;
}
div#controlButtons {
  position:absolute;
  z-index:10;
  top:2.3em;
  right:.3em;
  padding:0;
  margin:0;
  display:none;
}
@media all and (-o-widget-mode) {
  html, body {
    padding:0;
    margin:0;
    background:none !important;
  }
  textarea#tBox, div#previewCode {
    height:150px;
  }
  div#controlButtons {
    display:block;
  }
}