/* $Id: style.css,v 1.8 2005/03/27 18:55:35 unconed Exp $ */

/* HTML elements */
HTML {
  background-color: #e0e0e8;
  background-image: url(/themes/review/usr_bg.gif);
  background-position: top center;
  background-repeat: repeat-y;
}

BODY {
  background-color: #fff;
  display: block;
  color: #000;
  font-size: 12px;
  margin: 0 auto;
  min-width: 862px;
  max-width: 1000px;
  position: relative;
  padding: 0;
  width: 100%;
}

* HTML BODY {
  width: 1000px;
  width: expression(
    document.documentElement.clientWidth > 1000 ? 1000 :
    document.documentElement.clientWidth < 862 ? 862 : "auto"
  );
}

BODY, P, TD, LI, UL, OL, A, H1, H2, H3, H4, H5, H6
  { font-family: verdana, helvetica, arial, sans-serif; }

H1 { font-size: 19px; }
H2 { font-size: 17px; }
H3 { font-size: 14px; }
H4 { font-size: 12px; }

TR.dark TD, TR.light TD {
  padding: 4px;
}

H1 A , H2 A, H3 A, H4 A, H5 A, H6 A { color: #cc4d32; text-decoration: none; }

A { color: #6279aa; }
A:visited { color: #999; }

FIELDSET { border: 1px solid #ccc; }

PRE { font-family: lucida console, monaco, courier, fixed; }

/* Page layout blocks / IDs */
#header {
  display: block;
  height: 146px;
  left: 0;
  padding: 0;
  position: relative;
  top: 0;
  width: 100%;
}

#header #logo {
  cursor: pointer;
  display: block;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/themes/review/logo.png', sizingMethod='scale');
  height: 131px;
  left: 15px;
  margin: 0;
  padding: 0;
  position: absolute;
  top: 15px;
  width: 224px;
  z-index: 2;
}

#header #logo IMG {
  visibility: visible !important;
  visibility: hidden;
}

#header #banner {
  background-color: #ddd;
  display: block;
  height: 79px;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

#header #banner DIV {
  background-color: #fff;
  border: solid 1px #000;
  display: inline;
  float: right;
  height: 60px;
  margin: 8px 15px 0 0;
  width: 468px;
}

#header #menu {
  background-color: #6279aa;
  border-bottom: solid 2px #fff;
  display: block;
  height: 20px;
  left: 0;
  margin: 0;
  position: absolute;
  text-align: right;
  top: 80px;
  width: 100%;
}

#header #menu DIV {
  background-color: #6279aa;
  height: 20px;
  line-height: 20px;
  margin: 0;
  padding-left: 254px;
  padding-right: 9px;
  position: relative;
  text-align: right;
  white-space: nowrap;
  width: auto;
}

#header #menu A {
  background-color: #6279aa;
  display: inline-block;
  font-family: helvetica, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height: 12px;
  margin: 0;
  padding-bottom: 2px !important;
  padding: 4px 6px 4px 6px;
  text-align: right;
  text-decoration: none;
  text-transform: uppercase;
  white-space: nowrap;
  width: 1px;
  /* ie-mac hide \*/
  display: inline;
  padding-bottom: 5px;
  /* done */
}
#header #menu A:hover { background-color: #1e3677; }
#header #menu A.active { color: #fff; }
#header #menu A.inactive { color: #ccc; }

#header #search {
  background-color: #b1bdd2;
  display: block;
  height: auto;
  margin: 0;
  padding: 3px 6px 3px 10px;
  position: absolute;
  right: 0;
  text-align: right;
  top: 101px;
  width: 165px;
  /* ie-mac hide \*/
  width: auto;
  /* done */
}

#header #search INPUT.text { border: solid 1px #6279aa; font-size: 12px; }
#header #search INPUT.button {
  background-color: #b1bdd2;
  border: solid 1px #b1bdd2;
  color: #1e3677;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

#content {
  display: block;
  height: auto;
  left: 0;
  margin-left: 195px;
  margin-right: 165px;
  padding: 15px 0;
  position: relative;
  top: 0;
  width: auto;
}

* HTML #content { display: inline-block; }

#outwrap {
  display: block;
  height: auto;
  float: left;
  left: 0;
  position: relative;
  top: 0;
  width: 100%;
}

* HTML #outwrap { display: inline-block; }

