img {
  border: 0;
}

/* form {
  width: 0px;
  height: 0px;
} */

body {
  /* background-image: url('/layout/images/background.jpg'); */
  background-color: #fdf9ce; /*bfbf99;*/
  background-image: url('/layout/images/gradient.gif');
  background-position: 0 0;
  background-repeat: repeat-x;
}

div#outermost {
  margin-left: auto;
  margin-right: auto;
}


/********************************************************
 * Rounded box with shadow for CSS3-compliant browsers. *
 ********************************************************/

div.roundedshadow {
  height: 400px;
  padding: 20px;
}

/************************************************************
 * Rounded box with shadow for non CSS3-compliant browsers. *
 * We use JavaScript to fake the effect.                    *
 ************************************************************/

div.roundedJSshadow { }

/* Rules for the top corners and border */
div.roundedJSshadow div.topborder {
  margin:0 0 0 20px;
  height:20px;
  /* background-color: #880000; */
  background:url(/layout/images/box_top.png) repeat-x 100% 0;
}

div.roundedJSshadow div.topborder div {
  position: relative;
  left: -20px;
  height:20px;
  width: 20px;
  /* background-color: #ff0000; */
  background:url(/layout/images/box_top.png) no-repeat 0 0;
}

/* Rules for the top corners and border */
div.roundedJSshadow div.bottomborder {
  margin:0 0 0 40px;
  height:20px;
  background-color: #008800;
  background:url(/layout/images/box_bottom.png) repeat-x 100% 0;
}

div.roundedJSshadow div.bottomborder div {
  position: relative;
  left: -40px;
  height:20px;
  width: 40px;
  background-color: #00ff00;
  background:url(/layout/images/box_bottom.png) no-repeat 0 0;
}

/* Rules for left and right border */
div.roundedJSshadow div.leftborder {
  padding: 0 0 0 20px;
  /* background-color: #000080; */
  background: url(/layout/images/box_left.png) repeat-y 0 0;
}

div.roundedJSshadow div.rightborder {
  padding: 0 20px 0 0;
  /* background-color: #0000ff; */
  background: url(/layout/images/box_right.png) repeat-y 100% 0;
}

/* Internal div that holds the actual content */
div.roundedJSshadow div.content {
  position: relative;
  min-height: 450px;
  /* height: 320px; */
  background-color: white;
  padding-bottom: 20px;
  /* padding:0 20px; */
}

/*****************************
 *
 *****************************/

div.nav {
  width: 256px;
  float: left;
  /* background-color: green; */
}

div.pagecontent {
  padding-left: 264px;
  /* background-color: red; */
  min-height: 400px;
}

div.headerinfo {
  font-style: italic;
  padding-bottom: 0.5em;
}

div#footer {
  padding-left: 264px;
  clear: both;
  height: 1em;
  text-align: center;
}

div#footer ul li {
  display: inline;
  list-style: none;
  font-size: 10px;
}

div#footer ul li#legal:after {
  content: " | ";
}

/*****************************
 *
 *****************************/
div.breadcrumbs {
  height: 1em;
  margin-bottom: 0.5em;
  font-size: 10px;
}

div.breadcrumbs span {
  margin-right: 1em;
  float: left;
}

div.breadcrumbs ol {
  padding: 0px;
  margin: 0px;
  list-style: none;
}

div.breadcrumbs ol li {
  padding: 0px;
  margin: 0px;
  float: left;
}

div.breadcrumbs ol li:after {
  content: " > ";
}

/*****************************
 *
 *****************************/
div#clock {
  position: absolute;
  bottom: 0px;
  left: 100px;
  width: 100px;
  height: 110px;

  /* display: none; */
}

div#htmlcompliance {
  position: absolute;
  left: 0px; /* right: 110px; */
  bottom: 41px;
  width: 88px;
  height: 0px; /*31px;*/
  background-image: url(/layout/images/vh401.png);

  /* hide text */
  padding-top: 31px;
  font-size: 1px;
  color: white;
  overflow: hidden;
}

div#csscompliance {
  position: absolute;
  left: 0px; /* right: 110px; */
  bottom: 0px;
  width: 88px;
  height: 0px; /*31px;*/
  background-image: url(/layout/images/vcss.png);
  font-size: 1px;
  color: white;

  /* hide text */
  padding-top: 31px;
  font-size: 1px;
  color:white;
  overflow: hidden;
}

