/* Common layout styles */
body {
 margin: 0;
 font-size: 11px;
 font-family: tahoma,helvetica;
}
input, textarea, select {
 font-family: verdana;
 font-size: 10px;
}
div#pageheader {
 text-align: left;
}
.textarea_controls {
 text-align: right;
}
div#status_message {
 text-align: center;
}
.hide {
 position: absolute;
 top: 0;
 left: -1000em;
 height: 0;
 overflow: hidden;
}
.admin_button {
 background-color: #000000;
 color: #cdcdcd;
 border: 1px solid #cdcdcd;
 position: absolute;
 top: auto;
 left: auto;
}
form {
 display: inline;
}
h1,h2,h3,h4,h5,h6 {
 text-decoration: underline;
 margin-bottom: 1px;
}
.hilitetext {
 color: #ffffff;
 background: #000000;
 padding-left: 3px;
 border: 1px solid #ffffff;
}
.smallbox .cell, .smallbox .altcell {
 text-align: left;
}
.boxcontent {
 padding-left: 4px;
 padding-right: 4px;
 text-align: left;
}
.form_desc_note {
 font-size: 7pt;
}
.page_tools {
 text-align: right;
}
    /* Start custom button CSS here
    ---------------------------------------- */
    .btn {
      display:inline-block;
      background:none;
      margin:0;
      padding:3px 0;
      border-width:0;
      overflow:visible;
      font:100%/1.2 Arial,Sans-serif;
      text-decoration:none;
      color:#fff;
      }
    * html button.btn {
      padding-bottom:1px;
      }
    /* Immediately below is a temporary hack to serve the
       following margin values only to Gecko browsers
       Gecko browsers add an extra 3px of left/right
       padding to button elements which can't be overriden.
       Thus, we use -3px of left/right margin to overcome this. */
    html:not([lang*=""]) button.btn {
      margin:0 -3px;
      }
    .btn span {
/*
      border-left:1px solid #bbb;
      border-right:1px solid #aaa;
*/
      background-color: #64b6c4;
      border-left:1px solid #64b6c4;
      border-right:1px solid #64b6c4;
      color: #fff;
      margin:0;
      padding:3px 0;
      }
    * html .btn span {
      padding-top:0;
      }
    .btn span span {
      position:relative;
      padding:3px .4em;
      border-width:0;
      border-top:1px solid #64b6c4;
      border-bottom:1px solid #64b6c4;
      }

    /* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
    button.pill-l span {
      border-right-width:0;
      }
    button.pill-l span span {
      border-right:1px solid #64b6c4;
      }
    button.pill-c span {
      border-right-style:none;
      border-left-color:#fff;
      }
    button.pill-c span span {
      border-right:1px solid #64b6c4;
      }
    button.pill-r span {
      border-left-color:#fff;
      }

    /* only needed if implementing separate hover/focus/active state for buttons */
    .btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span {
      cursor:pointer; /* important for any clickable/pressable element */
      background-color: #74c6d4 !important;
      }
    .btn:active span {
      background-position:0 -400px;
      outline:none;
      }
    .btn:focus, .btn:active {
      outline:none; /* doesn't seem to be respected for "button", only "a" */
      }

    /* use if one button should be the 'primary' button */
    .primary {
      font-weight:bold;
      color:#000;
      }











h1 {
 font-size: 18pt;
}
div.faq_hidden_answer { visibility: hidden;}
div.faq_visible_answer { visibility: visible; padding: 14px; }

div#email_not_verified {
 text-align: right;
 clear: both;
}


/************* business list ************/
div.business_featured {
 border: 1px dotted #bcbcbc;
 background-color: #ffffbb;
}

/************* prop main page ************/
ul.country_list {
 list-style-type: none; padding-left: 3px;
}
img.prop_block_smallphoto {
 border: 0px solid white; position: relative; left: -2px;
}

/************* prop add pages ******************/
div#buy_long_description { width: 350px; }
div#blurb_wrapper { visibility: hidden; position: absolute; }

img.move_photo_up, img.move_photo_down {
 border: 0;
}


