/* --------------------------------------------------
Site:      Essex Realty
Author:    Neil Monroe, Habanero
Version:   13 Dec 2005
-------------------------------------------------- */

/* General HTML Elements
-------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}
html, body, form {
    background-color: #ffffff;
}
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset {
    margin-bottom: 1em;
}
body, td, th {
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    color: #585858;
}
p {
    line-height: 14px;
}
br {
    /*clear: both;*/
}
ul {
    list-style-type: square;
    margin-left: 16px;
    margin-bottom: 5px;
}
ul li {
    margin-top: 3px;
}
ul li.first {
    margin-top: 0;
}
blockquote {
    margin: 0 10px;
}
a {
    /* color: #ef3b39; */ /* red */
    color: #A88409; /* brown */
    text-decoration: none;
}
a:hover {
}
h1, h2, h3 {
    color: #0d3255;
    font-weight: bold;
    letter-spacing: 1px;
    padding-bottom: 1px;
    clear: both;
}
h1 {
    font-size: 14px;
    margin-bottom: 5px;
    border-bottom: dashed 1px #000000;
}
h2 {
    font-size: 12px;
    margin-bottom: 3px;
    border-bottom: dashed 1px #ffffff;
}
h3 {
    color: #466071;
    font-size: 11px;
    margin-bottom: 3px;
}

/* Miscellaneous Custom Styles
-------------------------------------------------- */
.attention, .Error {
    color: #ff0000;
    font-weight: normal;
    text-align: left;
}
.clearing {
    clear: both;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*  Fix for IE - Wrapping all r.a.d.editor blocks in an additional DIV.
    In some scenarios, borders were not being honored in editor content
    inside the default DIV element that the editor generates. The workaround
    for this bug is to set the height of the generated DIV explicitly. */

.editor div {
    height: 100%;
}

.divider {
    font-size: 1px;
    border-top: solid 3px #46728e;
    margin: 3px 8px 0 0;
}

.small {
    font-size: 10px;
}

/* Page Container
-------------------------------------------------- */
#pageContainer {
    width: 760px;
    margin: 0 auto;
    text-align: left;
}
#page {
    /*height: 331px;*/
    /*background: url(../Img/header_line.gif) right top no-repeat;*/
}

/* Header
-------------------------------------------------- */
#headerTopContainer 
{
	width: 740px;
}
#headerTopContainerA{
	width: 740px;
	}
	
#headerTop, #headerTopInt {
    width: 775px;
    padding: 4px 0 9px 0px;
    background-color: #ffffff;
    border: solid 2px #46728e;
}
#headerTop, #headerTopIntA {
    width: 756px;
  padding: 4px 0px 9px 0px;
     background-color: #ffffff;
    border: solid 2px #46728e;
}
#headerTopInt {
    padding-bottom: 0;
}

#headerTopIntA {
    padding-bottom: 0;

}



#headerLogoA {
  float: left;
}

#headerLogo {
  float: right;
}

#headerLogoB{
  float: right;
  margin-right: 10px;
}

#headerTopIntA #headerLogoA {
    margin-top: 1px;
}

#headerTopInt #headerLogo {
    margin-top: 1px;
}

#headerTop, #headerTopIntB {
    width: 756px;
  padding: 4px 0 0px 0px;
     background-color: #ffffff;
    border: solid 2px #46728e;
}



#criticalNav a {
    color: #585858;
    text-decoration: none;
}
#criticalNav a:hover {
    text-decoration: underline;
}
#criticalNav 
{
    float: left;
	margin: 1px 0 0 0;
	padding: 0;
    list-style-type: none;
    font-size: 9px;
    text-align: right;
}
#criticalNav li {
    float: left;
    margin: 0;
    padding: 0 8px;
    border-left: solid 1px #585858;
}
#criticalNav li.first {
    border-left: 0;
}
****

#criticalNavA a {
    color: #585858;
    text-decoration: none;
}
#criticalNavA a:hover {
    text-decoration: underline;
}
#criticalNavA 
{
    float: left;
	margin: 1px 0 0 0;
	padding: 0;
    list-style-type: none;
    font-size: 9px;
    text-align: right;
}
#criticalNavA li {
    float: left;
    margin: 0;
    padding: 0 8px;
    border-left: solid 1px #585858;
}
#criticalNavA li.first {
    border-left: 0;
}

****
#primaryNavContainer {
    height: 27px;
    background-color: #46728e;
}
#primaryNav {
    padding-top: 7px;
    padding-left: 3px;
}
#headerBanner, #headerBannerInt {
    /*border-bottom: solid 3px #46728e;
    margin-bottom: 3px;
    padding: 3px 0;*/
    /*clear: both;
    position: absolute;
    z-index: 10;
    border: solid 2px #ffffff;*/
}
#headerBanner {
    /*border-bottom: solid 3px #46728e;
    margin-bottom: 3px;*/
    padding-top: 3px;
    /*top: 108px;
    width: 790px;
    height: 175px;
    margin-left: 15px;*/
}
#headerBannerInt {
    float: left;
    border: 3px solid #ffffff;
    border-right: 0;
    background-color: #ffffff;
    /*top: 35px;
    width: 552px;
    height: 113px;
    margin-left: 253px;*/
}

