/*----------------------------------------------------------------------------

		I AM UNICRON.JSP
		I CONTAIN GLOBAL STYLES ACROSS ALL MODULES

----------------------------------------------------------------------------*/









/*--- Body -------------------------------------------*/
body {
    margin: 0;
    padding: 0;
    color: #333;
    font-family: "helvetica neue", arial, helvetica, sans-serif;
    font-size: 12px;
    background: #242424 repeat;

	}

/*--- Containers -------------------------------------------*/
.full #main,
.full .container,
#container {

    width: 852px;

    margin: 0 auto;
    margin-top: 0;
    padding: 0;
    text-align: left;
    background-color: #fff;
    border: solid #1C1C1C;
    border-width: 0 6px 6px 6px;
    border-top: 0;
    }
#main {_height: 1%; margin: 0 auto; padding: 18px 24px;}
.container {width: 960px; margin: 30px auto 0 auto; text-align: left;}
#navigation {float: right; width: 170px; z-index: 9; position: relative;}
#page-content {float: left; width: 77%; padding-bottom: 1%;}
#top {padding: 8px; padding-bottom: 0;}

/*--- Full Containers -------------------------------------------*/
body.full #container {width: 100%; background: #fff; border-top: none; border-right: none; border-left: none;}
body.full .container {margin: 0 auto; background: transparent; border: none;}
body.full #main {margin: 0 auto; padding: 30px 0 80px 0; border: none;}

/*--- Page-Specific Layouts -------------------------------------------*/
body.noads #page-content {width: 100%;}
body.noads #main #sidebar-right,
#sidebar-left {display: none;}

