/* globals
-------------------------------------------------------------------------*/
* { margin:0;padding:0 }

body {
  padding: 25px;
  text-align: center;
  font-family: "Arial", Helvetica, sans-serif;
  font-size: .75em;
  }

tbody { border:0; }

a { color: #9F0000; }
a:hover { text-decoration: none; }



/* wrapper
-------------------------------------------------------------------------*/
div#wrapper {
  position: relative;
  width: 775px;
  margin: 0 auto;
  text-align: left;
  padding: 5px;
  border: 1px solid #ccc;
  }

  div#wrapper h1 {
    background-color: #9F0000;
    font-family: "Tahoma", "Arial", Helvetica, sans-serif;
    color: #fff;
    display: block;
    padding: 5px;
    font-size: .9em;
    }

/* navigation
-------------------------------------------------------------------------*/
ul#nav { list-style: none; text-align: right; padding: 10px 0; }

  ul#nav li {
    display:inline;
    padding: 5px;
    }

    ul#nav li.active {
      background-color: #dfdfdf;
      color: #888;
      }

      ul#nav li.active a {
        border: 0;
        }



    ul#nav li a {
      font-size: 1.25em;
      color: #666;
      text-decoration: none;
      border-bottom: 1px solid #ccc;
      }

      ul#nav li a:hover {
        border-bottom: 0;
        color: #444;
        }





/* listings
-------------------------------------------------------------------------*/
table.listings_search td {
  padding: 10px;
  }

table.listings_search tbody {
  border:0;
  }

  /* pagination */

  div.pagination {
  	padding: 3px;
  	margin: 3px;
    }

  div.pagination a {
  	padding: 2px 5px 2px 5px;
  	margin: 2px;
  	border: 1px solid #ccc;
  	text-decoration: none; /* no underline */
  	color: #9F0000;
    }

  div.pagination a:hover, div.pagination a:active {
  	border: 1px solid #9F0000;
  	color: #9F0000;
    }

  div.pagination span.current {
  	padding: 2px 5px 2px 5px;
  	margin: 2px;
    border: 1px solid #9F0000;
 		font-weight: bold;
 		background-color: #9F0000;
 		color: #FFF;
  	}

  	div.pagination span.disabled {
  		padding: 2px 5px 2px 5px;
  		margin: 2px;
  		border: 1px solid #EEE;
  		color: #DDD;
    	}

  /* search results table */
  tr.even, tr.odd { border-bottom: 0; }
    tr.even { background-color: #eee; }
    tr.odd { background-color: #fff; }

  table#listings_search_results tbody { border:0; }

  table#listings_search_results th {
    font-family: "Tahoma", "Arial", Helvetica, sans-serif;
    color: #9F0000;
    font-weight: bold;
    text-align: left;
    padding: 0 0 5px 0;
    border-bottom: 1px solid #888;
    }

    table#listings_search_results th {
      background: transparent;
      }

    table.listing_search_results_inner td {
      border-bottom: 1px solid #ccc;
      padding: 10px 0;
      }

      table.listing_search_results_inner td img {
        border: 1px solid #dfdfdf;
        padding: 3px;
        display: block;
        margin-left: 5px;
        background-color: #fff;
        }

  p.trunc_remarks {
    padding: 1em 1em 1em 0;
    border-top: 1px solid #ccc;
    font-size: .9em;
    line-height: 1.75em;
    text-transform: lowercase;
    }

div#show_listing {
  padding: 2em;
  }


div#show_listing h1.title {
  margin:0 0 .25em 0;padding:0;
  font-size: 2em;
  font-family: "Trebuchet MS", "Arial", Helvetica, sans-serif;
  color: #000;
  text-align: left;
  background-color: #fff;
  }

div#show_listing ul#listing_options {
  margin:10px 0 0 0;padding:0;
  list-style: none;
  border-top: 1px solid #ccc;
  }

  div#show_listing ul#listing_options li {
    display: inline;
    }

    div#show_listing ul#listing_options li a {
      float: right;
      display: block;
      padding: 3px 7px 3px 28px;
      border-right: 1px solid #ccc;
      border-left: 1px solid #ccc;
      border-bottom: 1px solid #ccc;
      background-color: #efefef;
      color: #000;
      text-decoration: none;
      background-repeat: no-repeat;
      background-position: 5px 7px;
      font-size: .9em;
      }

    div#show_listing ul#listing_options li a:hover, div#show_listing ul li a.active {
      background-color: #ccc;
      border-right: 1px solid #aaa;
      border-left: 1px solid #aaa;
      border-bottom: 1px solid #aaa;
      }

    div#show_listing ul#listing_options li#photos a { background-image: url('images/pictures.gif'); background-position: .4em .4em; margin-right: 3px; padding: .5em .5em .5em 2.25em  }
    div#show_listing ul#listing_options li#map a { background-image: url('images/map.gif'); margin-right: 3px; }
    div#show_listing ul#listing_options li#directions a { background-image: url('images/car.gif'); margin-right: 3px; }

div#listing_info {
  position: relative;
  }

div#nneren_disclaimer {
  line-height: 1.1em;
  font-size: .9em;
  color: #888;
  }

/*
IMPORTANT:
Essential styles to ensure accessibility
*/
@media projection, screen { /* use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .tabs-hide {
        display: none;
    }
}
@media print { /* maintain accessibility by overriding inline style used by animations... */
    .fragment {
        display: block !important;
        height: auto !important;
        opacity: 1 !important;
    }
    .anchors {
        display: none;
    }
}

/*
TAB STYLES:
Some more styles, not important for making tabs work, just for the look of it...
*/
.anchors {
  position: relative;
  list-style: none;
  margin: 0;
  padding: 0 0 1px 0;
  top: 1px;
  z-index: 3;
  }

.anchors li { display: inline; }

.anchors a {
  margin-right: 2px;
  float: left;
  display: block;
  border-top: 2px solid #ccc;
  border-right: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 0;
  padding: 2px 9px 1px;
  color: #000;
  text-decoration: none;
  }

.anchors .tabs-selected a {
  padding-bottom: 1px;
  }

.anchors a:focus, .anchors a:active {
  outline: none; /* @ Firefox 1.5, remove ugly dotted border */
  }

.anchors .tabs-selected a, .anchors a:hover, .anchors a:focus, .anchors a:active, .fragment { background: #FFF; }

.anchors .tabs-selected a:link, .anchors .tabs-selected a:visited { cursor: text; }
.anchors a:hover, .anchors a:focus, .anchors a:active { cursor: pointer; }
.fragment { padding: 0 10px; }

.fragment_container {
  border: 1px solid #ccc;
  }

.fragment td {
  font-size: 1em;
	font-weight: normal;
  line-height: 1.15em;
  padding: 5px;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  }

.fragment td.left {
  font-weight: bold;
  }

a.thickbox {
  font-size: 1.2em;
  padding: 1em 0;
}