div#content { 
  background: url(../images/base/onecolbg.gif) top left repeat-y;
}

div#nav { border-top-width: 1px; }

/* ----------------------- Preview Icon Menu ----------------------- */
div#previewopts {
  float: left;
  clear: none;
  width: 601px;
  margin: 5px 0 15px 0;
  font-family: Verdana, sans-serif;
  font-size: 60%;
}

div#previewopts ul, div#previewopts li {
  float: right;
  list-style-type: none;
}

div#previewopts ul {
  clear: both;
  margin: 0;
  padding: 0;
}

div#previewopts li {
  margin: 0 0 0 10px;
  width: 40px;
  padding: 3px;
  text-align: center;
  border: 1px solid #393939;
  background-color: #f0f0f0;
}

div#previewopts img {
  margin: 3px 6px;
  border: 0;
}

div#previewopts a {
  clear: both;
  text-decoration: underline;
  clear: both;
}

div#previewopts li:hover {
  background-color: #fda;
}

div#previewopts li.green { background-color: #d9f2d9; }
div#previewopts li.blue { background-color: #d1dcf3; }
div#previewopts li.yellow { background-color: #ffc; }

form.rules select { 
  width: 243px; 
  margin: 2px 0;
  background-color: #efefff;
  border-type: solid;
}

form.rules input { margin: 0 0 8px 0; }

p.ruleset {
  font-size: 90%;
  margin: 0 0 10px 0;
  padding: 0;
}

p.ruleset a { color: #ccc; }
p.ruleset a:hover {color: #33f; }

p.ruleset span { font-weight: bold; }

/* ----------------------- Rule Nav ----------------------- */
div#add_rule, div#apply_rule, div#set_rule, div#col_order { display: none; }
div#edit_rule, div#col_defs { display: block; }

div#workspace {
  width: 575px;
  padding: 0 10px;
  background-color: #fff;
  border-top: 1px solid #ccc; 
  padding-top: 10px;
}

div#workspace h3 {
  clear: both;
  margin: 0;
  padding: 5px 5px 5px 10px;
  background-color: #f0f0f0;
  font-size: 90%;
}

/*<!--[if IE]>*/
div#preview, div#previewopts { _display: inline; }
/*<![endif]-->*/