/************* prop list ******************/
div.prop_list_item_wrapper {
 clear: both; height: 88px; width: 580px;
 margin-bottom: 8px;
}
div.prop_list_item_photo {
 float: left; width: 120px;
 padding: 3px;
}
div.prop_list_item_text {
 float: left; width: 300px; height: 69px; padding: 0px 3px 0 3px;
}
div.prop_list_item_stats {
 float: left; width: 140px; text-align: center;
 padding-top: 12px;
}
div.prop_featured {
 border: 1px dotted #bcbcbc;
 background-color: #ffffbb;
}
div.inactive {
 background-color: #eeeeee;
}

/************* prop details ******************/

div#image_popup {
 position: absolute;
}
div#image_popup img {
 border: 3px solid #64b6c4;
}

div.hidden_tab {
display: none;
}
div.prop_album_image {
 display: inline;
}
div.prop_album_image img {
 border: 1px solid white;
}
div#property_nav { margin-top: 3px; }
div.property_nav_link {
 float: left;
 background-color: #64b6c4;
 margin-left: 4px;
}
div.property_nav_link a {
 color: white;
 font-family: helvetica;
 padding: 6px 7px 6px 7px;
 display: block;
 border: 1px solid white;
}
div.property_nav_link a.menu_item_off {
}

div.property_nav_link a:hover {
background-color: orange;
}
div.property_nav_link a.menu_item_on {
 border-bottom: 1px solid #64b6c4;
 position: relative;
 z-index: 10;
}

div.rate_header {
 font-size: 7pt;
 font-family: verdana;
 font-weight: bold;
 float: left;
}
div.rate_row { float: left; }
div.amountrow { width: 65px; }
div.staytyperow { width: 142px; }
div.minstayrow { width: 85px; }
div.daterangerow { width: 238px; }
div.namerow { clear: left; padding-top: 5px; }
div.rate_wrapper { width: 530px; }
div.cal_icon { float: left; }
div.rate_range_field { float: left; }
div.rate_range_dash { float: left; }

div.avail_month { width: 140px; float: left; }
div.avail_month_row { clear: left; }
div.availability_minimonth { height: 130px; }
div.availability_inner { height: 560px; }

div.details_namerow { width: 120px; }
div.details_amountrow { width: 65px; }
div.details_staytyperow { width: 92px; }
div.details_minstayrow { width: 85px; }
div.details_daterangerow { width: 168px; }

div.details_rate_wrapper {
 height: 22px; clear: both; width: 530px;
}

/* BEGIN SKIN CSS */
/* small normal and large fonts */
span.sf { font-size: 8pt; font-family: verdana; }
span.nf { font-family: tahoma; font-size: 11px; }
span.lf {
 font-size: 14pt; font-family: arial; font-weight: bold;
}


body {
 color: #000000;
 background-color: #f0f0f0;
 margin: 0;
 font-size: 11px;
 font-family: tahoma,helvetica;
}
a:link, a:visited {
 color: #222222;
 text-decoration: none;
}
a:hover, a:active {
 color: #343434;
 text-decoration: underline;
}
div.form_small, div.form_desc, div.formdesc {
 font-size: 7.5pt;
}
input, textarea, select {
 background-color: #ffffff;
 color: #222222;
 border: 1px solid #222222;
}
div.form_chars_left_outer {
 width: auto;
}
div.form_chars_left_inner {
 background-color: orange;
 padding: 2px;
 font-weight: bold;
 color: white;
 width: 130px;
}

INPUT:focus, TEXTAREA:focus, SELECT:focus {
 background-color: #fbfbfb;
}
div#fullpage {
 width: 847px;
 margin: 0 auto;
 border-left: 0px solid #64b6c4;
 border-right: 0px solid #64b6c4;
 border-bottom: 0px solid #64b6c4;
 background: #ffffff;
}
div#leftpanel,div#rightpanel {
 width: 200px;
 border: 1px solid white;
}
div#leftpanel {
 width: 190px;
 float: left;
 text-align: left;
 padding-right: 7px;
}
div#centerpanel {
 width: 406px;
 margin-left: 14px;
 float: left;
 text-align: left;
}
div#rightpanel {
 width: 190px;
 float: left;
}
div#logo {
 padding-left: 8px;
 padding-top: 4px;
 height: 37px;
 width: 470px;
}
div#nav_shelf {
 position: relative;
 top: -52px;
 text-align: right;
}
div#nav_shelf ul li {
 list-style-type: none;
 display: inline;
}
div#nav_shelf ul li a {
 font-weight: bold;
 color: white;
 padding: 12px 0px 12px 0px;
 display: block;
 float: right;
 width: 96px;
 text-align: center;
}
div#adminmenu {
 float: right;
 position: relative;
 z-index: 10;
}

