@import url("/styles/reset.css");
#pageWrap {width:80em; margin:30px auto 0; max-width:1280px; min-width:800px;}
#header {overflow:hidden; width:100%;}
#header #logo {float:left; display:block;}
#header .formwrapper {margin:0;}
#header input[type="text"], #header select {padding:2px; width:15em;}
#header .right {padding:0 1em; margin-top:12px;}
#content {float:left; width:100%; padding-bottom:10px}
#footer {padding:20px 3%; clear:both; width:94%;}
#footer h5 {margin-bottom:5px}
#footer .formwrapper {margin:0}
#footer .formwrapper input {display:block; margin:5px 0 0; padding:2px; float:none}
#footer .formwrapper input[type="submit"] {margin:5px 0 0; padding:0}
#footer .formwrapper input[type="hidden"] {display:none}
.right{float:right;}
.left{float:left;}
.ten-px-below {padding-bottom:10px;}
.clearBoth{clear:both;height:0;display:block}
.clearLeft{clear:left;height:0;display:block}
.clearRight{clear:right;height:0;display:block}
.learnWhy {display:block; width:136px; height:36px; margin:0 auto;}
.submitBtn, .searchBtn {width:55px; height:20px; display:inline-block; margin-left:-7px;}

/******* navigation *********/
#navigation {margin:20px 0 5px;}
#navigation ul:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
#navigation li {float:left; position:relative; height:2.6em;}
#navigation a {padding:.6em .76em; display:block;}
#navigation .dropdown {position:absolute; top:2.6em; left:0; min-width:10.8em; padding:0 .25em; z-index:3; display:none}
#navigation .dropdown .navHeader {display:none;}
#navigation .dropdown a {padding:.3em .5em; margin:4px 0}
.about .about .dropdown, .landlord-representation .landlord-representation .dropdown, .tenant-representation .tenant-representation .dropdown, .dartmouth-urban .dartmouth-urban .dropdown, .property-disposition .property-disposition .dropdown, .investment-sales .investment-sales .dropdown, .additional-services .additional-services .dropdown, .search .search .dropdown, .property .search .dropdown {visibility:hidden;}
.about .about > a, .landlord-representation .landlord-representation > a, .tenant-representation .tenant-representation > a, .dartmouth-urban .dartmouth-urban > a, .property-disposition .property-disposition > a, .investment-sales .investment-sales > a, .additional-services .additional-services > a, .search .search > a, .property .search > a {padding-bottom:16px !important;}

    /*---- from styles/properties/structure.css -----*/
    .clearFloat {clear:both}
    html{height:100%; padding:0}
    body{margin:0; padding:0;height:100%}
    #wrapper {width:960px; margin:0 auto}
    #headerFirst {padding:0.1em 0.4em;border: 1px solid #fff; border-bottom-style:none}
    #headerFirst img{float:left;margin:0 0 0 6px}
    #headerFirst h5 {float:left;margin:18px 0 0 4px}
    #headerFirst .headerFirstLinks {display:inline;float:right;padding-top:1.6em;margin-right:1.2em}
    #headerFirst .headerFirstLinks .phoneNum {display:block; margin-top:-1em;}
    #headerSecond {padding: 2em  1em .5em 1.5em}
    /*position:absolute; top:27px; left:150px;*/
    #headerSecond .headerSecondHeading {margin: 12px 0 0 103px}
    #headerSecond img{float:left; margin:0 2px}
    #headerSecond .login {position:absolute; top:45px; right:20px}
    #headerSecond .headerSecondHeading h4{margin:0; padding:0}
    #headerSecond .headerSecondHeading h5{margin:0; padding:0;line-height:12px}
    #key{width:22%; float:right; padding:0}
    #key p{float:right;text-align:right; padding-left:12px; padding-bottom:5px}
    .help{display:inline-block; width:16px; height:16px; margin-left:8px; cursor:pointer; line-height:16px}

/*----- HOME -------*/
.home #navTitle {display:none;}
.home #banner {position:relative; height:280px; width:100%}
.home #banner .left, .home #banner .right {width:49.7%; height:279px; position:relative;}
.home #banner .left h1 {margin:35px 10px 10px;}
.home #banner .left p {margin:10px 20px 25px;}
.home #banner .left ul
 {
    bottom:5px;
    overflow:hidden;
    position:absolute;
   
 }
 
.home #banner .left ul li {float:left; margin-left:20px;}
.home #banner .right h4 {position:absolute; bottom:0; left:0; padding:7px 0; width:100%;} 
.home #content {margin-top:20px}
#content .column {width:31%; float:left;} 
#content .column h4 {margin-bottom:10px; padding:3px 0;}
#content .col1 {margin-left:2%}
#content .col1 li {padding:3px 0 3px 15px; margin:4px 0 4px -17px;}
#content .col2 {margin-left:1%}
#content .col2 img {float:right; margin-left:5px;}
#content .col3 {float:right; margin-right:2%;}
#content .col3 p {margin-bottom:20px;}
#content .column > * {margin-left:15px}
#content .column h3 {padding:0 10px; margin:0 0 5px 0;}

