@charset "utf-8";
/********* Universal Selectors ************/
.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}
#navigation {width:100%; height:25px}
#navigation a {line-height:23px; padding:2px 16px;border-right: 1px solid #c0c0c0}
#navigation a:first-child {padding-left:20px}
#footer {clear:both; padding:3px 1.7em}
#footer div.footerLinks {float:right}
#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}

/********** Homepage Selectors ************/
#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 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}

/* 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;border-color:#CCCCCC #999999 #999999 #CCCCCC;border-style:solid;border-width:1px}
.headerBox {width:100%; padding:10px 0; border-bottom:solid 1px #a8c2db}
.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; border:1px solid #ccc; 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;padding:1px 5px 0}
.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}
.columnBDetails li span {position:absolute; left:240px;text-align:right;width:60px}
.columnBDetails li a.download {position:absolute; left:240px;text-align:right;width:68px}
/* Search Page */
#searchformID {padding:0 16px}
.searchMenu {width:186px; height:16em; float:left; margin:15px 0 0 3px; padding:7px 0 0 2px;border-bottom:solid 1px #a8c2db}
.searchMenu.searchDesc {width:158px}
.searchMenu p{margin:0 0 0.4em 4px}
.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}
#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; padding:2px 8px;width:78px;border:0}
.clearButton {padding:0}
#searchResults {width:920px; margin:15px 20px; border-top:1px solid #cfcfcf}
.pagination{position:relative; margin:15px 0 10px}
.pagination > *{padding:0 2px}
.pagination > span{background-color:#dfebf7}
.pagination .listOrder {display:inline; position:absolute; right:0}
.pagination .listOrder input {margin-left:30px}
#searchResults table {width:920px;cursor:pointer}
#searchResults tr:hover{background-color:#99ccff}
#searchResults .evenRow td {border-width:1px 0; border-color:#ccc; border-style:dashed}
#searchResults th {border-width:1px 0; border-color:#b7cbe0; border-style:solid} 
#searchResults th:hover {background-color:#99ccff} 
#searchResults th.sort{padding-left:12px;background:#dfecf7 url("../images/sortasc.gif") left center no-repeat} 
#searchResults th.sortdesc{padding-left:12px;background:#dfecf7 url("../images/sortdesc.gif") left center no-repeat} 
#searchResults td {padding:4px 20px 4px 4px; border:1px hidden #fff}
#searchResults th {padding:4px 20px 4px 4px; border:1px solid #a8c2db; border-left-style:none; border-right-style:none}
#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}

/************** Deal Management System *********************/
#wrapper.dealManagement {width:85%; min-width:1000px; max-width:1300px}
.dealManagement #header {float:left; width:96%; margin:10px 2%;position:relative}
.dealManagement #header .adminDartmouth {display:none}
.dealManagement #header.adminDartmouth .adminDartmouth {display:block; position:absolute;top:-10px; right:-2%;padding:2px 2% 2px 23px}
.dealManagement #header img {float:left}
.dealManagement #header .dartmouthLogo {margin-left:10px}
.dealManagement #header .headerTagLine {float:left; margin:20px 15px 0}
.dealManagement #header .headerTagLine h4, .dealManagement #header .headerTagLine h5 {margin:0}
.dealManagement #header #admin {float:right; padding:20px 3px 0 0}
.dealManagement #header #admin.adminDartmouth p {display:block;position:absolute}
.dealManagement .contentHeader {padding:10px 2%; margin:0}
.dealManagement #dealResults {float:left;width:96%; margin:0 2% 10px; padding:0}
.dealManagement .uplert {width:16px}
.dealManagement .plus, .dealManagement .minus {display:inline-block;width:11px;height:11px}
.dealManagement .close {display:none}
.dealManagement #footer span {margin-right:15px}
.dealManagement #footer a {margin:0 5px}
/* DashBoard */
#wrapper.dealManagement.dashboard {min-height:94%}
.dealManagement #searchOption {float:left; width:96%; margin:0 2%; padding:0}
.dealManagement .searchMenu {width:12%;height:19em;margin:0;padding:0}
.dealManagement .searchMenu strong {margin-top:5px}
.dealManagement .searchMenu #startDate, .dealManagement .searchMenu #endDate {width:80%;margin-left:5px} 
.dealManagement #stateID {height:auto;}
.dealManagement .searchMenu.keywords {width:16%}
.dealManagement .searchMenu.keywords label {display:block;margin:5px 0 10px 5px}
.dealManagement .searchMenu.keywords #keywords {width:80%;margin:0 0 10px 5px}
.dealManagement .searchMenu.keywords #submit {margin:10px 0 0 5px; width:120px} 
.dealManagement.dashboard #dealResults {margin-bottom:20em}
.dealManagement #dealResults #resultstable {width:99.9%}
.dealManagement #dealResults th, .dealManagement #dealResults td {padding:4px 0 4px 4px}/***re-useable***/
.dealManagement #dealResults .update, .dealManagement #dealResults .alert {width:1.5%; padding:0}
.dealManagement #dealResults .width1 {width:6.5%}
.dealManagement #dealResults .width2 {width:7%}
.dealManagement #dealResults .width3 {width:11%}
.dealManagement #dealResults .width4 {width:12%}
.dealManagement #dealResults .width5 {width:14%}
.dealManagement #dealResults .lastItem {width:8%}
.dealManagement #dealResults .lastItem .minus, .dealManagement #dealResults .lastItem .plus {float:right; margin:3px 3px 0 0} 
.dealManagement #dealResults .dropDetail td {padding:15px 0 10px 0}
.dealManagement #dealResults .dropDetail .column1 {float:left;width:155px}
.dealManagement #dealResults .dropDetail .propertyDetail {display:block; margin-left:36px;width:105px;padding:1px 0 1px 5px}
.dealManagement #dealResults .dropDetail .postUpdate {display:block; margin:10px 0 0 36px;width:105px;padding:1px 0 1px 5px}
.dealManagement #dealResults .dropDetail .column2 {float:left;width:800px}
.dealManagement #referenceGuide {float:left;width:85%;position:fixed; bottom:1.8em;min-width:1000px; max-width:1300px; padding-bottom:10px}
.dealManagement #referenceGuide h5 {margin-left:2%; cursor:pointer}
.dealManagement #referenceGuide h5 span {float:right; margin-right:2.4%}
.dealManagement #referenceGuide table {width:50%; margin-left:2%}
.dealManagement #referenceGuide table caption a {float:right; margin-right:5px}
.dealManagement #referenceGuide .update, .dealManagement #referenceGuide .alert {padding:4px}
.dealManagement.dashboard #footer {position:fixed; bottom:0; width:85%;min-width:1000px; max-width:1300px}
/* Property Detail */
.dealManagement #content {float:left; width:96%; margin:0 2% 10px; padding:0}
.dealManagement #content #leftColumn {width:45%; float:left; padding:25px 2%}
.dealManagement #content #leftColumn h4, .dealManagement #content #rightColumn h4 {padding-bottom:5px}
.dealManagement #content #leftColumn .alertUpdate {margin-bottom:0}
.dealManagement #content #leftColumn > div, .dealManagement #content #rightColumn > div {padding-bottom:10px}
.dealManagement #content #rightColumn > div {padding-bottom:10px;}
.dealManagement.details #content #rightColumn > div {float:left;width:100%}
.dealManagement #content #theUplertForm #UplertForm ul {padding-left:0; margin-left:0}
.dealManagement #content #leftColumn textarea {width:99%; height:80px; margin:10px 0 18px}
.dealManagement #content #leftColumn input[type="submit"] {margin-top:15px}
.dealManagement #content #leftColumn .post {padding:5px}
.dealManagement #content #rightColumn {width:45%; float:right; padding:25px 2%}
.dealManagement #content #rightColumn h4 {position:relative}
.dealManagement #content #rightColumn h4 .uploadUpdate {display:inline-block;padding-left:20px}
.dealManagement #content #rightColumn h4 span {position:absolute;right:1px;top:0}
.dealManagement #content #rightColumn ul {padding-left:0; margin:10px 0}
.dealManagement #content #rightColumn li label {width:10em; display:inline-block}
.dealManagement #content #rightColumn li span {margin-right:5px}
.dealManagement #content #rightColumn li a {margin-left:5px}
.dealManagement #content #rightColumn dl {margin:10px 0}
.dealManagement #content #rightColumn dt {width:10em; float:left}
.dealManagement #content #rightColumn table {width:100%}
.dealManagement #content #rightColumn th:first-child, .dealManagement #content #rightColumn td:first-child {padding:0; width:26%}
.dealManagement #content #rightColumn table .sameWidth {width:10em}
/* Broker Dashboard */
/*.dealManagement.brokerDashboard #header h5, .dealManagement.brokerDashboard #header .bar, .dealManagement.brokerDashboard #header .dartmouthLogo {display:none}*/
.dealManagement.brokerDashboard #header h4 {margin-top:15px}
.dealManagement.brokerDashboard #dealResults {min-height:450px}
.dealManagement.brokerDashboard #dealResults #resultstable {width:100%}
.dealManagement.brokerDashboard #dealResults #resultstable th, .dealManagement.brokerDashboard #dealResults #resultstable td {padding:5px 15px}
/* Update Alert page */
.dealManagement.update_alert #dealResults {padding-bottom:20px}
.dealManagement.update_alert #uplertTable {width:100%}
.dealManagement.update_alert #dealResults .update, .dealManagement.update_alert #dealResults .alert {width:2%}
.dealManagement.update_alert #dealResults .width1 {width:7%}
.dealManagement.update_alert #dealResults .width2 {width:10%}
.dealManagement.update_alert #dealResults .width3 {width:20%}
.dealManagement.update_alert #dealResults .lastItem {width:59%; padding-right:4px}
.dealManagement.update_alert .bottomLink {width:98%; margin:30px 1% 0 1%}

/* Uplert Form */
#postUplertForm {position:fixed; top:50%; left:50%; margin-top:-200px; margin-left:-267px; z-index:9999; display:none}
#mask {position:absolute; z-index:9000; position:absolute; left:0; top:0; display:none}
#postUplertForm #UplertForm {margin:12px;padding:1.25em; width:535px}
#UplertForm h4 {padding-bottom:5px}
#postUplertForm #UplertForm textarea {width:530px}
#UplertForm textarea {width:100%; height:80px; margin:10px 0 18px}
#UplertForm #uplertsubmit {margin-top:25px}
#UplertForm .uplertClose {float:right; clear:both; display:none; margin-top:0.5em}
#postUplertForm .uplertClose {display:block}
#errorMessage,#successMessage { list-style-type:none}
#UplertForm success,#UplertForm errors{display:block}
#UplertForm #searchdesc {float:right;padding:2px 0}
#postUplertForm #searchdesc{text-align:center;width:390px;margin:0.4em 0}
#UplertForm dt {float:left; width:6em}
#UplertForm dd {margin-left:6em}
#UplertForm .indent {margin-top:5px}

/* CMS */
.dealManagement.cmsPage fieldset{padding:4px;margin-top:1em}
.dealManagement.cmsPage table{width:98%; *table-layout:fixed;/***IE Fix***/}
.dealManagement.cmsPage table table {*table-layout:auto;/***IE Fix***/}
.dealManagement.cmsPage table.demographics {width:250px}
.dealManagement.cmsPage table.demographics input {width:70px}
.dealManagement.cmsPage table#traffic {table-layout:fixed}
.dealManagement.cmsPage table#traffic td {width:33.3%}
.dealManagement.cmsPage table#traffic #trafficyearID {width:5em}
.dealManagement.cmsPage table tr td{padding: 2px 5px}
.dealManagement.cmsPage table tr td:first-child{width:25%}
.dealManagement.cmsPage input[type="text"], .dealManagement.cmsPage #cityID, .dealManagement.cmsPage #zipcodeID, .dealManagement.cmsPage #stateID {width:11.6em}
.dealManagement.cmsPage select {width:12em}
.dealManagement.cmsPage input#parcelsizeID {width:5.5em}
.dealManagement.cmsPage select#sizeasID {width:5.4em}
.dealManagement.cmsPage table tr td.title{padding:8px}
.dealManagement.cmsPage table tr td.note{padding:8px}
.dealManagement.cmsPage .buttonset{margin-left:25.5%}
.dealManagement.cmsPage .buttonset #submitID {margin-right:22px}
.dealManagement.cmsPage .ui-actionpanel{padding:0;margin: 6px 0 0 0}
.dealManagement.cmsPage .ui-titlebar{padding:1px 5px}
.dealManagement.cmsPage .ui-subbar{background-color:#9f9f9f;color:#ccc;font-size:0.9em;padding:1px}
.dealManagement.cmsPage .ui-actionpanel label {margin-left:5px}
.dealManagement.cmsPage .ui-actionpanel input{width: 200px; font-size:.9em; margin-left: 40px}
.dealManagement.cmsPage .ui-actionpanel input[type="file"]{margin-left:47px}
.dealManagement.cmsPage .ui-actionpanel input[type="submit"]{width:64px; display:block; margin:10px 0 0 70px}
/* Legal Page */
.dealManagement.legalPage #content, .dealManagement.cmsPage #content {position:relative}
.dealManagement.legalPage #content #rightColumn, .dealManagement.cmsPage #content #rightColumn{position:absolute; right:0; top:3.1em; bottom:0}
.dealManagement.legalPage dt{float:left; width:128px; clear:left}
.dealManagement.legalPage dd {margin:0.25em 0}
.dealManagement.legalPage #cityID, .dealManagement.legalPage #zipcodeID, .dealManagement.legalPage #stateID {width:auto}
.legalinfo_col{float:left;width:48%}

/* Edit Property Page */
.dealManagement.editProperty table {width:100%}
.dealManagement.editProperty td:first-child {width:50px}
.dealManagement.editProperty td {padding:2px 5px}
.dealManagement.editProperty #content a.newProperty {padding:5px 0; display:block}

/*map popup*/
#regionHelp{border-style:solid;border-width:1px;height:458px;padding:0 8px 8px;position:absolute;width:560px;position:fixed; top:50%; left:50%; margin-top:-229px; margin-left:-280px; z-index:9999; display:none}
#help_header{cursor:pointer;padding:4px 0}

.narrow{width:80px} /* to compensate for chao */