div#pageheader {
 position: relative;
 z-index: 10;
 width: 100%;
 padding-bottom: 10px;
}
#titlefont {
 font-size: 24pt;
 font-family: verdana;
 font-weight: bold;
}
div#breadcrumb_layer {
 float: left;
 text-align: left;
 padding: 2px;
 margin-right: 2px;
 margin-left: 2px;
 width: 760px;
}
.breadcrumbs {
 font-size: 7pt;
 font-family: verdana;
 font-weight: bold;
}


div#search_box {
 float: left;
 text-align: center;
 width: 250px;
 display: block;
}

div#mainlayer {
 width: 100%;
 float: left;
}

div#pagefooter {
 text-align: center;
 clear: both;
 padding-bottom: 7px;
}

#timediv {
 padding-right: 10px;
 text-align: right;
 clear: right;
}

.table {
 width: 100%;
 border-collapse: collapse;
}
.table td.header {
 font-weight: bold;
 font-size: 14pt;
}
.table td.subheader {
 font-size: 7pt;
 font-weight: bold;
}
.table .cell {
}
.table .altcell {

}
.smallbox {
 float: left;
 width: 190px;
 margin-bottom: 12px;
}
.smallbox .subheader {
 position: relative;
 width: 180px;
 padding: 4px 0 10px 8px;
 font-weight: bold;
 color: orange;
 font-size: 9pt;
 position: relative;
 left: -5px;
 color: white;
}
.smallbox .subheader a {
 color: white;
}
.smallbox_inner {
 padding: 0px 4px 4px 5px;
 color: white;
}
.boxcontent, .boxcontent a {
 color: white;
}
div.sb_listitem, div.sb_listitem a {
 color: white;
}
.smallbox .smallbox a, .smallbox td a {
 color: white;
}
.smallbox_footer {
}

div#rightpanel .smallbox {
 margin-left: 4px;
 margin-right: 4px;
}


/* NAV MENU */
div#navlayer {
 float: left;
 text-align: center;
 margin-left: 11px;
 position: relative;
 top: -17px;
 z-index: 2;
}

ul#nav, #live_menu ul {
 list-style-type: none;
 padding-left: 0;
 margin-left: 0;
}
ul#nav li {
 display: inline;
 margin-right: 4px;
}
ul#nav li a {
 height: 24px;
}
ul#nav a:hover {
 text-decoration: none;
}
ul#nav li a {
 float: left;
 white-space: nowrap;
 font-size: 11px;
 font-family: helvetica;
 font-weight: bold;
 line-height: 15pt;
 margin-right: 4px;
 display: block;
 width: 110px;
 height: 40px;
 color: white;
 padding-top: 10px;
}

ul#nav li a#<active_link>link {
 position: relative;
 top: 5px;
 text-decoration: none;
 z-index: 30;
}
ul#nav a:hover {
 position: relative;
 top: 5px;
 text-decoration: none;
}


div#loading {
 border: 1px solid #abadbf;
 background-color: #fff;
 font-weight: bold;
 padding: 10px 30px 10px 30px;
}

span.pagelinks {
 border: 1px solid #e0e0e0;
 padding: 1px;
 word-spacing: -3px;
}
.pl_link {
 font-size: 11px;
 padding: 0;
 border: 0;
 padding-left: 3px;
 padding-right: 3px;
 margin-bottom: 1px;
}

.pl_curlink {
 border: 0;
 background-color: #ededed;
 font-size: 11px;
 font-weight: bold;
 padding-left: 3px;
 padding-right: 3px;
 margin-bottom: 1px;
}
.button {
 border: 1px solid #000000;
 background-color: white;
}