#canvas { position:relative; }
.home #banner div.slide.right { position: absolute; top: 0; right:0;}
div.slide#ss1 { z-index: 2; }
div.slide#ss2 { z-index: 1; }


    /*---- from styles/properties/structure.css -----*/
    #bannerHome {width:100%; height:319px; position:relative; padding:0}
    #bannerHome .searchBox {position:absolute; right:0; bottom:30px; width:431px; height:86px}
    #bannerHome .searchBox h3 {margin:15px 0 0 40px}
    #bannerHome .searchBox .searchBar {margin:10px 0 0 40px}
    #contentHome {position:relative; height:200px; width:100%}
    #headLine {position:absolute; top:35px; left:130px}
    #headLine cite span {position:relative; top:10px}
    #headLine label {position:relative; left:180px; top:5px}
    #contentHome img {position:absolute; top:15px; right:140px}
    #contentHome p {position:absolute; top:125px; left:270px}

/*------ INSIDE PAGE --------*/
.inside #navTitle {height:5.5em; margin-top:5px; overflow:hidden;}
.inside #navTitle h1 {margin:1em 0 0 .8em;}
.inside #content {margin-top:25px; padding-bottom:40px;}
/*.secondary li {display:inline-block; width:9em; height:3em}
.secondary span a {display:block; float:left; padding:5%; height:95%; width:95%}*/
.inside #leftCol {width:22%;}
.inside #leftCol .navHeader {padding:4px 23px;}
.inside #leftCol a {display:block; padding:8px 2em;}
.inside #middleCol { width:50%; margin-left:2%;}
.inside #middleCol h4 {padding:3px 0; margin:10px 0;}
.inside #middleCol h4:first-child {margin-top:0;}
.inside #middleCol table {width:100%;}
.inside #middleCol table td {width:33%; padding:0 2px 5px; vertical-align:top;}
.inside #middleCol table td h4 {margin-top:10px !important;}
.inside #middleCol table tr:first-child td h4 {margin-top:0 !important;}
.inside #rightCol {width:23%; margin-right:1%;}
.inside #contactBox {padding:2px; margin-bottom:20px;}
.inside.our-team #contactBox, .inside.contact-us #contactBox, .inside.contact-us #sideQuote {display:none;}
.inside #contactBox div {height:81px; overflow:hidden;}
.inside #contactBox h2 {margin:15px 10px;}
.inside #contactBox a {display:block; margin:2px 10px;}
.inside #sideQuote {padding:20px 10px;}
.inside #sideQuote q {display:block;}
.inside #sideQuote span {display:block; margin-top:20px;}
.inside #mapBox {padding:2px; height:173px; width:215px; display:none;}
.inside.contact-us #mapBox {display:block;} 
.inside .contactBold {display:inline-block; width:4em;}

/* Column Layout (references, clientlist, chainlinks) */
.columnItem { width:49%; float:left; }
.columnGroup { overflow:hidden;}
div.references .columnItem { height:10em;}
/* these 3 lines are here to hide reference groups on all pages except landlord and tenant representation */
.columnGroup h4 { display:none; }  
div.tenant-representation .columnGroup h4 { display:block; }
div.tenant-representation .columnGroup { padding-bottom: 18px; }

    /*---- from styles/properties/structure.css -----*/
    #bannerInside {width:100%; height:104px}
    /*#content {width:100%; padding-bottom:30px}*/
    #columnA {width:55%; float:left; margin:15px 12px 15px 30px}
    .content #columnA{margin-top:2.2em;margin-bottom:3.5em}
    .content #columnA p{padding-top:1.6em}
    .content #wrapperChaoForgot{margin: 2.8em 2.5em 6.2em 0; width:220px}
    /* About Page */
    #columnBAbout {padding:5px 10px 5px 10px; border:1px solid #CCCCCC}
    #columnBAbout dd {margin-left:0}

/*----  FORM STYLES ---*/
.formwrapper{margin:15px 0}
.formwrapper div {width:20em; margin:20px 0}
.formwrapper dl {margin-top:1.6em}
.formwrapper textarea {width:100%; height:7.1em}
.formwrapper dl dt{width:20em; padding:0 0;font-weight:500;line-height:1.1em}
.formwrapper dl dt p{padding:0}
.formwrapper dl dd{margin-bottom:.5em;padding:0 0}
.formwrapper dl input{width:19em}
.formwrapper dl input[type="submit"]{width:11.4em;font-size:0.9em;padding:0}
.formwrapper dl textarea{width:19em;padding:.25em}
.formwrapper dl .checks input {padding-left:0;margin-left:0}
.formwrapper dl .checks input{width:auto}
.formwrapper dl .submitBtn{width:5em;cursor:pointer}
.formWrapper .error ul{margin:1em}
.error{display:block}
.formWrapper ul.error li{margin-left:1.5em}
/*-------------------------*/

