/* import stylesheets and hide from ie/mac \*/

@import url("screen/undohtml.css");
@import url("screen/common.css");

@import url("screen/layout.css");
/* @import url("screen/forms.css"); */
@import url("screen/lists.css");
@import url("screen/rolodex.css");
@import url("screen/mapping.css");
@import url("screen/sitemap.css");
@import url("screen/new_branding.css");
@import url("screen/informed_seller.css");

/* end import/hide */

/* OVERRIDES */

body {
   background-color: #f2f2f2;
}

#header,
#lightHeader,
#minimalHeader {
   width: 98.2em;
   margin: 0 auto;
   position: relative;
}

#footer {
   position: relative;

   width: 98em;
   margin: 0 auto;
   padding: 0;

   height: 2.5em;
   line-height: 2.5em;

   font-size: 1em;
   text-align: center;
}

   #footer p {
      font-size: 1.0em;
      line-height: 1.0em;
      padding: 0;
      margin: 0.5em 0 0 0;
   }

#promotion, #navigation, #sub_navigation {
   position: relative;
   width: 98em;
   margin: 0 auto;
   padding: 0;
   border: 0;
}

.isNotLive #promotion {
   background-image: url("../ah/image/not_live.png");
   background-repeat: repeat-x;
}

#standard #sub_navigation *:link,
#standard #sub_navigation *:visited,
#standard #footer *:link,
#standard #footer *:visited,
#minimal #footer *:link,
#minimal #footer *:visited,
#light #footer *:link,
#light #footer *:visited {
   color: #0000CC;
}

#light #sub_navigation {
   color: white;
}

#sub_navigation *:link, #sub_navigation *:visited {
   text-decoration: underline;
}

#standard #sub_navigation *:link:hover, #standard #sub_navigation *:visited:hover,
#standard #footer *:link:hover, #standard #footer *:visited:hover,
#minimal #footer *:link:hover, #minimal #footer *:visited:hover {
   color:#E60606 !important;
}

#siteSectionTabs {
   margin-left: 0.5em;
}

   #standard #promotion {
      height: 54px;
      padding: 3px 0;
   }

   #standard #navigation {
      height: 2.5em;
      background: #565656 url("../ah/image/background-grey.gif") repeat-x bottom  !important;
      border-left: 1px solid #565656;
      border-right: 1px solid #565656;
   }

   #standard #sub_navigation {
      border-bottom: 1px solid #C6C6C6;
      border-left: 1px solid #c6c6c6;
      border-right: 1px solid #c6c6c6;

      height: 2em;
      line-height: 2em;

      background: #e7f2ff url("../ah/image/gradient-subnav-light-blue.gif") repeat-x bottom  !important;
   }

   #light #promotion {
      height: 54px;
      padding: 3px 0;
   }

   #light #navigation {
      display: none;
   }

   #light #sub_navigation {
      height: 2.72em;
      line-height: 2.72em;
      background: #e60606 url("../ah/image/gradient-red.gif") repeat-x bottom  !important;
      border-left: 1px solid #e60606;
      border-right: 1px solid #e60606;
   }

#layout_01, #layout_02, #layout_03 {
   border-left: 1px solid #c6c6c6;
   border-right: 1px solid #c6c6c6;
   border-bottom: 1px solid #c6c6c6;
}

#layout_03.listing #left_container { font-size: 1.0em; }
#layout_03.listing #left_container dl {font-size: 1.0em; }
#layout_03.listing #left_container p { font-size: 1.0em; margin: 0;}
#layout_03.listing #left_container h1 { font-size: 1.4em; font-weight:bold;}
#layout_03.listing #left_container h2 { font-size: 1.2em;}
#layout_03.listing #left_container h3 { font-size: 1.0em;}
#layout_03.listing #left_container dt { font-weight: normal; }
#layout_03.listing #left_container dd { font-weight: normal; }
#layout_03.listing #left_container div.quarter_column { padding: 0 !important; margin: 0 !important; width: 8.35em !important;}
#layout_03.listing #left_container div.column div.mediumLightBox { margin: 0px !important; }