/*****************************
 * Logged-In Menu
 *****************************/
div.menu {
  position: relative;
  top: 0.5em;
  width: 200px;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-right: 10px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.menu span {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.menu ol {
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 0px;
  font-size: 14px;
}

/*****************************
 * Login
 *****************************/
div.login {
  position: relative;
  top: 0.5em;
  width: 200px;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.login span.logintitle {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.login div {
  font-size: 10px;
}

div.login div input {
  width: 120px;
  margin: 2px;
}

div.login div.submit {
  text-align: center;
}

div.login div.join {
  float: left;
  font-size: 10px;
}

div.login div.pass {
  text-align: right;
  font-size: 10px;
}

div.login div.captcha {
  width: 200px;
  height: 50px;
  margin-bottom: 4px;
  background-image: url('/captcha.php');
}

div.login input#captcha {
  width: 100px;
  float: left;
}

/*****************************
 * Error
 *****************************/
div.error {
  position: relative;
  top: 0.5em;
  float: left;
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-right: 10px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.error span.errortitle {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.error div.errormsg {
  padding-top: 5px;
}

/***************************
 * Forms
 ***************************/
div.form {
  position: relative;
  top: 0.5em;
  /* width: 200px; */
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.form span.form_title {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.form span.form_field_error {
  color: red;
}


/**********************
 * FAQs
 **********************/

div.faq {
  padding-bottom: 1em;
}

div.faq div.faqq:before {
  content: "Q. ";
}

div.faq div.faqa:before {
  content: "A. ";
}

/***************************
 *
 ***************************/
div#structure_file_type {
  padding-bottom: 0.5em;
}

div#structure_file_type:before {
  content: "File Type: ";
}

div#structure_icons {
  padding-top: 1em;
}

div#structure_icons span {
  vertical-align: top;
}

/***************************
 * Headers
 ***************************/
div.table, div.table_dechex {
  position: relative;
  top: 0.5em;
  /* width: 200px; */
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.table span.table_title, div.table_dechex span.table_dechex_title {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.table table, div.table_dechex table {
  width: 100%;
}

div.table_dechex table td.table_dechex_name {
  width: 50%;
}

div.table_dechex table td.table_dechex_dec {
  width: 25%;
  text-align: right;
}

div.table_dechex table td.table_dechex_hex {
  width: 25%;
  text-align: right;
}

div.table_dechex table td.table_dechex_hex:before {
  content: "0x";
}

td.rvas_0, td.rvas_1, td.rvas_2, td.rvas_3, td.rvas_address, td.rvas_size, td.rvas_address_hex, td.rvas_size_hex {
  width: 20%;
  text-align: right;
}

td.rvas_address_hex:before, td.rvas_size_hex:before {
  content: "0x";
}

/***************************
 * Imports
 ***************************/
div.imports {
  position: relative;
  top: 0.5em;
  /* width: 200px; */
  padding-left: 6px;
  padding-right: 6px;
  padding-bottom: 6px;
  margin-bottom: 0.75em;
  border: 1px solid #000;
}

div.imports span.imports_title {
  position: relative;
  top: -0.5em;
  left: 8px;
  height: 1em;
  padding-left: 4px;
  padding-right: 4px;

  background-color: white;
  color: black;
  border: 1px solid #000;
}

div.imports div.import_dll {
  font-weight: bold;
  font-style: normal;
  padding-bottom: 1em;
}

div.imports div.import_dll div.import_function {
  font-weight: normal;
  font-style: italic;
  padding-left: 32px;
}

/*
 *
 */
ol.download_unpacked {
  display: inline;
  margin-left: 0px;
  padding-left: 0px;
}

ol.download_unpacked:before {
  content: "Download";
}

ol.download_unpacked li {
  display: inline;
  margin-left: 0px;
  padding-left: 0px;
}

/*
 * Paging
 */
table.result_similar {
  border: none;
  width: 100%;
}

table.result_similar tr td img {
}

td.paging ol:before {
  content: "Page: ";
}

td.paging ol {
  margin-top: 0px;
  padding-left: 0px;
}

td.paging ol li {
  display: inline;
}