/*  ----------- BugForm Style  -----------  */
#bugMask{z-index:9990; top:0; left:0; position:fixed; width:100%; height:100%}
form#bugReporter{z-index:9999; position:fixed; width:700px; height:500px; top:50%; left:50%; margin:-250px 0 0 -350px; background-color:white; border:2px solid black}
form#bugReporter .bugHeader{height:22px; padding:4px}
form#bugReporter .bugClose{width:14px; float:right}
form#bugReporter table{margin: 4px 0 0 4px}
/*  ----------- End BugForm Style  -----------  */

/*address{font-style:normal;font-weight:500;line-height:1.35em}
address img{vertical-align:middle;padding:3px 2px 3px 5px}
.c50{width:46.2%;float:right;margin:9px 9px 28px}
.c50 h1{font-size:1.5em;margin:1.3em 0 .5em 0}
.c20{width:70px;float:right;margin:0;height:280px}
.c20 img{margin-top:116px;margin-left:6px;cursor:pointer}
img#last{float:right;margin-right:4px}
.c54{width:54%;float:right}
#cb>*{padding-left:15px}
.contact{background:#fafaf7 url(/images/layout/tbordergr.png) 0 0 repeat-x;margin:12px 0 0}
.contact>*{padding:0 0 0 48px}
.contact h3{font-size:1.46em;margin-top:1.8em}
.contact p{font-size:1em;margin-top:.7em}
.normal{background:#fafaf7 url(/images/layout/tbordergr.png) 0 0 repeat-x;margin:12px 0 0}
.normal>*{padding:0 40px 0 48px}
.normal h3{font-size:1.2em;margin-top:1.8em}
.normal h1{font-size:1.4em;margin-top:2.4em}
.normal p{font-size:1em;margin-top:.7em}
.fl{float:left}
.fr{float:right}
.quicklink{padding-right:7px;background:transparent url(/images/layout/greenBtn.gif) no-repeat scroll right bottom}

#content h2{margin-top:12px;font-size:1.3em;font-weight:500}
#content h4{margin-top:12px;font-size:1.2em;font-weight:500}
.bloglist{margin-top:36px}
.bloglist li{border-bottom:1px dashed #ccc;padding:0 0 12px 0}
#bloglist p{font-weight:700;font-family:Georgia;color:#777}
.blogtools{margin:0 0 4px 6px;background-color:#fefefc;border:1px solid #e7e7ec;padding:4px;font-size:.85em}
.rightcol{float:right;width:26%;margin:30px 0 0 16px}
ul.topblogs>li{margin-top:8px;margin-left:8px}
.blog{width:60%}
.blog blockquote{padding:24px 12px 24px 24px;width:80%;font-style:italic;line-height:1.4em;background:transparent url(/images/layout/quote.png) no-repeat;font-size:0.95em}
.blog h5{margin-top:1px;font-style:italic;font-size:1.1em}
.twitter li{margin-left:24px;background-color:#fafafc;margin-bottom:3px;border-bottom:1px dotted #666666;font-size:0.8em}*/

/* another style that disappeared... please leave this in place  */
.hide{display:none}
.reallyhide{display:none !important; }

/* Debug Styles */
/* Chao - If you delete this, I will bury you up to your neck in sand and let the crabs snack on your head */
.cms_debug{color:#000033;font-size:0.85em;background-color:#ffcc99;padding:1px 6px;clear:both;
filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity: 0.5;opacity: 0.5;}

/******** Inside Page Selectors **********/
#bannerInside {width:100%; height:104px}
#content {width:100%; padding-bottom:30px}
#columnA {width:55%; float:left; margin:15px 12px 15px 30px}
.content #columnA{margin-top:2.2em;margin-bottom:3.5em}
.content #columnA p{padding-top:1.6em}
.content #wrapperChaoForgot{margin: 2.8em 2.5em 6.2em 0; width:220px}

/* About Page */
#columnBAbout {padding:5px 10px 5px 10px; border:1px solid #CCCCCC}
#columnBAbout dd {margin-left:0}

/* Case Studies */
div.case-studies div.case {overflow: hidden}
div.case-studies div.case img { padding: 0 8px 10px 8px; }

/* Chainlinks */
div.stateGroup { padding-bottom:1em; }