/* Remove vertical spacing from columns within forms */

#layout_01 #left_container form div.quarter_column,
#layout_01 #left_container form div.one_third_column,
#layout_01 #left_container form div.half_column,
#layout_01 #left_container form div.two_thirds_column,
#layout_01 #left_container form div.three_quarter_column,
#layout_01 #left_container form div.column {
   padding: 0em 0 0em 0.5em !important;
}

#layout_01 #left_container form div.header h1 {
   margin-bottom: 0.5em !important;
}

#layout_03 #left_container {
   background-color: #eef6f7;
   border-top: 1px solid #d4d4d4;
   border-bottom: 1px solid #d4d4d4;
}

/* Set clear to none for columns within wrappers. */
div.one_column_wrapper div.column,
div.two_column_wrapper div.column,
div.three_column_wrapper div.column,
div.four_column_wrapper div.column,
div.five_column_wrapper div.column,
div.six_column_wrapper div.column {
   clear: none !important;
}

#logon, #logout {
   float: right;
   margin: 0;
   padding: 0 1em 0 0;
   font-size: 1.1em;
}

#logout {
   text-transform: uppercase;
}

#breadCrumbs {
   float: left;
   font-size: 1.1em;
   margin: 0;
   padding: 0 0 0 1em;
}

#pageTitle {
   position: relative;
   height: 2.5em;
   border-bottom: 1px solid #d4d4d4;
   margin: 0 0.5em 1.5em 0;
}

#pageTitle h1 {
   color: #000;
   margin: 0;
   border: 0;
   text-decoration: none;
}



div.spacer1 { display: none; }
div.spacer2 { display: none; }
div.spacer3 { display: none; }
div.spacer4 { display: none; }

.primary_colour { background: none; }
.secondary_colour { background: none; }

#tabList {
   position: absolute;
   top: 0.1em;
   left: 0px;
   list-style: none;
   padding: 0;
   margin: 0;
   height: 1.85em;
   line-height: 1.85em;
   display: inline;
   overflow: hidden;
   font-family: Verdana,Arial,Helvetica,sans-serif;
   word-spacing: -1px;
}

#tabList li {
   color: #C6C6C6;
   margin: 0;
   padding: 0;
   display: inline;
   list-style-type: none;
}

#tabList a {
   padding: 0.1em 0.2em 0.2em 0.2em;
   overflow: hidden;
   text-decoration: none;
   font-weight: bold;
   word-spacing: 0px;
}

#tabList a:hover {
   color: #ffffff !important;
   background: #909090 url("../ah/image/button-grey.gif") repeat-x bottom  !important;
}

#tabList a.selected {
   background: #fc5938 url("../ah/image/button-red.gif") repeat-x bottom  !important;
}

#searchBox {
   /* position: absolute; */
   /* right: 0px; */
   z-index: 1000;
   margin-top: 0.3em;
   margin-right: 0.5em;
   /* background: white url(../image/magglass.gif) no-repeat scroll 0pt center; */
   padding-left: 0.5em;
   border: 1px solid #999;
   height: 1.4em;
   line-height: 1.3em;
   padding-top: 0.2em;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 1.1em;
   width: 13em;
}

/*
 * Individual Site Section Tab Styles.
 */

/*
 * Allhomes Management Site Tabs.
 */

#tabAdminHome a {
   width: 106px;
   background: url(../ah/image/tabs/admin_home_tab.gif) top left no-repeat;
}

#tabAgent a {
   width: 61px;
   background: url(../ah/image/tabs/agent_tab.gif) top left no-repeat;
}

#tabAllHomes a {
   width: 106px;
   background: url(../ah/image/tabs/allhomes_tab.gif) top left no-repeat;
}

#tabFinancial a {
   width: 106px;
   background: url(../ah/image/tabs/financial_tab.gif) top left no-repeat;
}

#tabReports a {
   width: 106px;
   background: url(../ah/image/tabs/reports_tab.gif) top left no-repeat;
}

#navigationTabs {
   clear: both;
   height: 2.0em;
}

/* MENU BLOCK STYLES */