/*--- Headers -------------------------------------------*/
h1, h2, h3, h4, h5, h6, strong, .strong {font-weight: bold;}
h1 {margin: 0 0 10px 0; padding-bottom: 2px; font-size: 24px; color: #7F6158;}
h2 {margin: 10px 0 0 0; font-size: 20px; color: #c49350;}
h3 {margin: 8px 0 0 0; font-size: 16px;}
h4 {margin: 6px 0 0 0; font-size: 13px;}

#main h1 {margin: 0 0 26px 0; border-bottom: 1px solid #ccc; letter-spacing: -0.01em;}
#main h1 span.welcome {margin-left: 3px; font-size: 13px; color: #797979;}

#page-content h2 {margin: 0 0 12px 0;}

/*--- Common Tags -------------------------------------------*/
p {margin: 2px 0 10px 0; text-align: left; line-height: 1.35em;}
a {color: #881113; text-decoration: underline; outline: none; cursor: pointer;}
a:focus {outline: none;}
a:hover {color: #5c4a22; text-decoration: none; outline: none;}
a:active {outline: none;}
img {border: none;}
hr {width: 100%; height: 1px; clear: both; color: #ccc; background: #ccc; border: none;}
input {width: auto; margin: 0; overflow: hidden;}
label {margin-right: 1em;}
textarea {font-size: 12px;}

/*--- Common Selectors -------------------------------------------*/
strong, .strong {font-weight: bold !important;}
.clear {clear: both !important;}
.clearleft {clear: left !important;}
.clearright {clear: right !important;}
.floatleft {float: left !important;}
.floatright {float: right !important;}
.floatnone {float: none !important;}
.noborder {border: none !important;}
.nopadding {padding: 0 !important;}
.nomargin {margin: 0 !important;}
.nomarginleft {clear: left; margin-left: 0 !important;} /* Good for floating stuff */
.big {width: 66%; margin-right: 0; padding: 30px;}
.small {font-size: 12px !important;}
.holder {float: left; margin-right: 16px; margin-bottom: 2%;}
.even, .even td {background-color: #fbfdfd;}
.odd, .odd td {background-color: #edf5f7;}
.group {margin-top: 20px;}
.left {text-align: left !important;}
.center {text-align: center !important;}
.right {text-align: right !important;}
.half-right {float: right; width: 49%;}
.half-left {float: left; width: 49%;}
.right-38 {float: right; display: inline-block; width: 38%;}
.left-60 {float: left; display: inline-block; width: 60%;}
.right-38:after,
.left-60:after {content: " "; display: block; height: 0; clear: both; visibility: hidden;}
.new {position: relative; left: 4px; bottom: 3px;}
.internal-link {text-decoration: none !important; color: inherit !important; .color: #000 !important; cursor: default !important;}
.required {font-weight: bold; color: #900;}
.required select {font-weight: normal;}
.smallgrey {font-size: 9px; color: #999;}
.smallcaps {font-size: 0.94em; font-weight: bold; text-transform: uppercase;}
.requirednote {width: 414px; margin-bottom: 12px; padding: 12px 18px; background: #f4e9ea; border-top: 1px solid #96363f; border-bottom:1px solid #96363f;}
#back-link {display: block; margin: 0 0 12px 0; padding: 8px 10px; font-size: 12px; font-weight: normal; background: #f2f2f2; border-left: 8px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.hidden {display: none !important;}
#tooltip {position: relative; width: 300px; padding: 10px; text-align: left; z-index: 99 ! important; zoom: 1; background-color: #fdfbf0; border: 3px solid #cac3a5;}
.textfield1 {font-size: 11px;}
.textfield2 {font-size: 11px;}
#imageborder {display: block; padding: 2px; border: 1px solid #7b8d72;}
.menu1 {font-size: 11px; border: 1px solid #663;}
.highlighttext {color: #369;}
.input-box-header {display: inline}
.input-box {border-top: 5px solid #0176A8;}
/* Login Page "Help Link */
#remember-me-help {margin: 8px 0; padding-bottom: 4px; border-bottom: 1px solid #ccc;}

/* Extra Links in Icon Gride */
.see-more {background: none !important;}
.see-more span {display: block; margin-top: 24px; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #666;}

table.helpdesk p {font-size: 9px;}
.testimonial blockquote {border-left: 0;}

p.small a {color: #333;}
p.small.newlistings a {text-decoration: none;}
p.small.newlistings a:hover {text-decoration: underline;}

.footnote {margin: 0; padding: 0 0 0 1px; color: #999; font-size: 10px; font-weight: bold; text-transform: uppercase;} /* font-size: 11px; color: #999; */
.footnote a {font-weight: normal; text-transform: none; text-decoration: none;}
.footnote a:hover {text-decoration: underline;}

/*--- Alert Styles -------------------------------------------*/
.alert {margin: 10px 0; padding: 14px; font-weight: normal; color: #333; background: #f4e9ea; border: #96363F 1px solid; border-bottom: 6px #96363F solid;}
.alert a {color: #333;}
.alert p {margin: 0;}

p.alert,
div.alert {padding: 10px; background: #f4e9ea; border: #96363F 1px solid; border-bottom: 6px #96363F solid;}
li.alert {padding: 4px 6px; list-style: none; font-size: 12px; background: #f4e9ea; border: solid #96363F; border-width: 1px 1px 3px 1px;}

.box {padding: 20px; background: #f2f2f2; border: 1px solid #ccc;}

.green, div.green, p .green {background: #e2f1d9; border-color: #3c6326;}
.yellow, div.yellow, p .yellow {background: #fcfbf0; border-color: #cac3a5;}
.grey, div.grey, p .grey {background: #f2f2f2; border-color: #ccc;}
.clear, div.clear, p .clear {background: #fff; border-color: #fff;}

.yellowbox {margin-top: 30px; padding: 10px 20px; font-size: 12px; background: #fcfbf0; border: 1px solid #cac3a5;}
.yellowbox form, .yellowbox input {margin: 0;} /*--IE 6 & 7 Hack--*/

.highlight {margin-bottom: 40px; padding: 6px 12px; background: #fcfbf0; border: 1px solid #cac3a5;}
.highlight p {margin: 0; padding: 0; font-size: 0.95em;}

/*--- Map Styles -------------------------------------------*/
#map {height: 520px; background: url(/images/search/loading_graphic.gif) 50% no-repeat; border: 1px solid #ababab;}

.radiiClass {position: absolute; z-index: 101; top: 50%; left: 50%; margin-top: -53px; margin-left: -114px; padding: 3px 4px; font-weight: bold; color: #000; border: 1px solid #666; background-color: #f5f5f5}

#listingList {position: relative; border: 1px solid #ccc; overflow-x: visible; overflow-y: auto;}

.mapInfoWindowText {font-size: 12px; color: #333;}
.mapInfoWindowHead {font-size: 14px; font-weight: bold;}
.mapInfoWindowSubHead {font-size: 13px; font-weight: normal;}
.mapInfoWindowBlock {margin: 0; padding: 0; list-style: none;}

.mapShadowbox {position: relative; top: 2px; left: 2px; background: #ccc;}
.mapShadowbox div {position: relative; top: -2px; left: -2px; padding: 10px; color: #fff; background: #f2f2f2;}
.mapInfoWindowImage {width: 80px; border: 1px solid #666;}

td.mapItemInfo {padding-left: 10px; vertical-align: bottom;}
td.mapItemTitle {padding-left: 8px; padding-top: 6px;}

/* OVERVIEW MAPS */
.overview-map {position: relative; width: 100%; height: 320px; display: none;}
#gStreetView embed {width: 100% !important; height: 100% !important;} /* Overrides default 200px width */
#gStreetView object {width: 100% !important; height: 100% !important;} /* Overrides in IE */

/* FULLSCREEN MAP STUFF */
.go-fullscreen {float: right; font-size: 12px; color: #fff;}
#property-summary .go-fullscreen {color: #444;}

.fullscreen {overflow: hidden !important;}
.leave-fullscreen {display: none;}

.fullscreen .leave-fullscreen {display: block; position: fixed; z-index: 9999; top: 0; right: 0; bottom: 0; left: 0; padding-top: 11px; background: #6c7380 url(/images/search/hollow-gradient.gif) top left repeat-x;}
.fullscreen .leave-fullscreen a {display: block; width: 121px; height: 22px; margin: 3px 0 0 10px; background: url(/images/common/back-to-property.gif) top center no-repeat;}
.fullscreen .leave-fullscreen a:hover {background-position: center;}
.fullscreen .leave-fullscreen a:active {background-position: bottom center;}
.fullscreen .leave-fullscreen a span {display: none;}

.birdseye #msMap,
.streetview #gStreetView,
.mapview #gMap {position: fixed !important; z-index: 9999; top: 48px; right: 10px; bottom: 10px; left: 10px; width: auto; height: auto; background: #6c7380; border: 1px solid #eee; overflow: hidden;}

/* NOT SHOWING LINKS IN SEARCH IN IE6 BECAUSE IT DOESN'T SUPPORT THE POSITION: FIXED ATTRIBUTE NEEDED TO GET THE MAP OUT OF ITS CONTAINER */
* html .go-fullscreen {display: none !important;}


/* HIDING ELEMENTS THAT PEAK THROUGH ON SEARCH */
.fullscreen #header-out,
.fullscreen #header-out *,
.fullscreen h2,
.fullscreen #left,
.fullscreen #left *,
.fullscreen .toggle,
.fullscreen #highlight-bar,
.fullscreen .tabs-nav,
.fullscreen #list-view,
.fullscreen #map-view,
.fullscreen #email-tab,
.fullscreen #reports-tab,
.fullscreen #catalog-tab {display: none !important; visibility: hidden !important; background: transparent !important;}

/*--- Common Elements -------------------------------------------*/
ul.arrow {list-style-image: url(/images/common/arrow.gif);}
ul.arrow li {margin-bottom: 3px; font-size: 12px;}
tr.invalidrow td {background: #f9f7c5; border-bottom: 1px solid #fff;}
tr.requiredrow td {background: #f4e9ea; border-bottom: 1px solid #fff;}

#back-link {display: block; margin: 0 0 12px 0; padding: 8px 10px; font-size: 12px; font-weight: normal; background: #f2f2f2;}
#back-link {border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 8px solid #ccc;}

ul.arrow {list-style-image: url(/images/common/arrow.gif);}
ul.arrow li {margin-bottom: 3px; font-size: 12px;}

tr.invalidrow td {background: #f9f7c5; border-bottom: 1px solid #fff;}
#maincolumn .requirednote {width: 414px; margin-bottom: 12px; padding: 12px 18px; background: #f2dddf; border-top: 1px solid #96363f; border-bottom: 1px #96363f solid;}
tr.requiredrow td {background: #f2dddf; border-bottom: 1px solid #fff;}
tr.requiredrow td.help {background: #f2dddf url('/images/required_border.gif') top left repeat-y;}

.no-center {display: inline; text-align: left; margin: 0;}
.item-center {text-align: center;}

.text-link {display: block; margin-top: 0.15em; padding: 0.15em; font-size: 13px; font-weight: bold; color: #3D699D;}
.text-link:hover {background: #f2f2f2;}

.all-details {display: block; margin: 5px 0; padding: 0.4em 0.8em; text-align: left; font-size: 12px; font-weight: bold; background-color: #fffeef; border: 1px solid #f3f3f3;}
.all-details:hover {background-color: #ffc;}

/*--- Crumbs -------------------------------------------*/
#crumbs {margin: -21px 0 20px 0; font-size: 10px; color: #777;}
#crumbs a {color: #777; text-decoration: none;}
#crumbs a:hover {color: #5c4a22;}

/*--- ImgNav Specific -------------------------------------------*/
body.imgnav #header {position: relative;}
body.imgnav #header #nav ul li a {position: absolute; display: block; text-decoration: none; border: 0;}
body.imgnav #header #nav ul li a:hover {border: 0;}
body.imgnav #header #nav ul li a em {visibility: hidden;}

/*--- Tabs --------*/
@media projection, screen {.tabs-hide {display: none;}}
@media print {.tabs-nav {display: none;}}
.tabs {.display: inline-block; margin: 0; padding: 0; list-style: none; border-bottom: 1px solid gray;}
.tabs:after, .tabs-container:after {content: " "; display: block; .display: inline-block; height: 0; clear: both; visibility: hidden;}
.tabs li {display: inline;}
.tabs li a {float: left; position: relative; top: 1px; z-index: 1; height: 25px; margin: 2px 5px 0 0; padding: 10px 14px 0 14px; font-size: 15px; color: #333; text-decoration: none; background: #efefef url(/images/common/tab_gradient.gif) bottom left repeat-x; border: solid gray; border-width: 1px 1px 0 1px;}
.tabs li a:hover {background: #ccc url(/images/common/tab_gradient_hover.gif) bottom left repeat-x;}
.tabs .active a,
.tabs .tabs-selected a {height: 28px; margin-top: 0; font-weight: bold; color: #000; background: #fcfcfc;}
.tabs .active a:hover,
.tabs .tabs-selected a:hover {color: #000; background: #fcfcfc; cursor: default;}
#tab-holder, .tabs-container {.zoom: 1; background: #fcfcfc; border: gray solid; border-width: 0 1px 1px 1px; padding: 1.75em 2em 2em 2em;}

li.error-tab a {padding: 7px 14px 0 14px; color: #111; background: #f2dddf url(/images/common/tab_gradient_error.gif) bottom left repeat-x; border-top: 4px solid #96363f;}
li.error-tab a:hover {background: #f2dddf url(/images/common/tab_gradient_error_hover.gif) bottom left repeat-x;}

/*--- Buttons --------*/
#submitDiv {width: 100%; margin-top: 20px; margin-bottom: 5px; padding-top: 5px; text-align: left; border-top: 1px solid #ccc;}
#submitDivTop {margin-bottom: 20px; margin-top: 5px; padding-bottom: 5px; text-align: left; border-bottom: 1px solid #ccc;}
#submitDivNoline {margin-top: 5px; margin-bottom: 20px; padding-bottom: 5px; text-align: left;}

/* BUTTON */
.button {padding: 0.25em 0.7em; font-size: 13px; color: #f5f5f5; background: #37414F; border-top: 2px solid #d5d5d5; border-right: 2px solid #555; border-bottom: 2px solid #555; border-left: 2px solid #d5d5d5;}
.button:hover {color: #fff;}
.button:active {border-top: 2px solid #555; border-right: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5; border-left: 2px solid #555;}

* html .button {padding: 0.25em 1em 0.1em; overflow: visible;}
*+html .button {padding: 0.25em 1em 0.1em; overflow: visible;}

/* BUTTON-SMALL */
.button-small {padding: 0.15em; 0.6em; font-size: 13px; color: #444; background: #f5f5f5; border-top: 2px solid #d5d5d5; border-right: 2px solid #555; border-bottom: 2px solid #555; border-left: 2px solid #d5d5d5;}
.button-small:hover {color: #000;}
.button-small:active {border-top: 2px solid #555; border-right: 2px solid #d5d5d5; border-bottom: 2px solid #d5d5d5; border-left: 2px solid #555;}

/* BIG-TIME */
.big-time {width: auto; margin: 0 auto; padding: 3px 12px; .padding: 1px 12px; font-weight: bold; color: #eee; background-color: #37414F; border-top: 2px solid #fafafa; border-right: 2px solid #848484; border-bottom: 2px solid #848484; border-left: 2px solid #fafafa; overflow: visible; cursor: pointer;}
.big-time:hover {color: #fff;}
.big-time:active {border-top: 2px solid #8f8f8f; border-right: 2px solid #fafafa; border-bottom: 2px solid #fafafa; border-left: 2px solid #8f8f8f;}

ol .big-time {width: 99%; margin: 1em 0 1em -30px; padding: 4px 14px;}

.small-button {width: auto; padding: 2px 6px; font-size: 10px; overflow: visible; cursor: pointer;}

/* REGISTERBUTTON */
#registerbutton {text-align: center;}
#registerbutton a {display: block; width: 80%; margin: 0 auto; padding: 3px; font-weight: bold; text-decoration: none; background: #fff; border: 1px #666 solid;}
#registerbutton a:hover {background: #dedede;}
#loginDiv p {text-align: center;}

.email-recipient-actions small {font-size: 10px;}
.email-recipient-actions small p {margin: 0; padding: 1px 0 0;}

/* FAUXBUTTON */
.fauxbutton {margin: 8px 0; padding: 0; text-align: left;}
.fauxbutton a {display: block; width: 80%; margin: 0; padding: 5px 3px; text-align: center; font-size: 14px; font-weight: bold; color: #efefef; text-decoration: none; background: #8f8f8f; border:1px #666 solid;}
.fauxbutton a:hover {color: #900; background: white;}
.fauxbutton a.short {width: 75%; font-size: 13px;}

.alert .fauxbutton a {margin: auto; color: #fff;}

/* LINK-BUTTON */
.link-button {position: relative; margin-bottom: 1.75em; border: 3px solid #ffe79f;}
.link-button a {display: block; position: relative; padding: .65em 0; text-align: center; font-weight: bold; color: #333; text-decoration: none; background: #fefed7;}
.link-button a:hover {background:#f1e56a;}
.link-button img {position: relative; margin: 0 6px -2px 0;}

/*--- Actions Bar -------------------------------------------*/
.actions {display: block; .display: inline-block; margin: 0 0 0.75em; padding: 0; color: #fff; background: #5c4a22;}
.actions li {display: inline; margin: 0; padding: 0; list-style: none;}
.actions li a, .actions li strong {height: 22px; margin: 0; padding: 7px 14px 0 14px; text-align: center; font-size: 13px; color: #fff; text-decoration: none;}
.actions li a:hover {color: #fff; background: #909CA5;}
.actions-right li a, .actions-right li strong {float: right; border-left: 1px solid #fff;}
.actions-right:after {display: block; .display: inline-block; clear: right; content: " ";}
.actions-left li a, .actions-left li strong {float: left; border-right: 1px solid #fff;}
.actions-left:after {display: block; .display: inline-block; clear: left; content: " ";}

/* Keep Catalog titles in the "Save to Catalog" drop-down from taking on the toolbar styles */
#addToCatalog_frame form a {float: none; display: inline; height: auto; padding: 0; color: #881113; background: none; border: none;}

/*--- Common Form Elements -------------------------------------------*/
.form-holder-bg {margin: 1em auto; padding: 2em 3em; background: #f2f2f2;}
.input-row {display: block; margin: 0.25em; padding: 0.75em; border-bottom: 1px solid #ccc;}
label.static-wide {float: left; position: relative; top: 7px; width: 26%; font-weight: bold;}
input.padded {margin: 1em; padding: 0.15em 1em;} /* padding: 0.25em 0.15em; width: 62%; */
input.big,
select.big {padding: 0.25em 0.15em; font-size: 14px;}
select.menu {width: 90%; margin: 0.5em;}
option.strong {text-transform: uppercase;}

/*--- Color Instances -------------------------------------------*/
#searchresultsnav a,
#help-topics h2                         {background: #909CA5;}
#searchresultsnav a:hover {background: #5c4a22;}

/*--- Catylist.com (ciemanager.catylist.com) Headers/Sub-Headers -------------------------------------------*/
#header-common {width: 100%; height: 65px; background: url(/images/common/header-bg.gif) repeat-x; border-top: 2px solid #333; border-bottom: 5px solid #444;}
#header-common div.holder {float: none; position: relative; display: block; width: 800px; margin: 0 auto; margin-right: auto; padding: 0;}

#header-logo {position: relative; top: 0; left: 0;}
#header-logo img {float: left; margin: 0; padding: 0; border: 0;}

#header-navigation {display: inline; float: right; font-size: 14px; font-weight: bold;}
#header-navigation ul {margin-top: 25px;}
#header-navigation li {display: inline; margin-right: 1em; padding-right: 1em; border-right: 1px solid #666;}
#header-navigation li.last {margin-right: 0; padding-right: 0; border-right: 0;}
#header-navigation li a {color: #ccc; text-decoration: none;}

#sub-navigation {width: 100%; padding: 0.65em 0; font-size: 12px; background: url(/images/common/sub-nav-bg.gif) repeat-x #eee;}
#sub-navigation .holder {width: 800px; display: block; float: none; margin: 0 auto; margin-right: auto; position: relative; right: 0;}
#sub-navigation ul {margin: 0; padding: 0; text-align: right;}
#sub-navigation li {display: inline; margin: 0 1em 0 0; padding: 0 1em 0 0; border-right: 1px solid #ccc;}
#sub-navigation li.last {margin-right: 0; padding-right: 0; border-right: 0;}
#sub-navigation a {color: #333; text-decoration: none;}
#sub-navigation a:hover {text-decoration: underline;}

/*--- CIE Footer -------------------------------------------*/
#footer-container {

    width: 852px;

    margin: 0 auto;
    margin-top: 0;
    margin-bottom: 10px;
    }
#footer {
    clear: both;

    padding: 3px 1%;

    color: #c49350;
    font-size: 11px;
    font-family: verdana, "helvetica neue", arial, verdana, sans-serif;
    background: #;
    }
#footer span {float: right;}
#footer p {margin: 0;}
#footer a {color: #c49350;}
#footer #footer-container {margin: 0 auto; padding-top: 5px; border: solid #000; border-width: 1px 0 0 0;}
#footer table {margin-top: 3px;}
#footer #nav {float: right;}
#footer #nav a {margin: 0 4px;}

/*--- Login Page -------------------*/
#login-form {width: 338px; border-top: 5px solid #909CA5;}
#login-form ul {margin: 0; padding: 12px 18px; list-style: none; background-color: #f5f5f5; border: solid #ddd; border-width: 0 1px 1px 1px;}
#login-form ul li {display: block; margin: 0 0 9px 0; clear: left;}
#login-form ul li h2 {margin: 0 0 15px 0;}
#login-form p {margin: 5px 8px; font-size: 10px;}

#login-form .login-main label {float: left; width: 34%; margin: 3px 0 0 0; font-size: 14px; cursor: default;}
#login-form .login-main input {width: 62%; _width: 58%; padding: 1px 3px; color: #222;}
#login-form .login-main input:focus {color: #000; background: #ffc;}
#login-form .login-left {margin: 0 0 0 34%; .margin-left: 30%;}

/*--- Right Sidebar Styles (This is the right ad-space on CIEs and the right toolbox on Manage -------------------*/
#sidebar-right {float: right; width: 150px; margin: 0 -1% 3% 2%; _margin: 0 -8px 24px 16px; padding: 0 0 3% 2%; text-align: center; border-left: 1px solid #ebebeb;}
#sidebar-right div {_position: relative; _right: 1px; text-align: left; border: 1px solid #7F6158;}

#sidebar-right #ads {width: 122px; border: none;}
#sidebar-right #ads h3 {margin-top: 10px;}
#sidebar-right #ads img {margin-bottom: 12px; border: 1px #ccc solid;}

.mylistings-page #sidebar-right,
.market-page #sidebar-right,
.myaccount-page #sidebar-right,
.yui-skin-sam #sidebar-right {border: none;} /* These are the "My Console" sidebars */

#sidebar-right h3,
#sidebar-right h3 a {width: 117px; margin: 20px 0 12px 0; padding: 3px 1px; text-align: left; font-size: 14px; color: #333; text-decoration: none;
border-bottom: 1px #ccc solid;}
#sidebar-right h4, #sidebar-right h5 {font-size: 12px; font-family: "trebuchet ms", verdana, "helvetica neue", arial, sans-serif;}
#sidebar-right h4 {margin: 0 0 6px 0; padding: 0.4em; color: #fff; background: #7F6158;}
#sidebar-right h5 {margin: 0.8em 0.4em 0.3em 0.4em; border-style: solid; border-color: #7F6158; border-width: 0 0 1px;}

#sidebar-right div {margin-bottom: 10px;}
#sidebar-right input  {margin: 2px 0;}
#sidebar-right a {padding: 4px 0; font-size: 11px; color: #333;}
#sidebar-right p  {margin: 4px 0; padding: 0;}
#sidebar-right img {width: 120px; height: 60px; margin-bottom: 5px;}
#sidebar-right ul {margin: 0 0 0.6em 0; padding: 0;}
#sidebar-right ul li {padding: 0.05em 0.5em; list-style: none;}
#sidebar-right ul li a {text-decoration: none;}
#sidebar-right ul li a:hover {text-decoration: underline;}

#sidebar-right #membersconsole {position: relative; right: 2px; _right: 9px;}

#sidebar-right #searchDiv,
#sidebar-right #loginDiv,
#sidebar-right #resourcesDiv,
#sidebar-right #searchHeader,
#sidebar-right #loginHeader,
#sidebar-right #sidebar-right-content {display: none;}

/*--- Leftnav -------------------------------------------*/
#leftnav div {margin-bottom: 10px; border-style: solid; border-width: 1px}
#leftnav h4, #leftnav h5 {font-family: verdana, sans-serif; font-size: 13px;}
#leftnav h4 {margin: 0; padding: 0.5eml; color: #fff; background: #672E24;}
#leftnav h5 {margin: 0.5em; border-style: solid; border-color: #672E24; border-width: 0 0 1px;}
#leftnav ul {margin: 0.5em 0.5em 1em; padding-left: 0; list-style-type: none;}
#leftnav li {margin-bottom: 3px; font-size: 11px;}

/*--- Table Styles -------------------------------------------*/
table.wide {width:100%;}
table td.description {text-align: right; font-weight: bold;}
table tr.odd {background: #f2f2f2;}
table tr.last td {border-bottom: 0;}

.tabular {width: 100%; margin-bottom: 10px; border: 0;}
.tabular th {padding: 3px; text-align: left; font-weight: normal; color: #333; background: #eee;}
.tabular td {padding: 5px 3px; border-bottom: 1px #dedede solid;}

th.category {font-weight: bold; color: #fff; background: #333;}
th.formgroup {padding: 4px; text-align: left; font-size: 12px; background: #ededed; border: #ccc solid; border-width: 1px 0;}

td.required {font-weight: bold; color: #900;}
td.name {width: 45%; padding-left: 6px;}
td.value {width: 55%; padding-right: 6px;}
tr.last td {border-bottom: 0;}

.formtable,.bordertop {border-top: 2px #dedede solid;}

#customizeTable {border-width: 2px 0 0; border-color: #ccc; border-style: solid;}
#customizeTable td {padding: 12px 0 12px 5px; border-bottom: 1px #ccc solid;}
#customizeTable td.last {border-bottom: 0;}
.hidden tr.tohide {display: none;}

.tabulardata {width: 100%; background: #ccc; border: 1px #ccc;}
.tabulardata th {padding: 6px 10px; text-align: left; color: #fff; font-size: 12px; background-color: #666;}
.tabulardata th a {color: #fff; text-decoration: underline;}
.tabulardata td {padding: 6px 10px; background: #fff; border: 1px #ccc;}
.tabulardata table {border: 0px;}
.tabulardata caption {margin: 0 0 6px 10px; text-align: left; font-weight: bold; font-size: 16px;}
.justmoved table.tabulardata tr td {background-color: #efe;}

.tabulardata,
.tabulardata td {border: 1px #ccc;}

.formgrid {width: 100%; margin-bottom: 20px; background: #ccc; border: 1px #ccc;}
.formgrid tr.head th {padding: 8px 16px; font-size: 12px; color: #fff; background: #666;}
.formgrid tr.sub th {font-size: 12px; color: #333; background: #ccc;}
.formgrid th  {padding: 2px;}
.formgrid td {padding: 6px 10px; font-size: 12px; background:#fff; border: 1px #ccc;}

.formtable  {width: 100%; border-top: 1px solid #ccc;}
.formtable th {padding: 4px; font-size: 12px; color: #fff; background: #9a9a9a; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.formtable td {padding: 4px 0; border-bottom: 1px solid #ccc;}
.formtable td.submit {border: 0;}
.formtable td .formnote {font-size: 9px; color: #999;}

td.formLabel {width: 40%; vertical-align: top; font-weight: bold;}
td.last {text-align: right; border-top: 1px #57231A solid; border-bottom: 0;}
td.last input {font-size: 11px; color: #fff; background-color: #57231a; border: 1px solid #663;}
.tabular {width: 100%; margin-bottom: 10px; border: 0;}
.tabular th {padding: 3px; text-align: left; color: #333; font-weight: normal; background: #eee;}
.tabular td {padding: 5px 3px; border-bottom: 1px solid #dedede;}
th.category {font-weight: bold; color: #fff; background: #333;}
td.name {width: 25%; padding-left: 6px; text-align: right; color: #000;}
td.value {width: 75%; padding-right: 6px; padding-left: 26px;}
tr#login-top td {padding-top: 10px; padding-bottom: 8px; border-top: 1px solid #dedede;}

div.details, ul.details {display: block; width: auto;}
table.details {width: 100%; margin-bottom: 6px; border-collapse: collapse;}
.details  th {padding: 3px 8px; color: #444; background-color: #ebebeb; border: 1px solid #ddd;}
.details  td {padding: 2px 8px 1px; line-height: 15px; word-wrap: break-word; font-size: 12px; font-weight: bold; color: #333; border: 1px solid #ebebeb;}
.details .group {padding: 4px 8px; font-size: 13px; color: #333; border-left: 1px solid #ebebeb;}
.details .label {width: 38%; text-align: left; font-family: verdana, "helvetica neue", helvetica, arial, sans-serif; font-weight: normal; background: #f8f8f8;}
.details .label-a {padding: 0;}
.details .label-a a {display: block; height: 100%; padding: 3px 8px; text-decoration: none;}
.details .label-a a:hover {color: #fff; background-color: #881113;}

/*--- Report/Brochure Choose Pages -------------------------------------------*/
.choose {margin: 6px 0 0 0; text-align: center;}
.choose:after {content: " "; display: block; clear: both; visibility: hidden;}
.choose div {float: left; width: 240px; height: 210px; margin: 1%; .margin: 0.6%; padding: 0 0 4px 0; text-align: left; border: 2px solid #ccc; cursor: pointer;}
.choose div label {display: block; margin: 0 !important; padding: 8px 0 9px 1.7em; font-size: 16px; background-color: #f0f0f0; cursor: pointer;}
.choose div input {.margin: 0;}
.choose div label input {float: left; margin: 3px 5px 0 6px; cursor: pointer;}
.choose div img {float: right; width: 84px; height: 108px; margin: 6px 5px 4px 3px; padding: 1px; border: 1px solid #e4e4e4;}
.choose div ul {margin: 0 0 0 6px !important; padding: 0;}
.choose div ul li {padding: 3px 0px; list-style-type: none;}
.choose div ul li.strong {margin-top: 4px; font-weight: bold;}
/*--- HOVER Class ---*/
.choose div.hover {border: 2px solid #999;}
.choose div.hover label {background-color: #d7d7d7;}
.choose div.hover img {border: 1px solid #aaa;}
/*--- CHECKED Class ---*/
.choose div.checked {background-color: #f5f5f5; border: 2px solid #333; cursor: default;}
.choose div.checked label {color: #fff; background: #5a5a5a url(/images/reports/checked.gif) 1% 50% no-repeat;}
.choose div.checked img {border: 1px solid #666;}
/*--- Buttons ---*/
div#final {width: 100%; margin: 8px 0 20px 0; text-align: center;}
div#final input {margin: 0 16px 0 0; padding: 6px; font-size: 13px;}

/*--- Catalog Page / Add to Catalog Page -------------------------------------------*/
table#formTable tr th {font-weight: normal;}
table#formTable tr td h2 {padding: 6px 0;}
table#formTable tr td h2#borderbottom {padding-top: 0px; border-bottom: 1px solid #ededed;}
table#formTable tr td table.tabular tr td,
table#formTable tr td table.tabular tr td input {padding-left: 0; cursor: pointer;}
table#formTable tr td.last {padding-top: 8px;}
table#formTable tr.tohide td {border-bottom: 1px solid #ccc; padding: 8px 4px;}
table#formTable tr.noborder td {border-bottom: none;}
/*--- Buttonlocation when 'Create New Catalog' form is hidden ---*/
table.hidden tr td.bottombutton input {margin-top: 12px;}
/*--- Buttonlocation when 'Create New Catalog' form is visible ---*/
table.visible tr td.bottombutton input {position: relative; top: -24px;}
/*--- HOVER Class ---*/
table#formTable tr td table.tabular tr.tabularhover {background-color: #f5f5f5;}
/*--- CHECKED Class ---*/
table#formTable tr td table.tabular tr.tabularchecked td {background-color: #dedede; border-bottom: 1px solid #f5f5f5;}

/*--- Resortable Forms -------------------------------------------*/
.sortableitem {height: 1%; .margin: -2px 0 0 0; list-style-type: none; cursor: move;}
.justmoved {background-color: #eeffee;}
td.suite-table-move-cell input {height: 23px; width: 24px; text-align: center; font-size: 1px; border: 0; outline: none; cursor: pointer;}
td.suite-table-move-cell input.up {color: #d2d2d2; background: url(/images/common/up_triangle.gif) center center no-repeat;}
td.suite-table-move-cell input.up_over {color: #8c8c8c; background: url(/images/common/up_triangle_over.gif) center center no-repeat;}
td.suite-table-move-cell input.up_down {color: #8c8c8c; background: url(/images/common/up_triangle_down.gif) center center no-repeat;}
td.suite-table-move-cell input.down {color: #d2d2d2; background: url(/images/common/down_triangle.gif) center center no-repeat;}
td.suite-table-move-cell input.down_over {color: #8c8c8c; background: url(/images/common/down_triangle_over.gif) center center no-repeat;}
td.suite-table-move-cell input.down_down {color: #8c8c8c; background: url(/images/common/down_triangle_down.gif) center center no-repeat;}

/*--- Top Link Bar 'Split' for Edit, Promote, Track -------------------------------------------*/
#modified-top-links {height: 33px;}
#modified-top-links .promote {float: right; width: 230px; margin: 0;}
#modified-top-links .edit {float: right; width: 230px; margin: 0;}
#modified-top-links .alert {clear: none; margin: 0; padding: 0.5em 1em;}
#back-link.half-wide {float: left; width: 520px;}
#modified-top-links #back-link.half-wide {float: left; width: 51%;}

/*--- Top "Step" Navigation for Edit, Promote, Track -------------------------------------------*/
#listing-steps {float: right; clear: right; width: 348px; margin-top: 1px;}
#listing-steps ul {margin: 0; padding: 0;}
#listing-steps li {display: inline; float: left; margin: 0; padding: 0;}
#listing-steps li a {display: block; width: 116px; height: 29px; text-align: center; line-height: 29px; font-size: 14px; font-weight: bold; color: #fff; text-decoration: none; background: url('/images/common/listing-steps-inactive.gif') no-repeat;}
#listing-steps li.active a,
#listing-steps li a:hover {background: url('/images/common/listing-steps-active.gif') no-repeat;}
#listing-steps li.inactive a {cursor: default;}
#listing-steps li.inactive a:hover {background: url('/images/common/listing-steps-inactive.gif') no-repeat;}

/*--- Space Tab (Suite Information) -------------------------------------------*/
.suites {table-layout: fixed; width: 100%; border: none;}
.suites td {margin: 0; padding: 6px 0;}

/*--- Member Upgrade Page -------------------*/
.partners-icongrid {clear: both; margin: 0;}
.partners-icongrid h4 {margin: 12px 0 4px 3px; font-size: 14px; font-weight: bold; color: #000;}
.partners-icongrid p {font-size: 13px;}
.partners-icongrid ul {clear: both; display: block; .display: inline-block; margin: 0 0 22px 0; padding: 8px 0 0 0;}
.partners-icongrid ul:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.partners-icongrid ul li {display: inline;}
.partners-icongrid ul li a {position: relative; float: left; width: 100px; height: 63px; text-align: center; margin: 1px; background: url(/images/common/tile.gif) top center no-repeat; outline: none;}
.partners-icongrid ul li a:hover, .partners ul li a:focus {background-position: center center;}
.partners-icongrid ul li a:active {background-position: bottom center;}
.partners-icongrid ul li a, .partners ul li a:hover, .partners ul li a:focus {outline: 0;}
.partners-icongrid ul li a img {margin-top: 5px;}

/*--- Online Training Page -------------------------------------------*/
.why {float: right;}
.why-how {width: 48%;}
.why-how h4 {margin: 0; padding: 0 0 3px 0; font-size: 16px; border-bottom: 1px solid #ccc;}
.why-how ul {margin: 4px 0 3px 20px; padding: 0; list-style-image: url(/images/common/arrow.gif);}

.event {clear: both; margin: 0; border-top: 1px solid #000;}

.when {width: 30%; margin-bottom: 6px;}
.when h5 {margin: 0.2em 0.1em 0.1em; font-size: 14px;}
.when p {margin: 0;}
.when span {font-size: 90px; font-weight: bold; color: #eee;}
.when img {border: 1px solid #ccc;}
.when a {float: left; margin: 4px 0 18px 0; padding: 4px; border: 1px solid #ccc;}
.when a img {border: 1px solid #eee;}
.when a:hover {background-color: #f5f5f5; border-color: #444;}
.when a:hover img {border-color: #ddd;}

.what {float: right; width: 69%;}
.what h3 {margin: 0; font-size: 20px;}
.what h3 a {display: block; padding: 1px 0 2px 5px; color: #000; text-decoration: none;}
.what h3 a span {float: right; position: relative; right: 28px; text-transform: uppercase; color: #999;}
.what h3 a:hover {color: #fff; background: #000 url(/images/common/arrow-dark.gif) 99% 50% no-repeat;}
.what p {margin: 0; padding: 0 0 2px 5px; font-size: 14px; color: #666; border-bottom: 1px solid #ccc;}
.what img {float: right; width: 160px; margin: 0.5em 0 1.3em 0;}
.what ul {margin: 0.5em 0 1.3em 0; padding: 0 0 0 24px;}
.what li {padding: 2px 0 0 0; list-style-image: url(/images/common/arrow.gif); font-size: 14px;}
.what .spaced li {padding: 8px 0 0 0;}

/*--- Pagination Styles -------------------------------------------*/
#pagination {margin: 1em 0; display: block;}
#pagination strong {margin-right: 4px; padding: 2px 6px; color: #fff; border: 1px solid #ababab; background: #666;}
#pagination a.number-box {margin-right: 4px; padding: 2px 6px; text-decoration: none; border: 1px solid #ababab;}
#pagination a.number-box:hover {color: #fff; background: #666;text-decoration: none;}

/*--- Search Bar -------------------------------------------*/
#searchResultsButtons,
#search-buttons .fauxbutton a {background: #37414F;}
#searchResultsButtons ul li a:hover,
#search-buttons .fauxbutton a:hover,
.fauxbutton a {color: #fff; background: #909CA5;}

/*--- Statistical Information -------------------------------------------*/
.statistics h2 {clear: both; margin-top: 16px; padding: 5px 8px; font-size: 18px; color: #444;}
.statistics th {padding: 3px 8px; text-align: right; color: #444; background-color: #ebebeb; border: 1px solid #ddd;}
.statistics td {width: 20%; text-align: right; font-weight: normal; color: #444; white-space: normal;}

.statistics .label {text-align: left;}
.statistics th.label {text-align: right; color: #444; background-color: #ebebeb; border: 1px solid #ddd;}
.statistics .label span {float: left; width: 12px; height: 12px; margin-right: 3px;}
.statistics .label .female span {background-color: #666;}
.statistics .label .male span {background-color: #ccc;}

.td-borderless td {padding: 2px 8px; text-align: left; border-width: 0 1px !important;}
.td-borderless .label {padding: 2px 8px; border-width: 1px !important;}

/* Demographic Page Specific */
#src-pitch {height: 90px; padding: 10px 20px; font-size: 12px; background: #ffc; border: 1px solid #eee;}

#stat-listing {width: 60%;}
#stat-listing #overview-address {width: auto;}

#demographics-page h3 {margin: 4px 5px 3px;}
#demographics-page .statistics table {width: 49%;}
#demographics-page .statistics table td {border-top: 1px solid #ebebeb;}
#demographics-page .stat-graphs {float: right;}
#demographics-page .stat-graphs td {text-align: left;}

#demographics-page #map {width: auto; height: 320px; margin: 18px 0;}
#demographics-page #map svg * {cursor: move !important;}

/*--- Demographics Information Page -------------------------------------------*/
#stat-download {margin-top: 12px;}
#stat-download a {display: block; width: 37%; padding: 27px 6%; text-align: right; font-size: 16px; font-weight: bold; color: #666; text-decoration: none; background-color: #ebebeb; background-position: 4% 50%; background-repeat: no-repeat; border: 1px solid #d8d8d8;}
#stat-download a:hover {color: #f5f5f5; text-decoration: underline;}
#stat-download #stat-excel {float: right; background-image: url(/images/research/excel-file.gif);}
#stat-download #stat-excel:hover {background-color: #12be0c; border-color: #339630;}
#stat-download #stat-pdf {float: left; background-image: url(/images/research/pdf-file.gif);}
#stat-download #stat-pdf:hover {background-color: #ff2e32; border-color: #c8262a;}

/*--- Property Summary Page -------------------------------------------*/
#container h2#summary-address {margin: 0; padding: 0 5px 0; line-height: 31px; letter-spacing: -1px; font-size: 28px; color: #444; }
#container h3#summary-location {margin: 1px 0 3px; padding: 2px 5px 12px; font-size: 22px; font-weight: normal; color: #444; border-bottom: 1px solid #ddd;}
#property-summary h3 {margin: 17px 5px 3px; color: #333}
#property-summary .inner-alert {margin: 0.25em 0 0 116px;}
#property-summary .caution {margin-bottom: 0.25em; font-size: 14px; font-weight: bold; color: red;}
#property-summary .caution img {position: relative; top: 2px; right: 1px;}
#property-summary .inner-alert ul {margin: 0.1em 0 0.6em; padding: 0 0 0 1.6em; list-style: none;}
#property-summary .inner-alert li {display: block; padding: 2px 0; font-size: 14px;}
/* Overlabel */
#property-summary .overlabel {color: #777; font-size: 14px; font-weight: normal;}
#property-summary .overlabel-apply {position: absolute; top: 4px; .top: 5px; left: 116px; _left: 4px; z-index: 1; color: #777; font-size: 14px; font-weight: normal; cursor:text;}
#property-summary .overlabel-wrapper {float: none; position: relative; width: auto; margin-right: 3px;}

.tabular-search {width: 100%; color: #444;}
.tabular-search tr:hover td {color: #000; background: #d8dde5; cursor: pointer;}
.tabular-search th {padding: 5px; text-align: left; font-weight: bold; background: #ebebeb; border: solid #ddd; border-width: 1px 0;}
.tabular-search td {padding: 5px; border-bottom: 1px solid #ebebeb;}
.tabular-search .tdheader td {padding: 0; background: #fff; border: none;}
.tabular-search .tdheader:hover td {color: #333; background-color: #fff; cursor: default;}

.tabular-search .border-left {border-left: 1px solid #ebebeb;}
.tabular-search .border-right {border-right: 1px solid #ebebeb;}
.tabular-search th.border-left,
.tabular-search th.border-right {border-color: #ddd;}

.view-more-stat {padding: 0 !important;}
.view-more-stat a {display: block; padding: 11px 40px 10px 8px !important; text-align: right !important; font-size: 14px !important; font-weight: bold !important; text-decoration: underline !important;background: transparent url(/images/research/arrow-circle.gif) 99% 50% no-repeat !important;}
.view-more-stat a:hover {color: #f5f5f5 !important; text-decoration: underline !important; background-image: url(/images/research/arrow-circle-over.png) !important; background-color: #881113 !important;}

#summary-gallery {_display: inline-block; clear: both;}
#summary-gallery:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
#summary-gallery a {float: left; width: 18.5%; height: 100px; margin: 0 0.5% 1%; border: 1px solid #ccc; overflow: hidden;}
#summary-gallery a:hover {border-color: #666;}
#summary-gallery img {width: 100%;}

/*--- Search Jump Page -------------------------------------------*/
#searchjump-h2 {margin: 18px 0 22px;}

/*--- Container Clearfix -------------------------------------------*/
.clearfix, #container, #page-content {display: block; .display: inline-block; _height: 1%;}
.clearfix:after, #container:after, #page-content:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}