/******************************************
 * MAIN LAYOUT
 ******************************************/
/* In the following we get rid of the peekaboo bug in IE 5
   by giving the parent container a set height */
/* Hides from IE5-mac \*/
* html #main .content {height: 1%;}
/* End hide from IE5-mac */

/******************************************
 * REGISTRATION FIELD
 ******************************************/
#registerForms, .loggedIn{min-height:1px}
/* force a min-height in IE \*/
* html #registerForms, * html .loggedIn {height:1px;}

/******************************************
 * RSS BOX
 ******************************************/
#rss{margin-top:5px; padding:5px 13px 0 13px; background-image:url(../images/dotted_green.gif); background-position:top left; background-repeat:repeat; float:right; width:203px; }
#rss img{float:left; margin-right:5px;}
#rss p#link{margin-left:32px; padding:0 0 0 0; margin:0; font-weight:bold;}
#rss p{ font-weight:normal; margin-top:10px; margin-bottom:10px;}
#rss a{color:#7c7c7c;}

/******************************************
 * GENERAL ELEMENTS
 ******************************************/
h2{font-size:100%; color:#70a8cb}
h3{font-size:90%;}
.asc{font-size:85%; position:relative; top:-4px}

/******************************************
 * BANNER
 ******************************************/
#banner{padding-top:0px}
#openOfficesIntro{margin:10px 0 0 5px; width:276px; float:left;}
#registration{margin:5px 0 0 0; }

/******************************************
 * NAVIGATION AND CONTENT AREA
 ******************************************/
#navigationContent{margin-right:249px;}

/******************************************
 * BREADCRUMBS
 ******************************************/
#breadcrumbs{color:#7c7c7c;}
#breadcrumbs p{margin:0; padding:0; display:inline; font-size:75%; font-weight:bold;}
#breadcrumbs ul{margin:0; padding:0; display:inline;}
#breadcrumbs li{margin:0; padding:0 0 0 13px; font-size:75%; background-image:url(../images/breadcrumb_arrow.gif); background-position:left; background-repeat:no-repeat; display:inline;}
#breadcrumbs li a{color:#6ea0b9;}

/******************************************
 * SUBNAVIGATION
 ******************************************/
#subNavigation{width:200px; float:left; margin:20px 0 0 0;}
#subNavigation ul{margin:0; padding:0 0 0 0; list-style:none; background-image:url(../images/secNav_dotted.gif); background-position:bottom; background-repeat:repeat-x;}
#subNavigation li{margin:0; font-size:80%; padding:.6em 0 .6em 0; list-style:none; background-image:url(../images/secNav_dotted.gif); background-position:top; background-repeat:repeat-x;}
#subNavigation a{color:#6ea0b9; text-decoration:none;}
#subNavigation li li{padding:.2em 0 .2em 13px; font-size:90%; background-image:url(../images/breadcrumb_arrow.gif); background-position:left; background-repeat:no-repeat}
#subNavigation ul ul{background-image:none; margin-top:.3em}
#subNavigation a span{color:#bc8d4a;}
#subNavigation li.highlighted a{text-decoration:underline}

/******************************************
 * INSIDE CONTENT AREA
 ******************************************/
#insideContentArea{margin-left:210px;}
#insideContentArea h1, #insideContentAreaNoSubNav h1{border-bottom:2px solid #70a8cb; padding:0 0 .3em 0; margin:.7em 0 .5em 0;}
#insideContentArea h1.findHeader, #insideContentAreaNoSubNav h1.findHeader{border-color:#98c11e;}
#insideContentAreaNoSubNav{margin-left:0;}

/******************************************
 * FORM ELEMENTS
 ******************************************/
form.general fieldset{background-color:#f3f1e9;border:1px solid #98c11e; margin:0 0 10px 0; padding:10px 10px 0 10px;}
form.general legend{color:#98c11e}
form.general .inline{margin:0; padding:5px 0 0 0;}
form.general input, form.general select, form.general textarea{margin-bottom:5px;}
form.general .required{padding:.5em 0 .5em 10em; margin:0}
form.general p{margin:0 0 0 0; padding:0 0 1em 0;}
.singleButton{margin-top:10px;}
form.general .checkboxes, .formCheckbox input{margin-left:10.5em; font-size:75%; padding:0;}
/* we adjust the left margin of the checkbox for IE */
* html form.general .checkboxes, * html .formCheckbox input {margin-left:8em; margin-bottom:0;} 
form.general .checkboxLabel{float:none; width:auto; padding:0;}
.formCheckbox label{display:inline; width:auto; float:none; position:relative; top:-2px;}
.formCheckbox input{}
label.largeLabelShortNumber, label.largeLabelShortNumbererror, label.unitDropdown, label.unitDropdownerror, label.officeType{width:15em;}
input.largeLabelShortNumber, input.largeLabelShortNumbererror, input.shortNumber, input.shortNumbererror{width:50px;}
textarea.large{width:250px; height:100px;}

/******************************************
 * TABLES
 ******************************************/
.tableContainer{width:99.5%;}
table{border:1px solid #70a8cb; background-color:#f3f1e9; border-spacing: 0; padding:1px; width:100%;} 
/* we get rid of the padding in IE */
* html table { border-collapse:collapse;} 
th{font-size:80%; border-collapse:collapse; padding:.2em 5px .2em 5px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
td{font-size:80%; border-collapse:collapse; border-right:1px solid #fff; border-bottom:1px solid #fff; padding:.2em 5px .2em 5px;}
/* column headings */
thead th{text-align:center; background-color:#70a8cb; color:#fff;}
/* forum names */
th{background-color:#eae6d8; text-align:left;}
.row2 td{background-color:#ece9de;} 

/******************************************
 * SORT BY - DROPDOWN
 ******************************************/
.sortBy{text-align:right; margin-bottom:1em;}
.sortBy label{width:auto; display:inline; float:none;}

/******************************************
 * HEADER IMAGES
 ******************************************/
#findHeaderImage{background-image:url(../images/header_find_bg.gif); background-position:top left; background-repeat:repeat-x}
#findHeaderImage .insideImage{background-image:url(../images/header_find_main.jpg); background-position:top left; background-repeat:no-repeat}
#findHeaderImage .insideImage div{height:75px; background-image:url(../images/header_find_end.gif); background-position:top right; background-repeat:no-repeat}

/******************************************
 * DOTTED AREAS
 ******************************************/
#verticalBottomFind{margin-top:10px; background-image:url(../images/dotted_green.gif); background-position:top left; background-repeat:repeat; height:37px} 
.verticalFind{background-image:url(../images/dotted_green.gif); background-position:top left; background-repeat:repeat; }

/******************************************
 * FIND OPTIONS
 ******************************************/
#findOptions{padding:10px; margin-bottom:10px; background-image:url(../images/dotted_green.gif); background-position:top left; background-repeat:repeat; }
#findOptions form{display:inline; margin:0; padding:0;}
#findOptions input{margin-right:5px;}

/******************************************
 * PROPERTY OVERVIEW
 ******************************************/
.checkered{background-image:url(../images/checkered_bg.gif); background-repeat:repeat; background-position:top left; padding:10px 10px 10px 10px}
.overview{background-color:#f3f1e9;}
.overview dl{margin:0; padding:10px;}
.overview dt{margin:0; padding:10px 10px 0 10px; font-size:80%; font-weight:bold;}
.overview dd{margin:0; padding:0;}
.overview p{margin:0; padding:5px 10px 10px 10px;}
.overview dd ul{font-size:95%; margin:0; padding:.2em 10px .2em 10px; list-style:none; background-color:#eae6d8;}
.overview dd li{margin:0; padding:0 .5em 0 0; list-style:none; display:inline}

/******************************************
 * FIND FORM
 ******************************************/
.findForm select{width:250px;}
.findForm select.short{width:auto;}
#mainFindElements{width:300px; float:left;}
.findForm .checkboxes{margin-left:300px;}
input#space{width:80px}
input#roomnumber{width:80px;}
.findForm label{margin:1em 0 .2em 0; float:none; width:auto;}
/* we get rid of the overlapping fieldsets in IE */
* html .findForm fieldset{margin-bottom:2em}
.findForm legend{margin:0; padding:0;}

/******************************************
 * SEARCH RESULTS
 ******************************************/
.searchResult_1,.searchResult_2{background-color:#f3f1e9; padding:10px;}
.featured .searchResult_1,.featured .searchResult_2{background-color:#f3f3de; border-top:1px solid #bcbb73;  border-left:1px solid #bcbb73;  border-right:1px solid #bcbb73;}
.searchResult_1 h3,.searchResult_2 h3{font-size:80%; font-weight:bold; margin:0; padding:0;}
.abstract{margin:0; padding:0;}
.listedBy{margin:0; padding:0;}
.startDate{color:#ba8b47; font-weight:normal;}
.rate{margin:1em 0 0 0; padding:0;}
.space{margin:0; padding:0;}
.overviewOptions{background-color:#eae6d8; margin-bottom:10px;}
.featured .overviewOptions{background-color:#e5e4be; border-bottom:1px solid #bcbb73;  border-left:1px solid #bcbb73;  border-right:1px solid #bcbb73;}
.overviewOptions ul{margin:0; padding:5px 0 5px 0; list-style:none;}
.overviewOptions li{margin:0; padding:0 0 0 10px; display:inline; list-style:none; font-size:75%;}
.paging{padding:10px; margin-bottom:10px; min-height:25px; background-image:url(../images/dotted_green.gif); background-position:top left; background-repeat:repeat; }
#previous{float:left; width:80px;}
#next{float:right; width:80px;}
#numbers{text-align:center; padding-top:.5em; font-size:75%; font-weight:bold; color:#8a9d00;}
#numbers a{color:#8a9d00; text-decoration:none;}
#numbers .pagingCurrent{color:#aec21e;}
.thumbImage{float:right;}
h2.featured{font-size:80%; font-weight:bold; margin:0; padding:0; color:#7c7c7c;}

/******************************************
 * PROPERTY DETAILS
 ******************************************/
.details h2{font-size:100%; color:#98c11e}
.details dl{margin:0; padding:0;}
.details dt{margin:0 0 0 0; padding:0; font-size:75%; font-weight:bold; float:left; width: 8em; line-height:2em}
.details dd{margin:0 0 0 0; padding:0; font-size:75%; display:inline;  line-height:2em}
form#loginForm fieldset{background-color:#f3f1e9; border:1px solid #98c11e; margin:0 0 10px 0; padding:10px 10px 0 10px;}
form#loginForm legend{color:#98c11e}
form#loginForm .inline{margin:0; padding:5px 0 0 0;}
form#loginForm input{margin-bottom:5px;}
dl.largeTitel dt{width: 12em;}
p.photoBox{margin:0; padding:0; width:115px;}
.photoBox a{display:block; width:104px; padding:2px 2px 2px 2px; color:#7c7c7c; border:1px solid #7c7c7c; text-align:center; text-decoration:none;}
table.amenities{width: 245px; margin:0; background-color:transparent;}
table.amenities tr.row1 td,table.amenities tr.row1 th{background-color:#ece9dd;}
table.amenities tr.row2 td,table.amenities tr.row2 th{background-color:#f3f1e9;}
table.amenities td{width:20px;}
.amenityBox{width:250px; float:left;}
.amenityBox h2{margin-bottom:.2em}

/******************************************
 * FORUM
 ******************************************/
textarea.forumPost{width:300px; height:200px;}
.postDetails{font-weight:bold; font-size:95%; margin-bottom:1em}

/******************************************
 * MANAGE A PROPERTY
 ******************************************/
ol.steps{font-size:200%; color:#EB5D19; list-style-type:decimal;}
ol.steps li{margin:1em 0 0em 0; list-style-type:decimal}
ol.steps dl{font-size:50%; color:#666666; position:relative; top:-0.8em}
ol.steps dt{font-size:100%; font-weight:bold;}
ol.steps dd{margin:0 0 0 0;}

/*************************
 CONFIRMATION SCREENS
 *************************/
dl.confirmation{margin:0; padding:0;}
dl.confirmation dt{float:left; width:13em; margin-bottom:.5em; margin-right:0.5em; font-weight:bold; font-size:80%; margin-bottom:0; padding-bottom:0;}
dl.confirmation dd{font-size:80%;margin:0;padding:0; margin-bottom:.5em}

/*************************
 EMAIL ALERTS
 *************************/
.notify label{width:auto; float:none; font-size:100%;}