/* #outwrap>* { border: solid 1px #000; } */

#leftside {
  display: block;
  float: left;
  left: 0;
  margin-left: -180px;
  padding-bottom: 2.0em;
  position: relative;
  top: 0;
  width: 165px;
}

* HTML #leftside { display: block; }

#main {
  display: block;
  float: right;
  margin: 0;
  padding: 0 0 2.0em 0;
  position: relative;
  top: 0;
  width: 100%;
}

/* #main * { border: solid 1px #000; } */

* HTML #main { display: inline-block; wid\th: 100%; }

#rightside {
  float: right;
  left: 0;
  margin-right: -150px;
  padding-bottom: 2.0em;
  position: relative;
  top: 0;
  width: 135px;
}

* HTML #rightside { left: 15px; }

DIV#mission {
  background-color: #f6f6f9;
  border: solid 1px #e0e0e8;
  margin-bottom: 2.0em;
  padding: 10px;
  -moz-border-radius: 10px;
}

DIV#mission P { margin-top: 0; padding: 0; }
DIV#mission P:last-child { margin-bottom: 0; }

TABLE#reviews { border: none; margin-bottom: 1.2em; width: 100%; }
TABLE#reviews TD, TABLE#reviews TH{ border-left: solid 1px #e0e0e8; }
TABLE#reviews .first { border-left: none; }
TABLE#reviews TD { font-size: 11px; }
TABLE#reviews A { font-weight: bold; }

TABLE#reviews TH {
  background-color: #6279aa;
  border-bottom: solid 1px #fff;
  color: #fff;
  font-size: 11px;
  padding: 2px 5px;
  text-transform: uppercase;
}

TABLE#reviews TD {
  border-bottom: solid 1px #e0e0e8;
  margin-bottom: 0;
  padding: 2px 5px;
  vertical-align: top;
}
TABLE#reviews TD P { font-size: 11px; margin-top: 0; padding: 0; }
TABLE#reviews TD P B { white-space: nowrap; }
TABLE#reviews TD P B + I { white-space: nowrap; }
TABLE#reviews TD P:last-child { margin-bottom: 0; }
TABLE#reviews TD SPAN.comments { font-size: 10px; }
TABLE#reviews TR:hover { background-color: #f6f6f9; }
TABLE#reviews TH.l, TABLE#reviews TD.l { border-left: solid 1px #e0e0e8; }