div.menu_link h2 {
   font-size: 1.8em;
   font-weight: normal;
   border: none;
   margin-bottom: 0.2em;
}

div.menu_link p {
   color: #000;
   text-decoration: none;
   text-transform: none;
}

div.menu_link :link h2, div.menu_link h2 :link { color: #00c; text-decoration: underline; }
div.menu_link :visited h2, div.menu_link h2 :visited { /* color: #e60606; */ text-decoration: underline; }
div.menu_link :visited:hover h2, div.menu_link h2 :visited:hover { color: #e60606; text-decoration: underline; }
div.menu_link :link:hover h2, div.menu_link h2 :link:hover { color: #e60606; text-decoration: underline; }

/* Images */

.map,
img.photo,
img.agent_photo{
   clear: none;
   border: 1px solid #d4d4d4;
   padding: 3px;
   margin: 1px 0 3px 3px;
   background-color: white;
}

/* Google Street View on Listing Photos page. */
#streetViewPano {
   border: 1px solid #d4d4d4;
   padding: 3px;
   width: 600px;
   height: 400px;
   margin: 0 auto;
}

/* Display Agent Logos Centered */
img.logo {
   display: block;
   margin: 0 auto;
}

img.agent_photo {
   margin-left: 0;
   margin-right: 4px;
}

img.agent_logo {
   margin-right: 0;
}

/* Unordered Lists */

ul.links {
   margin: 0 0 1em 0;
   font-size: 1em;
   line-height: 1.2em;
}

ul, ol {
   margin: 0 0 0.5em;
}

ul li,
ol li {
   margin-bottom: 0.5em;
}

/* Form Styling */

form.standard{
   float: left;
   background-color: #eef6f7;
   border-top: 1px solid #d4d4d4;
   border-bottom: 1px solid #d4d4d4;
   padding: 0 0 0.5em 0;
}
/*
 * Please note that the attribute selectors for input tags only work in good browsers.
*/
input, select, button, textarea,
input[type="checkbox"], input[type="radio"] {
   border: 1px solid #ccc;
}

.form_separator {
   border-top: 2px solid white !important;
   margin-top: 1em !important;
}

.sold {
   background: url("../ah/image/sold.png") no-repeat top  !important;
}
.under_offer {
   background: url("../ah/image/under_offer.png") no-repeat top  !important;
}

.rented {
   background: url("../ah/image/rented.png") no-repeat top  !important;
}

div.smallLightBox {
   width: 64px;
   margin: 0 auto;
   padding: 2px;
   border: 1px solid #d4d4d4;
   background-color: white;
}

div.mediumLightBox {
   width: 320px;
   margin: 2px;
   padding: 2px;
   border: 1px solid #d4d4d4;
   background-color: white;
}

div.largeLightBox {
   width: 640px;
   margin: 2px;
   padding: 2px;
   border: 1px solid #d4d4d4;
   background-color: white;
}

div.smallLightBox img,
div.mediumLightBox img,
div.largeLightBox img {
   clear: none;
   margin-left: auto;
   margin-right: auto;
   margin-bottom: 1px;
}

div.smallLightBox img {
   width: 64px !important;
   height: 43px !important;
}

div.smallLightBox h3,
div.mediumLightBox h3,
div.largeLightBox h3 {
   background-color: #444;
   color: white;
   margin: 0;
   padding: 0;
   text-align: center;
   font-weight: normal;
   text-transform: none;
}

div.smallLightBox h3 {
   font-size: 1.0em;
   line-height: 2.0em;
   height: 2.0em;
}

div.mediumLightBox h3 {
   font-size: 1.2em;
   line-height: 2.4em;
   height: 2.4em;
}

div.largeLightBox h3 {
   font-size: 1.4em;
   line-height: 2.8em;
   height: 2.8em;
}

div.button {
   float: right;
   color: black;
   /* background: #e60606 url("../image/gradient-red.gif") repeat-x bottom !important; */
   font-size: 1.0em;
   padding: 0;
   margin-top: -0.5em;
   text-transform: uppercase;
}

p.advert {
   font-size:1.1em !important;
   line-height:1.2em !important;
   margin: 1em 0 0 0 !important;
   text-align:center;
   text-transform:uppercase;
}

/*
div.button a {
   color: #000 !important;
   text-decoration: none;
}

div.button a:hover {
   color: #000 !important;
   text-decoration: underline;
}
*/
div.toggleOption {
   padding: 0;
   margin: 0 0 0.5em 0;
   font-size: 1.2em !important;
   font-weight: normal !important;
}

table.controls {
   border: 0;
   padding: 0;
   margin: 0;
   display: block
}

table.controls tr,
table.controls td,
table.controls th {
   border: 0;
   padding: 2px;
   margin: 0;
   vertical-align: middle;
   text-align: center;
}

table.list tr,
table.list td,
table.list th {
   border: 0;
   margin: 0;
}

h2.address {
   font-size: 1.6em !important;
}

h2.price {
   font-size: 1.5em !important;
}

.highlight {
   text-transform: uppercase;
   color: #e60606;
}

/* padded either side */
.padded {
   padding: 0 1em;
}

/* padded on the left */
.indented {
   padding-left: 1em;
}

div.agent p {
   font-size: 1.1em;
   padding: 0;
   margin: 0 0 0.4em 0;
}

div.agent h3 {
   font-size: 1.1em;
   margin: 0.5em 0 0 0;
   clear: both;
}

/* Feb 2010 - list 5 and more YS */
p{
line-height:120%
}

p.feature_list {
   padding-left: 0.5em;
   font-size: 1.2em !important;
   line-height: 1.44em !important;
}

p.smaller {
   font-size: 1.1em !important;
}

p.small {
   font-size: 1.0em !important;
}

div.listing_description {
   font-size: 1.2em !important;
   line-height: 1.2em !important;
   margin: 0;
   padding: 0;
   border: 0;
}

/* Make submit buttons stand out more */

input.submit_button {
   border: 1px solid black !important;
}

table.recordList {
   font-size: 1.2em !important;
}

table.recordList img {
   vertical-align: top;
   padding-left: 1em;
}

/* Increase the top margin for submit buttons that live inside
   a vertical form field only */

div.vv_field input.submit_button, div.vs_field input.submit_button,
div.vm_field input.submit_button, div.vl_field input.submit_button {
   margin-top: 1em !important;
}

/*
   Convience classes for indenting paragraphs
*/
p.tab_stop_0 {
    padding-left: 0em;
    line-height: 1.4em;
    margin-bottom: 0.3em;
}
p.tab_stop_1 {
   padding-left: 3em;
    line-height: 1.4em;
    margin-bottom: 0.3em;
}
p.tab_stop_2 {
   padding-left: 6em;
   line-height: 1.4em;
   margin-bottom: 0.3em;
}
p.tab_stop_3 {
   padding-left: 9em;
    line-height: 1.4em;
   margin-bottom: 0.3em;
}

.no_margin {
   margin: 0 !important;
}

/* Remove underline from images withing anchors */
p a img {
   text-decoration: none !important;
}

/* Class for adding a light blue background with a grey border on top and bottom with some padding
 * It is basically the same styling that forms have these days
 */
.light_blue_box {
   background-color:#EEF6F7;
   border-bottom:1px solid #D4D4D4 ! important;
   border-top:1px solid #D4D4D4 ! important;
   padding:0.5em;
}

/* Class for adding a light grey background with a black border on top and bottom with some padding. */
.light_grey_box {
   background-color:#F2F2F2;
   border-bottom:1px solid #BBB ! important;
   border-top:1px solid #BBB ! important;
   padding:0.5em;
}

/*
 * An attempt to make unordered and ordered lists look like they are supposed to.
 * This is not permanent, eventually default behaviour should remain the same (ie showing bullets)
 * and then should be overridden on a case by case basis instead of making it a default behaviour.
 * Default behaviour is broken by the undohtml.css stylesheet.
*/
.fix_list ul, fix_list ol{
   padding: 0pt 0pt 0pt 3em;
}
.fix_list ul {
   list-style-type: disc;
}
.fix_list ol {
   list-style-type: decimal;
}

/* Add a thin border around legend GIFs so that they stand out more against a white background -
   particulary the GIF that is coloured white. */
img.legend {
   border: 1px solid #4c4c4c;
}

/*
 * Styles for the listing photo view page.
*/
.thumbnail img {
   padding:0;
}

/* Div containing the large photo */
#photoPlaceHolder, #streetViewPano {
   margin-top: 0;
   position: relative;
   clear: both;
}

/* photo navigation links */
#prevnext {
   float: right;
   padding-right: 1em;
   font-size: 1.1em;
}
#next, #prev, #streetViewLinkDiv, #advancedMappingPhotoLink {
   display:inline;
   line-height: 1.4em;
}