#headerBannerIntA {
    float: left;
    border: 3px solid #ffffff;
    border-right: 0;
    background-color: #ffffff;
    /*top: 35px;
    width: 550px;
    height: 113px;
    margin-left: 253px;*/
}

#headerBanner img, #headerBannerInt img {
    margin-left: 4px;
}

#headerBannerA img, #headerBannerIntA img {
    margin-left: 4px;
}
#headerBanner img.first, #headerBannerInt img.first {
    margin-left: 0;
 }

}
#headerBannerA img.firstA, #headerBannerIntA img.firstA {
    margin-left: 10;
    
 }

/* Page Content
-------------------------------------------------- */
#pageContentWrapper, #pageContentWrapperInt {
    border-top: solid 3px #46728e;
    margin-top: 3px;
    position: relative;
    width: 100%;
    /*width: 775px;*/
    /*margin-left: 15px;*/
    /*margin-top: 3px;*/
    /*background-color: #e0cf9f;*/
    /*background: url(../Img/sidebar_bg.gif) repeat-y right top;*/
}
#pageContentWrapper {
    /*top: 290px;*/
}
#pageContentWrapperInt {
    /*top: 146px;*/
}
#pageContentContainer, #pageContentContainerInt {
    float: left;
    width: 532px;
    padding-top: 3px;
    padding-right: 8px;
    background-color: #ffffff;
}
#pageContentContainer {
}
#pageContentContainerInt #pageContent {
    padding-bottom: 50px;
}
#pageContent {
    border: solid 1px #cadae3;
    /*margin-right: 8px;*/
}
#pageContent h1, #pageContentAlt h1 {
    font-size: 13px;
}
#pageContent h2 {
    margin-top: 10px;
    color: #30302c;
    border-bottom: 0;
}
#pageContent .contentBlock {
    padding: 12px 18px;
}
#pageContentAlt {
    margin: 3px 8px 0 0;
    background: #d9c8a6;
}
#pageContentAlt .contentBlock {
    padding: 5px 5px 8px 20px;
}
.contentBlock {
    text-align: justify;
}
.contentBlock img {
    margin: 0 0 8px 8px;
    border: solid 3px #ffffff;
}
.contentBlock img.borderless {
    margin: 0;
    border: 0;
}

/* Completed Transactions Page
-------------------------------------------------- */
.transactions {
    text-align: left;
}
.transactions img {
    margin: 0;
    border: 0;
}
.transactions #chicagoMap {
    float: left;
}
.tombstonePager {
    margin: 0 10px 8px 0;
    text-align: right;
}
.tombstonePager a {
    text-decoration: underline;
}
.tombstoneList {
    margin-right: -9px;
}
.tombstoneContainer {
    margin-right: 9px;
    margin-bottom: 15px;
    width: 116px;
    overflow: hidden;
    text-align: center;
}
.tombstoneContainerTop {
    background: url(../Img/tombstone_bg_top.gif) no-repeat right top;
}
.tombstoneContainerBottom {
    background: url(../Img/tombstone_bg_bottom.gif) no-repeat right bottom;
}
.tombstone {
    margin: 2px 5px 0 2px;
}
.tombstone img {
    margin: 0;
    border: 1px solid #000000;
}
.tombstoneDetails {
 	min-height:63px;
 	margin: 0 5px 4px 2px;
 	padding: 2px 0 1px 0;
}

/*.tombstoneDetails {
    margin: 0 5px 4px 2px;
    padding: 2px 0 1px 0;
}*/


.tombstoneDetails p {
    font-size: 9px;
    font-weight: bold;
    line-height: 12px;
}

/* Recent Transactions Rotator
-------------------------------------------------- */
.recentColA {
    float: left;
    width: 247px;
    margin-top: 5px;
    margin-right: 20px;
}
.recentColA .recentDetails {
    /*font-family: Arial, Helvetica, sans-serif;*/
    text-align: left;
    margin-top: 6px;
}
.recentColA .recentDetails h2 {
    font-size: 12px;
    letter-spacing: 0;
    border-bottom: 0;
}
.recentColA .recentDetails h3 {
    font-size: 11px;
}
.recentColA .recentDetails p {
    font-size: 11px;
}
.recentColB {
    float: left;
    /*width: 237px;*/
}
.recentColB img {
    margin: 0;
}

