/*  This is the basic look-and-feel stylesheet for the whole site.
 *  It follows some dynamic styles set in views/stylesheets/application.html.erb
 */

html,body{
  margin:0;
  padding:0;
  border:0;
  height:100%;
}

body{
  background:#FFFFFF;
  min-width:780px;
  text-align:center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000000;
}

.clear{
  clear:both;
  height:1px;
  overflow:hidden;
  line-height:1%;
  font-size:0px;
  margin-bottom:-1px;
}

img {
	border: 0;
	}

p {
	margin-top: 15px;
	margin-bottom: 15px;
	}

/* These styles control layout of list items on show pages */

dl.showitem {
    margin: 0 0 25px 0;
}

dl.showitem dd, dt {
    margin: 0;
}

dl.showitem dt {
    font-weight:bold;
    margin-top: 0.4em;
}

dl.showitem h4, h3, h2 {
    clear: left;
    margin: 1em 0 0.1em 0;
    padding: 0.5em 0 0 0;
}

/* This is used to highlight special terms automatically */
span.special_term {
    color: #941628;
}

/* This doesn't work - it breaks highlighting of current tab once tabs have been visited */
a:link, a:visited{
  color: #941628;
  text-decoration: none;
  font-style: normal;
}

a:hover{
  text-decoration: underline;
}

h1 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  margin: 0 30px;
  border-bottom: 1px solid #d0d5ce;
}

h1.page-title {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-top: 7px;
  border-top: 1px solid #d0d5ce;
  border-bottom: 0;
}

h1.help-title {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-top: 7px;
  border-top: 1px solid #d0d5ce;
  border-bottom: 0;
}

h1.results-title {
  margin-top: 25px;
  margin-bottom: 0px;
  padding-top: 7px;
  border-top: 1px solid #d0d5ce;
  border-bottom: 0;
}

h1.jump-title {
  margin-top: 25px;
  margin-bottom: 20px;
  padding-top: 7px;
  border-top: 1px solid #d0d5ce;
  border-bottom: 0;
  font-size: 16px;
}

h1.help {
  margin-top: 20px;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  border-bottom: 0;
}

h2 {
  font-size: 16px;
  font-weight: bold;
  color: #941628;
  margin: 0;
}

h3 {
  padding-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  border-top: 1px solid #d0d5ce;
}

#help h3 {
  padding-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  border-top: 0px solid #d0d5ce;
}

#container{
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  position:relative;
  width:780px;
  height:100%;
}

#wrapper{
  min-height:100%;
  height:100%;
}

#outer{
  z-index:1;
  position:relative;
  background:#FFFFFF;
  height:100%;
}

#header{
  width:780px;   /*  Make the left and right images fit together */
  height:150px;
  margin-bottom: 10px;
  margin-top: 0;
  overflow:hidden;
  background:  #b2b2b2; /* Rails handles placing a random image in the header */
  text-indent: -9999px;
  border-bottom: 1px solid #460710;
}

#menu{
  margin-left:auto;
  margin-right:auto;
  width:760px;
  overflow:hidden;
  font-size: 13px;
  font-style: italic;
}

#menu a:link{
  color: #941628;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

#menu a:hover{
  color: #000000;
}

#menu a:link.active{
  color: #000000;
}

#menu a:visited {
  color: #941628;
  font-weight: bold;
}

#menu #menu-left{
  float: left;
}

#menu #menu-right{
  float: right;
}

#menu ul
{
margin: 0;
padding: 0;
}

#menu li
{
display: inline;
list-style-type: none;
padding-right: 3px;
}

#menu a.active
{
  color: #000000;  /* Highlights the active tab */
}

#menu li.last
{
padding-right: 0;
}


#menu-sub{
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 20px;
  width:690px;
  overflow:hidden;
  font-size: 14px;
  line-height: 16px;
}

#menu-sub a:link, #menu-sub a:visited{
  color: #5d5d5d;
  font-size: 12px;
  font-style: normal;
  text-decoration: underline;
}