#preloadImage {
   display:none;
   position: absolute;
   top: 150px;
}
#statusText {
   text-align: left;
   border: none;
   margin: 0;
   padding: 0;
}
#photo {
   margin-top: 0em;
   margin-bottom: 1em;
}
#titleBox {
   float: left;
   padding-left: 1em;
}

#date-added-text {
   margin: 0;
   padding-bottom: 1em;
}
#pageTitle {
   margin: 0;
}
#photoLink, .thumbnail {
   outline:none;
}
#returnLink {
   display: inline;
}
#prevnext a:active, #prevnext a:focus {
   text-decoration: underline;
}
#prevnext a {
   outline:none;
}
#streetViewBlockVisual {
   height: 400px;
   width: 100%;
}
.streetViewBlockNSW {
   height: 300px;
   width: 100%;
   padding-top: 0.5em;
}

img.featureStar {
   vertical-align: bottom;
}

/* ------------------------------------------------------------------------------ */

/* BUTTONS */

.buttons a, .buttons button{
   display:block;
   float:left;
   margin:0 7px 0 0;
   background-color:#fff;
   border:1px solid #666;
   border-top:1px solid #999;
   border-left:1px solid #999;

   font-size:100%;
   line-height:130%;
   text-decoration:none;
   text-transform: uppercase;
   cursor:pointer;
   padding:5px 10px 6px 7px; /* Links */
}
.buttons button{
   width:auto;
   overflow:visible;
   padding:4px 10px 3px 7px; /* IE6 */
}
.buttons button[type]{
   padding:4px 10px 5px 7px; /* Firefox */
   /* padding:5px 10px 5px 7px; Firefox */
   line-height:17px; /* Safari */
}
*:first-child+html button[type]{
   padding:4px 10px 3px 7px; /* IE7 */
}
.buttons button img, .buttons a img{
   margin:0 3px -3px 0 !important;
   padding:0;
   border:none;
   width:16px;
   height:16px;
}