/* Sidebar
-------------------------------------------------- */
#sidebarWrapper {
    background-color: #e0cf9f;
}
#sidebarContainer, #sidebarContainerInt {
    float: left;
    width: 220px;
    padding-top: 3px;
    /*padding-left: 8px;*/
    /*margin-left: -220px;*/
    /*color: #1b1b12;*/
    background-color: #ffffff;
}
#sidebarContainer {
}
#sidebarContainerInt {
    /*top: 10px;*/
    /*margin-bottom: 10px;*/
}
#sidebar {
    color: #1b1b12;
    background-color: #e0cf9f;
    padding: 8px 15px;
}
#sidebar h1 {
    height: 1.2em;
}
#sidebar h3 {
    margin-top: 5px;
    margin-bottom: 0;
    font-size: 12px;
    letter-spacing: 0;
}
#sidebar p {
    margin-bottom: 0.25em;
}
.information {
    /*font-size: 11px;*/
}
#marketUpdate {
    padding-top: 3px;
}
#marketUpdate th, #marketUpdate td {
    padding: 2px;
}
#marketUpdate a {
    color: #A88409;
    text-decoration: none;
}
#marketUpdate font {
    color: #466071;
}

/* Sidebar Navigation
-------------------------------------------------- */
#subnav {
}
#subnav a {
    color: #ffffff;
}
ul#subnav {
    margin: 0;
    padding: 0;
    list-style: none;
    font-weight: bold;
    font-size: 11px;
}
ul#subnav li {
    border-top: 1px solid #e2deb8;
    list-style: none;
    margin: 0px;
    padding-bottom: 0px;
}
ul#subnav li ul {
    margin: 0px;
}
ul#subnav li.first {
    border-top: 0;
}
ul#subnav li ul li {
    border-top: none;
    font-size: 11px;
    font-weight: normal;
}
ul#subnav li ul li.first {
    border-top: 1px solid #e2deb8;
}
ul#subnav li a {
    padding-left: 18px;
    padding-top: 4px;
    padding-bottom: 4px;
    margin: 0px;
    color: #466071;
    display: block;
    background: url(none);
}
ul#subnav li ul li a {
    padding-left: 28px;
}
#areasNavMenu {
    float: right;
    width: auto;
    margin-top: -1.8em;
    list-style-type: none;
    font-size: 10px;
    font-weight: normal;
}
#areasNavMenu a {
    color: #585858;
    text-decoration: underline;
}
#areasNavMenu a:hover {
    text-decoration: none;
}
#areasNavMenu a.selected {
    text-decoration: none;
}
#areasNavMenu li {
    float: left;
    margin: 0;
    padding: 0 8px;
    border-right: solid 1px #585858;
}
#areasNavMenu li.last {
    padding-right: 0;
    border-right: 0;
}

/* Footer
-------------------------------------------------- */
#footerWrapper {
    clear: both;
    /*width: 755px;*/
    margin: 3px 0;
}
#footerContainer {
    padding-top: 5px;
    border-top: dashed 1px #000000;
}
#footerContainer a {
    color: #0d3255;
    font-size: 10px;
    text-decoration: none;
}
#footerContainer a:hover {
    text-decoration: underline;
}
#footerLeft {
    float: left;
    width: 50%;
}
#footerRight {
    float: left;
    width: 50%;
    text-align: right;
}
.footerText {
    color: #0d3255;
    font-size: 10px;
    margin-left: 5px;
    margin-bottom: 8px;
}

/* Forms
-------------------------------------------------- */
input.CheckBox, .CheckBox input, .CheckBoxList input,
input.RadioButton, .RadioButton input, .RadioButtonList input {
    display: inline;
    clear: left;
    margin: 0;
    width: 13px;
    height: 13px;
}
label.CheckBox, .CheckBox label, .CheckBoxList label,
label.RadioButton, .RadioButton label, .RadioButtonList label {
    display: inline;
    font-weight: normal;
    margin: 0;
    margin-left: 3px;
}
input.Button, input.ButtonLong {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    border: 1px solid #c6bca7;
    background-color: #f2e8d2;
    cursor: pointer;
    cursor: hand;
    display: inline;
    font-weight: bold;
    height: 20px;
    width: 75px;
}
input.ButtonLong {
    width: 150px;
}
input.TextBox, input.TextBoxShort, input.TextBoxLong,
textarea.TextBox, textarea.TextBoxShort, textarea.TextBoxLong {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
    border: 1px solid #cccccc;
    padding: 2px;
    width: 220px;
}
input.TextBoxShort, textarea.TextBoxShort {
    width: 100px;
}
input.TextBoxLong, textarea.TextBoxLong {
    width: 475px;
}
select.DropDownList, select.ListBox {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #666666;
}

fieldset {
    padding: 2px 4px 10px 10px;
    background-color: transparent;
}
fieldset legend {
    font-weight: bold;
    color: #324E81;
    margin-bottom: 0.5em;
    margin-right: 4px;
    margin-left: 4px;
}
fieldset label {
    display: block;
    margin: 5px 0 0 0;
    font-weight: bold;
    color: #666666;
}
fieldset p {
    margin-bottom: 8px;
}