/*-------------------------------------------------------
Style sheet for PhotoToursIDX Lead Capture
-------------------------------------------------------*/

body {
    font-size: 12px;
    font-family: Arial, sans-serif;
}

#container {
    border-top: none;
    width: 726px;
    text-align: left;
}

#container #main {
    padding: 1em 0.5em 2em 2em;
    text-align: left;
	background-color:#FFF;
}

#dashboard #header_nav,
#edit_search #header_nav {
    margin-bottom: 0;
    padding: 0.5em 1em 0;
}

.favorites-menu {
    color: black;
    padding: 5px 2px;
    position: absolute;
    left: 0;
    border: 3px solid #125aa7;
    text-align: left;
    width: 150px;
}

/* Navigation tabs
-------------------------------------------------------*/
#header_nav {
    padding-top: 1em;
    margin-bottom: 0;
    font-size: 12px;
    margin: 0 auto;
}

#header_nav ul {
    list-style: none;
    margin: 1em 0 0 1em;
    padding: 0;
}

#header_nav ul#sub-navigation {
    margin: 0;
}

#header_nav li, ul#sub-navigation li {
    float: left;
    margin-right: 0.2em;
}

#header_nav li a,
#header_nav li a:visited {
    background-color:#FFFFFF;
    border:1px solid #888888;
    color:#000000;
    font-size:12px;
    padding: 2px 12px;
    text-decoration: none;
} 

#header_nav li a {
    .line-height: 24px;
}

ul#sub-navigation li a {
    background-color: #ccc;
    display: block;
    font-size: 1.125em;
    line-height: 1.5em;
    padding: 0 0.5em;
    text-decoration: none;
}

#header_nav li a.current, #header_nav li a.current:hover,
#header_nav li a:hover  {
    background-color: white;
    border: 1px solid black;
    color: black;
    text-decoration: none;
}

ul#sub-navigation li.current a {
    background-color: #fff;
    color: #125AA7;
}

ul#sub-navigation li a:hover {
    background-color: #eee;
    color: #125AA7;
}

ul#sub-navigation {
    background-color: #fff;
    border-bottom: 1px solid #ccc;
    float: left;
    padding: 10px 0 0 25px;
    width: 701px;
}

ul#sub-navigation li {
    border: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    margin-bottom: -1px;
}

ul#sub-navigation li:hover {
    border: 1px solid #eee;
    border-bottom: 1px solid #ccc;
}

ul#sub-navigation li.current {
    background-color: white;
    border: 1px solid #ccc;
    border-bottom: 1px solid #fff;
}

ul#sub-navigation li.current a:hover {
    background-color: white;
}

#main ul#sub-navigation {
    font-size: 0.9em;
    margin-top: 1em;
    width: 678px;
}

#main ul#sub-navigation li {
    padding: 0;
}

#login_nav {
    float: right;
    font-size: 12px;
    margin-right: 10px;
    margin-top:-10px;
}

#login_nav {
    .margin-top: 5px;
}

#login_nav a {
    padding: 3px;
}



/* Tables
-------------------------------------------------------*/
#main table {
    border-collapse: collapse;
    border-top: 1px #ccc solid;
    text-align: left;
    width: 100%;
}

#main td {
    padding: 8px 0 5px;
}

td.utilities {
    text-align: right;
}

#main tr {
    border-bottom: 1px #ccc solid;
}

#main table.savedsearches td a {
}

#main table.propertySpecs tr {
    border-bottom: none;
}

tbody.favorites_result {
    display: block;
    padding: 10px 0;
    border-bottom: 1px solid #ccc;
}

tbody.favorites_result h3 {
    display: inline;
    line-height: 2em;
}

tbody.favorites_result td {
    padding: 0;
}

tr.favorites_img td {
    padding: 10px;
}

tbody.favorites_result a.notifies {
    display: inline;
}

tbody.favorites_result .utilities {
    text-align: right;
}

tbody.dashboard_result .utilities {
    font-size: 0.9em;
    text-align: left;
}

tbody.toolbar td {
    background-color: #125AA7;
    border-bottom: 1px solid #ccc;
    color: #dfdfdf;
    padding: 0 3px 3px;
}

.toolbar a {
    color: #ddd;
}

.toolbar a:hover {
    color: #fff;
}

/* Tag rules
-------------------------------------------------------*/
/*
a {
    color: #125AA7;
}

a:hover {
    color: #fff!important;
    background-color: #125aa7;
}
*/
button {
    margin-top: 1em;
}