/* begin popup administration menues */
div.menu_wrapper {
 float: left;
 width: auto;
}
ul.menu li ul {
 width: 100px;
 border: 1px solid #cdcdcd;
}
ul.menu li {
 font-weight: bold;
 font-size: 11px;
 text-align: center;
 line-height: 15pt;
}
ul.menu li ul a:hover, ul.menu li a:hover {
 background-color: #ffffff;
}
ul.menu li ul li {
 background-color: #fafafa;

 width: 100px;
 font-size: 10px;
}

div#prop_mod_nav {
}
div#prop_mod_nav a {
 display: block;
 width: 170px;
 font-weight: bold;
 padding: 5px 0px 5px 4px;
}
.inactive_step_link {
}
.active_step_link {
 width: 170px;
 background-color: orange;
 color: white;
}
.inactive_step_link a, .active_step_link a {
 color: #ffffff;
}

div#prop_mod_nav a:hover {
 text-decoration: underline;
}




/* begin ajax tab menues */
#live_menu ul li {
 display: inline;
}
#live_menu ul li a {
 padding: 3px 10px 0 10px;
 float: left;
 margin-right: 5px;
 padding: 4px 3px 4px 3px;
 height: 12px;
 font-weight: bold;

 font-size: 7pt;
 white-space: nowrap;
 cursor: pointer;
 margin-bottom: 0px;
}
#live_menu a:hover {
 text-decoration: none;
}
#live_menu_contentbox, .live_menu_contentbox {
 float: left;
 width: 100%;
 font-family: arial;
 font-size: 13px;
 margin-top: 0px;
}
div#live_menu {
 width: 100%;
 float: left;
 margin-left: 5px;
}
div#live_menu .menu_item_on {
 position: relative;
 top: 1px;
}
div#live_menu .menu_item_off {
}
/* end ajax menues */

/* Begin CP */
div#cp_sections {
 font-family: arial;
 margin-bottom: 18px;
}
div.cp_sections_header,div.cp_tools_header {
 font-weight: bold;
 font-size: 9pt;
 text-decoration: underline;
 font-family: verdana;
}
div#cp_sections a {
 display: block;
 float: left;
 margin: 0 12px 0 12px;
}
div#cp_sections a:before { content: "["; }
div#cp_sections a:after { content: "]"; }
div#cp_leftside {
 font-family: arial;
 width: 140px;
 float: left;
}
div#cp_leftside a {
 display: block;
 text-align: center;
}
div#cp_leftside a:hover:before { content: "-"; }
div#cp_leftside a:hover:after { content: "-"; }
div#cp_rightside {
 padding-top: 30px;
 font-family: arial;
 float: left;
}
/* End CP */


/* Business section styles */
.business_row_outer {
 width: 392px;
 height: 92px;
 padding: 8px 4px 0 4px;
 border: 1px solid black;
 margin-bottom: 6px;
}
.business_row_main {
 opacity: 0.8;
 background-color: white;
 width: 380px;
 height: 84px;
 padding-left: 2px;
 border: 1px solid black;
}
.business_row_main:hover {
 opacity: 0.9;
}
.business_row_links {
}

.ajax_search_assist {
 float: right;
 visibility: hidden;
 border: 1px solid black;
 padding: 4px;
 width: 120px;
 position: relative;
 top: -13px;
 background-color: white;
}

div#property_content {
 clear: both;
 background-color: #64b6c4;
 width: 580px;
 color: white;
 padding: 4px 16px 16px 16px;
}
div#property_content a {
 color: white;
}
.feature {
 border: 1px solid white;
 float: left;
 display: block;
 width: 140px;
 height: 22px;
 padding: 2px 0 0 2px;
 margin-right: 2px;
 font-size: 9pt;
 font-family: helvetica;
}
.feature:hover, .feature_active {
 border: 1px solid orange;
 background-color: #edf6fd;
}
.feature_cell {
 width: 170px;
}
.feature_buttons {
 float: left;
}

div.widebox {
 background-color: #64b6c4;
 color: white;
 padding: 4px;
}
div.widebox a { color: white; }

td p { display: inline; }
/* inline-block and the 0 margin get rid of ugly space around the days */
td.unavailable p { margin: 0; display: inline-block; width: 14px; background-color: orange; }
td.past { text-decoration: line-through; }