html {
  font-family     : "Trebuchet MS", Arial, sans-serif;
  background-color: #a9a9a9;
  background: url("/images/wood.tile.jpg") top left repeat;
}

body {
  width        : 764px;
  margin-top   : 4px;
  margin-left  : auto;
  margin-right : auto;
  font-weight  : normal;
  font-size    : 14px;
  line-height  : 1.5;
  color           : #ffffff;
  background-color: transparent;
  border: 1px solid #000016;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

img {
  border  : 0;
  margin  : 0;
  padding : 0;
}

img.inlinemediaobject {
  text-align: center;
  vertical-align: middle;
}

h1 {
  font-size   : 18px;
/*  border-bottom: 1px solid #ffffff; */
}

h2 {
  font-size: 16px;
}

h3, h4, h5, h6 {
  font-size: 14px;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

div.content {
  /* MSIE kluge; needs width for opacity to work. */
  width: 736px;
  padding-left: 14px;
  padding-right: 14px;
  /* end kluge */
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #998d7b;
  opacity: 0.90;
  filter: alpha(opacity=90);
  -moz-border-radius-bottomleft: 16px;
  -moz-border-radius-bottomright: 16px;
  -webkit-border-bottom-left-radius: 16px;
  -webkit-border-bottom-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-bottom-right-radius: 16px;
}

div.header {
  margin-top: 0px;
  padding: 0px;
  color           : #000000;
  background-color: #0f1030;
  height: 64px;
  line-height: 1;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

div.logo {
  background-color: #ffffff;
  border          : 0px;
  padding         : 0px;
  padding-left    : 0.5em;
  text-align      : left;
  margin: 0px;
  height: 64px;
  -moz-border-radius-bottomleft: 16px;
  -moz-border-radius-topleft: 16px;
  -moz-border-radius-topright: 16px;
  -webkit-border-bottom-left-radius: 16px;
  -webkit-border-top-left-radius: 16px;
  -webkit-border-top-right-radius: 16px;
  border-bottom-left-radius: 16px;
  border-top-left-radius: 16px;
  border-top-right-radius: 16px;
}

div.logo img {
  margin-top: 7px;
}

div.menubar {
  padding: 0px;
  height: 2em;
  line-height: 2;
  background-color: #0f1030;
}

span.menubar-item {
  vertical-align: middle;
  margin-left: 1em;
  font-weight: bold;
}

.vareos-menubar-item {
  float: right;
  vertical-align: middle;
  margin-left: 1em;
  margin-right: 1em;
  font-weight: bold;
}

.code, .code-listing, pre.screen, pre.source, div.screen, div.programlisting {
  font-family: "Lucida Console", monospace;
  font-size: 12px;
}

.code-listing, pre.screen, pre.source, div.screen, div.programlisting {
  white-space: pre;
  line-height: 1.2;
  color: #ffffff;
  background-color: #0f1030;
  border-top: 1px solid #ffebcd;
  border-bottom: 1px solid #ffebcd;
  padding: 1ex;
}

#Search {
  font-size: 12px;
  color: #ffffff;
  background-color: #0f1030;
  float: right;
  padding-left: 3em;
  padding-right: 1em;
  height: 62px;
  margin: 0px;
  border: 1px inset;
  overflow: hidden;
  -moz-border-radius-topleft: 32px;
  -moz-border-radius-bottomleft: 32px;
  -moz-border-radius-topright: 16px;
  -webkit-border-top-left-radius: 32px;
  -webkit-border-bottom-left-radius: 32px;
  -webkit-border-top-right-radius: 16px;
  border-top-left-radius: 32px;
  border-bottom-left-radius: 32px;
  border-top-right-radius: 16px;
}

#SearchFormDiv {
  padding-top: 8px;
}

#SearchTable {
  margin: 0px;
  padding: 0px;
  width: 248px;
}

#SearchTable tr, #SearchTable tr td {
  margin: 0px;
  padding: 0px;
}

#SearchLabel {
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}

#SearchHelp {
  font-size: 12px;
  font-weight: bold;
  text-align: right;
}