/* STANDARD */

button:hover, .buttons a:hover {
   background-color:#dff4ff;
   border:1px solid #c2e1ef;
   color:#336699;
   text-decoration: none;
}
.buttons a:active {
   background-color:#6299c5;
   border:1px solid #6299c5;
   color:#fff;
   text-decoration: none;
}

div.form_buttons {
   margin-top: 1em !important;
   padding-top: 1em !important;
   border-top: 1px dashed #ccc;
}

.grey {
   background: #909090 url("../ah/image/button-grey.gif") repeat-x bottom  !important;
}

.red {
   background: #e60606 url("../ah/image/gradient-red.gif") repeat-x bottom  !important;
}

/* http://www.brunildo.org/test/img_center.html */

   .thumbnailImagePreview {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 26px;
      height: 20px;
      background-color: white;
      border: 1px solid #ccc;
   }
   .thumbnailImagePreview * {
       vertical-align: middle;
   }
   /*\*//*/
   .thumbnailImagePreview {
      display: block;
   }
   .thumbnailImagePreview span {
      display: inline-block;
      height: 100%;
      width: 1px;
   }
   /**/

   .smallImagePreview {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 66px;
      height: 45px;
      background-color: white;
      border: 1px solid #ccc;
   }
   .smallImagePreview * {
       vertical-align: middle;
   }
   /*\*//*/
   .smallImagePreview {
      display: block;
   }
   .smallImagePreview span {
      display: inline-block;
      height: 100%;
      width: 1px;
   }
   /**/

   .mediumImagePreview {
      display: table-cell;
      text-align: center;
      vertical-align: middle;
      width: 330px;
      height: 250px;
      background-color: white;
      border: 1px solid #ccc;
   }
   .mediumImagePreview * {
       vertical-align: middle;
   }
   /*\*//*/
   .mediumImagePreview {
      display: block;
   }
   .mediumImagePreview span {
      display: inline-block;
      height: 100%;
      width: 1px;
   }
   /**/