h1,h2,h3,h4,h5,h6 {
    clear: both;
    margin-bottom: 0.25em;
}

hr {
    border: none;
    border-bottom: 1px solid #ccc;
}

img.thumb {
    border: none;
}

input.text, textarea {
    border: 1px inset #999;
    display: block;
    margin-bottom: 1em;
}

input[type=submit], input[type=button] {
    border:1px solid black;
    background-color:white;
    font-size: 12px;
}

label {
    font-weight: bold;
}

/* Custom rules
-------------------------------------------------------*/
a.form-action {
    padding: 3px 4px;
}

a.delete {
    color: #d00;
}

a.delete:hover {
    background-color: #d00;
    color: #fff;
}

a.add-to-fav:hover .arrow {
    background-color: #469eeb;
    padding: 2px 0;
}

a.image, a.image:hover, a.image img {
    border: none;
    color: white;
}

h3 a {
    text-decoration: none;
}

h2.page-heading {
    border-bottom: 1px solid #ccc;
}

div.favorites-menu label {
    display: block;
    padding: 5px;
    cursor: pointer;
}

div.favorites-menu label.optional {
    color: #777;
}

div.favorites-menu label.optional:hover {
    color: #fff;
}

.highlight {
    background-color: #125aa7;
    color: #fff;
}

.error-response {
    background-color: #FFFFdd;
    border: 1px solid #FCE55F;
    font-size: 1.2em;
    margin-bottom: 1em;
    padding: 0 5px;
}

.error-response td {
    font-size: 0.9em;
    padding: 0.25em;
}



.name {
    font-size: 1.5em;
    line-height: 1.5em;
}

.new-results {
    font-weight: bold;
}

a.notifies {
    background-color: transparent;
    padding: 2px;
    width: 9em;
}

a.notifies:hover {
    color: #fff;
    background-color: #125AA7;
}

.return-link {
    display: block;
    float: right;
    margin-top: -32px;
    padding: 3px 2px;
}

.utilities a {
    padding: 2px;
}

.total-results {
    font-weight: normal;
}

.de-emph {
    color: #aaa;
    font-size: 0.95em;
}

/* Form styles
-------------------------------------------------------*/
fieldset {
    margin: 0.5em 0 2em;
    width: 450px;
}

fieldset label {
    display: block;
    margin-top: 1em;
}

label.radio, label.radio input {
    display: inline;
    margin-bottom: 0;
}

#main.register label {
    display: block;
}

#save_search {
    margin-top: 1em;
}

label span {
    display: block;
}

#save_search label span {
    font-size: 1.2em;
    line-height: 2em;
}

#save_search fieldset {
    border: none;
    padding: 0;
}

#save_search label {
    display: inline;
    margin-top: 0;
}

#settings_form fieldset {
    border: none;
}

#settings_form legend {
    color: black;
    font-size: 1.5em;
    font-weight: bold;
    margin-left: -0.5em;
}

#settings_form p {
    margin-top: 0;
}

/* Search form styles
-------------------------------------------------------*/
#searchform #main ul {
    list-style: none;
}
#searchform #main li {
    float: left;
    width: 150px;
    margin: 0 15px 10px 0;
}

#searchform input {
    display: inline;
    margin: 0;
}

#searchform h2 input {
    font-size: 1.1em;
}

#IDXContainer input.hidden,
#searchform input.hidden {
    border: none;
}

/* Dashboard layout
-------------------------------------------------------*/
.module {
    display: inline;
    float: left;
    margin: 12px 30px 0 0;
    width: 220px;
}

.last {
    margin-right: 0;
}

/* Favorites
-------------------------------------------------------*/
#favorites_results select, #favorites_results button {
    font-size: 0.95em;
    margin: 0.25em 0 0.5em 0;
}

/* Agent Dashboard
-------------------------------------------------------*/
#main-column {
    clear: left;
    float: left;
    width: 439px;
}

#side-column {
    float: right;
    width: 220px;
}

#side-column h2 {
    font-size: 1.2em;
}

#side-column .module {
    margin: 0;
    width: 220px;
}

#main-column ul {
    border-top: 1px solid #aaa;
}

#main ul {
    list-style: none;
    margin: 0 0 0.75em 0;
    padding: 0;
}