#menu-sub a:hover{
  color: #941628;
  text-decoration: none;
}

#menu-sub a:link.active, #menu-sub a:visited.active{
  color: #941628;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
}

#menu-sub ul
{
  margin: 0;
  padding: 0;
}

#menu-sub li
{
  width:auto;
  margin:0; 
  list-style:none;
  display:inline; 
  padding:0 5px;
  border-left: 1px solid black;
}

#menu-sub li.first
{
  border-left: 0;
  padding-left:0;
}

#content{
  margin-left:auto;
  margin-right:auto;
  width:760px;
  overflow:hidden;
}

#tiles h3 {
  padding-top: 0;
  margin-bottom: 5px;
  font-size: 13px;
  font-weight: bold;
  border-top: 0 none;
}

#tiles {
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  width:690px;
  overflow:hidden;
}

#tiles-02 ul {
list-style-type: none;
  padding-left: 0;
  margin: 0;
  color: #941628;
}

#tiles-02 li {
  font-weight: bold;
  padding-bottom: 2px;
}

#tiles-02 ul.left {
  float: left;
  xxxwidth: 75px;
}

#tiles-02 ul.right {
  float: right;
  xxxwidth: 125px;
}

.new-search {
position: absolute;
top: 225px;
right: 40px;
}

.new-search-bottom {
  width: 690px;
  float: right;
  text-align: right;
  margin-right: 30px;
  padding-top: 10px;
  font-size: 15px;
  color: #5d5d5d;
}

.prev-next {
    position: absolute;
    top: 280px;
    right: 30px;
    font-size: 15px;
    color: #5d5d5d;
}

.prev-next a:link{
  color: #5d5d5d;
  text-decoration: none;
}

.prev-next a:hover{
  color: #941628;
}

.prev-next a:link.current{
  color: #941628;
}

.prev-next a:link.next{
  color: #941628;
}

.prev-next-bottom {
  width: 690px;
  float: right;
  text-align: right;
  margin-top: 20px;
  margin-right: 30px;
  padding-top: 10px;
  font-size: 15px;
  color: #5d5d5d;
  border-top: 1px solid #d0d5ce;
}

.prev-next-bottom a:link{
  color: #5d5d5d;
  text-decoration: none;
}

.prev-next-bottom a:hover{
  color: #941628;
}

.prev-next-bottom a:link.current{
  color: #941628;
}

.prev-next-bottom a:link.next{
  color: #941628;
}

#info {
  margin-left:auto;
  margin-right:auto;
  margin-top: 0;
  margin-bottom: 0px;
  width:690px;
  overflow:hidden;
  font-size: 14px;
  line-height: 16px;
}

#main{
  margin-left:auto;
  margin-right:auto;
  width:760px;
  overflow:hidden;
}

.search-bg{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  padding: 15px 30px;
  width:690px;
  overflow:hidden;
  background-color: #f4f0ec;
}

.search-bg H1 {
  font-size: 18px;
  font-weight: bold;
  color: #000000;
  margin: 0;
  padding-right: 5px;
  border-bottom:0;
  display: inline; 
}
.search-bg p {
  margin-top: 0;
  margin-bottom: 15px;
}

.search-clear-search {
  position: absolute;
  top: 340px;
  right: 30px;
  font-size: 12px;
  font-weight: bold;
}

.search-clear-search a.clear-selection{
  width: 100px;
  position: absolute;
  top: 3px;
  right: 60px;
  color: #941628;
  text-decoration: none;
}

.search-clear-search a:hover{
  color: #941628;
}



.search-clear-search-bottom {
  float: right;
  font-size: 12px;
  font-weight: bold;
}

.search-clear-search-bottom a.clear-selection{
  position: relative;
  top: -4px;
  right: 7px;
  width: 100px;
  color: #941628;
  text-decoration: none;
}

.search-clear-search-bottom a:hover{
  color: #941628;
}

.sort-by {
  font-size: 12px;
}

input .checkbox {
border: 1px solid;
}

