html { overflow-y:scroll; }
.pageContainer { padding:6px 8px; }


/* Used in multiple locations */
td.left { width:50%; padding-right:10px; }
td.right { width:50%; padding-left:10px; }
p.justify { text-align:justify; }


/* Details table */
table.details { width:448px; borders:solid 1px #ccc; }
table.details td.left { padding:4px 7px; borders:solid 1px #ccc; border-bottom:none; border-left:none; border-right:none; width:70px; font-weight:bold; backgrounds:#ededed; }
table.details td.right { padding:4px 7px; borders:solid 1px #ccc; border-bottom:none; border-right:none; width:358px; }
table.details td.aboutIntro { font-weight:normal; }
table.details strong { color:#5E9815; }


/* Related property (used in all 4 bottomTabs) div */
div.relatedProperty { background:#ededed; height:inherit; margin-bottom:10px; padding:7px; width:430px; }
div.relatedProperty td.left { width:140px; padding-right:0; borders:solid 1px red; }
div.relatedProperty td.right { width:290px; borders:solid 1px red; }


/* Tabs */
ul.tabs { margin:0; padding:0; float:left; list-style:none; height:30px; /*--Set height of tabs--*/ border-bottom:1px solid #9AB4C9; /*border-left:1px solid #ccc;*/ width:936px; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
ul.tabs li { float:left; margin:0; padding:0; height:29px; /*--Subtract 1px from the height of the unordered list--*/ line-height:29px; /*--Vertically aligns the text within the tab--*/ border:1px solid #9AB4C9; /*border-left:none;*/ margin-bottom:-1px; /*--Pull the list item down 1px--*/ overflow:hidden; position:relative; background:url(/includes/images/behindTabs.png) repeat-x; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; margin-left:2px; }
ul.tabs li.listViewContainer { background:none; border:none; margin-left:124px; }
ul.tabs li.listViewContainer a.listView { color:#999; font-weight:normal; text-align:right; padding:5px 0 0 0; color:#4D7A9A; border:none; }
ul.tabs li a { text-decoration:none; color:#4D7A9A; display:block; font-size:12px; font-weight:normal; padding:0 20px; border:1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/ outline:none; -moz-border-radius-topleft:5px; -moz-border-radius-topright:5px; -webkit-border-top-left-radius:5px; -webkit-border-top-right-radius:5px; }
ul.tabs li a:hover { background:#fff; }
ul.tabs li a.listView:hover { text-decoration:underline; }
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/ background:#fff; border-bottom:1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/ }


/* Tabs - top only */
div.topTabs { width:474px; height:432px; float:left; }
div.topTabs ul.tabs { width:474px; }
div.topTabs div.tabContainer { padding:4px; background:#fff; width:464px; height:394px; }
div.topTabs div.tabContent { padding:0; width:464px; }
div.topTabs p.virtualTourExplanation { text-align:center; color:#666; margin:2px 0 6px 0; }
div.topTabs div.virtualTourSwfContainer { height:322px; }
div.topTabs div.virtualTourThumbContainer { text-align:center; margin-top:4px; background:url(/includes/images/vtThumbBg.png) repeat-x; padding:7px 0 5px 0; height:32px; width:464px; }


/* Tabs - middle only */
div.middleTabs { min-height:470px; margin-top:20px; }
/*.middleTabs ul.tabs {  }
.middleTabs ul.tabs li {  }
.middleTabs ul.tabs li a { border:0; } //setting border to 0 removes the bevel look
.middleTabs ul.tabs li a:hover { background:#eef4f9; }
.middleTabs ul.tabs li a.listView:hover { background:#eef4f9; }
html .middleTabs ul.tabs li.active, html .middleTabs ul.tabs li.active a:hover { background:#eef4f9; border-bottom:1px solid #eef4f9; }
.middleTabs .tabContainer { background:#eef4f9; }*/
.middleTabs .tabContent { background:url(/includes/images/behindTabContent.png) top repeat-x #f5f7f9; }
div.middleTabs div.availabilityAndBookingsTab div.pcalendar { width:140px; }


/* Tabs - bottom only */
div.notLookingFor { margin-top:30px; margin-bottom:0px; background-color:#f5f5f5; border:solid 1px #cccccc; border-bottom:0; padding:20px; -moz-border-radius-bottomright:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; }
div.notLookingFor h2 { border-bottom:none; margin-bottom:0; padding-bottom:0; line-height:1.1em; font-sizes:18px; text-align:center; }
div.bottomTabs { min-height:400px; margin-top:0px; }

.bottomTabs ul.tabs { width:934px; border-left:solid 1px #cccccc; border-right:solid 1px #cccccc; -moz-border-radius-topleft:0; -moz-border-radius-topright:0; -webkit-border-top-left-radius:0; -webkit-border-top-right-radius:0; background:#f5f5f5; }
.bottomTabs ul.tabs li {  }
.bottomTabs ul.tabs li.listViewContainer { -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; }
.bottomTabs ul.tabs li a { border:0; /*--Removes the bevel look--*/ }
.bottomTabs ul.tabs li a:hover { background:#ededed; }
.bottomTabs ul.tabs li a.listView:hover { background:none; }
html .bottomTabs ul.tabs li.active, html .bottomTabs ul.tabs li.active a:hover { background:#ededed; border-bottom:1px solid #ededed; }

.ui-tabs .ui-tabs-hide {
   display: block !important;
   position: absolute;
   left: -10000px;
}

.bottomTabs .tabContainer { background:#ededed; }
.bottomTabs .tabContainer h2.left { width:744px; } /*--Because the bottomTabs have a border--*/
.bottomTabs .tabContent { background:#ededed; }


/* Tab Container / Content */
.tabContainer { border:1px solid #9AB4C9; border-top:none; overflow:hidden; clear:both; float:left; width:934px; background:#fff; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }
.tabContainer h2.left { margin:30px 0 20px 0; width:760px; float:left; display:none; color:#666; border-bottom-color:#666; }
.tabContainer h2.right { width:168px; float:left; display:none; margin-top:30px; padding-top:5px; line-height:13px; font-size:12px; text-align:right; border-bottom:solid 1px #666; }

.tabContent { padding:20px 10px 20px 10px; font-size:1.2em; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; }

/* Top Tabs > Virtual Tour Stuff */
.virtualTourSwf { display:none; }
#virtualTourSwf0 { display:block; }

/* Middle Tabs > All */
h3, #addReviewContainer .uniForm .inlineLabels legend { font-size:16px; font-weight:normal; margin:0 0 6px 0; color:#5e9815/*#9AB4C9*/; }

/* Middle Tabs > Location */
ul#list { margin-left:0; }
ul#list li { list-style-type:none; margin-bottom:10px; }

/* Middle Tabs > Reviews */
/* reviews */
#propertyReviews { float:left; width:498px; padding:0 10px 10px 0; margin-right:0px; background:#fff; }
#propertyReviews h3 { margin-bottom:18px; }
#propertyReviews .review h3 { font-size:12px; font-weight:bold; margin:0 0 6px; }
#propertyReviews .review .left { float:left; width:180px; margin-right:20px; }
#propertyReviews .review .right { float:left; width:298px; }
#propertyReviews .review .clear { margin-bottom:10px; height:10px; border-bottom:dotted 1px #cccccc; }
/* add a review */
#addReviewContainer { float:left; padding:0 10px 0 10px; margin-top:2px; border-left:dotted 1px #cccccc; }
#addReviewContainer #reviewForm { width:374px; }
#addReviewContainer #reviewForm .ctrlHolder { border-bottom:none; }
/* add a review - to kill most floats, paddings, etc caused by uni-form.css */
#addReviewContainer .uniForm .inlineLabels legend { padding:0 7px; } /* this is the 'Write a Review' text */
#addReviewContainer .uniForm .inlineLabels label { float:none; width:100%; margin-bottom:6px; }
#addReviewContainer .uniForm .inlineLabels input { float:none; width:100%; }
#addReviewContainer .uniForm .inlineLabels textarea { float:none; width:100%; }
#addReviewContainer .uniForm .inlineLabels .formHint { float:none; width:100%; margin:2px 0 0 0; }
/* add a review - sometimes we want floats; add 'float' to the ctrlHolder class */
#addReviewContainer .uniForm .inlineLabels .float label { float:left; width:120px; margin-bottom:6px; }
#addReviewContainer .uniForm .inlineLabels .float input { float:left; width:216px; }
/* button */
input.inputBtn { display:block; width:158px; height:30px; }
input.inputBtn:hover { background-position:bottom; cursor:pointer; }
input.submitReviewBtn { background:url(/includes/images/submitReviewBtn.png) no-repeat top; margin:10px auto 0 auto; border:none; }

/* Middle Tabs > Availability and Bookings */
table.availabilityKey { margin:0 auto 14px auto; height:10px; }
table.availabilityKey td.toHightlight { padding:0 2px; color:black; }
table.availabilityKey td.text { padding:0 30px 0 3px; }

/* Middle Tabs > Contact Owner */
#contactOwnerTab table { width:220px; float:left; borders:solid 1px #ccc; margin-right:10px; }
#contactOwnerTab table input, #contactOwnerTab table textarea { width:220px; margin-bottom:6px; margin-top:0; }
#contactOwnerTab table textarea { height:144px; }
#contactOwnerTab .error { display:block; float:left; visibility:hidden; width:100px; padding-right:10px; text-align:right; }
#contactOwnerTab .sendEnquiry { width:158px; height:30px; background:url(/images/buttons/sendEnquiry.png) no-repeat top; margin-top:3px; }
#contactOwnerTab .sendEnquiry:hover { background-position:bottom; }

/* Middle Tabs > Location Tab */
#locationTab iframe { float:left; margin-right:14px; width:460px; height:350px; }
#locationTab table { border:none; float:left; width:100%; }

/* Bottom Tabs > Location Tab */
a.more { font-size:16px; }


/* Blue boxes - all */
.blueBox { background:#eef4f9; padding:7px; }


/* Curved boxes - specific rules */
div.nameAndLocationContainer { margin-bottom:10px; /*height:inherit*/ }
div.nameAndLocationContainer h2 { border-bottom:none; margin-bottom:0; padding-bottom:0; line-height:1.1em; font-sizes:18px; float:left;width: 853px; }
div.nameAndLocationContainer h2 small { font-size:14px; }
div.nameAndLocationContainer img { padding-top:5px; }

div.descriptionContainer { width:448px; height:434px; overflow:hidden; float:left; margin-right:14px; -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:5px; -webkit-border-bottom-left-radius:5px; -webkit-border-bottom-right-radius:5px; background:#EEF4F9; }
div.descriptionContainer .blueBox { padding:0; }
div.descriptionContainer .blueBox table.details { margin-top:3px }

/* temporary */
h2, .tabContainer h2.right { border-bottoms:none; }

/* ie7 hacks */
*:first-child+html .nameAndLocationContainer, *:first-child+html .notLookingFor, *:first-child+html .simpleTabs { height:1%; }
*:first-child+html td.aboutIntro p { width:424px; }

/* ie6 hacks */
* html .nameAndLocationContainer, * html .notLookingFor, * html .simpleTabs, * html .tabs { height:1%; }
* html td.aboutIntro p { width:424px; }