#main li {
    border-bottom: 1px solid #ededed;
    line-height: 14px;
    padding: 6px 2px;
}

#main-column li {
    padding: 6px 2px;
}

#main-column strong.color-code {
    color: #444;
    float: left;
    font-size: 0.9em;
    font-weight: normal;
    margin-right: 1em;
    padding: 0 0.3em;
    text-align: right;
    width: 5em;
}

.Favorites {
    background-color: #E3C1C1;
}

.Searches {
    background-color: #C4E3C1;
}

.login {
    background-color: #C1D5E3;
}

.Notifications {
    background-color: #FCBA8B;
}

.Sign-Up {
    background-color: #FCBA8B;
}

.Views {
    background-color: #A3DDFF;
}

.dashboard #user_list {
    border: none;
    border-bottom: 1px solid #efefef;
    margin: 0 0 8px;
    position: relative;
}

#user_list + a {
    display: inline-block;
    margin-bottom: 16px;
}

/* Clients view
-------------------------------------------------------*/
.help-text {
    
}

table.users {
    border-top: none;
    border-bottom: 1px solid #ccc;
}

table.users tbody tr:hover {
    background-color: #efefef;
}

.users thead tr {
    border-bottom: 1px solid #ccc;
}

.users th {
    padding-top: 5px;
}

.users thead tr.toolbar {
    background-color: #efefef;
}

.users thead tr.toolbar td {
    padding: 8px 5px;
}

.users thead tr.toolbar a {
    color: #125AA7;
    background-color: white;
    border: 1px solid #ccc;
    padding: 3px 5px;
    text-decoration: none;
}

.users thead tr.toolbar a:hover {
    color: white;
    background-color: #125aa7;
}

#users form {
    text-align: right;
    margin: -1.5em 0 2.5em;
}

form button {
    float: right;
    font-size: 0.95em;
    margin: 0 0.5em;
}

textarea {
    padding: 5px;
    width: 300px;
}

/* User detail
-------------------------------------------------------*/
#user-detail .module {
    margin-top: 0;
}

.module h2 {
    background-color: #efefef;
    padding: 3px 5px;
}

#user-detail .module h3 {
    margin: 10px 5px;
    font-size: 1.5em;
}

#user-detail .module table {
    margin-bottom: 1em;
}

/* Listings results
-------------------------------------------------------*/
#fav-sortby {
    border:medium none;
    float:right;
    margin:-20px 0 8px;
}

#fav-toolbar {
    background-color: #125AA7;
    color: #ccc;
    float: left;
    margin-bottom: 12px;
    padding: 10px 5px 0;
    width:100%;
}

ul#listings-results {
    margin-top: 12px;    
}

ul#listings-results li {
    border-bottom: 1px solid #ccc;
    margin-bottom: 12px;
}

img.listing-thumbnail {
    display: inline;
    float: left;
    margin: 5px 0;
    width: 132px;
}

dl.listing-info {
    float: left;
    padding: 5px 10px 5px 10px;
    width: 515px;
}

.listing-info h3 {
    margin: 0;
}

.listing-info dt {
    display: none;
}

.listing-info dd {
    float: left;
    margin: 5px 10px 5px 0;
    padding: 0;
    width: 115px;
}

.listing-info .notes {
    display: block;
    margin-top: 12px;
}

.listing-info dd.description, .listing-info .notes dd {
    clear: both;
    display: block;
    float: none;
    margin-top: 28px;
    width: 530px;
}

.listing-info .notes dd {
    display: inline;
    margin-top: 12px;
}

.listing-info .notes dd a {
    color: #666;
    text-decoration: none;
}

.listing-info .notes dt {
    display: inline;
    font-weight: bold;
}

.listing-info dd a:hover {
    color: #fff;
}

.edit-notes {
    float:left;
    margin-left:140px;
    padding-bottom:10px;
    width:520px;
}

.edit-notes textarea {
    width: 500px;
}

#listings-results .tools {
    float: right;
    margin-top: 10px;
}

a.button {
    color: black;
    border: 1px solid #ccc;
    display: block;
    text-align: center;
}

#login,
#register_info,
#agents_login {
    display: inline;
    float: left;
    margin-right: 20px;
    width: 225px;
}

#login {
    background-color: #efefef;
    color: #111;
    padding: 12px;
}

#login a {
    color: #111!important;
}

#login p {
    display: block;
    margin: 14px 0;
}