select {
  font-size:12px;
  color: #5d5d5d;
  border: 1px solid #d0d5ce;
  margin-left: 10px;
  margin-right: 10px;
}

select.keywords {
  font-size:12px;
  color: #5d5d5d;
  border: 1px solid #d0d5ce;
  margin-left: 10px;
  margin-right: 10px;
  width: 250px;
}

p.detail-review {
  margin-top: 20px;
  margin-bottom: 5px;
  margin-left: 30px;
  padding-top: 7px;
}

h1.detail-tool-title {
  margin-top: 0px;
  padding-top: 0px;
  border: 0 none;
}

h1.detail-tool-title2 {
  color:#941628;
  margin-top: 0px;
  padding-top: 0px;
  border: 0 none;
}

.form-right {
padding-left: 270px;
}

.required {
color: red;
}

#detail {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding: 0 15px 15px 15px;
  width:670px;
  overflow:hidden;
  background-color: #f4f0ec;
  border: 2px solid #af545f;
}

#detail-left {
  float: left;
  width: 510px;
}

#detail H3 {
  padding-top: 0;
  margin-bottom: 0;
  font-weight: bold;
  border-top: 0;
}

.back-to-search-bottom a {
  float: right;
  margin: 0;
  padding-right: 30px;
  text-decoration: none;
  font-weight: bold;
  color: #941628;
  background: none no-repeat;
  }

.back-to-search-bottom a:hover {
  text-decoration: underline;
  }

.result-bg{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  padding: 15px 15px;
  width:670px;
  overflow:hidden;
  background-color: #f4f0ec;
}

.result-no-bg{
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  padding: 15px 15px;
  width:670px;
  overflow:hidden;
}

table.form_items  {
  padding-top:    10px;
  padding-bottom:  5px;
}

table.result-detail  {
  padding: 15px 0;
}

table.result-detail td {
  padding-right: 15px;
  width: 115px;
  vertical-align: top;
  border-right: 1px solid #d0d5ce;
  line-height: 16px;
}

.result-detail-bottom {
  margin-left:auto;
  margin-right:auto;
  width:670px;
  overflow:hidden;
  font-size: 12px;
}

.result-detail-bottom a {
  color: #000000;
  font-style: normal;
  text-decoration: underline;
}

.result-detail-bottom a:hover {
  color: #000000;
  text-decoration: none;
}

.result-detail-bottom .reviews {
  float: left;
  padding-top: 8px;
  vertical-align:bottom;
}

.result-detail-bottom .full-details{
  float: right;
}

#help {
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  padding: 15px 15px 15px 15px;
  width:670px;
  overflow:hidden;
  background-color: #f4f0ec;
  border: 2px solid #af545f;
}

div#help p { text-align: justify; }
div#help li { margin: 10px 0; }
div#help li:first-child { margin-top: 20px; }

#jump {
  margin-top:10px;
  margin-bottom:10px;
  margin-left:auto;
  margin-right:auto;
  padding: 15px 30px;
  width:690px;
  overflow:hidden;
  background-color: #f4f0ec;
}

div.jump-ranges{
    margin-top:10px;
    margin-bottom:10px;
    float: right;
}

#jump h2 { margin-bottom: 15px}

div#jump td.tool-name {
    font-size: 14px;
}

#footer{
  clear: both;
  width:750px;
  overflow:hidden;
  text-align: center;
    color: gray;
    margin-top: 20px;
}

.home-banner {
  margin-left:auto;
  margin-right:auto;
  margin-top: 25px;
  margin-bottom: 20px;
  width: 690px;
  height: 250px;
  overflow:hidden;
  text-indent: -9999px;
}

h2.board_title {
  display: block;
  width: 150px;
  margin: 25px auto 10px auto;
}

table.advisory_board {
  width: 100%;
}
table.advisory_board td {
  text-align: left;
  vertical-align: top;
  padding-top: 4px;
}
table.advisory_board span.name {
  font-weight: bold;
}