/* Fonts */
@font-face {
    font-family: 'Merriweather';
    src: url('fonts/merriweather-regular-webfont.eot');
    src: url('fonts/merriweather-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweather-regular-webfont.woff') format('woff'),
         url('fonts/merriweather-regular-webfont.ttf') format('truetype'),
         url('fonts/merriweather-regular-webfont.svg#merriweatherregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Merriweather';
    src: url('fonts/merriweather-light-webfont.eot');
    src: url('fonts/merriweather-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/merriweather-light-webfont.woff') format('woff'),
         url('fonts/merriweather-light-webfont.ttf') format('truetype'),
         url('fonts/merriweather-light-webfont.svg#merriweatherlight') format('svg');
    font-weight: 300;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/opensans-regular-webfont.eot');
    src: url('fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'Open Sans';
    src: url('fonts/OpenSans-Semibold-webfont.eot');
    src: url('fonts/OpenSans-Semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/OpenSans-Semibold-webfont.woff') format('woff'),
         url('fonts/OpenSans-Semibold-webfont.ttf') format('truetype'),
         url('fonts/OpenSans-Semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: 600;
    font-style: normal;

}

/* Global Styles */
html, body{ margin: 0px; padding: 0px; width: 100%; height: 100%; min-width: 360px; min-height: 100%;}
body{ font-family: Arial, Sans-Serif; background-color: #1e333f; }
h1, h2, h3, h4, h5, h5, h6, p, ol, ul, li, img{ margin: 0px; padding: 0px; border: 0px; font-weight: normal; }
h1{ color: #1e333f; font-size: 36px; line-height: 40px; margin-bottom: 10px; font-family: Arial, sans-serif; font-weight: 300; }
h2{ color: #707071; font-size: 24px; line-height: 36px; font-weight: 300; margin-bottom: 20px; font-family: Arial, sans-serif; font-weight: 300; }
h3{ color: #5b5c5e; font-size: 22px; line-height: 28px; font-weight: 400; margin-bottom: 15px; }
h4{ color: #518b8b; font-size: 18px; line-height: 21px; font-weight: 700; }
h5{ color: #5b5c5e; font-size: 18px; line-height: 21px; font-weight: 700; margin-bottom: 5px; text-transform: uppercase; }
h6{ color: #518b8b; font-size: 18px; line-height: 21px; font-weight: 700; }
p, pre{ color: #414241; font-size: 18px; line-height: 21px; margin-bottom: 17px;  }
pre{ 
    font-family: Arial, Sans-Serif; 
    white-space: pre-wrap;       /* CSS 3 */
    white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    word-wrap: break-word;  
}
a{ color: #518b8b; text-decoration: none; }
strong{ font-weight: 600; }

.scale{ max-width: 100%; max-height: 100%; }
.clear{ clear: both;}
.page{ position: relative; margin: 0px auto; }
.nopadding { padding: 0px 0px 1px !Important; }
.nomargin { margin: 0px !Important; }
.noborder{ border: none !Important; }
.show { display: block; }
.hide{ display: none; }
/*Form Styles*/


.field{ position: relative; margin-bottom: 10px; z-index: 1; }
.textboxLeft{ position: absolute; left: 0px; top: 0px; width: 1px; height: 30px; background: url('../images/textbox-border.png') no-repeat; z-index: 2;}
.textboxRight{ position: absolute; right: 0px; top: 0px; width: 1px; height: 30px; background: url('../images/textbox-border.png') no-repeat; z-index: 2; }
.textareaLeft{ position: absolute; left: 0px; top: 0px; width: 1px; height: 103px; background: url('../images/textarea-border.png') no-repeat; z-index: 2; }
.textareaRight{ position: absolute; right: 0px; top: 0px; width: 1px; height: 103px; background: url('../images/textarea-border.png') no-repeat; z-index: 2; }
.submit{ padding-top: 10px; }
.reqInstruct{ position: relative; float: left; width: auto; font-style: italic; color: #5e5f5f; font-size: 14px; height: 50px; line-height: 50px; margin-left: 10px; }

label{ font-size: 14px; line-height: 18px; font-weight: 400; color: #414241; display: block; margin-bottom: 2px; }
.labelWhite{ font-size: 14px; line-height: 18px; font-weight: 400; color: #FFFFFF; display: block; margin-bottom: 2px; }
input[type=text] { background: transparent; border: 0px; padding: 0px 5px; height: 30px; line-height: 1; font-size: 14px; color: #000000; box-sizing:border-box; -moz-box-sizing:border-box; z-index: 1; }
.popUpWidget input[type=text] {background: white;}
select{ padding: 0px 0px 0px 10px; color: #000000; box-sizing:border-box; -moz-box-sizing:border-box; }
textarea{ background: transparent; font-family: Arial, Sans-Serif; border: 0px; padding: 8px 0px 8px 10px; height: 87px; font-size: 14px; color: #000000; resize: none; box-sizing:border-box; -moz-box-sizing:border-box; background: url('../images/textarea-bg.png') repeat-x; z-index: 1; }
input[type=submit],input[type=button],input[type=reset]{ margin-right: 5px; position: relative; background: transparent; border: 0px; background-color: #bc4d34; color: #ffffff; text-transform: uppercase; height: 52px; line-height: 52px; padding: 0px 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 17px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; }
.purple { background-color: #583547; }

/* grayInfo */
.grayInfo input[type=text], .login input[type=text], .login input[type=password]{ background: url('../images/textbox-bg.png'); padding: 0 8px;}
.grayInfo select{padding: 0 0 0 8px;}
.grayInfo ::-webkit-input-placeholder {
   font-style: normal;
}
.grayInfo :-moz-placeholder { /* Firefox 18- */
   font-style: normal;  
}
.grayInfo ::-moz-placeholder {  /* Firefox 19+ */
    font-style: normal;  
}
.grayInfo :-ms-input-placeholder {  
    font-style: normal; 
}
/* end grayInfo */

::-webkit-input-placeholder { color: #5e605f; opacity: 1 !important; font-style: italic; }
:-moz-placeholder { color: #5e605f; opacity: 1 !important; font-style: italic; }
::-moz-placeholder { color: #5e605f; opacity: 1 !important; font-style: italic; }
:-ms-input-placeholder { color: #5e605f; opacity: 1 !important; font-style: italic; }

button.orangeBtn,input.orangeBtn{ background-color: #bc4d34; width: auto; text-transform: uppercase; font-size: 14px; color: #ffffff; padding: 0px 20px; line-height: 42px; height: 42px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; border: 0px; cursor: pointer; }
button.purpleBtn,input.purpleBtn{ background-color: #583547; width: auto; text-transform: uppercase; font-size: 14px; color: #ffffff; padding: 0px 20px; line-height: 42px; height: 42px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; border: 0px; cursor: pointer; }
button.greenBtn,input.greenBtn{ background-color: #487573; width: auto; text-transform: uppercase; font-size: 14px; color: #ffffff; padding: 0px 20px; line-height: 42px; height: 42px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  -webkit-transition: all 0.2s ease-in-out;  -moz-transition: all 0.2s ease-in-out;  -o-transition: all 0.2s ease-in-out;  -ms-transition: all 0.2s ease-in-out;  transition: all 0.2s ease-in-out; border: 0px; cursor: pointer; }

/*NAVIGATION*/
#header{ position: relative; width: 100%; }
#header #userDropDown .uDDTitle { position: relative; color: #ffffff; font-size: 16px; line-height: 18px; height: 18px; background: url('../images/down-arrow.png') no-repeat right 7px; padding-right: 15px; cursor: pointer; }
#header #userDropDown .uDDTitle a{ color: #ffffff; }
#header #userDropDown .hovered{ background: url('../images/up-arrow.png') no-repeat right 5px !Important; }
#header #userDropDown .uDDOptions{ z-index: 999; display: none; }
#header #userDropDown .uDDOptions a{ position: relative; display: block; text-align: left; width: auto; height: 25px; font-size: 14px; line-height: 25px; color: #ffffff; border-top: 1px solid #1a2e39; background-color: #1e333f; text-decoration: none; }

#header #userDropDown .logTitle { position: relative; color: #ffffff; font-size: 16px; line-height: 18px; height: 18px; padding: 0px 10px 0px 9px; cursor: pointer; border-right: 1px solid #ffffff; margin: 0px; }
#header #userDropDown .logTitle a{ color: #ffffff; }
#header #userDropDown .logTitle:last-of-type { border-right: none; }

#navigation{ position: relative; width: 100%; background-color: #1a2e39; }
#navigation li { list-style-type: none;}
#navigation #mainMenu{ position: relative; width: 100%; background-color: #1a2e39; border-bottom: 1px solid #1e333f; }
#navigation #mainMenu .navItem{ position: relative; display: block; min-height: 53px; height: auto; }
#navigation #mainMenu .navItem a{ position: relative; display: block; min-height: 53px; line-height: 53px; font-size: 17px; color: #ffffff; text-transform: uppercase; padding: 0px 25px; text-decoration: none; font-family: Arial, sans-serif;  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;  }
#navigation #mainMenu .dropdown a { background: url('../images/down-arrow.png') no-repeat; background-position: right 8px top 22px;  background-position-x:95%; background-position-y:22px; }
#navigation #mainMenu .active{ background-color: #518b8b; }
#navigation #mainMenu .navItem .hovered{ background-color: #dbdcdc; color: #1e333f; background-image: url('../images/up-arrow.png'); }

/*search*/
#navigation #searchMenu h1 { color: #ffffff; }
btn,.goToMap { margin-right: 5px; }
input[type=button].goToMap {
    background-color: #487573;
}
    input[type=button].goToMap:hover {
        color: #487573;
    }
input[type=button].goToMapOrange {
    background-color: #bc4d34;
}
    input[type=button].goToMapOrange:hover {
        color: #bc4d34;
    }

btn,.linkToMap { }
input[type=button].linkToMap {
    background-color: #bc4d34;
    height: 76px;
    line-height: 62px;
    font-size: 32px; 
    font-family: Arial, sans-serif;
    font-weight: 300;
    text-transform: capitalize;
    margin-bottom: 10px;
    padding: 8px, 20px, 8px, 20px;
    display: inline-block;
    opacity: 0.8;
    filter: Alpha(opacity=80);
}
    input[type=button].linkToMap:hover {
        color: #bc4d34;
    }

.goToList { margin-right: 5px; }
input[type=button].goToList {
    background-color: #ffffff;
    color: #1e333f;
}
    input[type=button].goToList:hover {
        color: #1a2e39;
    }
.searchWidgetGreen{ position: relative; margin: 0px 5px 5px 0px; background-color: #487573; color: #FFFFFF; height: 52px; line-height: 52px; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 14px; width: auto; float: left; -moz-box-shadow:1px 1px 5px #0c0c0d; -webkit-box-shadow: 1px 1px 5px #0c0c0d; box-shadow:1px 1px 5px #0c0c0d;}
.searchWidget{ position: relative; margin: 0px 5px 5px 0px; background-color: #ffffff; color: #7f7f7f; height: 52px; line-height: 52px; display: block; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 14px; width: auto; float: left; -moz-box-shadow:1px 1px 5px #0c0c0d; -webkit-box-shadow: 1px 1px 5px #0c0c0d; box-shadow:1px 1px 5px #0c0c0d;}
#dropdownSearchForm input[type=submit],#dropdownSearchForm input[type=button] {-moz-box-shadow:1px 1px 5px #0c0c0d; -webkit-box-shadow: 1px 1px 5px #0c0c0d; box-shadow:1px 1px 5px #0c0c0d;}
.searchWidget .selectCustomHeader{ font-size: 14px; color: #1e333f; height: 48px;  cursor: pointer; padding: 0px 70px 0px 15px; }
.searchWidget .swArrow{ position: absolute; right: 35px; top: 22px; width: 9px; height: 8px; cursor: pointer;  background: url('../images/down-arrow-small-gray.png') no-repeat; }
.searchWidget .swRemove{ position: absolute; right: 10px; top: 17px; width: 19px; height: 19px; cursor: pointer;  background: url('../images/remove-listing.png') no-repeat; }
.searchWidget .selectCustomOptions{ position: absolute; right: 0px; top: 48px; display: none; min-width: 100%; z-index: 9999;  }
/*Bug Id 682 : Nilesh Agrawal*/
.searchWidget .selectCustomOptions.left{ position: absolute; left: 0px; right:auto;*right: initial !important; top: 48px; display: none; min-width: 100%; z-index: 9999;  }
.searchWidget .selectCustomOption { position: relative; border-bottom: 1px solid #1a2e39; min-height: 16px; line-height: 16px; font-size: 14px; color: #1a2e39; cursor: pointer; background-color: #ffffff; padding: 4px 15px; display: block; white-space: nowrap; }
.searchWidget .selectCustomOption label { min-height: 16px; line-height: 16px; font-size: 14px; color: #1a2e39; display: block; }
.searchWidget .selectCustomOption input[type=text] { background: transparent; border: 1px solid #1a2e39; background-color: #ffffff; margin-bottom: 8px; width:70px; }
.agentOfficeWidget.searchWidget .selectCustomOption input[type=text] {width: 100%;}
.searchWidget .selectCustomOptions .last {
    border-bottom: 0px;
}
.searchWidget .selectCustomOptions .selectCustomOption .note {
    font-style: italic;
    display:block;
}
.searchWidget .selectCustomOption input[type=radio] { margin-left: -15px !Important; } 
.searchWidget .selectCustomOption label { display: block; overflow: hidden; } 
.searchWidget .selectCustomOption .indentcheck { margin-left: 15px; }
.searchWidget .leftColumn, .searchWidget .rightColumn{ position: relative; width: 50%; float: left; }
.searchWidget .selectCustomOption .floatedOptions input[type="radio"] { margin-left: 0px !important; }
.searchWidget .selectCustomOption .floatedOptions label.full {
    width: 100%;
}
.floatedOptions { border-top: 1px solid #414241; margin-top: 3px; padding-top: 4px; }
.floatedOptions label{ float: left; }

.third{ width: 33%; }

.half{ margin-right: 10px; }

.hideCheck input[type=checkbox]{ display: none; }
.selectCustomOptions label{ cursor: pointer; }

.moreCustomOptions { position: absolute; left: 100%; top: -2px; display: none; }

.disabled .selectCustomHeader { color: #999999 !Important;}

.defaultSearchWidget .selectCustomHeader{ padding: 0px 35px 0px 15px !Important; }
.defaultSearchWidget .swArrow{ right: 10px !Important; }

.advancedWidget { background-color: #583547; }
.advancedWidget .selectCustomHeader { color: #ffffff; font-size: 17px; height: 52px; line-height: 52px; text-transform: uppercase;}
.advancedWidget .swArrow{ background: url('../images/down-arrow-sm-white.png') no-repeat; }
.advancedWidget .expandable { padding-right: 20px; background: url("../images/right-arrow-blue.png") right center no-repeat #ffffff; background-position: right 5px center; }
.loadSearchWidget .selectCustomHeader {
    text-transform: uppercase;
}
.showRemovedCheck label {
display: inline-block;
color: #fff;
}
.addressDistanceWidget, .CBAIDWidget, .PropertyNameWidget,.searchKindWidget, .exactAddressWidget{ background-color: #dbdcdc; }
.exactAddressWidget {
    min-width: 250px;
}
    .CBAIDWidget .textBox input[type=text], .PropertyNameWidget .textBox input[type=text] {
        background-color: #fff;
    }
.addressDistanceWidget .textBox  { margin: 5px 0px 0px 5px; position: relative; height: 40px; display: block; line-height: 100%; float: left; }
.addressDistanceWidget .textBox  input[type=text] { height: 40px; display: block; line-height: 40px; background-color: #ffffff; width: 305px; }
.addressDistanceWidget .selectCustom { position: relative; float: left; }

.listingTypeWidget, .loadSearchWidget{ background-color: #dfe2cb; }

.constructionMaterialWidget .selectCustomOption{  min-width: 200px; }
.searchWidget input[type=text][readonly=readonly]{ background-color: #f1f1f1; }
.selectCustomOption.disabled{background-color: #f1f1f1;}
.searchWidget .selectCustomOption.disabled label{ color: #999;}
.searchWidget .selectCustomOption.disabled input::-webkit-input-placeholder{color: #999;}
.searchWidget .selectCustomOption.disabled input:-moz-placeholder{color: #999;}
.searchWidget .selectCustomOption.disabled input::-moz-placeholder{color: #999;}
.searchWidget .selectCustomOption.disabled input:-ms-input-placeholder{color: #999;}
.searchWidget .selectCustomOption.disabled input{border-color: #999}
	
/*pop up widgets*/
.popUpShadow{ position: fixed; top: 0px; left: 0px; z-index: 999997; width: 100%; height: 100%; background-color: #000000; opacity: 0.4; filter: Alpha(opacity=40); display: none; }

.popUpWidget{ position: fixed; top: 50%; left: 50%; z-index: 999998; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background-color: #528989; display: none; }
.popUpWidget.largeTop{ top: 35% !important; left: 65% !important; width: 800px; height: 500px; margin: -250px 0px 0px -400px; }
.popUpWidget.large{ width: 800px; height: 500px; margin: -250px 0px 0px -400px; }
.popUpWidget.medium{ width: 600px; height: 400px; margin: -200px 0px 0px -300px; }
.popUpWidget.report{ width: 1169px; height: 640px; margin: -300px 0px 0px -584.5px; background-color:#f5f5f5; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px;}


.popUpWidget h2 { color: #ffffff; }
.popUpWidget.report h2 {
color: #5b5c5d;
font-size: 20px;
margin: 0;
padding: 0;
line-height: 20px;
}
.popUpWidget .fullPageListing {
width: 70%;
box-sizing: border-box;
float: right;
padding-left: 20px;
}
 .popUpWidget .map {
width: 30%;
box-sizing: border-box;
float: left;
}
.popUpWidget .fullPageListing .info {
width: calc( 100% - 110px );
box-sizing: border-box;
}
.popUpWidget .fullPageListing .info .address {
width: auto;
height: auto;
float: none;
}
.popUpWidget .map img {
max-width: 100%;
height: auto;
}
.popUpWidget .fullPageListing .image {
box-sizing:border-box;
}
.popUpWidget .fullPageListing .listingSet {
width: 100%;
box-sizing: border-box;
}
.popUpWidget .expand{ position: absolute; right: 5px; top: 5px; font-size: 13px; font-weight: bold; color: #414241; cursor: pointer; padding: 0 5px;}
.popUpWidget .marketAreaGroup ul { display: none; border-top: 1px solid #414241; }
.popUpWidget .marketAreaGroup ul li { background-color: #D5D6D6; }
.popUpWidget li { position: relative; list-style-type: none; display: block; padding: 5px 0px 0px; width: auto; border-bottom: 1px solid #414241; }
.popUpWidget .puOptions p { margin-bottom: 0px; }
    .popUpWidget .puOptions a.puDelete {
        line-height: 42px;
    }
.popUpWidget input[type=checkbox]{ position: relative; float: left; width: 20px; }
.popUpWidget label{ position: relative; float: left; width: auto; margin: 0px 0px 5px; font-size: 13px; line-height: 16px; }
.popUpWidget .puCodeSectors label, .popUpWidget .puCodeDetails label{ max-width: 280px; }
.popUpWidget .marketAreaGroup label{ max-width: 140px; }
.popUpWidget.addASuggestionPopUp {
    color: #fff;
}
.popUpWidget.addASuggestionPopUp label{
    color: #fff;
}
.popUpWidget.addASuggestionPopUp .puFilters {
background: transparent;
}
.addASuggestionPopUp textarea {
width: 100%;
height: auto;
background-color: #fff;
}
.addASuggestionPopUp .puDetails input[type=text] {
margin-bottom: 2px;
}
.puHeader { width: auto; height: 30px; padding: 20px }
.popUpWidget.report .puHeader {
    height: 20px;
}
.createAReport .selectLinks {
    float:left; margin-right:20px;
}
.puFilters { position: absolute; left: 0px; top: 70px; bottom: 60px; overflow-y: auto; width: 250px; padding: 0px; background-color: #ffffff; }

.puDetails { position: absolute; left: 250px; top: 70px; bottom: 60px; overflow: hidden; width: 550px; z-index: 1; }
.browseAgentPopUp .puDetails, .addASuggestionPopUp .puDetails,.browseOfficePopUp .puDetails{color: #fff;padding: 0 10px;width: 30%; left:auto; right:0; font-size: 13px;}
.browsePropertyPopUp .puDetails{color: #fff;padding: 0 10px;width: 50%; left:auto; right:0; font-size: 13px;box-sizing:border-box;}
.browsePropertyPopUp em{font-size: 10px;}

.browsePropertyPopUp .puDetails .addressForm, .browsePropertyPopUp .puDetails .cityForm, .browsePropertyPopUp .puDetails .idForm{
    width: 100%;
}

.browsePropertyPopUp .puDetails .addressForm input, .browsePropertyPopUp .puDetails .cityForm input, .browsePropertyPopUp .puDetails .idForm input{
    width: 100%;
}
.browsePropertyPopUp .puDetails .idForm input{
    margin-bottom: 5px;
}

.browseAgentPopUp .agent, .browseOfficePopUp .agent{padding: 0 5px; border-bottom: 1px solid #999999;}
.browseAgentPopUp .agent.selected, .browseOfficePopUp .agent.selected {background: #bc4d34;color: #fff;}

.browsePropertyPopUp .property {padding: 0 5px; border-bottom: 1px solid #999999;}
.browsePropertyPopUp .property.selected {background: #bc4d34;color: #fff;}


.browsePropertyPopUp .selections{
    display: inline !Important;
}


.browsePropertyPopUp .puDetails .taxId {
    width: 50%;
}

.browsePropertyPopUp .puDetails .propId {
    width: 50%;
}

.loadVideoPopUp .video{
    padding: 0 5px; border-bottom: 1px solid #999999;
}

.loadVideoPopUp .video.selected {
    background: #bc4d34;color: #fff;
}

.loadVideoPopUp .puFilters {
    width: 100%;
    bottom: 80px;
}



.callLogPopUp .puDetails {color: #fff;padding: 0 10px;width:50%;font-size: 13px; left: auto; right: 0;box-sizing:border-box;}
    .callLogPopUp .puDetails p,.callLogPopUp .puDetails p a{
        color: #fff;
    }
.callLogPopUp .puFilters {
    width: 50%;box-sizing:border-box; font-size:13px;
}
.callLogPopUp .note{
    padding: 5px 10px;
}
    .callLogPopUp .puFilters .note:nth-of-type(2n) {background:#D5D6D6;
    }
.callLogPopUp .unresolved {
    color: #bc4d34;
}
.browseAgentPopUp .puFilters,.addASuggestionPopUp .puFilters,.browseOfficePopUp .puFilters{width: 65%;}
.browsePropertyPopUp .puFilters{width: 50%;}
.browseAgentPopUp .puFilters .agent, .browsePropertyPopUp .puFilters .property,.browseOfficePopUp .puFilters .agent {font-size: 13px; cursor:pointer;}

.browseAgentPopUp .puFilters .agent,.browseOfficePopUp .puFilters .agent{
    padding: 0 5px; border-bottom: 1px solid #999999;
}
a#browseUsers,.ui-widget-content .boxHalf a, a#featuredBrowseUsers, a#permissionBrowseUsers {height: 28px;line-height: 28px;color: #518b8b;}
.browseAgentPopUp .message, .browsePropertyPopUp .message, .browseOfficePopUp .message{
    position: absolute;
    top: 45%;
    vertical-align: middle;
    width: 100%;
    text-align: center;
}
.searchAgents,.addNotes {
    margin-top: 5px;
}
.landUseType label {
    width: 45%;
}
.systemPagePopUp .puDetails {
    left: 20px;
}
.popUpWidget.systemPagePopUp label {
    color: #fff;
    max-width:inherit;
    margin: 0;
}
.popUpWidget.systemPagePopUp .box td {
    vertical-align: middle;
    height: 16px;
    box-sizing: border-box;
}
.popUpWidget.medium.short {
height: 250px;
}
.popUpWidget.medium.short .puOptions {
    margin-top: 120px;
}
.popUpWidget.saveSearchPopUp {
    height: 250px;
}
.saveSearchPopUp label {
    color: #fff;
}
#searchNamePU {
    margin-bottom: 5px;
}
.puForm{
    position: absolute;
    left: 0px;
    top: 70px;
    bottom: 60px;
    overflow: hidden;
    width: 100%;
    z-index: 1;
    padding: 0px 20px;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.contactCardForm input[type=text]{
   background-color: #ffffff;
   line-height: 20px;
   height: 20px;
   width: 100%;
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
}

.contactCardForm label{
   line-height: 20px;
   height: 20px;
   color: #ffffff;
   display: block;
   margin-bottom: 0px;
   float: none;
}

fieldset, .contactCardForm .field{
    clear: both;
    border: 0px;
    padding: 0px;
    margin: 0px 0px 7px;
}

fieldset .nameField{
    position: relative;
    float: left;
    width: 49%;
}

fieldset .nameField:last-child{
    margin-left: 2%;
}

fieldset .cityField{
    position: relative;
    float: left;
    width: 40%;
}

fieldset .stateField{
    position: relative;
    float: left;
    width: 28%;
    margin-left: 2%;
}

fieldset .stateField select{
    width: 100%;
    line-height: 20px;
    height: 20px;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}

fieldset .zipField{
    position: relative;
    float: left;
    width: 28%;
    margin-left: 2%;
}
textarea.fullText {
    width: 100%;
}

.puClose{ position: absolute; top: 20px; right: 20px; background: url('../images/close.png') no-repeat; width: 16px; height: 15px; cursor: pointer; }


.popUpWidget.report .puClose {
    background: url('../images/gray_close.png') no-repeat;
    font-family: 'Open Sans';
    text-transform: uppercase;
    padding-left: 25px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    width: auto;
}
.popUpWidget.report .puFilters {
    width: 100%;
    box-sizing:border-box;
    padding: 20px;
    top: 55px;
    bottom: 100px;
}
.popUpWidget.report a {
    color: #6d6f71; font-size: 14px;
}
.popUpWidget.report .reportOptions a {
    color: #518b8b; font-size: 14px; float: left;margin-right: 23px;
min-height: 24px;
line-height: 24px;
}
.popUpWidget.report {
    font-size: 14px;
}
.popUpWidget.report .instructions {
    color: #7f7f7f;
    font-family: Arial, sans-serif;
    float: left;
}
.popUpWidget.subjectPropertyInfo label {
    color: #fff;
}
.popUpWidget.medium.loadSearchPopUp .puOptions {
    margin-top: 280px;
}
.popUpWidget.report .infoWrapper {
display: block;
clear: both;
}
.popUpWidget.report .infoGroup {
box-sizing: border-box;
float: left;
border: 1px solid #7f7f7f;
margin-bottom: 10px;
}
.popUpWidget.report .infoGroup label {
width: 100%;
}
.infoGroup input#website {
width:20px;
height:auto;
margin: 3px 3px 3px 4px;
}
.customDownload .checkLinks {
float: right;
margin-right: 70px;
margin-top: -5px;
}
.popUpWidget.report .infoGroup h3 {
color: #fff;
padding: 5px 10px;
background-color: #487573;
}
.coverForm {
    display: none;
}
    .createAReport .reportDate {
        float: right;
    }
    .createAReport .reportPageWrapper .reportPage {
box-shadow: 3px 6px 5px 0px rgba(20, 20, 20, 0.34);
width: 141px;
height: 182px;
border: 1px solid #cdcccb;
    }
.createAReport .reportPageWrapper .reportPage img {
    max-width: 100%;
}
/*.reportPageWrapper:after {
right: -1px;
}
.reportPageWrapper:before {
left: -1px;
}
.reportPageWrapper:before, .reportPageWrapper:after {
content: "";
background-color: #fff;
background: -webkit-linear-gradient(90deg, #ffffff 0%, #cbcbcb 100%);
background: -moz-linear-gradient(90deg, #ffffff 0%, #cbcbcb 100%);
background: -moz-linear-gradient(90deg, #ffffff 0%, #cbcbcb 100%);
background: -o-linear-gradient(90deg, #ffffff 0%, #cbcbcb 100%);
background: -ms-linear-gradient(90deg, #ffffff 0%, #cbcbcb 100%);
background: linear-gradient(0deg, #ffffff 0%, #cbcbcb 100%);
width: 1px;
top: -1px;
bottom: -1px;
position: absolute;
}*/
.reportPageWrapper {
background-color: #ffffff;
background: -webkit-linear-gradient(90deg, #ffffff 0%, #f8f8f8 100%);
background: -moz-linear-gradient(90deg, #ffffff 0%, #f8f8f8 100%);
background: -o-linear-gradient(90deg, #ffffff 0%, #f8f8f8 100%);
background: -ms-linear-gradient(90deg, #ffffff 0%, #f8f8f8 100%);
background: linear-gradient(0deg, #ffffff 0%, #f8f8f8 100%);
width: 100%;
box-sizing: border-box;
padding: 20px;
border-top: 1px solid #cbcbcb;
margin-top: 10px;
position: relative;
height: 274px;
overflow-y: auto;
overflow-x: hidden;
}
.popUpWidget .reportPageWrapper li {
    border-bottom: none;
}
.reportPageWrapper .pageBox {
    float: left;
    padding: 10px;
    cursor: move;
    position: relative;
    list-style-type: none;
    display: block;
    width: auto;
}
.reportPageWrapper .pageBox:nth-of-type(6n+1) {
    clear: both;
}

.reportPageWrapper .pageBox p {
    padding: 5px 0;
}
.pageBox input[type=checkbox] {
margin-left: 0;
}
.popUpWidget .reportDate label {
background: url('../images/report_calendar.png') no-repeat right center;
padding-right: 26px;
}
.createAReport input[type="text"] {
display: inline;
border: 1px solid #cbcbcb;
height: 22px;
width: 240px;
}
.createAReport .reportTypeOptions tr.lightGreen{
    background-color: #dcebea;
}
.createAReport .reportTypeOptions tr.lightGreen label {
    opacity: 1;
}
.createAReport .reportTypeOptions label,.popUpWidget.createAReport .reportTypeOptions i{
    opacity: 0.5;
}
.createAReport .reportTypeOptions label[for=reportTypeBrokers],
.createAReport .reportTypeOptions label[for=reportTypeClients] {
    opacity: 1;
    font-weight: bold;
}
.createAReport .reportDate input[type="text"] {
    width:105px;
}
.popUpWidget.large .puOptions{ position: relative; margin-top: 370px; padding: 10px; width: auto; }
.popUpWidget.medium .puOptions{ position: relative; margin-top: 270px; padding: 10px; width: auto; }
.popUpWidget.report .puOptions {
    position: relative; margin-top: 520px; padding: 10px; width: auto;
}
.popUpWidget.report .puLeftOptions p{
    color: #5c5c5d;font-size:14px;line-height:42px;
}
.popUpWidget.report .reportOptions label {
margin-right: 23px;
min-height: 24px;
line-height: 24px;
}
table.reportTypeOptions {
border: 1px solid #cbcbcb;
width: 100%;
box-sizing:border-box;
margin-top: 10px;
}
.popUpWidget .reportOptions {
padding-top: 6px;
}
.popUpWidget .reportOptions input[type=checkbox] {
margin-top: 6px;
}

.report table.reportTypeOptions td {
padding: 2px 3px;
border-top: 1px solid #cbcbcb;
color: #414241;
font-size: 14px;
line-height: 17px;
margin: 0px;
}
    .report table.reportTypeOptions td label {
        margin: 2px;
    }
.report table.reportTypeOptions tr:first-of-type td {
    border:none;
}
.popUpWidget.report .puRightOptions a, .puRightOptions button {
margin: 0 5px;
}
.puOptions p{ color: #ffffff; font-size: 12px; }
.puOptions p strong{ font-size: 13px; }
.puOptions a{ color: #ffffff; text-decoration: underline; }
.puRightOptions{ position: relative; float: right; width: auto; text-align: right; }
.puRightOptions p{ line-height: 42px; display: inline-block; margin-right: 10px; }
.puLeftOptions{ position: relative; float: left; width: auto; text-align: left; }

.searchMarketAreas { position: relative; display: block; padding: 10px; width: auto; border-bottom: 1px solid #414241; margin: 0px; background-color: #D5D6D6; display:none;}
.searchMarketAreas input { background-color: #ffffff; width: 100%; }

#MarketAreaMap,.MarketAreaMap{ position: relative; width: 100%; height: 100%; }


.puCodeSectors { position: absolute; left: 0px; top: 70px; bottom: 60px; overflow-y: auto; width: 300px; padding: 0px; background-color: #ffffff; }
.puCodeSectors li:hover, .puCodeSectors li.active { background-color: #D5D6D6; }

.puCodeDetails { position: absolute; left: 300px; top: 70px; bottom: 60px; overflow-y: auto; width: 500px; padding: 0px; background-color: #ffffff; }
.puCodeDetails ul { display: none; }

.selections{ display: block; max-width: 500px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

.agent,.savedSearch {padding: 0 5px;cursor:pointer;}
.agent.selected,.savedSearch.selected {background: #bc4d34;color: #fff;}


/*search map*/
#loadingScreen, #fullLoadingScreen {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 666;
    background-color: #000000;
    opacity: 0.4;
    filter: alpha(opacity=40);
    display: none;
}
#fullLoadingScreen {
    z-index: 999999;
}
#loadingScreen .loadImage,#fullLoadingScreen .loadImage { position: absolute; left: 50%; top: 50%; width: 50px; height: 50px; margin-left: -25px; margin-top: -25px; }
#propertyMap, #propertyListingDetails{  position: absolute; top: 0; width: 100%; height: 100%; display: block; z-index: 555; box-sizing:border-box;}
#propertyInformationWrapper #propertyListingDetails {display: none;background:#dbdcdc;}
#propertyListingDetails{ overflow-y: auto; overflow-x: hidden;}

#radiusPrompt{ width: 100px; height: 100px; background-color: #ffffff;  }

.pinNameOnly .propertyPinDetailImage, .pinNameOnly .propertyPinDetailAbout, .pinNameOnly address{ display: none; }

.propertyPinDetailImage {
    text-align: center;
    width: 100%;
    
}

.pintable { 
    width: 100%;
    table-layout: fixed;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}
.pintable td {
    text-align: center;
}

.pintable th:last-child {
    width: 95px;
}

.pinRowHidden {
    display:none;
}
.pinRowShowMore {
    text-align:right;
}

.pinNameDetailsOnly .propertyPinDetailImage{ display: none; }

.pinThumbnail {
    text-align: center;
}

.propertyPinDetail {
    padding-left: 20px;
}

.propertyPinDetail td {
    vertical-align: top;
}

.propertyPinDetail h3 {
    font-size: 14px;
    margin-bottom: 10px;
}
.propertyPinDetail p {
margin-bottom:10px;
}
#mapButtons input[type=button] {
background-color: white;
color: #333;
padding: 2px 25px 2px 5px;
height: 25px;
border: 1px solid #b5b5b6;
text-transform: capitalize;
font-size: 12px;
line-height: 12px;
background-repeat: no-repeat;
background-position: 98%;
}
.createAReport .pageBox label {
max-width: 140px;
}
.box.createAReport .reportPageWrapper {
height: auto;
}
.mapWidgets {
    position:absolute;
    left: 300px;
    z-index:555;
    top:5px;
}
#mapButtons #removePolygon {
    background-image: url('../images/cms/cancel-icon.png');
    display:none;
}
#mapButtons #savePolygon {
    background-image: url('../images/save-polygon-icon.png');
    display:none;
}
.searchWidget.mapWidget {
height: 24px;
}
.searchWidget.mapWidget .selectCustomHeader {
height: 22px;
line-height: 22px;
padding-right: 30px;
}
.searchWidget.mapWidget .swArrow {
top: 8px;
right: 10px;
}
.searchWidget.mapWidget .selectCustomOptions {
top: 20px;
left: 0;
}
.searchWidget.mapWidget .selectCustomOption {
white-space:normal;
padding: 4px 10px;
}
.searchWidget.mapWidget .selectCustomOption label {
padding-right: 2px;
}
.popUpWidget
 {
width: 300px;
height: 200px;
margin: -100px 0px 0px -150px;
}
.popUpWidget.small .puOptions {
position: absolute;
bottom: 20px;
right: 15px;
}
.popUpWidget.small select {
    width: 100%;
}
#mapButtons #redoSearch {
    background-image: url('../images/cms/preview-icon.png');
    display:none;
}
.pinDetailsImage { 
    width: 370px; 
}
.pintable td, .pintable th {
    text-align: left;
    white-space: nowrap;
}
div#mapButtons {
position: absolute;
z-index: 555;
top: 5px;
left: 45%;
display: block;
}
/*search results*/
#propertyListingsWrapper{ position: absolute; left: 0px; top: 166px; bottom: 0px; width: 400px; background-color: #ffffff; display: block; z-index: 666; border-right: 1px solid #000000; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; min-height: 200px; }

#propertyListingOptions{ position: relative; width: 100%; height: 100%; display: block; z-index: 666; background-color: #cccccc; }
#propertyListingOptions.fixed{ position: fixed;     top: 0;     left: 0;     width: 399px; }

#propertyListings{ position: absolute; left: 0px;     top: 72px;     right: 0px;     bottom: 55px;     overflow-y: auto;     display: block;     z-index: 666;     width: auto;     background-color: #cccccc; }

#propertyListingSort{ position: absolute; left: 0px; top: 0px; width: 100%; height: 42px; background-color: #583547; border-bottom: 1px solid #000000; z-index: 999; }
#propertyListingSort .showRemovedCheck{ position: absolute; left: 15px; top: 10px; color: #ffffff; font-size: 13px; } 
#propertyListingSort .searchResultSort{ position: absolute; right: 10px; top: 10px; color: #ffffff; font-size: 13px; } 
#propertyListingSort select{ width: 140px; height: 22px; border: 1px solid #000000; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  padding: 2px; font-size: 13px; }  

#propertyListingSortFull{ position: absolute; left: 0px; top: 0px; height: 55px; background-color: #583547; border-bottom: 1px solid #000000; z-index: 999; padding: 15px 10px;
box-sizing: border-box;}
#propertyListingSortFull .showRemovedCheck{ position: relative; float: left; color: #ffffff; font-size: 13px; } 
#propertyListingSortFull .searchResultSort {
position: relative;
float: left;
color: #ffffff;
font-size: 13px;
} 
#propertyListingSortFull select{ width: 140px; height: 22px; border: 1px solid #000000; -webkit-border-radius: 4px;  -moz-border-radius: 4px;  border-radius: 4px;  padding: 2px; font-size: 13px; }  

.last{ border-bottom: 0px !Important; }

/*#propertyInformationWrapper{  position: absolute !Important; left: 400px !Important; top: 166px !Important; right: 0px !Important; bottom: 0px !Important; width: auto !Important; height: auto !Important; z-index: 555 !Important; min-height: 500px !Important; }*/
#propertyInformationWrapper{  position: absolute !Important; left: 400px; top: 166px !Important; right: 0px !Important; bottom: 0px !Important; width: auto; height: auto !Important; z-index: 555; min-height: 200px !Important; }

#propertyInformation{  position: relative; width: auto; min-height: 100vh; padding-left: 400px; display: none; z-index: 555; }

#propertyListings .propertyListing{ position: relative; width: 100%; min-height: 125px; background-color: #ffffff; border-bottom: 1px solid #000000; z-index: 998; overflow: hidden; }
#propertyListings .propertyListing .thumb{ position: relative; float: left; overflow: hidden; width: 110px; height: 125px; background-color: #dbdcdc; display: table; vertical-align: middle; }
#propertyListings .propertyListing .thumb img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; font-size: 10px; }
#propertyListings .propertyListing .info{ position: relative; float: left; width: 240px; padding: 10px 15px 0px; }
#propertyListings .propertyListing h4{ margin-bottom: 3px; }
#propertyListings .lease h4{ color: #583547; }
p.elip{
	text-overflow: ellipsis;
    white-space: nowrap; 
    width: auto; 
    overflow: hidden;
}

#propertyListings .propertyListing p{ margin-bottom: 1px; }
#propertyListings .propertyListing .removeListing,#fullScreenList .propertyListing .removeListing { position: absolute; right: 5px; top: 8px; cursor: pointer; background: url("../images/remove-listing.png") no-repeat; width: 19px; height: 19px; }
.removeListingSmall { position: absolute; right: 5px; top: 3px; cursor: pointer; background: url("../images/remove-listing.png") no-repeat; width: 19px; height: 19px; }
.loadPolygonWidget .remove { position: absolute; right: 5px; top: 8px; cursor: pointer; background: url("../images/remove-listing.png") no-repeat; width: 14px; height: 14px;background-size: contain; }
#fullScreenList .propertyListing .removeListing {
    top: 6px;
}
#fullScreenList .propertyListing .removeListing.large {
    background: url("../images/large-remove-listing.png") no-repeat;
    width: 29px;
    height: 29px;
}
.information.removed {
    background-color: #d5d6d6;
}
#fullScreenList .propertyListing .propertyListingRemoved {
margin: 0;
padding: 0;
height: auto;
}
    #fullScreenList .propertyListing .propertyListingRemoved p {
        font-size: 14px;
        line-height: inherit;
        padding: 5px 10px;
    }
#propertyListings .propertyListingRemoved{ position: relative; width: auto; padding: 0px 30px; height: 37px; background-color: #d5d6d6; border-bottom: 1px solid #000000; z-index: 998; overflow: hidden; }
#propertyListings .propertyListingRemoved p{ line-height: 37px; margin-bottom: 0px; }
#propertyListings .propertyListingRemoved .addListing { position: absolute; right: 5px; top: 8px; cursor: pointer; background: url("../images/add-listing.png") no-repeat; width: 19px; height: 19px; }

#propertyListingReport{ position: absolute; left: 0px; bottom: 0px; width: 400px; height: 55px; background-color: #1a2e39; z-index: 999; }
#propertyListingReport .reportButton{ position: relative; padding: 6px 0px 6px 6px; width: auto; float: left; } 
#propertyListingReport .searchInfo{ position: relative; padding: 10px 10px 0px 6px; width: auto; float: left; }
#propertyListingReport .expandBtn{ position: absolute; right: 10px; top: 5px; cursor: pointer; background: url("../images/expand-icon.png") no-repeat; width: 21px; height: 20px; }
#propertyListingReport p { color: #748397; font-size: 13px; line-height: 16px; margin-bottom: 0px; }
#propertyListingReport strong { color: #ffffff; }

#propertyListingReportFull {
position: absolute;
right: 0px;
top: 0px;
width: 400px;
height: 55px;
z-index: 999;
}
#propertyListingReportFull .reportButton{ position: relative; padding: 6px; width: auto; float: left; } 
#propertyListingReportFull .searchInfo{ position: relative; padding: 10px 10px 0px 0px; width: auto; float: left; }
#propertyListingReportFull .collapseBtn{ position: absolute; right: 10px; top: 8px; cursor: pointer; background: url("../images/collapse-icon.png") no-repeat; width: 21px; height: 20px; }
#propertyListingReportFull p { color: #748397; font-size: 13px; line-height: 16px; margin-bottom: 0px; }
#propertyListingReportFull strong { color: #ffffff; }
#fullScreenList .propertyListingRemoved{ position: relative; max-width: 1200px; padding: 0px 30px; height: 37px; background-color: #d5d6d6; z-index: 998;margin-left: auto; margin-right: auto; outline: 1px #b5b5b6 solid; box-sizing: border-box;
margin-bottom: 10px;}
#fullScreenList .propertyListingRemoved p{ line-height: 37px; margin-bottom: 0px; font-size: 22px;}
#fullScreenList .propertyListingRemoved .addListing { position: absolute; right: 5px; top: 5px; cursor: pointer; background: url("../images/add-listing.png") no-repeat; width: 19px; height: 19px; }
    #fullScreenList .propertyListingRemoved .addListing.large {
        background: url("../images/large-add-listing.png") no-repeat;
        width: 29px;
        height: 29px;
        top: 4px;
    }
#fullScreenList .headerBar {
    background-color: #462f39;width:100%; height:55px; position: absolute; left: 0; top: 0;z-index: 1;
}
#fullScreenList .propertyListing.show .listing {
outline: 1px solid #b5b5b6;
color: #414241;
}
#fullScreenList .propertyListing.show .listing .listingCol {
display: inline-block;
width: 19.5%;
box-sizing: border-box;
padding: 5px 10px;
font-size: 14px;
/*border: 1px solid black;*/
}
.pagination {
text-align: center;
}
.pagination a {
display: inline-block;
width: 45px;
height: 45px;
background: #fff;
padding: 12px;
box-sizing: border-box;
outline: 1px solid #b5b5b6;
margin: 15px 5px;
color: #424343;
}
.pagination a.selected {
    background-color: #1e333f;
    color: #fff;
}
.pagination a.previous,.pagination a.next {
    background-color:#487573;
    color: #fff;
}
.pagination a.disabled {
    background: transparent;
    color: #424343;
}
.propertyTypeWidget .buttonText.enabled {width: 200px;white-space: normal;display: inline-block;vertical-align: middle;}
.propertyTypePopUpWidget .puCodeDetails li {width: 50%;float: left;border: none;}  
.selectionControls {text-align: right;border-bottom: 2px solid;padding: 5px;}
.selectionControls button {background: transparent;border: none;}
.propertyCatType {padding: 10px 20px;}
.propertyStatusWidget label {
padding-left: 15px;
}
.propertyStatusWidget label.allStatus {
font-weight: bold;
padding-left: 0;
}
.popUpWidget.small input[type=text] {
width: 100%;
}
.subjectPropertyInfo input[type=text] {
    height: 25px;
}
.subjectPropertyInfo input[type=file] {
    background:#fff;
    width: 180px;
}
textarea#coverLetterText {
width: 100%;
height: 90%;
background: #fff;
}
/*CONTENT*/
#content{ position: static; width: 100%; min-height: 200px; }

/*banners*/

#bannerWrapper{ position: relative; width: 100%; }
#bannerWrapper h1{ color: #ffffff; font-size: 45px; line-height: 62px; margin-bottom: 10px; font-family: Arial, sans-serif; font-weight: 300; background: #374754;opacity: .8;filter: Alpha(opacity=80); display: inline-block;padding: 8px 20px;display:inline-block;}
#bannerWrapper #banner{ position: absolute; left: 0px; top: 0px; width: 100%;  overflow: hidden;}
#bannerSearchForm{ position: relative; width: auto; height: auto; }

#bannerWrapperMobile{ position: relative; width: 100%; max-height: 100px;}
#bannerWrapperMobile h1{ color: #ffffff; font-size: 22px; line-height: 31px; margin-bottom: 5px; font-family: Arial, sans-serif; font-weight: 300; background: #374754;opacity: .8;filter: Alpha(opacity=80); display: inline-block;padding: 4px 10px;display:inline-block;}
#bannerWrapperMobile #bannerMobile{ position: absolute; left: 0px; top: 0px; width: 100%;  overflow: hidden;}
#bannerSearchFormMobile{ position: relative; width: auto; height: auto; }
	

.information{ width: 100%; padding: 30px 0px 1px; }
.information .bucket { position: relative; float: left; margin-bottom: 25px; }
.information .bucketContent { position: relative; max-height: 505px; overflow: auto; }
.information .partialBucket { position: relative; background-color: #ffffff; width: auto; padding: 30px 20px 10px; }
.information .fullBucket { position: relative; background-color: #ffffff; width: auto; padding: 30px 20px 1px; min-height: 474px; }
.information .bucketFeature { position: relative; margin: -30px -20px 20px -20px; width: auto; height: 275px; overflow: hidden; background-color: #000000;}
.information .bucketFeature img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }
.bucketContent .content {
padding: 10px 20px;
}


.bucketHeader{ position: relative; height: 65px; padding: 0px 20px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; margin-bottom: 1px; }

.bucket .bucketHeader h2{
    font-size: 20px; line-height: 65px; font-family: Arial, sans-serif; color: #ffffff;
}


.purpleInfo{ background-color: #492b3a; }
.purpleInfo .bucketHeader{ background-color: #583547; color: #ffffff; }
.purpleInfo h1 { color: #ffffff; }
.purpleInfo .bucketHeader h2{
     color: #ffffff;
}

.greenInfo{ background-color: #487573; }
.greenInfo .pageWrapper h2, .greenInfo .pageWrapper h3 { color: #ffffff; }
.greenInfo .bucketHeader{ background-color: #528b8b; color: #ffffff; }
.greenInfo .bucketHeader h2{
     color: #ffffff;
}

.whiteInfo{ background-color: #ffffff; }
.whiteInfo .bucketHeader{ background-color: #9e9e9e; color: #5b5d5e; }
.whiteInfo .bucketHeader h2{
     color: #5b5d5e;
}
.whiteInfo p, .whiteInfo h1, .whiteInfo h2, .whiteInfo h3, .whiteInfo h4, .whiteInfo h5, .whiteInfo h6, .whiteInfo li{ color: #5b5c5e; }

.whiteInfo ul{
    margin-left: 20px;
    margin-bottom: 17px;
}
.whiteInfo ul ul{
    margin-bottom: 0px;
}

.whiteInfo li{    
    font-size: 14px;
    line-height: 17px;
}

.grayInfo{ background-color: #dbdcdc; }
.grayInfo .bucketHeader{ background-color: #ffffff; color: #5b5c5d; }
.bucket .hovered{ background-color: #d8dcde !Important; color: #1e333f !Important; }
.bucket h2{ color: #518b8b; font-size: 18px; line-height: 22px; font-weight: 300; margin-bottom: 20px; font-family: Arial, Sans-Serif; }
.grayInfo .bucketHeader h2{
     color: #5b5d5e;
}

.divider{ width: 100%; height: 0px; line-height: 0px; font-size: 0px; display: block; border-bottom: 1px solid #b5b5b6; }

.bucketHeaderOption{ position: absolute; right: 20px; top: 0px; font-size: 14px;line-height: 65px; font-family: Arial, Sans-Serif; }
.bucketHeaderOption p{ font-size: 14px;line-height: 65px; font-family: Arial, Sans-Serif; }
.purpleInfo .bucketHeaderOption a, .purpleInfo .bucketHeaderOption p{ color: #ffffff; }
.greenInfo .bucketHeaderOption a, .greenInfo .bucketHeaderOption p{ color: #ffffff; }


.bucketHeaderDropDown{ position: absolute; right: 20px; top: 0px; font-size: 14px;line-height: 65px; font-family: Arial, Sans-Serif; padding-right: 15px; cursor: pointer; }
.purpleInfo .bucketHeaderDropDown a{ color: #ffffff; }
.greenInfo .bucketHeaderDropDown a{ color: #ffffff; }
.purpleInfo .bucketHeaderDropDown { background: url('../images/down-arrow-sm-white.png') no-repeat right 16px; }
.greenInfo .bucketHeaderDropDown { background: url('../images/down-arrow-sm-white.png') no-repeat right 16px; }
.grayInfo .bucketHeaderDropDown { background: url('../images/down-arrow-sm-green.png') no-repeat right 16px; }
.bucket .hovered .bucketHeaderDropDown{ background: url('../images/up-arrow-sm-gray.png') no-repeat right 16px !Important; }
.bucketHeaderDropDown .bhddOptions{ position: absolute; right: -20px; top: 65px; width: 160px; z-index: 999; display: none; }
.bucketHeaderDropDown .bhddOption{ position: relative; width: 130px; padding: 0px 15px; height: 25px; line-height: 25px; color: #1e333f; background-color: #dbdcdc; border-top: 1px solid #b3b2b3;}
.bucketHeaderDropDown .active{ color: #868686; }

.listing{ position: relative; width: 100%; background-color: #ffffff; margin-bottom: 1px; font-size:14px; }
.lastListing{ position: relative; width: 100%; background-color: #ffffff; margin-bottom: 0px;  }
.listingIcon{ position: relative; float: left; overflow: hidden; width: 110px; height: 125px; background-color: #000000;}
.listingIcon img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; font-size: 10px; }
.listingInfo{ position: relative; width: auto; min-height: 105px; padding: 19px 20px 1px 130px; }
.listingInfoFull{ position: relative; width: auto; min-height: 105px; padding: 19px 20px 1px 20px; }
.listingIcon .listingExpires { position: absolute; left: 0px; top: 0px; width: 100%; height: 25px; line-height: 25px; background-color: #bc4d34; font-size: 10px; font-weight: 600; color: #ffffff; text-align: center; text-transform: uppercase; }
.listingContact{ position: relative; width: auto; background-color: #f6f6f6; padding: 15px 20px; }
.listingContact p, .bucketFeatureContacts p{ margin-bottom: 0px; }

.bucketHeaderNavigation{ position: absolute; right: 0px; top: 0px; width: auto; height: 65px;}
.bucketHeaderNavigation a{ position: relative; float: left; width: 52px; height: 65px; display: block; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.bucketHeaderNavLeft { background: url('../images/bucket-left-arrow.png') no-repeat center center; }
.bucketHeaderNavRight { background: url('../images/bucket-right-arrow.png') no-repeat center center; }
.purpleInfo .bucketHeaderNavigation a { border-left: 1px solid #492b3a; }
.greenInfo .bucketHeaderNavigation a{ border-left: 1px solid #487573; }
.grayInfo .bucketHeaderNavigation a { border-left: 1px solid #dbdcdc; }

.featureBucket { position: relative; width: auto; min-height: 474px; }
.bucketFeatureRotator {  position: relative; width: auto; overflow: hidden; }
.bucketFeatureRotator  img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; font-size: 10px;}
.bucketFeatureImages { position: relative; background-color: #ffffff; width: 100%; height: 250px; background-color: #000000; text-align: center; }
.bucketFeatureButtons { position: absolute; bottom: 15px; left: 0px; width: 100%; text-align: center; font-size: 0px; }
.bucketFeatureButton { position: relative; display: inline-block; font-size: 0px; width: 13px; height: 13px; margin: 0px 2px; background: url('../images/bucket-feature-dot-off.png') no-repeat; z-index: 999; }
.bucketFeatureButtons .active { background: url('../images/bucket-feature-dot.png') no-repeat; }
.bucketFeatureContents { position: relative; background-color: #ffffff; width: 100%; height: 193px; overflow: hidden; }
.bucketFeatureContacts { position: relative; background-color: #f6f6f6; width: 100%; height: 60px; overflow: auto; }
.bucketFeatureContact, .bucketFeatureImage, .bucketFeatureContent{ position: absolute; left: 0px; top: 0px; display: none; }
.bucketFeatureContent{ padding: 25px 20px 1px; }
.bucketFeatureContact{ padding: 12px 20px 1px; } 
.bucketFeatureImage { width: 100%; height: 100%; text-align: center; } 



.event{ position: relative; width: 100%; background-color: #ffffff; margin-bottom: 1px;  }
.lastEvent{ position: relative; width: 100%; background-color: #ffffff; margin-bottom: 0px; }
.eventIcon{ position: absolute; left: 0px; top: 0px; width: 110px; background: url('../images/event-icon.png') no-repeat #ffffff; height: 105px; }
.eventMonth{ position: absolute; left: 0px; top: 35px; width: 100%; text-align: center; color: #ffffff; font-size: 14px; font-weight: 600; text-transform: uppercase; }
.eventDate{ position: absolute; left: 0px; top: 58px; width: 100%; text-align: center; color: #5b5c5d; font-size: 30px; font-family: Arial, sans-serif; }
.eventInfo{ position: relative; width: auto; height: 105px; overflow: hidden; padding: 19px 20px 1px 130px; }
    .eventInfo.auto {
        height: auto;
        min-height: 105px;
        margin-bottom: 20px;
    }
.bucketStats{ position: relative; width: 100%; height: 75px; overflow: hidden; margin-bottom: 1px; }
.bucketStats .statsLeft{ position: relative; float: left; width: 25%; background-color: #1e333f; height: 75px; padding-top: 10px; }
.bucketStats .statsMid{ position: relative; float: left; width: 25%;  border-left: 1px solid #ffffff; border-right: 1px solid #ffffff; box-sizing:border-box; -moz-box-sizing:border-box; height: 75px; padding-top: 10px; }
.bucketStats .statsMid.secA{ background-color: #518b8b; }
.bucketStats .statsMid.secB{ background-color: #583547; }
.bucketStats .statsRight{ position: relative; float: left; width: 25%; background-color: #518b8b; height: 75px; padding-top: 10px; }
.bucketStats .stat{ position: relative; width: 100%; color: #ffffff; font-size: 30px; line-height: 36px; font-family: Arial, sans-serif; text-align: center; }
.bucketStats .statDescription{ position: relative; width: 100%; color: #ffffff; font-weight: bold; font-size: 13px; line-height: 16px; text-align: center; }

.bucketForm{ position: relative; width: auto; height: 407px; background-color: #ffffff; padding: 20px 20px 0px 20px; }
.bucketForm input[type=text], .bucketForm select, .bucketForm textarea{ width: 100%; }

#footer{ position: relative; width: 100%; }
#footer h4 { font-weight: bold; font-size: 14px; color: #ffffff; line-height: 17px; margin-bottom: 20px; text-transform: none; }
#footer p { color: #ffffff; line-height: 17px; margin-bottom: 20px; }
#footerSiteLinks { padding: 25px 0px 15px; }
.footerColumn{ position: relative; margin-left: 30px; }
#footer ul{ margin-bottom: 0px; color: #ffffff; font-size: 14px; line-height: 17px; list-style-type: none; }
#footer ul ul ul{ margin-left: 35px; }
#footer li{ font-weight: bold; margin-bottom: 20px; }
#footer li a{ color: #ffffff; font-weight: bold; }
#footer li li{ font-weight: normal; margin-bottom: 0px; }
#footer li li a{ font-weight: normal; }
#footerLogo{ position: relative; width: 100%; background-color: #1a2e39; padding: 10px 0px 25px; }




.pageOptions { position: relative; height: 42px; width: auto; border-bottom: 1px solid #b5b5b6; margin-bottom: 20px; background-color: transparent; }
.pageOptions a { font-size: 14px; line-height: 17px; color: #1e333f; line-height: 42px; }
.pageOptions .back { background: url('../images/left-arrow-blue.png') no-repeat 0px 6px; padding: 0px 0px 0px 12px; }
.pageOptions .tabs { position: relative; float: right; margin-right: -25px; }
.pageOptions .tab { position: relative; display: block; float: left; height: 43px; margin-bottom: -1px; border-left: 1px solid #b5b5b6; border-right: 1px solid #b5b5b6; background-color: #dbdcdc; line-height: 42px; padding: 0px 20px; font-size: 14px; }
.pageOptions .close { padding-right: 40px; background: url('../images/close.png') no-repeat right  center #dbdcdc; background-position: right 20px top 17px;  background-position-x:95%; background-position-y:17px; }

.sectionOptions { position: relative; width: auto; margin-bottom: 30px; }
.sectionOptions p { margin-bottom: 0px; }
.sectionOptions .remove a{ padding-right: 20px; background: url('../images/close.png') no-repeat right center; }

#pageHeader { position: relative; width: auto; min-height: 40px; }
#pageHeader h5 { color: #1e333f; }
#pageHeader .actions a, #pageEditorWrapper #pageEditorActions a,#pageEditorWrapper #pageEditorActions input[type=submit] { position: relative; font-size: 14px; line-height: 30px; height: 30px; width: auto; padding: 0px 20px 0px 50px; float: left; display: block; border: 1px solid #b5b5b6; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #5b5c5e; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;   }
#pageHeader .actions a.print { background: url('../images/print-icon.png') no-repeat 20px 5px #dbdcdc; }
#pageHeader .actions a.email { background: url('../images/email-icon.png') no-repeat 20px 5px #dbdcdc; }
#pageHeader .actions a.add { background: url('../images/add-listing-dark-gray.png') no-repeat 20px 5px #dbdcdc; }
#pageHeader .actions a.export { background: url('../images/email-icon.png') no-repeat 20px 5px #dbdcdc; }
#pageEditorWrapper #pageEditorActions a, #pageEditorWrapper #pageEditorActions input[type=submit] {
    color: #b5b5b6;
}
    #pageEditorWrapper #pageEditorActions input[type=submit]:hover {
        text-decoration: underline;
    }
#pageEditorWrapper #pageEditorActions input[type=submit]#submitPage {
background: url('../images/cms/save-icon.png') no-repeat 20px 3px transparent;
text-transform: none;
}
#pageEditorWrapper #pageEditorActions a#pageInfoLink {
background: url('../images/cms/info-icon.png') no-repeat 20px 4px transparent;
text-transform: none;
}
#pageEditorWrapper #pageEditorActions a#previewPage {
background: url('../images/cms/preview-icon.png') no-repeat 20px 8px transparent;
text-transform: none;
}
#pageEditorWrapper #pageEditorActions a#cancelPage {
background: url('../images/cms/cancel-icon.png') no-repeat 20px 4px transparent;
text-transform: none;
}
#pageEditorWrapper #pageEditorActions a#addModule {
background: url('../images/cms/add-icon.png') no-repeat 20px 4px transparent;
text-transform: none;
}
#pageEditorWrapper #pageEditorActions a#loggedInView {
background: url('../images/cms/key-icon.png') no-repeat 20px 4px transparent;
text-transform: none;
}

#pageHeader .actions a.systemicon { background: url('../images/cms/system.png') no-repeat 20px 5px #dbdcdc; }
#pageHeader .actions a.contenticon { background: url('../images/cms/content.png') no-repeat 20px 5px #dbdcdc; }
#pageHeader .actions a.listingViews {
background: url('../images/cms/preview-icon.png') no-repeat 20px 8px #dbdcdc;
}
#pageHeader .actions a:hover { background-color: #ffffff;  }


.imageryRotatorWrapper { position: relative; margin-bottom: 20px; }
.imageryRotatorWrapper .imageryStage { position: relative; overflow: hidden; white-space: nowrap; }
.imageryRotatorWrapper .imagery { position: relative; display: inline-block; width: 100%; background-color: #000000; text-align: center; }
.imageryRotatorWrapper .imagery img { display: block; height: auto; width: 100%; }
.imageryRotatorWrapper .imageryThumbsWrapper { position: relative; overflow: hidden; float: left; }
.imageryRotatorWrapper .imageryThumbs { position: absolute; white-space: nowrap; }
.imageryRotatorWrapper .imageryThumb { position: relative; display: inline-block; background-color: #000000; text-align: center; z-index: 1; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.imageryRotatorWrapper .active { z-index: 999; }
.imageryRotatorWrapper .imageryThumb img { max-width: 79px; max-height: 79px; }
.imageryRotatorWrapper .imageryNext { position: relative; background: url('../images/right-arrow-gray.png') no-repeat center center #1a2e39; float: left; cursor: pointer; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;  }

.realator { position: relative; margin-bottom: 20px; float: left; background-color: #ffffff; }
.realator .realatorLogo { position: relative; padding: 30px 20px; width: auto; text-align: center; border-bottom: 1px solid #b5b5b6;  }
.realator .realatorLogo img { max-width: 330px; max-height: 70px; }
.realator .realatorContactWrapper { position: relative; padding: 10px 20px; width: auto; border-bottom: 1px solid #b5b5b6; }
.realator .realatorPhoto { position: relative; float: left; width: 79px; height: 79px; }
.realator .realatorContact { position: relative; float: left; width: auto; padding: 10px 0px 0px 15px; }
.realator .realatorAddressWrapper { position: relative; padding: 20px; width: auto; }

.page .column{ position: relative; float: left; }
.page .firstColumn{ margin-left: 0px !Important; }

.page .box{ position: relative; width: 100%; margin-bottom: 30px; }
.page .boxHeader{ position: relative; width: auto; padding: 0px 20px 1px; border-bottom: 1px solid #b5b5b6; font-size: 14px; text-transform: uppercase; color: #7a797a; background-color: #ffffff; height: 30px; line-height: 30px; overflow: hidden; }
.whiteInfo .boxHeader,#pageEditorWrapper .boxHeader{ color: #ffffff; background-color: #9e9e9e; }
#pageEditorWrapper .boxRow {
    background: #fff;
}
.page .boxRow { position: relative; width: auto; padding: 5px 15px; border: 1px solid #b5b5b6; border-top: 0; font-size: 14px; line-height: 17px; color: #7a797a; min-height: 17px; -moz-box-sizing: border-box; -webkit-box-sizing: border-box;  box-sizing:  border-box; }
.edit .page .boxRow {padding: 15px;}
.boxHeader.green {background: #487573; color: #fff;}
.page .box table { position: relative; margin: 0px; padding: 0px; width: 100%; border: 0px; font-size: 14px;  }
.page .box .td55 {width: 55%;}
.page .box table .tdLeft { text-align: left; vertical-align: top; padding-right: 10px; font-weight: 600; }
.box td {vertical-align: top;height: 22px;line-height: 22px;}
#additionalAgentContainer td:nth-of-type(odd) {width: 246px;padding: 0;margin: 0;}
.page .box table .tdRight { text-align: right; vertical-align: top; }
.page .box .boxIcon { position: absolute; right: 15px; top: 0px; width: 30px; height: 30px; }
.page .box .compass { background: url('../images/compass-icon.png') no-repeat right center; }
.page .box .building { background: url('../images/building-icon.png') no-repeat right center; }
.page .box .car { background: url('../images/car-icon.png') no-repeat right center; }
.page .box .saw { background: url('../images/saw-icon.png') no-repeat right center; }
.page .box .dashed { background: url('../images/dashed-icon.png') no-repeat right center; }
.page .box .info { background: url('../images/info-icon.png') no-repeat right center; }
.page .box .pencil { background: url('../images/pencil-icon.png') no-repeat right center; }
.page .box .leftright { background: url('../images/leftright-icon.png') no-repeat right center; }
.page .box .book { background: url('../images/book-icon.png') no-repeat right center; }
.page .box .paper { background: url('../images/paper-icon.png') no-repeat right center; }
.page .box .calendar { background: url('../images/calendar-icon.png') no-repeat right center; }
.page .box .building2 { background: url('../images/building2-icon.png') no-repeat right center; }
.page .box .painting { background: url('../images/painting-icon.png') no-repeat right center; }
.page .box .whiteDashed { background: url('../images/white-dashed-icon.png') no-repeat right center; }
.page .box .whiteMoney { background: url('../images/white-money-icon.png') no-repeat right center; }
.page .box .whiteBuilding { background: url('../images/white-building-icon.png') no-repeat right center; }
.page .box .cloud { background: url('../images/cloud-icon.png') no-repeat center; }
.page .box .user { background: url('../images/user-icon.png') no-repeat right center; }
.page .box .phone { background: url('../images/phone-icon.png') no-repeat right center; }
.page .box .globe { background: url('../images/globe-icon.png') no-repeat right center; }
.page .box .pen { background: url('../images/pen-icon.png') no-repeat right center; }

/* login styles */
.page .box.login{ background:#fff; max-width: 400px; margin-left:auto; margin-right:auto;}
.page .box.login h1{font-family: Arial, sans-serif; font-weight: 400;color:#5b5c5e;font-size:20px;text-transform:none;line-height:60px;}
.page .box.login .boxHeader{height:60px;background:#f5f5f5;border:none;}
.page .box.login label{margin-bottom:6px;}
.page .box.login .field{width:330px;margin-bottom:20px;}
.page .box.login input[type=text],.page .box.login input[type=password]{ height: 30px; line-height: 1; font-size: 14px; color: #000000; box-sizing:border-box; -moz-box-sizing:border-box; z-index: 1; width:145px;border:none; margin-top:0;}
.page .box.login ::-webkit-input-placeholder {   font-style: normal;}
.page .box.login :-moz-placeholder { /* Firefox 18- */   font-style: normal;  }
.page .box.login ::-moz-placeholder {  /* Firefox 19+ */    font-style: normal;  }
.page .box.login :-ms-input-placeholder {      font-style: normal; }
.page .box.login .boxRow{padding:20px;}
.page .box.login .note{float:right;font-style:italic;width:160px;}
.page .box.login a{text-decoration:underline;}
.boxFooter p {padding: 30px 20px;}
/* end login styles */
.unitInfo{
    margin-bottom: 20px;
}

.actionColumn, .statColumn, .descriptColumn{
    position: relative;
    float: left;
}

.actionColumn .photo{
    position: relative;
    width: auto;
    border: 1px solid #b5b5b6;
    margin-bottom: 30px;
}

.actionColumn .photo img{
    display: block;
}

.actionColumn .actions {
    margin-bottom: 30px;
}

.actionColumn .actions a{
    border-bottom: 1px solid #b5b5b6;
    position: relative;
    display: block;
    width: auto;
    padding: 11px 15px 10px 50px;
    line-height: 22px;
    min-height: 22px;
}

.actionColumn .actions a.first{
    border-top: 1px solid #b5b5b6;
}

.actionColumn .actions .greenPie{
    background: url('../images/action-pie-icon.png') 15px center no-repeat;
}

.actionColumn .actions .greenPDF{
    background: url('../images/action-pdf-icon.png') 15px center no-repeat;
}

.actionColumn .actions .greenWEB{
    background: url('../images/action-web-icon.png') 15px center no-repeat;
}
.column a.gWEB {
    background: url('../images/associated-web-icon.png') 15px no-repeat;
    background-position: center right;
  width: 100%;
  display: block;
}
.column a.gPDF {
background: url('../images/associated-pdf-icon.png') 15px no-repeat;
  background-position: center right;
  width: 100%;
  display: block;
}
.actionColumn .actions .greenIn{
    background: url('../images/action-in-icon.png') 15px center no-repeat;
}

.actionColumn .actions .greenClipboard{
    background: url('../images/action-clipboard-icon.png') 15px center no-repeat;
}

.demographicDropDown{
    height: 55px;
    line-height: 55px;
    width: auto;
    padding: 0px 35px 0px 15px;
    border: 1px solid #b5b5b6;
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; 
    font-size: 14px;
    color: #7f7f7f;
    font-family: Arial, sans-serif; font-weight: 400;
    background: url('../images/down-arrow-small-gray.png') no-repeat #ffffff;
    background-position: right 20px top 50%;
    background-position-x:95%; background-position-y:22px;
    cursor: pointer;
}

.fullWidthGrid, .demographics{
    width: 100%;
    padding: 0px;
    border-collapse: collapse;
}

.fullWidthGrid{
    margin: 0px 0px 6px;
    border: 1px solid #b5b5b6;
}

.fullWidthGrid td {
    padding: 0px 6px;
}

.fullWidthGrid th {
    padding: 0px 6px;
}

.demographics{
    margin: 0px 0px 55px;
    box-sizing:border-box; -moz-box-sizing:border-box;
}

.fullWidthGrid th{
    border-bottom: 1px solid #b5b5b6;
    background-color: #ffffff;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 15px;
    color: #5b5d5e;
}

.fullWidthGrid th p{
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    color: #5b5d5e;
    margin-bottom: 0px;
}

.fullWidthGrid td {
    border-bottom: 1px solid #b5b5b6;
    font-weight: 400;
    text-align: left;
    vertical-align: top;
    font-size: 14px;
    line-height: 17px;
    padding: 6px 15px;
    color: #5b5d5e;
}

.fullWidthGrid td p{
    font-weight: 400;
    text-align: left;
    font-size: 14px;
    line-height: 17px;
    color: #5b5d5e;
    margin-bottom: 0px;
}

table .highlight { background: #e4e4e5 }


.demographics td{
    border: 1px solid #b5b5b6;
    font-weight: 400;
    vertical-align: middle;
    font-size: 14px;
    line-height: 17px;
    color: #5b5d5e;
}

.demographics .demographicLabel{
    padding: 5px 5px 5px 25px;
    border-right: 0px;
    text-align: left;
    font-size: 15px;
    line-height: 18px;
    height: 69px;
}

.demographics .demographicStat{
    padding: 5px 25px 5px 5px;
    border-left: 0px;
    text-align: right;
    font-family: Arial, sans-serif; font-weight: 300;
    font-size: 18px;
    line-height: 23px;
    height: 69px;
}

.demographics .demographicAction {
    padding: 0px 25px;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #ffffff;
    background-color: #487573;
}

.demographics .demographicAction a{
    color: #ffffff;
    padding-right: 15px;
    background: url('../images/right-arrow-white-empty.png') right 6px no-repeat;
}


.demographics .map{
    overflow: hidden;
}

.demographics .map img{
    display: block;
}



/* ADMIN */

.box .btnActive,.box .btnActiveFloat, .box .btnInactive,.bucket .btnActive,.bucket .btnInactive { float:none; margin-top:2px; text-transform:uppercase; width:auto; height: 33px; line-height: 0px;padding:0 28px; font-size: 14px }
.box .btnActive, .box .btnActiveFloat,.bucket .btnActive { background:#487573; color:#fff; }
.box .btnActiveFloat {
    float: left;
    margin-right: 10px;
}
.box .btnInactive,.bucket .btnInactive,.bucket input[type=submit].btnInactive:hover { background:#c7c6c6; color:#fff; cursor: default; }
.box .btnInactive:hover,.bucket .btnInactive { background: #c7c6c6; color: #fff }
.box input[type=submit].btnActive:hover,.box input[type=button].btnActive:hover,.bucket input[type=submit].btnActive:hover,.bucket input[type=button].btnActive:hover,.box input[type=reset].btnActive:hover { color:#487573; }
.box .textBtn { color:#487573; background: transparent; border: 0px; padding: 0px; margin: 0px 0px 0px 17px; }
.box input[type="text"] { width:124px; height:23px; margin: 3px 0 8px 0; border:1px solid #b5b5b6; }
.box .boldText { font-weight: 600; color: #5b5d5e }
.box select { padding: 3px 5px; border-radius:4px; border:1px solid #7a7979;}
.box .widerSelect { width: 200px }
.box .selectClass { width: 200px }
.box .radio { width:350px; float:left; margin-top:3px; }
.box .radio input[type="radio"] { float:left; margin-left: 0 }
.box label { float:left; margin-left:4px; max-width:90%; }
.box label[for^="assetClass"], .listSearch .box label[for^="ct"], .listSearch .box label[for^="ptype"], .listSearch .box label[for^="busOpCat"], .listSearch .box label[for^="ls_lut"] {float: left;display: inline-block; vertical-align:top; width: 18%;}
.listSearch .box label[for^="it"] {float: left;display: inline-block; vertical-align:top; width: 40%;}
.listSearch .box label[for^="addInd"] {float: left;display: inline-block; vertical-align:top; width: 30%;}
.box label small { font-size: 12px}
.box .draggable { cursor: move; }
.box .boxTiny {  width:17px; margin-right:8px; float: left; margin-top: 28px; text-align: center; }
.box .boxHalf {  width:130px; margin-right: 3px; float: left; margin-top: 5px; line-height:175% }
.box .boxHalf.plus {width: 150px;}
.box .boxFull {  width:350px; margin-right:5px; margin-top:5px; }
.box .italic { font-style:italic; color:#5b5d5e; font-size:13px; }
.spacing {  margin-right:10px !important }
.portlet-toggle { position: absolute; top: 50%;right: 0;margin-top: -8px;}
.portlet-placeholder { border: 1px dotted black; margin: 10px 0; height: 50px;}
#marketArea { width:330px }
#fileLocation { width:230px }
#reportOptions { width:200px; float:left; display:none }
.box .btnActive.btnShort {height: 24px;}

.box a{
    color: #518b8b !Important;
}
/* CONTACT */

#mapBanner { position: relative; width: 100%; height:420px; overflow: hidden; }
#mapBanner #banner{ position: absolute; left: 0px; top: 0px; width: 100%; height: 100%;}
#whiteHeader { background: #fff; height: 270px; margin-top: 40px }
#whiteHeader h1 { color:#1e333f; font-size: 30px}
#whiteHeader .boxFull { width:870px;margin: 50px 0 0 30px; float: left; }
#whiteHeader .boxThirds { width:260px; float: left; margin-left: 30px;  }
.boxThirds p { color: #5b5d5e; line-height: 20px; }
#bannerPurple { width: 100%;background:#583547; height: 40px; margin-top: 25px;padding-top: 10px; border-radius: 4px}
#bannerPurple #whiteText{ color:#fff;font-size:20px;font-family: Arial, sans-serif; margin-left: 20px }
#bannerPurple #purpleText { color:#9a6b84;font-size:18px;margin-left: 10px }
#whiteInfo { background: #fff }
.bucketQuarter { width: 270px; margin-right: 30px; position: relative; float: left;margin-bottom: 25px; }
.bucketQuarter:last-child { margin-right: 0 }
.bucketQuarter p { line-height: 20px }
.uppercase { text-transform: uppercase; }


/* EDIT MY PROFILE */

.page .boxHeaderRed{ cursor: default; color: #fff; background: #bc4d34 }
.page .boxHeaderGreen{ cursor: default; color: #fff; background: #528b8b; font-weight: 600;border-bottom: 1px solid #528b8b }
.page .boxRowGreen { border:1px solid #528b8b; border-top: 0 }
.noPadding { padding:0 !important}
.noLineHeight { line-height:0 !important}
.editProfileChecbox { margin-left: 0; margin-right: 8px;float:left;}
.tableSpacer { margin-top: 30px;border-top: 1px solid #b5b5b6 !important; }
.centered { text-align: center; }
.smallWrapper { float:left; width:400px }
.smallWrapper .inner { float:left; margin-top:10px; margin-left:10px }
.smallWrapper .inner img { float: left; }
.smallWrapper .inner span { display: block; float:left; margin: 6px 0 0 5px; font-weight: bold; }
.largeColumn { width:770px; float: left; }
.largeColumn ul li { display: inline; border-left: 1px solid #ddd; padding-left: 15px;padding-right: 15px;text-transform: none;}
.largeColumn ul li:first-child { border-left:0 }
.italic { font-style: italic; }
.bold { font-weight:bold; }
.noBold { font-weight: normal !important }
#largeTextarea { width: 738px; height: 285px;background: #fff;margin-top: 9px;}
#smallTextarea { width: 316px; height: 100px;background: #fff;margin-top: 8px;  margin-left: 3px }
.btnPurple { width:auto; height: 33px !important;font-size: 14px !important; line-height: 0px !important;padding:0 28px !important;background: #583547 !important;margin-top: 7px; }
input[type=submit].btnPurple:hover{color:#583547;background:#fff!important;}
.white { color: #fff !important }
.purpleInfo input[type="radio"] { float: left;margin-left: 0; margin-bottom: 7px }
.purpleBorder { border: 1px solid #583547 !important;padding-top: 15px !important;padding-bottom: 25px !important}
#website { width:280px; height: 30px; margin-left: 10px }
.mtop15 { margin-top: 15px }
.mleft18 { margin-left:18px }
.pb50 { padding-bottom: 50px }
.pl20 { padding-left: 20px }

.profilePhoto { position: relative; width: 270px; height: 338px; padding: 0px;}
.profilePhoto img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }

/* FIND A MEMBER */

.float{
    position: relative;
    float: left;
}

.monthlyActive {
    margin-bottom: 10px !important;
    table-layout: fixed;
}

.dollarCol{
    text-align: right !important;
}

.botPad50 {
    padding-bottom: 50px !important;
}


#findAMember .searchWidget, #addressKeywords,.purpleInfo .searchWidget{
    background-color: #dbdcdc;
}

.findTypeWidget{
    background-color: #dfe2cb !Important; 
}

.headerFormOption{
    position: relative;
    float: left;
    margin: 15px 0px 0px 15px;
}

.floatlabel label{
    position: relative;
    float: left;
    display: block;
    margin: 5px;
    height: 40px;
    line-height: 40px;
    width: auto;
}

.floatTextBox {
    display: block;
    float: left;
    height: 40px;
    line-height: 40px;
    margin: 5px;
    position: relative;
 }

.floatTextBox input{
    background: transparent;
    background-color: #ffffff;
    display: block;
    height: 40px;
    line-height: 100%;
    border: 1px solid #dbdcdc;
}

#firstLastName input {
    width: 180px;
}

#findAMember #officeName {
    width: 150px;
}

 #findAMember #city {
    width: 100px;
}

#findAMember #zip {
    width: 70px;
}

#findAMember .filterSection {
    width:250px;
    float:left;
    margin-right:5px;
    margin-top:0px;
    border-radius: 4px;
    border:1px solid #999;
    padding:0px 10px 10px 10px;
}
#findAMember .filterSection .tbLabel {
    width:55px;
    margin-top:19px;
    float:left;
}
#findAMember .filterSection .textBox {
    margin-top:12px
}
.searchWidget .selectCustomOption .textBox input[type=text] {
    width: 100%;
}
.btnSearch {
    position: relative; background: transparent; border: 0px; background-color: #bc4d34; color: #ffffff; text-transform: uppercase; height: 52px; line-height: 52px; padding: 0px 30px; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 17px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; float: left; margin-right: 5px;
}



.cdb { width:300px;float:left;background:#fff }
.cdb .expand{ position: absolute; right: 10px; top: 4px; font-size: 13px; font-weight: bold; color: #414241; cursor: pointer; }
.cdb .marketAreaGroup ul { display: none; border-top: 1px solid #414241; }
.cdb .marketAreaGroup ul li { background-color: #D5D6D6;font-size:13px;padding-bottom:6px }
.cdb li { position: relative; list-style-type: none; display: block; padding: 5px 0px 0px; width: auto; border-bottom: 1px solid #414241; }
.cdb input[type=checkbox]{ position: relative; float: left; width: 20px; }
.cdb label { position: relative; float: left; width: auto; margin: 0px 0px 5px; line-height: 16px; }
.cdb .marketAreaGroup label{ width:180px; }
.searchWidget #reset{ border-bottom: none; min-height: 16px; line-height: 16px; background-color: #ffffff; padding: 0; display: block; white-space: nowrap; }


/* jQuery-UI overrides*/
.ui-widget input {float:left;}
.ui-widget-overlay { background:#333!important; opacity: 0.8!important; }
.ui-corner-all{border-radius:0!important;}
.ui-dialog-titlebar-close.ui-button-icon-only .ui-button-text{text-indent:20px;position:relative;text-transform:uppercase;padding:0;font-size:14px;font-weight:700;}
.ui-dialog .ui-dialog-titlebar-close{right: 5.3em!important;}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button{font-family:'Open Sans',Arial,Verdana,sans-serif}
.ui-dialog {background: #fff!important;}
.ui-dialog .ui-dialog-titlebar{background:#f5f5f5!important;border:none;margin:0}
.ui-dialog .ui-dialog-titlebar .ui-dialog-title{font-family: Arial, sans-serif; font-weight: 400;font-size:20px;line-height:40px;}
.ui-widget-header .ui-state-default.ui-dialog-titlebar-close{border:none!important;background:transparent!important;}
.ui-dialog.ui-widget{font-family:'Open Sans',Arial,Verdana,sans-serif;z-index:101;}
.ui-dialog.ui-widget h3{font-family: Arial, sans-serif; font-weight: 400;color:#7f7f7f;font-size:14px;}
.ui-dialog .ui-widget-content{border:none;background:#f5f5f5;}
.ui-dialog .ui-state-default, .ui-widget-content button.ui-state-default.ui-button-text-only {
    position: relative;
    background: transparent;
    border: 0px;
    background-color: #bc4d34;
    color: #ffffff;
    text-transform: uppercase;
    height: 52px;
    line-height: 52px;
    padding: 0px 30px;
    cursor: pointer;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: 400;
    font-size: 17px;
    -webkit-transition: all 0.2s ease-in-out;
    -moz-transition: all 0.2s ease-in-out;
    -o-transition: all 0.2s ease-in-out;
    -ms-transition: all 0.2s ease-in-out;
    transition: all 0.2s ease-in-out;
    float: left;
}
.ui-dialog .ui-state-default, .ui-widget-content button.ui-state-hover.ui-button-text-only{
    color:#bc4d34;background:#fff;
}
.ui-dialog.ui-widget-content a{color:#518b8b !Important;}
.box.ui-widget.ui-widget-content{background:none;border:none;}
.box.ui-widget .boxHeader.ui-widget-header{background:#fff;}
.ui-icon.portlet-toggle {cursor: pointer;}
/* end jQuery-UI overrides */

/* MyProfile */
#addEditPhoto{cursor:pointer;}
#addEditLogo{cursor:pointer;}
.tdLeft input[type="checkbox"] {float: left;}
button.saveProfile {position: absolute;right: 30px;top: 0;border: 1px solid #b5b5b6;background: #dbdcdc;padding: 8px 20px;font-size: 14px;font-weight:700;font-family: 'Open Sans';-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;cursor: pointer;color:#5b5c5e;}
button.saveProfile:hover,button.saveProfile:focus{background:#5b5c5e;color:#dbdcdc;}

/* home */
#numResults {
z-index: 100;
position: absolute;
background: #FFF;
text-transform: uppercase;
font-size: 10px;
padding: 2px 10px;
font-weight: 700;
color: #7f7f7f;
font-family: 'Open Sans',sans-serif;
display: none;
bottom: -1px;
right:80px;
}

/*SUCCESS MESSAGE*/
#success-message-wrapper {
    /*position: fixed;*/
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999999;
}

#success-message-wrapper p{
    color: #ffffff;
    font-size: 13px;
    line-height: 18px;
}

#success-message{
    position: absolute; 
    top: 0px; 
    left: 45%; 
    z-index: 999999; 
    width: 330px;
    background-color: #CC0000; 
    padding-top: 12px;
    padding-left: 10px;
}

#success-message-close{ 
    position: absolute; 
    top: 15px; 
    right: 15px; 
    background: url('../images/close.png') no-repeat; 
    width: 16px; 
    height: 15px;
    cursor: pointer; 
}

/*SYSTEM MESSAGE*/
#system-message-wrapper {
    position: fixed;
    width: 100%;
    height: 100%;
    display: none;
    z-index: 999999;
}

#system-message-wrapper p, 
#system-message-wrapper h1,
#system-message-wrapper h2{
    color: #ffffff;
}

#system-message-wrapper h2{
    font-size: 24px;
    line-height: 16px;
    margin-bottom: 5px;
    padding-right: 20px;
}

#system-message-head{
    border-bottom: 1px dotted #ffffff;
    margin-bottom: 10px;
}

#system-message-wrapper p{
    font-size: 13px;
    line-height: 18px;
}

#system-message-bg{
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 999998;
    background-color: #000000;
    opacity: 0.4;
    filter: Alpha(opacity=40);
}

#system-message{
    position: fixed; 
    top: 50%; 
    left: 50%; 
    z-index: 999999; 
    width: 260px;
    min-height: 110px; 
    margin: -75px 0px 0px -150px; 
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;
    background-color: #528989; 
    padding: 20px;
}

#system-message-close{ 
    position: absolute; 
    top: 15px; 
    right: 15px; 
    background: url('../images/close.png') no-repeat; 
    width: 16px; 
    height: 15px;
    cursor: pointer; 
}

.reportForm {
    display: none;
}

/*Listings*/
.stretch{
    max-width: 100%;
}

.heroImage{
    width: 100%;
    box-sizing: border-box; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box;
}
.heroInfo{
    width: 100%;
    background-color: #ffffff;
}

.col33 { position: relative; width: 30%; margin-right: 3%; float: left;}
.col50 { position: relative; width: 47%; margin-right: 3%; float: left;}
.col67 { position: relative; width: 67%; float: left;}
.lastCol { margin-right: 0 !important; }
.searchTags.col33 {width: 16%;margin-right: 2%;}
.edit .col50 {
    width: 48%;
    margin-right: 4%;
}
.half{
    float: left;
    width: 49%;
    margin-right: 1%;
}

.lasthalf{
    float: left;
    width: 49%;
    margin-left: 1%;
}

.lease{
    color: #583547;
}

.sale{
    color: #518b8b;
}

.white{
    color: #ffffff;
}

/* Full Screen Listings */

#fullScreenDetailsWrapper {
    position:absolute;
    z-index: 666;
    top: 166px;
    width: 100%;
    left: 0;
    height: calc(100% - 166px);
    min-height: 200px;
    display: none;
}
#fullScreenList {
height: 100%;
background-color: #dbdcdc;
display: none;
padding: 0;
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
#fullScreenList .propertyListing.show {
    background: #fff;
    outline: 1px solid #b5b5b6;
    margin-bottom: 10px;
    position: relative;
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto;
}
#fullScreenList .propertyListing.show .thumb {
    float: left;
    outline: 1px solid #b5b5b6;
    height: 270px;
    width: 270px;
    background:#dbdcdc;
    overflow:hidden;
    position: relative;
    display: table;
    vertical-align: middle;
}
#fullScreenList .propertyListing.show .thumb img {
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
#fullScreenList .propertyListing.show .info {
padding: 20px;
float: left;
}
#fullScreenList .propertyListing.show .info h4 {
    margin-bottom: 20px;
}
#fullScreenList .propertyListing.show .info h4 a {
font-size: 22px;
}
.basic p,.detail p {
float: left;
width: 200px;
padding-right: 10px;
}
.rsInfo {
font-size: 13px;
}
.pair .field {
    font-weight: bold;
}
.reportSummary .rsInfo h4 {
font-size: 22px;
margin-bottom: 5px;
}
.reportSummary .rsInfo h5 {
    margin-bottom: 10px;
}
.rsActions {
display: block;
width: 100%;
clear: both;
height: 60px;
line-height: 50px;
background: #dbdcdc;
padding: 5px 10px;
box-sizing: border-box;
font-size: 13px;
}
.rsActions a, .rsActions button {
    margin: 0 10px;
}
.rsInfo {
padding: 10px;
}
.reportSummary {
    outline: 1px solid #1e333f;
    margin-bottom: 15px;
}
.rsActionsRight {
float: right;
}
.rsActionsLeft {
float: left;
}
.reportSummary h5 {
    text-transform: none;
}
#fullScreenList .realator {
min-height: inherit;
margin-left: 0;
}
#fullScreenList .realator .realatorLogo {
    border-bottom: none;
    text-align: left;
}
#fullScreenListInner {
position: absolute;
top: 55px;
width: 100%;
padding: 20px 30px;
box-sizing: border-box;
overflow-y: scroll;
height: calc(100% - 55px);
box-sizing: border-box;
}
/* End full screen listings */
/*Listings*/
.fullPageListing{
    position: relative;
    width: 99%;
    margin-bottom: 20px;
}


.fullPageListing .propertyTitle {
    background-color: #487573;    
    color: #ffffff;
    font-size: 14px;
    font-weight: 700;
    line-height: 25px;
    padding: 0px 3px;
    height: 25px;
    text-transform: uppercase;
    width: 98%;
}


.fullPageListing .propertyTitle a{
    color: #ffffff;
}

.fullPageListing .image {
    position: relative;
    float: left;
    width: 110px;
    height: 125px;
    background-color: #000000;
}

.fullPageListing img{ position: absolute; margin: auto; top: 0; left: 0; right: 0; bottom: 0; }

.fullPageListing .info {
    position: relative;
    float: left;
    width: 90%;
    padding: 20px 20px 0px;
    height: 105px;
    background-color: #ffffff;
}

.fullPageListing .address {
    position: relative;
    float: left;
    width: 200px;
    height: 105px;
}

.fullPageListing .details {
    position: relative;
    float: left;
    width: 200px;
    height: 105px;
}

.fullPageListing .myListingActions {
    position: relative;
    float: right;
    width: 500px;
    height: 105px;
}



.fullPageListing .listingSet {
    position: relative;
    width: 99%;
    clear: both;
}

.fullPageListing table{
    width: 99%;
    padding: 0px;
    margin: 0px;
    border: none;
    border-spacing: 0px;
}

.fullPageListing tr.header{
    background-color: #487573;
}

.fullPageListing th{
    padding: 2px 3px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

.fullPageListing tr.dark{
    background-color: #f0f0f0;
}
/*Bug Id 571 : Nilesh Agrawal*/
.fullPageListing tr.bkYellow{
    background-color: #E7E753;
}
.fullPageListing tr.bkOrange{
    background-color: #F9C973;
}
.fullPageListing tr.bkPink{
    background-color: #FFC2CC;
}

.fullPageListing tr{
    background-color: #ffffff;
}

.fullPageListing td{
    padding: 2px 3px;
    border: none;
    color: #414241;
    font-size: 14px;
    line-height: 17px;
    margin: 0px;
}



.searchWidget input[type=radio]{
    margin: 0px 0px 0px -20px !Important;
    height: auto;
}
.loadSearchPopUp .puFilters {
    width: 100%;
}
/*report*/

.centerCheck {
    text-align: center !important; /* center checkbox horizontally */
    vertical-align: middle !important; /* center checkbox vertically */
}

table.report{
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: none;
    border-spacing: 0px;
}

.report tr.header{
    background-color: #487573;
}

.report tr.fields{
    background-color: #1e333f;
}
table.report label {
    display: inline;
}
th.valueLabel {
width: 13%;
}
th.oldValue, th.newValue {
width: 42%;
}
.report th{
    padding: 2px 3px;
    text-align: left;
    color: #ffffff;
    font-size: 14px;
    line-height: 17px;
    font-weight: 700;
}

.report th a{
    color: #ffffff;
}

.report tr.dark{
    background-color: #f0f0f0;
}

.report tr{
    background-color: #ffffff;
}

.report .report tr{
    background: none;
}

.report .report tr.header{
    background-color: #518b8b;
}

.report .report tr.light, .listingTour .content div.light{
    background-color: #efefef;
}

.report .report tr.dark{
    background-color: #e0e0e0;
}

.report td{
    padding: 2px 3px;
    border: none;
    color: #414241;
    font-size: 14px;
    line-height: 17px;
    margin: 0px;
    text-align: left;
    vertical-align: top;
}

.dedup{
    width: 75%;
}


.transactionDetails{
    display: none;

}


/*CONTENT*/

.content{
    clear: both;
}

.content h4, .content h5, .content h6{
    margin-bottom: 15px;
}


.content ul, .content ol{
    margin-bottom: 17px;
    margin-left: 20px;
}

.content ul ul, .content ol ol{
    margin-bottom: 0px;
}

.content li{
    font-size: 14px;
    line-height: 17px;
    color: #5b5c5e;
}


.purpleInfo .content h1, 
.purpleInfo .content h2, 
.purpleInfo .content h3, 
.purpleInfo .content h5, 
.purpleInfo .content h6,
.purpleInfo .content p, 
.purpleInfo .content li, 
.greenInfo .content h2, 
.greenInfo .content h3, 
.greenInfo .content h5, 
.greenInfo .content h6, 
.greenInfo .content p, 
.greenInfo .content li{
    color: #ffffff;
}

.greenInfo .content h4, .greenInfo .content a{
    color: #1a2e39;
}

.content a.button{
	font-family: Arial, sans-serif; 
    font-weight: 300;
    background-color: #487573;
    color: #ffffff !important;
    font-size: 20px;
    min-height: 50px;
    width: auto;
    padding: 0px 20px;
    line-height: 50px; 
    display: inline-block;
    text-decoration: none;
    -webkit-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.25);
    -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-weight: 400; font-size: 17px; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;
}

.content a.button:hover{
	background-color: #5b5c5e;
    text-decoration: none;
    color: #ffffff;
}

.purpleInfo .content a.button {
    background-color: #bc4d34;
}

/*Color pickers*/
.colorBox{
    position: relative;
    float: left;
    width: 25px;
    height: 20px;
    margin: 3px 5px 0px 0px;
    border: 1px solid #b5b5b6;
}


/*Listing Management*/
.listingManagement{
    width: 100%;
    table-layout: fixed;
}


.form-error{
    color: #ff0000;
    margin-left: 5px;
}


.form-error{
    color: #ff0000;
    margin-left: 5px;
}


.help-block{
    margin-left: 5px;
}

.lease .listingMessage{
    background-color: #583547;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 995;
}

.sale .listingMessage{
    background-color: #518b8b;
    color: #ffffff;
    font-size: 10px;
    font-weight: 600;
    height: 25px;
    left: 0;
    line-height: 25px;
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    width: 100%;
    z-index: 995;
}

.right{
    text-align: right;
}

.rightlabel{
    text-align: right !Important;
    font-weight: 700;
    padding-right: 10px;
}

.nobg tr, .nobg td{
    background: transparent !Important;
}
.besubject{
    width: 200px !Important;
}
.belsubject{
    width: 425px !Important;
}
.CBAIDWidget input[type=text] {
max-width:calc(100% - 30px);
}
.unitInfo .descriptColumn {
float: right;
}
.realator.auto {
height: auto;
min-height: inherit;
width: 100%;
margin:0;
}
/* Apartment sales */
table.apartmentResults {
    width: 100%;
    border-bottom: 2px solid #5b5c5e;
    margin-bottom:20px;
}
table.apartmentResults .col20 {
    width:20%;
}
table.apartmentResults .col15 {
    width:15%;
}
table.apartmentResults .col10 {
    width:10%;
}
table.apartmentResults .col5 {
    width:5%;
}
.ui-widget .lifile input[type=file] {
float: none;
}
.aptSalesMgmt ol{
margin-left: 10px;
}
.floatingContinue {
padding: 20px;
background-color: #dbdcdc;
}
/* Media Manager */
.mm .bucket .fullBucket {
max-height:none;
padding-bottom:60px;
}
.mm .bucket .fullBucket .additional {
    vertical-align: top;
}
.mm .bucket .fullBucket .actions{
float:right;
}
.mm .bucket .fullBucket label {
clear:both;
}
.mm .bucket .fullBucket p {
margin-top: 5px;
}
.mm .bucket .imageRow {
min-height:50px;
}
.mm .bucket .submit {
position: absolute;
bottom: 10px;
}
.mm .bucket input[type=text] {
border: 1px solid #b5b5b6;
}
.mm .bucket .fullBucket textarea,.mm .bucket .fullBucket input[type=text] {
width: 100%;
}
.mm .bucket .imageRow span {
clear: both;
display: block;
}
.ui-accordion .ui-accordion-header {
background: transparent;
font-size: 14px;
}
.req {
    font-weight: 700;
    background-color: transparent;
    color: #BC4D34;
}
.singularWrapper .grayInfo{
padding-top: 20px!important;
}
.manageSuggestionPopUp, .manageSuggestionPopUp label, .manageSuggestionPopUp a {
    color: #fff;   
}
.manageSuggestionPopUp a {
    text-decoration: underline;
}
.manageSuggestionPopUp p {
    color: #fff;
    display: block;
    clear: both;
    margin-bottom: 2px;
    margin-top: 5px;
}
.manageSuggestionPopUp textarea {
    display: block;
    clear: both;
    width: 100%;
}
.manageSuggestionPopUp .count {
    font-weight: bold;
}
.manageSuggestionPopUp .recentNote {
    height: 50px;
    overflow-y: auto;
}
.asterisk:after {
    font-weight: 700;
    background-color: transparent;
    color: #BC4D34;
    content: "*";
}

/*EMail Listings*/
.emailSubject{
    width: 300px !Important;
}
.emailTextarea{
    width: 500px;
    height: 150px;
}
/* Verify Map PopUp */
.verifyMapPopUp .puDetails, .verifyMapPopUp .puFilters {
    width: 50%;
    box-sizing: border-box;
    color: #fff;
}
.verifyMapPopUp h3, .verifyMapPopUp p, .verifyMapPopUp label {
    color: #fff;
    display: block;
    clear: both;
}
.verifyMapPopUp .puDetails {
    padding: 20px;
    left: 50%;
}
#verifyMap {
    width: 400px;
    height: 370px;
}
/* Verify Map PopUpBusOp */
.verifyMapPopUpBusOp .puDetails, .verifyMapPopUpBusOp .puFilters {
    width: 50%;
    box-sizing: border-box;
    color: #fff;
}
.verifyMapPopUpBusOp h3, .verifyMapPopUpBusOp p, .verifyMapPopUpBusOp label {
    color: #fff;
    display: block;
    clear: both;
}
.verifyMapPopUpBusOp .puDetails {
    padding: 20px;
    left: 50%;
}
#verifyMapBusOp {
    width: 400px;
    height: 370px;
}
input#locCity {
width: 201px;
}
input#locState {
width: 50px;
}
input#locZip {
width: 100px;
}
input#locAdd {
width: 100%;
margin-bottom: 10px;
}
input#locLat, input#locLng {
width: 100%;
}
.pac-container {
    z-index:999999;
}

.shortBox{
    width: 40px !important;
}
.medBox{
    width: 80px !important;
}
.longBox{
    width: 100px !important;
}
.extralongBox{
    width: 182px !important;
}
select.longBox{
    width: 100px !important;
    height: 30px !important;
    border: 1px solid #000000 !important;
}

/* Listing Tour */
.listingTour .menu {
width: 19%;
box-sizing: border-box;
display: inline-block;
vertical-align: top;
}
.listingTour .menu ul {
list-style: none;
}
.listingTour .content {
width: 80%;
box-sizing: border-box;
display: inline-block;
}
.listingTour .reportHeader{
	font-family: Arial, sans-serif;
	position: relative;
	width: 100%;
	min-height: 24px;
	font-size: 20px;
	line-height: 24px;
    padding: 5px 0px 6px;
	color: #ffffff;
	text-align: center;
    margin-bottom:10px;
}
.listingTour .dark {
    background-color: #192e3a;
    color: #ffffff;
}
.dataTable table{
	position: relative;
	width: 100%;
	border-collapse: collapse;
	padding: 0px;
	margin: 0px 0px 15px;
	border: 1px solid #939598;
}
		
.dataTable table td{
	padding: 3px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #939598;
	font-size: 12px;
}
		
.dataTable table th{
	font-weight: bold;
	color: #000000;
	text-align: center;
	vertical-align: top;
	border: 1px solid #939598;
	font-size: 12px;
}
.dataTable .medium{
	background-color: #487573;
	color: #ffffff !important;
}
		
.dataTable .medium a{
	color: #ffffff !important;
}
.boxRow .dataTable {
    border-width: 0 0 1px 1px; border-style: solid; border-color: #b5b5b6;
}
.boxRow .dataTable td {
    padding: 5px 15px;
    border-width: 1px 1px 0 0;
    border-style: solid;
    border-color: #b5b5b6;
}
td.left, th.left{
	text-align: left !Important;
}
		
td.right, th.right{
	text-align: right !Important;
}
		
td.noRightBorder{
	border-right: none !Important;
}
		
td.noLeftBorder{
	border-left: none !Important;
}
.listingTour .light{
	background-color: #e7e7e8;
	color: #000000 !important;
}
.listingTour .agentInfo {
margin-left: 20px;
float: left;
}
.listingTour .agentPhoto {
float: left;
}
.htmlReport {
max-width: 900px;
margin: 0px auto;
}
.listingTour .fullPageListing {
    width: 100%;
    box-sizing: border-box;
}
.listingTour .fullPageListing .info {
width: calc(100% - 110px);
box-sizing: border-box;
background-color: transparent;
}
.listingTour .fullPageListing tr {
background-color: transparent;
}
.listingTour .pager {
float: right;
}
.listingTour .half {
    position: relative;
    float: left;
    width: 49%;
    margin-right: 0;
}

.listingTour .half.last {
    position: relative;
    float: left;
    width: 49%;
    margin-left: 2%;
}

.largeTextArea{
    width: 500px;
    height: 200px !important;
    border-left: 1px solid #b5b5b6;
    border-right: 1px solid #b5b5b6;
    border-bottom: 1px solid #b5b5b6;
}

#hiddenMap, #additionalSearch {
    display: none;
}
.light {
background-color: #e7e7e8;
color: #000000 !important;
}
.box table.noborder tr td,.box .boxRow.noborder {
border: none;
}
.histories .histExpand, .histories .histCollapse {
    background-color: #1e333f;
    color: #fff;
    border: none;
    width: 24px;
    height: 24px;
    cursor: pointer;
}
.histories .detail {
    display:none;
}

#sortableTour li{
    margin-bottom: 1px;
    list-style-type: none;
    cursor: ns-resize;
}
.reportActions .downloadReport a {
background: url('../images/download-pdf-icon.png') no-repeat 20px 5px #dbdcdc;
margin-left: 5px;
position: relative;
font-size: 14px;
line-height: 30px;
height: 30px;
width: auto;
padding: 0px 20px 0px 50px;
float: right;
display: block;
border: 1px solid #b5b5b6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #5b5c5e;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.reportActions .downloadCSV a {
background: url('') no-repeat 20px 5px #dbdcdc;
margin-left: 5px;
position: relative;
font-size: 14px;
line-height: 30px;
height: 30px;
width: auto;
padding: 0px 20px 0px 20px;
float: right;
display: block;
border: 1px solid #b5b5b6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #5b5c5e;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.reportActions .printReport a {
background: url('../images/print-icon.png') no-repeat 20px 5px #dbdcdc;
position: relative;
font-size: 14px;
line-height: 30px;
height: 30px;
width: auto;
padding: 0px 20px 0px 50px;
float: right;
display: block;
border: 1px solid #b5b5b6;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
color: #5b5c5e;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
-ms-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
}
.reportActions {
position: relative;
padding: 20px 0px 30px;
}
@media print {
	.printBreak {page-break-after: always;margin-bottom:0px;}
    .report {margin-bottom:0px;}
    .reportActions {display:none;}
}
.popUpWidget.report.buildingHistory a{
    color: #518b8b;
}
[data-expired=true] {
display: none;
}
/*
Bug Id 623 : Nilesh Agrawal [Important was creating problem so removed while working on 623]
.show {
display: block!important;
}*/

.showExp {
display: block!important;
}
.listingSelect {
position: absolute;
top: 42px;
height: 30px;
width: 100%;
background: #d5d6d6;
padding: 5px;
box-sizing: border-box;
font-size: 13px;
}
#fullScreenListInner .listingSelect {
position: relative;
max-width: 1200px;
margin-left: auto;
margin-right: auto;
top: 0;
}

#researchCallLogPopUp .box a{
    color: #ffffff !important;
}

div.ui-datepicker{
 font-size:12px;
}
input[type=submit].button {
-webkit-appearance: none;
}

/*Bug Id 310 : Nilesh Agrawal*/
.compulsary {
    color:red;
}

/*Bug Id 350 : Nilesh Agrawal*/
.quickEditListing tr.header{ background-color:#487573; color:#FFF; }
.quickEditListing tr.row{ background-color:#FFF; }

.quickEditForm { color: #fff; padding: 0 10px; font-size: 13px;}
.quickEditForm .error-msg {display: none;color: #8B0E0E;}

.popUpWidget.small-quickedit{ width: 500px; height: 300px; margin: -150px 0px 0px -250px; }
.popUpWidget.small-quickedit input[type=text] { width: 350px; }
.popUpWidget.small-quickedit .puOptions { position: absolute; bottom: 20px; right: 15px; }

.popUpWidget.quickEdit { height: 500px; width: 800px; top:30%; left:40%; }
.popUpWidget.quickEdit .puClose { 
    font-family: 'Open Sans';
    text-transform: uppercase;
    padding-left: 25px;
    font-size: 14px;
    line-height: 16px;
    font-weight: 600;
    width: auto;
    color: white;
}

.popUpWidget.quickEdit .puFilters {
    width: 90%;
    margin-left: 5%;
    margin-right: 5%;
}

.popUpWidget.quickEdit .puRightOptions {
    top:374px;
}

/*Bug Id 650 : Nilesh Agrawal*/
@media print {
    body {
        -webkit-print-color-adjust:exact;
        background-color:#FFF !important;
    }

    .largeTextArea-print{
        width: 270px;
        height: 100px !important;
        border-left: 1px solid #b5b5b6;
        border-right: 1px solid #b5b5b6;
        border-bottom: 1px solid #b5b5b6;
    }

    .pb50-print {
        padding-bottom:0px;
    }
    .grayInfo-print {
        background-color:#FFF !important;
    }
    
    .searchTags .box {
        padding-top:15px;
    }

    .pad-last-box { /*BusinessForm*/
        padding-top:25px;
    }
}

/*Bug Id 543 : Nilesh Agrawal*/
.popUpWidget.report .custom-format-box {height: 200px;text-align:center;background-color: #ECECEC;}
.popUpWidget.report .custom-format-box h3 {background-color: #777777;font-size:12px;}
.popUpWidget.report .custom-format-box div {padding:0 15px;}
.popUpWidget.report .custom-format-box div.text-info {text-align:center;}
.popUpWidget.report .custom-format-box div.btn-panel {margin-top: 10px; }
.popUpWidget.report .custom-format-box .form-control {width: 90%;height: 30px;margin: 3px 0 8px 0;border: 1px solid #b5b5b6;}
.popUpWidget.report .custom-format-box .btn-disabled {opacity: 0.5;}

/*Bug id 310 : Sharon Mecwan*/
div.show-image {position: relative!important;}
div.show-image:hover input[type=image]{display: block!important;}
div.show-image input[type=image] {position:absolute;top:20px;right:20px;display:none!important;}

/* new listing/property details styles */
.page .column.col66 > .column {
margin-left: 0;
margin-right: 3.75%;
}
.page .column.col66 {
width: 65.8%;
}
.extraPhoto img {
  width: 100%;
}
.extraPhoto {
  width: 16%;
  display: inline-block;
  box-sizing: border-box;
  margin: 0 1.5% 15px 0;
  vertical-align: top;
}
.extraPhoto:nth-of-type(3n) {
margin-right:0;
}
.extraPhotos {
margin: 15px 0;
}

.nosale, .nolease, .nobus, .nocombo{
    display: none;
}