#login input.text {
    padding: 3px 5px;
    width: 85%;
}

#register_info,
#agents_login {
    width: 390px;
    margin-right: 0;
}

#register_info {
    margin-top: 12px;
}

#register_info ul,
#main.register ul {
    list-style: disc;
    margin-left: 1.5em;
}

#main.register ul {
    margin-bottom: 1.5em;
}

#register_info ul li,
#main.register ul li {
    border: none;
}

#main.register input.text {
    width: 200px;
}

.before_ul {
    margin-bottom: 0;
}

/* Agents Backend Styles
-------------------------------------------------------*/
.user_index table td.searches,
.user_index table td.favs,
.user_index table td.notifs,
.user_index table td.visits,
.user_index table th.searches,
.user_index table th.favs,
.user_index table th.notifs,
.user_index table th.visits {
    text-align: center;
}

.user_index table td.last-visit,
.user_index table th.last-visit {
    padding-left: 10px;
}

.user_index img.access_icon_on,
.user_index img.access_icon_off {
    border: none;
    outline: none;
    width: 10px;
    height: 10px;
}

.user_index a.access_icon_on:hover,
.user_index a.access_icon_off:hover {
    background-color: transparent;
    border: none;
    outline: none;
}

#access_tool_tip {
    background-color: #FFFFdd;
    border: 1px solid #FCE55F;
    position: absolute;
    top: 0;
    left: 0;
    width: 250px;
    padding: 5px;
}

.selected td {
    background-color: #FFFFdd;
}

/* Assign Saved Search interface */
ul#assigned_users {
    list-style: disc;
}

#assigned_users li,
#user_list li {
    display: inline-block;
    border-bottom: none;
    width: 130px;
}

#no_users {
    color: #777;
}

ul#user_list {
    background-color: white;
    border: 3px solid #777;
    margin-left: 10px;
    position: absolute;
    width: 420px;
    
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.settings label {
    width: 310px;
}

.settings h3 {
    border-bottom: 1px solid #999;
    color: #777;
}

.settings fieldset {
    border: none;
    margin: 0;
    padding: 0;
    width: 100%;
}

.settings input.text {
    font-size: 1.2em;
    padding: 0.1em;
    width: 300px;
}

#site_configuration {
    border-bottom: 1px solid #ddd;
}

#site_configuration label,
#site_configuration div {
    float: left;
    width: 255px;
    padding: 10px 0 15px;
}

#site_configuration select {
    width: 255px;
}

#site_configuration #map-type,
#site_configuration #map-google {
    width: 210px;
}

#map-type select,
#map-google select {
    width: 150px;
}

div.city-selector { 
    float: left;
    width: 250px;
}

div.city-selector label {
    font-weight: normal;
}

.settings ul { 
    list-style: none;
    text-align: left;
    margin-left: 5px;
    padding-left: 0;
}

#main.settings li {
    border-bottom: none;
}

.city-selector h3 {
    border-bottom: 0;
    color: inherit;
}

#map-type {
    margin-top: 12px;
}

#map-type span {
    font-weight: bold;
    display: block;
}

#map-type label {
    display: inline;
    float: none;
}

#main.settings input.submit {
    border:1px solid #999999;
    font-size: 1em;
    margin-right: 10px;
    width: 100px;
}

div#IDXcontainer {
    margin: 0 auto;
    width: 726px;
}

#client_header {
    width: inherit;
    margin: 0 auto;
    text-align: center;
}

#client_header #header {
    text-align: center;
}

#additional_buttons {
    margin: 0 0 0 1em;
    padding:0.5em 1em 0;
}

input[type="button"][disabled="disabled"] {
    color: #999;
    border: 1px solid #999;
}

#main.register div.column {
    float: left;
    width: 200px;
}

#login p.hint {
    font-size: 0.9em;
    line-height: 1.5em;
}

/* AGENT CSS FIXES
-------------------------------------------------------*/
body.cid_376 #container #main {
    width: 714px;
}

.sortcol {
  cursor: pointer;
  padding-right: 20px;
  background-repeat: no-repeat;
  background-position: right center;
}

.sortasc {
  background-image: url(/sb/clients/images/up.gif);
}

.sortdesc {
  background-image: url(/sb/clients/images/down.gif);
}

/*
-------------------------------------------------------*/
/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clear { display: inline-block; }   
.clear:after, .container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
* html .clear { height: 1%; }
.clear { display: block; }