button.primaryAction {}
   button.primaryAction img { background-color: black; }

button.alternateAction {}
   button.alternateAction img { background-color: gray; }

button.exceptionalAction {}
   button.exceptionalAction img { background-color: red; }

/* Inrease the spacing between a toggle option and its text. */
div.toggleOption input { margin-right: 0.5em; }

.inputFieldEmpty {
   color: #808080;
}


/* Styles specific to the Past Sales Information Links displayed on the listing photo page. */
div.pastSalesInformation { margin-top: 1em; padding-right: 2em; }
div.pastSalesInformation tr, td, th { margin-left: 0; margin-right: 0; padding-left: 0; padding-right: 0;}
div.pastSalesInformation h2 { color: #cc0606; border-bottom: 1px dashed #999999; font-weight: normal; font-size: 1.3em; }

/* Styles for showing a message in bold to the right of the page title */
div#pageTitleRightMessage {
   font-size: 1.2em;
   line-height: 2em;
   font-weight: bold;
}

/** Landing page hacks. */
div.landing h1 { margin: 0; border: none; font-weight: bold; }
div.landing h2 { margin: 0; font-size: 1.2em; color: #333; margin-bottom: 1em; font-weight: normal}
div.landing #searchLabel { color: #CC0606; font-size: 1.2em; font-weight: bold; }
div.landing a#sitemap { text-decoration: none !important; color: black !important; }
div.landing 
div.shadowed_box { background-image: url(../ah/image/gradient_border_long.png); background-position: top left; background-repeat: no-repeat; padding: 30px 0 30px 33px; }

/** Browse page hacks. */
h1.clean_heading { border-bottom: none; }
h1.clean_heading span.count { font-size: 0.8em; color: #333; }

/** Browse page right-hand-side column drop shadows. */
div.shadowed_border_tiny { background-image: url(../ah/image/shadow_border_top_left_tiny.png); background-position: top left; background-repeat: no-repeat; padding: 40px 0 0 40px; }
div.shadowed_border_short { background-image: url(../ah/image/shadow_border_top_left_short.png); background-position: top left; background-repeat: no-repeat; padding: 40px 0 0 40px; }
div.shadowed_border_long  { background-image: url(../ah/image/shadow_border_top_left_long.png); background-position: top left; background-repeat: no-repeat; padding: 40px 0 0 40px; }

p.past_sales_link a { background-image: url(../ah/image/graph_icon_normal.gif); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 45px; display: block; line-height: 34px; }
p.past_sales_link a:hover { background-image: url(../ah/image/graph_icon_hover.gif); }

p.new_sale_listings_link a { background-image: url(../ah/image/for_sale_icon_normal.gif); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 45px; display: block; line-height: 34px; }
p.new_rental_listings_link a { background-image: url(../ah/image/for_rent_icon_normal.jpg); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 45px; display: block; line-height: 34px; }
p.new_share_listings_link a { background-image: url(../ah/image/share_house_icon_normal.jpg); background-position: top left; background-repeat: no-repeat; padding: 0 0 0 45px; display: block; line-height: 34px; }

p.new_sale_listings_link a:hover { background-image: url(../ah/image/for_sale_icon_hover.gif); }
p.new_rental_listings_link a:hover { background-image: url(../ah/image/for_sale_icon_hover.gif); }
p.new_share_listings_link a:hover { background-image: url(../ah/image/for_sale_icon_hover.gif); }

p.copyright a {text-decoration: none; color: #000 !important;}
p.copyright a:hover {text-decoration: none;}