#SearchForm {
  margin: 0px;
  padding: 0px;
}

#SearchInput {
  font-size: 12px;
  margin: 0px;
  padding-left: 4px;
  padding-right: 4px;
  color: #ffffff;
  background-color: #998d7b;
  width: 240px;
}

#SearchFooter {
  font-size: 10px;
  text-align: right;
  line-height: 2;
}

.textentry {
  border-width: 1px;
}

a:link, a:link:hover, a:active    {
  text-decoration: none;
  margin: 1px;
  outline: none;
  color: #ffebcd;
}

a:visited {
  margin: 1px;
  text-decoration: none;
  color: #ffebcd;
}

span.menubar-item A {
 color: #ffffff;
}
span.menubar-item A:link      { color: #ffffff; }
span.menubar-item A:visited   { color: #ffffff; }
span.menubar-item A:active    { color: #ffffff; }
span.menubar-item A:hover, span.menubar-item A:link:hover {
  margin: 1px;
  color:  #000016;
  background-color:  #ffffff;
}

div.content-column {
  padding-bottom: 2em;
}

#Column1-2 {
  width: 350px;
  float: left;
  margin-left: auto;
  margin-right: auto;
}

#Column2-2 {
  width: 350px;
  float: right;
}

#Column1-3 {
  width: 232px;
  float: left;
  margin-left: auto;
  margin-right: auto;
}

#Column2-3 {
  width: 232px;
  float: left;
  margin-left: 2em;
  margin-right: auto;
}

#Column3-3 {
  width: 220px;
  float: right;
}

div.bottom {
  clear: both;
}

#Copyright {
  border-top: 1px inset #0f1030;
  text-align: right;
  font-size: 10px;
}

span.para-title, .example-title, .term, .option {
  font-weight: bold;
}

div.rss-feed {
  float: right;
}

.section-icon {
  float: left;
  margin-right: 1em;
}

div.data_table {
  margin-top: 1em;
  margin-bottom: 1em;
}

table.data_table {
  border: 0px;
  border-top: 1px solid #ffffff;
  border-bottom: 1px solid #ffffff;
  border-collapse: collapse;
  empty-cells: hide;
}

table.data_table caption {
  text-align: left;
  font-weight: bold;
  vertical-align: top;
  padding-bottom: 0px;
  caption-side: top;
}

table.data_table td {
  padding-left: 0.5em;
  padding-right: 0.5em;
}

table.data_table thead td {
  vertical-align: bottom;
  font-weight: bold;
}

div.note, div.important, div.warning, div.tip, div.caution {
  margin-top: 1em;
  padding: 1em;
  color: #000016;
  -moz-border-radius: 16px;
  -webkit-border-radius: 16px;
  border-radius: 16px;
}

div.note {
  border          : 1px solid #0f1030;
  background-color:  #c9d8ef;
}

div.tip {
  border          : 1px solid #ffebcd;
  color           :  #ffffff;
  background-color:  #698b69;
}

div.important {
  border          : 1px solid #000016;
  background-color:  #eeddaa;
}

div.warning {
  border          : 1px solid #ffebcd;
  color           :  #ffffff;
  background-color:  #cd9b9b;
}

div.caution {
  border          : 1px solid #000016;
  background-color:  #eeeed1;
}

div.note:before {
  content: "Note";
  font-weight: bold;
}

div.important:before {
  content: "Important";
  font-weight: bold;
}

div.warning:before {
  content: "Warning";
  font-weight: bold;
}

div.tip:before {
  content: "Tip";
  font-weight: bold;
}

div.caution:before {
  content: "Caution";
  font-weight: bold;
}

div.note a:link, div.note a:link:hover, div.note a:active, div.note a:visited, div.important a:link, div.important a:link:hover, div.important a:active, div.important a:visited {
  color: #0080c0;
}

ul.blocklist {
  list-style-type: none;
}

ul.blocklist li {
  background-color: #0f1030;
  border-top: 1px solid #ffebcd;
  padding-left: 1ex;
}