/* Details page*/
.property #wrapperChaoForgot {width:34.5%;}
#wrapperChaoForgot{float:right; margin: 0 30px 18px 0;}
#theOtherWrapperChaoForgot{padding-left:0.8em; margin-bottom:26px}
.columnBDetails {margin:15px 0 15px 0; padding:5px;}
.headerBox {width:100%; padding:10px 0; overflow:auto;}
.headerBox h4, .headerBox dl {margin-left:10px}
.headerBox address {margin-left:10px}
.headerBox dt {float:left}
.headerBox dd {margin-left:130px}
.headerBox div {float:right;width:40%; padding:10px; margin-right:10px}
.ieheadache{height:2em}
#columnA table {width:100%}
#columnA th, #columnA td {text-align:right}
#columnA th{padding-right:2.5em}
#columnA th:first-child, #columnA td:first-child{text-align:left;width:32%}
.columnBDetails .placeholder {width:320px; height:240px}
.placeholder{margin-bottom:7px}
.columnBDetails div span{float:right; width:55px; height:20px;}
.columnBDetails ul{list-style:none; padding-left:2px; padding-top:4px;position:relative}
.columnBDetails li {margin:0.4em 0; padding-top:0.2em; border-top:1px dashed #ccc;font-size:1.2em}
.columnBDetails li span {position:absolute; left:240px;text-align:right;width:60px}
.columnBDetails li a.download {position:absolute; left:240px;text-align:right;width:76px}
/* Search Page */
#searchformID {padding:0 16px}
.searchMenu {width:17em; height:17em; float:left; margin:0 0 0 3px; padding:7px 0 0 2px;}
.searchMenu.searchDesc {width:14em;}
.searchMenu p{margin:0 0 4px 4px; overflow:hidden;}
.searchMenu strong{margin:0 0 5px 7px;display:block}
.searchMenu p label{padding-left:3px}
.searchMenu:first {width:15em; height:17em; float:left; margin:15px 0 0 2px; padding:5px 0 0 2px}
.firstSearchMenu {margin-left:37px}
#cityID,#zipcodeID {width:140px}
.searchMenu #stateID {width:140px; height:120px;}
#stateID option {margin:3px 0;}
.searchMenu div {overflow:auto; width:97%; height:79%}
.searchMenu .textLabel {display:block}
.searchMenu a.toolTip {display:inline-block; width:1.4em}
.searchMenu .textInput {width:65%}
.searchMenu input {width:55%}
.searchMenu p input[type="checkbox"]{float:left; width: 1.2em}
.searchMenu select {width:65%}
.submitBar{clear:both}
.searchButton {margin: 15px 10px 0 3px; width:130px; height:30px; display:inline-block;}
.clearButton {padding:0; width:130px; height:30px; display:inline-block;}
.pagination{position:relative; margin:15px 0 10px}
.pagination > *{padding:0 2px}
.pagination > span{background-color:#e0eacc}
.pagination .listOrder {display:inline; position:absolute; right:0}
.pagination .listOrder input {margin-left:30px}

#searchResults {margin:15px 20px; border-top:1px solid #cfcfcf}
#searchResults table {width:100%;cursor:pointer}
#searchResults .evenRow td {border-width:1px 0; border-color:#ccc; border-style:dashed}
#searchResults th.sort{padding-left:12px;background:#f4f7ed url("../images/sortasc.gif") left center no-repeat; } 

#searchResults td {padding:4px 20px 4px 4px; border:1px hidden #fff}
#searchResults th {padding:4px 20px 4px 4px;}
#searchResults td.col1 {width:4%;}      /* cid */
#searchResults td.col2 {width:8%;}     /* propery type */
#searchResults td.col3 {width:9%; float:none}     /* region */
#searchResults td.col4 {width:10%;}    /* size */
#searchResults td.col5 {width:38%;}    /* address */
#searchResults td.col6 {width:10%;}    /* city, state */
#searchResults td.col7 {width:8%;}     /* listing date */

#map_canvas {width:320px;height:240px;overflow:hidden}
#enlarge_layer{position:absolute;padding:0 8px 8px;
/*width:800px;height:638px;
*/
left:-9999px; top:-9999px;border-style:solid;border-width:1px}
#enlarge_controlbar{padding: 4px 0; cursor:pointer}
#enlarge_map{width:800px;height:600px; z-index:0;overflow:hidden}
#enlarge_image{
/*width:800px;height:600px;
*/
 z-index:99}
/*#enlarge_image img{width:800px;height:600px}*/
.asset:hover{cursor:pointer}
table.demographics{padding-left:1.0em}
table.demographics td{text-align:right; padding-right: 2.5em}
table.demographics td:first-child{text-align:left;width:35%}
.td-c{text-align:center}
/* overlay opacity */
.overlay {
filter:alpha(opacity=20);
-moz-opacity:0.20;
opacity:0.20}
#farfaraway{left:-1000px;top:-1000px;position:absolute;display:none}
.hpviewall{float:right;margin-top:-28px}

p.cs {padding-bottom:10px;color: #1F3816;font-weight:bold}