DIV#block-block-1 {
  border: solid 1px #e0e0e8;
  background-color: #e0e0e8;
  margin-top: 1.2em;
  width: 133px;
}
DIV#block-block-1 H2 { display: none; }
DIV.ad {
  background-color: #fff;
  font-family: arial, helvetica, sans-serif;
  margin-bottom: 2px;
  margin-top: 2px;
  padding: 10px 5px;
}
DIV.ad * { font-family: arial, helvetica, sans-serif; }
DIV.ad-title { font-size: 12px; font-weight: bold; }
DIV.ad-title A { color: #00c; }
DIV.ad-url A { color: #090; font-size: 9px; text-decoration: none; }

  

UL.tabs A { font-weight: bold; }

.review { display: block; position: relative; width: auto; }

.review H2 {
  border-bottom: solid 1px #d0d0d8;
  display: block;
  font-size: 12px;
  font-weight: bold;
  margin-bottom: 0;
  padding-bottom: 0.2em;
}

.review H2 A { color: #000; }
.review H2 SPAN.web { font-size: 10px; font-weight: normal; }
.review H2 SPAN.web A { color: #6279aa; text-decoration: underline; }

.review .entry { display: block; float: left; width: 100%; }

.review .data {
  display: block;
  float: left;
  font-size: 11px;
  margin: 0.2em 2% 0 0;
  padding-bottom: 1.2em;
  width: 49%;
}


.review .services {
  display: block;
  float: left;
  font-size: 11px;
  margin: 0;
  width: 49%;
}

.review .services P { margin: 0; padding-bottom: 1.2em; }

.node-review, .node { display: block; position: relative; width: auto; }

.node-review H2, .node H2 {
  border-bottom: solid 1px #d0d0d8;
  display: block;
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 0.3em;
  padding-bottom: 0.2em;
}
.node-review H2 A { color: #000; }
.node-review H2 SPAN.web { font-size: 10px; font-weight: normal; }
.node-review H2 SPAN.web A { color: #6279aa; text-decoration: underline; }

.node-review .data { font-size: 11px; }
.node-review .services { font-size: 11px; }
.node-review .services P { margin: 0 0 1.2em 0; }
.node-review .services P:last-child { margin-bottom: 0.3em; }
.node-review .links, .node .links { border-top: solid 1px #d0d0d8; font-size: 10px; }

.node .content { font-size: 11px; }
.node .content P { margin: 0 0 1.2em 0; }
.node .content P:last-child { margin-bottom: 0.4em; }


.comment {
  border: solid 1px #e0e0e8;
  margin-top: 1.2em;
  padding: 10px;
  -moz-border-radius: 10px;
}

.comment H3 {
  border-bottom: dotted 1px #e0e0e8;
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 0.3em;
  margin-top: 0px;
  padding-bottom: 0.3em;
}

.comment .content { font-size: 12px; }
.comment .content P { margin: 0 0 1.2em 0; }
.comment .content P:last-child { margin-bottom: 0.3em; }
.comment .links {
  border-top: dotted 1px #e0e0e8;
  font-size: 10px;
  padding-top: 0.3em;
}

.block { font-size: 11px; }
.block H1, .block H2, .block H3 { margin-bottom: 3px; }
.block H1 { font-size: 14px; }
.block H2 { font-size: 13px; }
.block H3 { font-size: 12px; }

UL#gsearch { margin: 0; padding: 0; }
UL#gsearch LI {
  float: left;
  line-height: 1.5em;
  list-style-type: none;
  margin-left: 0;
  margin-right: 1%;
  min-width: 49%;
  padding: 0;
}

* HTML UL#gsearch LI { width: 49%; }

.xml-icon { display: none; }

.node-form .attachments fieldset { width: 95%; }

DIV.messages {
  background-color: #f6f6f9;
  border: solid 1px #e0e0e8;
  margin: 1.2em 0;
  padding: 10px;
  -moz-border-radius: 10px;
}

DIV.status { color: #090; font-style: italic; font-weight: bold; }
DIV.error { color: #900; font-style: italic; font-weight: bold; }

DIV.poll DIV.title { font-weight: bold; margin-bottom: 1.2em; }
DIV.poll DIV.total { text-align: left; }

DL.search-results DT { font-weight: bold; }
DL.search-results DD P { margin-bottom: 0; margin-top: 0; }

.tabs {
  margin: 15px 0 15px 0;
}
.tabs ul.primary {
  border-collapse: collapse;
  padding: 0 0 3px 0;
  white-space: nowrap;
  list-style: none;
  margin: 0 0 0 0;
  height: auto;
  line-height: normal;
  border-bottom: 2px solid #336699;
}
.tabs ul.primary li {
  display: inline;
}
.tabs ul.primary li a {
  padding: 3px 10px 3px 10px;
  background: #fff url(tabs-off.png) left top no-repeat;
  border-color: #6699CC;
  border-width: 2px;
  border-style: none solid none none;
  height: auto;
  margin-right: 10px;
  text-decoration: none;
  text-transform: lowercase;
}
.tabs ul.primary li.active a {
  background: #336699 url(tabs-on.png) left top no-repeat;
  border-right: 2px solid #336699;
  color: #fff;
}
.tabs ul.primary li a:hover {
  background-color: #fffaf0;
  color: #ff4500;
}
.tabs ul.secondary {
  border-collapse: collapse;
  padding: 10px 0 10px 0px;
  margin: 0 0 0 0;
  white-space: nowrap;
  width: 100%;
  list-style: none;
  height: auto;
  line-height: normal;
  border-bottom: none;
}
.tabs ul.secondary li {
  display: inline;
  height: auto;
  padding: 0 0 0 10px;
  text-decoration: none;
  border-right: none;
}
.tabs ul.secondary li a {
  background: #fff url(tabs-option-off.png) left center no-repeat;
  padding: 10px 0 10px 25px;
  margin: 0 0 0 0;
}
.tabs ul.secondary li a.active {
  background: #fff url(tabs-option-on.png) left center no-repeat;
  color: #369;
  border-bottom: none;
}
.tabs ul.secondary li a:hover {
  background: #fff url(tabs-option-hover.png) left center no-repeat;
  color: #FF4500
}