html {margin: 0; padding: 0;}
body {margin: 0; padding: 0; background: #ddd; font-family: arial; font-size: 11pt; font-weight: normal; color: #555; line-height: 20px;}
body a {text-decoration: none; color: #3f5ccf;}
body a:hover {color: #9daee7;}
.button_link {width: auto; padding: 8px 10px; display: inline-block; background: #3f5ccf; color: #fff; text-align: center; margin: 0 5px; border-radius: 6px; text-decoration: none; cursor: pointer;}
.button_link:hover {background: #9daee7; color: #fff;}
/* ----------------------------------------------------- */
/* TITLES */
h2.pagetitle {color: #222; font-size: 22pt; font-weight: normal; line-height: 35px; margin: 0; padding: 0;}
.propid {color: #9daee7; font-size: 16pt; font-weight: normal; line-height: 25px; margin: 0; padding: 0; margin-top: 10px; position: relative; top: -2px;}
.propid .pridhighlight {display: inline-block; zoom: 1; *display: inline; font-size: 22pt; padding: 0px 5px; border-radius: 3px; margin: 0 4px; font-weight: bold; color: #000; background: #fff; line-height: 35px;}
.propid span {font-size: 11pt; color: #666; position: relative; top: -5px;}
.infoblock {font-size: 14pt; line-height: 30px; color: #9daee7; font-weight: bold; padding-bottom: 10px; display: block;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CONTIAINER */
.hidden_element {display: block; width: 0px; left: 0px; overflow: hidden; visibility: hidden; position: absolute; z-index: -1;}
.outercontainer {min-height: 250px; background: #f4f4f4; box-shadow: 0 0 10px #888; border: 0px solid #ddd; width: 96%; margin: 0.5% auto; padding: 10px 1.5%; padding-top: 10px; border-radius: 5px; text-align: justify; min-width: 950px; display: block; position: relative; z-index: 1;}
.topspacer {width: 100%; display: block; height: 90px;}
.genform {position: relative; z-index: 1;}
.pselect {padding-bottom: 20px; display: block;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* LOGIN HEADER */
.loginout {color: #fff; background: #777; width: 99%; text-align: right; padding: 3px 0.5%; position: absolute; top: 0px; left: 0px; z-index: 550; display: block; border-radius: 5px 5px 0 0; height: 30px; line-height: 30px;}
.loginout .welcomemsg {float: right;}
.loginout a.btn {background: #fff; display: inline-block; padding: 0 8px; border-radius: 4px; color: #777;}
.loginout a.btn:hover {background: #000; color: #fff;}
.loginout .claritybranding {position: absolute; top: 3px; left: 40px; font-size: 15pt; color: #fff; font-weight: bold; line-height: 30px;}
.loginout a.profilelink {color: #fff;}
.loginout a.profilelink:hover {color: #ddd;}
.login_branding {display: block; text-align: center;}
.login_branding h2 {margin: 0 auto; padding: 0; line-height: 1.1em; text-align: center; margin-top: 2%; display: block;}
.login_branding img {background: #fff; display: inline-block; zoom: 1; *display: inline; vertical-align: top; margin: 20px auto; padding: 2%; max-width: 90%; border-radius: 10px; border: 0;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* RECENT PROPERTIES */
.recentprops {width: 30px; height: 30px; display: block; position: relative; float: right; z-index: 50; text-align: center; line-height: 30px; margin-right: 10px; border-right: 1px dotted #666; padding-right: 10px;}
.recentprops .recentpropstoggle {width: 30px; height: 30px; overflow: hidden; line-height: 90px; display: block; position: absolute; top: 0px; left: 0px; text-align: center; background: #656565 url('elements/icons_global.png') no-repeat top left; opacity: 0.5; cursor: pointer; border-radius: 4px;}
.recentprops.open .recentpropstoggle, .recentprops .recentpropstoggle:hover {background-color: #555; opacity: 1.0;}
.recentprops .recentpropsinner {width: 310px; height: auto; position: absolute; top: 28px; left: 0px; margin-left: -155px; display: none; background: #555; border-radius: 4px; padding: 2px; text-align: left;}
.recentprops.open .recentpropsinner {display: block;}
.recentprops .recentpropslist {text-align: center; display: inline-block; zoom: 1; *display: inline; width: 140px; background: #888; padding: 5px; margin: 2px; margin-right: 0px; border-radius: 4px;}
.recentprops .recentpropslist.flr {float: right; margin-left: 0px; margin-right: 2px;}
.recentprops .recentpropslist a {background: #9daee7; color: #fff; width: 100%; height: 28px; line-height: 28px; text-align: center; display: block; margin: 0px auto; margin-top: 2px; border-radius: 4px; font-size: 1.1em; font-weight: bold;}
.recentprops .recentpropslist a:hover {background: #fff; color: #9daee7;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HIDE SELECTION */
.hideselection {position: absolute; visibility: hidden;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* QUICK SEARCH */
.quicksearch {width: auto; height: 30px; float: right; margin-right: 10px; position: relative; top: 0px; border-right: 1px dotted #666; padding-right: 10px;}
.quicksearch .quicksearchform input {width: 150px; height: 30px; line-height: 30px; font-size: 10pt; color: #555; border: 0px; background: #888; border-radius: 4px; padding: 0; text-indent: 5px; margin: 0; float: left;}
.quicksearch .quicksearchform input:hover {background: #ddd;}
.quicksearch .quicksearchform input.qsubmit {display: block; overflow: hidden; line-height: 90px; font-weight: bold; text-transform: uppercase; background: #656565 url('elements/icons_global.png') no-repeat 0px -30px; opacity: 0.4; color: #ddd; text-indent: 0; text-align: center; width: 30px; margin-left: 2px; font-size: 10pt;}
.quicksearch .quicksearchform input.qsubmit:hover {cursor: pointer; background-color: #555; color: #fff; opacity: 1.0;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* NEW RECORD BUTTON */
a.addnew {display: inline-block; padding: 0 10px; line-height: 30px; float: right; background: #3f5ccf; color: #fff; font-size: 11pt; border-radius: 6px; margin-left: 10px;}
a.addnew:hover {background: #333; color: #fff;}
a.addnew.ireq {margin: 0 auto; float: none;}
a.addnew.eval.req {margin-left: 50px;}
.filternav {text-align: left; padding: 20px 5px;}
.filternav a.addnew {float: left; margin-left: 0px; margin-right: 10px;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MAIN NAV */
.navbar {min-width: 980px; color: #fff; background: #9daee7; border-bottom: 2px solid #bbb; width: 100%; text-align: center; padding: 0px; position: absolute; top: 36px; left: 0px; z-index: 500; display: block; border-radius: 0; min-height: 46px; line-height: 36px;}
.navbar.over {position: fixed; top: 0px; left: 0px; margin: 0 auto; width: 100%; margin-top: -4px;}
.navbar ul {width: auto; display: inline-block; position: relative; top: 5px; list-style-type: none; padding: 0; margin: 0 auto; text-align: center; zoom: 1; *display: inline;}
.navbar.over ul {position: relative; top: 6px;}
.navbar ul li {display: inline-block; margin: 0 2px; list-style-type: none; position: relative; zoom: 1; *display: inline;}
.navbar ul ul li {margin: 0; display: block;}
.navbar ul ul {background: #fff; border: 1px solid #bbb; border-top: 0px; visibility: hidden; width: 220px; height: auto; padding: 5px; padding-top: 5px; font-size: 11pt; line-height: 19px; display: block;}
.navbar ul li.left ul {position: absolute; top: 40px; left: -1px; border-radius: 0 3px 6px 6px;}
.navbar ul li.right ul {position: absolute; top: 40px; right: -1px; border-radius: 3px 0 6px 6px;}
.navbar ul ul ul {border: 1px solid #bbb; position: absolute; top: 0px; left: 100%;}
.navbar ul li.left ul ul {position: absolute; top: 0px; left: 100%;}
.navbar ul li.right ul ul {position: absolute; top: 0px; right: 100%;}
.navbar a {background: #3f5ccf; color: #fff; display: inline-block; margin: 0; padding: 0 8px; border-radius: 6px; font-weight: bold; font-size: 11pt; position: relative; top: 0px;}
.navbar a:hover {background: #fff; color: #666;}
.navbar ul li.parent:hover > a, #nav ul li ul > a {background: #fff; color: #666; height: 41px; border-radius: 6px 6px 0 0; *position: relative; *top: 5px; *margin-top: -5px; position: relative; z-index: 100;}
.navbar ul ul li.subparent:hover > a, #nav ul ul li.subparent ul > a {background: #bbb; color: #fff; border-radius: 4px 0 0 4px;}
.navbar ul ul a {padding: 0; text-align: left; border-radius: 4px; background: #fff; color: #9daee7; font-size: 11pt; display: block; font-weight: normal; padding: 6px 9px;}
.navbar ul ul a:hover {background: #f4f4f4; color: #666;}
.navbar ul li a .url {font-size: 8pt; position: relative; top: -1px;}
.navbar ul li.parent a:hover {_height: 42px; _position: relative; _top: 6px; _margin-top: -6px;}
.navbar ul li.parent li a:hover {_height: auto; _margin: 0px; _position: relative; _top: 0px;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* THIRD NAV */
.thirdnav {display: block; padding: 5px 10px; background: #ccc; border: 1px solid #aaa; line-height: 25px; height: 25px; border-radius: 6px 6px 0 0;}
.thirdnav a {font-size: 9pt; background: #3f5ccf; color: #fff; height: 25px; width: auto; display: inline-block; zoom: 1; *display: inline; text-align: center; text-indent: 0px; padding: 0px 6px; line-height: 25px; border-radius: 6px; margin: 0 2px;}
.thirdnav a.voided {background: #ec7d46 !important;}
.thirdnav a:hover {background: #333; color: #fff;}
.thirdnav a.addnew {width: auto; padding: 0 10px; line-height: 25px; position: relative; left: 5px; display: inline-block; zoom: 1; *display: inline; float: none !important;}
.thirdnav .dropinspectionbox {display: inline-block; zoom: 1; *display: inline; position: relative; line-height: 25px; border: 0; padding: 0; float: right;}
.thirdnav .dropinspectionbox input {margin-right: 5px;}
/* ----------------------------------------------------- */
/* FOURTH NAV */
.fourthnav {display: block; padding: 0px 5px; padding-bottom: 10px; background: #fff; line-height: 30px; min-height: 30px; border-radius: 6px; margin: 20px auto; text-align: center;}
.fourthnav.half {width: 49.0%; float: none; margin: 0.5%; display: inline-block; padding: 0; zoom: 1; *display: inline;}
.fourthnav a {font-size: 11pt; background: #3f5ccf; color: #fff; height: 30px; width: auto; display: inline-block; text-align: center; text-indent: 0px; padding: 0px 10px; line-height: 30px; border-radius: 6px; margin: 0 2px; margin-top: 5px;}
.fourthnav a:hover {background: #333; color: #fff;}
.fourthnav .navtitle {text-transform: uppercase; font-weight: bold; display: block; border: 1px solid #ddd; height: 30px; color: #444; background: #fff; border-radius: 5px; padding: 0; position: relative;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* PAGINATION */
.pagination {clear: both; width: 100%; padding: 0; margin: 0; margin-bottom: 5px; padding-bottom: 5px; border-bottom: 1px dotted #ccc; line-height: 30px; text-align: center;}
.pagination.bottom {clear: both; width: 100%; padding: 0; margin: 0; margin-top: 5px; padding-top: 5px; border-bottom: 0px; border-top: 1px dotted #ccc; line-height: 30px; text-align: center;}
.pagination a {width: 30px; height: 30px; display: inline-block; zoom: 1; *display: inline; vertical-align: top; overflow: hidden; border-radius: 4px; background: #ddd; color: #999; font-size: 0.8em; text-align: center; margin: 2px 4px;}
.pagination a.current {background: #9daee7; color: #fff;}
.pagination a:hover {background: #3f5ccf; color: #fff;}
.pagination a.spec {font-family: arial; font-weight: bold; line-height: 300px; overflow: hidden; height: 30px; text-align: center; font-size: 15pt; background: #9daee7 url('elements/arrows.png') no-repeat top left;}
.pagination a.spec.next, .pagination a.spec.end {background-position: top right;}
.pagination a.spec.end, .pagination a.spec.start {background-color: #aaa;}
.pagination a.spec:hover {background-position: bottom left; background-color: #3f5ccf;}
.pagination a.spec.next:hover, .pagination a.spec.end:hover {background-position: bottom right;}
.pagination a.inactivepg {background: #ffadad !important; color: #965555 !important;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Small Buttons */
.smaller_button_link {
font-size: 12pt; background: #3f5ccf; color: #fff; height: 35px; width: auto; display: inline-block; zoom: 1; *display: inline; text-align: center; text-indent: 0px; padding: 0px 12px; line-height: 35px; border-radius: 6px; margin: 0 auto;
}
.smaller_button_link:hover {
background: #333; color: #fff; cursor: pointer;
}
/* ----------------------------------------------------- */
/* NOTES */
.note {background: #dfffb2; color: #7b9655; font-size: 10pt; padding: 1%; border: 1px solid #b3ec62; border-radius: 6px; margin: 4px auto; position: relative;}
.note.error {background: #ffadad; color: #965555; border-color: #e70c0c;}
.note.sign {background: #f9c3b0; color: #963310; border-color: #ff4d0f;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* INPUT STYLES */
.label {background: #9daee6; color: #fff; width: 30%; display: block; float: left; height: 38px; line-height: 38px; border: 1px solid #9daee6; border-right: 0px; text-indent: 10px; text-align: left; border-radius: 6px 0 0 6px; position: relative; z-index: 1; margin-right: -3px;}
input.norm, .inputbox.checkbox, .inputshow {background: #fff; color: #666; font-family: arial; text-indent: 10px; font-size: 11pt; padding: 0; margin: 0; line-height: 38px; height: 38px; border: 1px solid #9daee6; border-radius: 0 6px 6px 0; width: 70%; display: block; float: right; position: relative; z-index: 1;}
.inputshow.text {height: auto; text-indent: 0px; padding: 0 0.5%; width: 69%;}
input.norm.cbox {width: auto; height: auto; margin: 5px 10px; position: relative; top: 8px; padding: 0; float: left;}
.cboxdes {float: left; margin-left: 10px; font-size: 0.9em; position: relative; top: 10px;}
textarea.norm {background: #fff; color: #666; font-family: arial; text-indent: 0px; font-size: 11pt; padding: 0 0.5%; margin: 0; line-height: 38px; height: 114px; border: 1px solid #9daee6; border-radius: 0 6px 6px 0; width: 69%; display: block; float: right; position: relative; z-index: 1;}
.sep {width: 100%; height: 3px; clear: both; display: block;}
.sep.responsive_only {display: none;}
select.norm {background: #fff; color: #666; text-indent: 2px; border: 1px solid #9daee6; border-radius: 0 6px 6px 0; width: 70%; margin: 0; padding: 10px 0; padding-right: 10px; position: relative; z-index: 1; height: 39px; position: relative; left: 1px;}
select.norm.hiddenie {_visibility: hidden !important;}
input.submit_button, .btn.submit_button {background: #3f5ccf; color: #fff; font-size: 12pt; border-radius: 8px; width: 40%; height: 60px; line-height: 60px; font-weight: bold; cursor: pointer; padding: 0; text-align: center; border: 0; margin: 0 0.5%; margin-top: 10px;}
input.submit_button.small_button {width: auto; height: 40px; line-height: 40px; padding: 0 12px;}
input.submit_button:hover, .btn.submit_button:hover {background: #3bcc27;}
.imageuploadbtn {width: auto; padding: 0 18px; height: 35px; line-height: 35px; margin: 0 auto; display: inline-block; border-radius: 6px; background: #3f5ccf; color: #fff;}
.imageuploadbtn:hover {cursor: pointer; background: #3bcc27;}
.label.lg {width: 70%;}
.inputbox.sm input.norm, .inputbox.sm select.norm, .inputbox.sm .inputshow {width: 30%;}
.inputbox.sm .inputshow.text {width: 29%;}
.inputbox textarea.small {height: 80px;}
/* Property Search Assignment */
.norm.readonly {background: #eee; color: #999;}
.input_container_box {color: #666; font-family: arial; line-height: 38px; min-height: 38px; display: block; float: right; text-align: left; background: #fff; border: 1px solid #9daee6; border-radius: 0 6px 6px 0; width: 68%; padding: 0 0.25%;}
.ajax_search_container {display: block; text-align: center; margin: 10px auto;}
.ajax_search_container .search_input {padding: 0 1%; margin: 3px auto; display: inline-block; zoom: 1; *display: inline; vertical-align: top; height: 40px; line-height: 40px; border-radius: 4px; width: 67%; overflow: hidden;}
.ajax_search_container .search_input.search_text {background: #f4f4f4; border: 1px solid #222; color: #222; font-weight: bold; font-size: 12pt;}
.ajax_search_container .search_submit {width: 30%; cursor: pointer; font-weight: bold; float: none; font-size: 12pt; line-height: 40px; height: 42px;}
.ajax_popup_container {padding: 1%; display: block; border: 1px solid #ccc; border-radius: 4px; overflow: auto; max-height: 250px; text-align: center;}
.ajax_popup_container .ixresult .ixcol {width: 12% !important;}
.ajax_popup_container .ixresult .ixcol.addr {width: 24% !important;}
.align_right {text-align: right;}
a.inline_button {float: none;}
.ajax_popup_container a.inline_button {padding: 1% 4% !important;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* General Columns */
.form_columns {
display: block; margin: 0; padding: 0; word-spacing: -10px; text-align: left; width: 100%; overflow: hidden;
}
.form_columns .form_item {
display: inline-block; vertical-align: top; width: 49.5%; margin: 0.25% 0; word-spacing: 0px; overflow: hidden;
}
.form_columns .form_item:nth-of-type(even) {
margin-left: 1%;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* CHOSEN JS */
.chosen-container, .chosen-single, .chosen-container-single, .chosen-drop {
text-align: left !important; width: 100% !important; background: none !important; border: 0px !important; box-shadow: none !important; line-height: 30px !important; border-radius: 0px !important;
float: none !important;
}
.chosen-container-single .chosen-single div b {background: none !important; }
.sectionrow .columnbox .chosen-container { background: #fff url('elements/js/drop.png') no-repeat right -3px !important; border-radius: 0 0 6px 6px !important; }
.sectionrow .columnbox .chosen-with-drop { border-radius: 0px !important; }
.chosen-container-single a:hover {
color: #444 !important;
}
.chosen-container {
background: none;
}
.chosen-container .chosen-single b {
position: relative; top: 3px;
}
.chosen-drop {
background: #fff !important; border: 1px solid #bbb !important; border-top: 0px !important; border-radius: 0 0 6px 6px !important; overflow: hidden !important; margin-top: -1px;
}
.chosen-container.flytop .chosen-drop {
background: #fff !important; border: 1px solid #bbb !important; border-bottom: 1px dotted #eee !important; border-radius: 4px 4px 0 0 !important; overflow: hidden !important;
}
.chosen-drop .chosen-results {
max-height: 95px !important; text-align: left !important;
}
.large_select .chosen-drop .chosen-results {
max-height: 190px !important;
}
.largest_select .chosen-drop .chosen-results {
max-height: 240px !important;
}
.chosen-drop .chosen-results li {
border-radius: 3px !important;
}
.chosen-drop .result-selected {
color: #999 !important; background: #eee !important;
}
.chosen-drop .active-result:hover {
background: #9daee7 !important; color: #fff !important;
}
.nosearch .chosen-search {
display: none !important;
}
.nosearch .chosen-drop {
padding-top: 5px !important;
}
.inline_chosen_spacer {
display: block; height: 60px; width: 100%;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* PROPERTY VIEW */
.sectionrow {width: auto; display: block; padding: 1px 0px; margin: 0px auto; background: none; border-radius: 6px; height: auto; padding-top: 2px;}
.sectionrow.top {border-bottom: 0px; border-radius: 6px 6px 0 0;}
.sectionrow.btm {border-top: 0px; border-radius: 0 0 6px 6px;}
.sectionrow.mid {border-top: 0px; border-bottom: 0px; border-radius: 0px;}
.sectionrow .columnbox {width: 98%; margin: 0; margin-left: 0.5%; position: relative; left: -0.25%; margin-right: -2px; display: block; float: left; border: 1px solid #9daee6; overflow: hidden; border-radius: 6px;}
.sectionrow.count1 .columnbox {width: 99.25%; margin: 0 auto; display: block; position: relative; left: 0.25%;}
.sectionrow.count2 .columnbox {width: 49.5%;}
.sectionrow.count3 .columnbox {width: 32.8%;}
.sectionrow.count4 .columnbox {width: 24.5%;}
.sectionrow.count5 .columnbox {width: 19.5%;}
.sectionrow.count6 .columnbox {width: 16.5%;}
.sectionrow.count7 .columnbox {width: 13.75%;}
.sectionrow.count8 .columnbox {width: 12%;}
.sectionrow.count9 .columnbox {width: 10.6%;}
.sectionrow .columnbox .label {width: 100%; border-radius: 0px; float: none; border: 0px; height: 25px; line-height: 25px; text-indent: 5px; text-align: center; font-size: 0.9em; font-weight: bold;}
.sectionrow .columnbox.photo .label {text-align: left;}
.sectionrow .columnbox .label.tall {height: auto; max-height: 40px; line-height: 19px; padding: 3px 0;}
.sectionrow .columnbox input.norm, .sectionrow .columnbox textarea.norm {width: 100%; border-radius: 0px; float: none; border: 0px; line-height: 25px; height: 25px; text-indent: 5px; font-size: 10pt;}
.sectionrow .columnbox .checkbox_item_box { width: 100%; border-radius: 0px; float: none; border: 0px; line-height: 25px; height: 25px; text-indent: 5px; font-size: 10pt; background: #fff; text-align: center; }
.sectionrow .columnbox textarea.norm {height: 55px; text-indent: 0px; line-height: 18px;}
.sectionrow .columnbox select.norm {width: 100%; border-radius: 0px; float: none; border: 0px; padding: 2px 4px; height: 25px; margin: 0; font-size: 10pt;}
.sectionrow .sep {height: 1px;}
.sectionrow .columnbox.c1 {border-color: #d3cbd9; background: #d3cbd9;} .sectionrow .columnbox.c1 .label {background: #d3cbd9; color: #fff;} .sectionrow .columnbox.c1 input, .sectionrow .columnbox.c1 textarea, .sectionrow .columnbox.c1 select {background: #f4ecf9;}
.sectionrow .columnbox.c2 {border-color: #eae3aa; background: #eae3aa;} .sectionrow .columnbox.c2 .label {background: #eae3aa; color: #fff;} .sectionrow .columnbox.c2 input, .sectionrow .columnbox.c2 textarea, .sectionrow .columnbox.c2 select {background: #f9f8ec;}
.sectionrow .columnbox.c3 {border-color: #bceaaa; background: #bceaaa;} .sectionrow .columnbox.c3 .label {background: #bceaaa; color: #fff;} .sectionrow .columnbox.c3 input, .sectionrow .columnbox.c3 textarea, .sectionrow .columnbox.c3 select {background: #e9f6e4;}
.sectionrow .columnbox.c4 {border-color: #b7d8ec; background: #b7d8ec;} .sectionrow .columnbox.c4 .label {background: #b7d8ec; color: #fff;} .sectionrow .columnbox.c4 input, .sectionrow .columnbox.c4 textarea, .sectionrow .columnbox.c4 select {background: #e4eff6;}
.sectionrow .columnbox .label.over {height: 30px; line-height: 30px; text-align: center; font-weight: bold; font-size: 13pt; text-shadow: 0 1px 2px #777; border: 0px;}
.sectionrow .columnbox .label .propexp {background: #3f5ccf; color: #fff; font-size: 1.2em; font-weight: bold; width: 30px; height: 22px; overflow: hidden; border-radius: 3px; float: right; display: block; text-align: center; text-indent: 0px; margin: 0; cursor: pointer; line-height: 22px; position: relative; top: 1px; left: -1px;}
.sectionrow .columnbox .label .propexp span {width: 30px; height: 44px; display: block; position: relative; background: url('elements/arrows_vert.png') no-repeat bottom center; line-height: 900px; overflow: hidden;}
.sectionrow .columnbox .label .propexp.expanded span {position: relative; top: -22px;}
.sectionrow .columnbox.signed {border-color: #ff4d0f;}
.sectionrow .columnbox.signed .label {background: #ff4d0f; color: #fff; text-shadow: 0 1px 2px #777;}
.sectionrow .columnbox.large textarea.norm {height: 79px;}
.sectionrow .columnbox.large textarea.expanded {height: 500px;}
.sectionrow .columnbox.extralarge textarea.norm {height: 133px;}
.sectionrow .columnbox input.norm.pass {background: #e7f4f9;}
.sectionrow .columnbox input.norm.readonly, .sectionrow .columnbox textarea.norm.readonly {background: #eee; color: #999;}
.sectionrow .columnbox .innercolumnbox {width: auto; padding: 0; border-radius: 6px; border: 1px solid #9daee6; overflow: hidden; display: block; margin-bottom: 2px;}
.sectionrow .columnbox .innercolumnbox.holder {width: 100%; padding: 0; border: 0;overflow: hidden; display: block; margin-bottom: 2px;}
.sectionrow .columnbox .innercolumnbox.holder.count2 .innercolumnbox {width: 49.5%; float: left;}
.sectionrow .columnbox .innercolumnbox.holder.count2 .innercolumnbox.flr {float: right;}
.sectionrow .columnbox .innercolumnbox.holder.count2 .innercolumnbox.full {float: none; clear: left; width: auto;}
.sectionrow .columnbox.nb {border: 0px; padding: 0px; position: relative; margin-bottom: -2px;}
.sectionrow .columnbox .note {padding: 6px;}
.sectionrow .columnbox.grouped {width: 13.5%; padding: 0.25%; border: 0;}
.sectionrow.count5 .columnbox.grouped {width: 20.625%;}
.sectionrow .columnbox.grouped .label {border-radius: 6px;}
.sectionrow .columnbox.grouped .label .label_select {padding: 0 !important; text-indent: 0; border-radius: 6px; width: 100%; padding: 0; margin: 0; background: none; border: 0px; font-weight: bold; font-family: arial; color: inherit; position: relative; left: -1%;}
.sectionrow .columnbox.grouped .label .label_select option {background: #fff; color: #111;}
.sectionrow.count5 .columnbox.ic .label {text-align: left; text-indent: 0px; padding: 0 2.5%; display: block; width: 95%;}
.sectionrow .columnbox.grouped.c5 .label {border-radius: 0;}
.sectionrow .columnbox.grouped.c5 {background: none; padding: 0; border: 1px solid #9daee6; width: 33.0%; position: relative; left: -2px;}
.sectionrow .columnbox.grouped.c5.fullbox {position: relative; left: 0px; margin-top: -43px;}
.sectionrow .columnbox.grouped.c5.fullbox textarea {height: 381px;}
.sectionrow.count5 .columnbox.grouped.c5.fullbox {margin-top: 0px;}
.sectionrow.count5 .columnbox.grouped.c5.fullbox textarea {height: 443px;}
.sectionrow .columnbox.grouped.c0 {width: 8%; padding: 5px 0; background: none;}
.sectionrow.count5 .columnbox.grouped.c0 {width: 22.5%;}
.sectionrow .columnbox.grouped .innercolumnbox {margin: 2px 0; padding: 0; border: 0;}
.sectionrow .columnbox.grouped .innercolumnbox .label.tar {padding: 15px 0; border: 0;}
.sectionrow .columnbox.grouped textarea {resize: none;}
.sectionrow .columnbox.empty {background: none; height: 27px; border: 0px !important;}
.sectionrow .columnbox .innercolumnbox.empty {width: auto; height: 25px; display: block; border: 0 !important;}
.sectionrow .columnbox.indenttop {padding-top: 30px;}
.sectionrow .columnbox .inputbox.cboxcontainer {height: 55px; background: #fff;}
.sectionrow .columnbox .inputbox.cboxcontainer input {width: auto; height: auto; float: left; margin: 5px 10px; padding: 0;}
/*inline (chosen) */
.sectionrow .columnbox.inline_boxed, .sectionrow .columnbox.inline_boxed .innercolumnbox.holder {overflow: visible;}
.sectionrow .columnbox .innercolumnbox.inline_boxed {overflow: visible; float: none;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* EVAL CALLOUT */
.evaluationbox {width: auto; display: block; padding: 1px 0px; margin: 5px auto; margin-top: 0px; background: #ccc; border: 1px solid #aaa; border-top: 0px; border-radius: 0 0 6px 6px; height: auto; padding-top: 2px;}
.evaluationbox .columnbox {width: 19%; margin: 0; margin-left: 1%; position: relative; left: -0.5%; margin-right: -2px; display: block; float: left; border: 1px solid #aaa; overflow: hidden; border-radius: 6px;}
.evaluationbox .columnbox .label {border: 0; color: #777; height: 25px; line-height: 13px; text-align: center; text-indent: 0px; width: 40%; padding: 0; font-size: 0.8em; background: #f4f4f4; border-radius: 0;}
.evaluationbox .columnbox input.norm {height: 25px; line-height: 25px; text-align: center; text-indent: 0px; width: 60%; padding: 0; border: 0; border-radius: 0; background: #fff;}
.evaluationbox .sep {height: 1px;}
.evaluationbox .columnbox .label.ol {line-height: 25px;}
.evaluationbox .columnbox .inputbox.ro input.norm {background: #eee; color: #999;}
.prreviewstat {float: right; font-weight: bold;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* REPORTS */
.reportheader {margin: 30px auto; margin-bottom: 0px; font-size: 12pt; padding: 30px 0; padding-bottom: 10px; border-top: 1px dotted #ddd;}
table.reptable {width: 100%; margin: 20px auto; padding: 0; border: 0;}
table.reptable td {text-align: center; padding: 5px; height: 30px; line-height: 30px; font-size: 11pt; border-radius: 4px;}
table.reptable td.repagent {width: 30%; background: #9daee7; color: #fff;}
table.reptable td.repmonth, table.reptable td.repblock {background: #fafafa; color: #bbb;}
table.reptable td.repmonth.filled {background: #dfffb2; color: #444;}
table.reptable td.repmonth.current {background: #dcecf5;}
table.reptable td.repmonth.current.filled {background: #a8d3ec; color: #444;}
table.reptable td.total {background: #444; color: #fff; font-weight: bold;}
table.reptable td.reptotals {background: #333; color: #fff; font-weight: bold;}
table.reptable td.heading {font-weight: bold; background: #ddd; color: #999; font-size: 10pt;}
table.reptable a.agentprof {display: inline-block; background: #fff; font-size: 9pt; padding: 0 8px; float: right; border-radius: 4px; color: #9daee7;}
table.reptable a.agentprof:hover {background: #3f5ccf; color: #fff;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* SEARCHING */
.seresult {width: 96%; padding: 0.5%; margin: 2px auto; background: #fff; border: 1px solid #ddd; border-radius: 6px; display: block;}
.seresult .se1 {width: auto; padding: 5px 10px; height: 30px; line-height: 30px; font-size: 12pt; background: #f4f4f4; border-radius: 6px; display: block;}
.seresult .se1 .propindex {font-weight: bold; font-size: 13pt;}
.seresult a.proplink {display: inline-block; background: #fff; font-size: 9pt; padding: 0 8px; float: right; border-radius: 4px; color: #9daee7; position: relative; left: 5px;}
.seresult a.proplink:hover {background: #3f5ccf; color: #fff;}
.seresult .se2 {width: 48%; float: left; margin: 0 1%; margin-top: 5px; font-size: 0.9em;}
.seresult .se2.client {text-align: right; font-weight: bold; color: #aaa; font-size: 11pt;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* INDEXES */
.ixresult {width: 99%; padding: 0; margin: 2px auto; background: #fff; border: 1px solid #ddd; border-radius: 6px; display: block; height: 35px; overflow: hidden; background: #fafafa;}
.ixresult .ixcol {text-align: center; padding: 0 0.25%; border-left: 1px solid #ddd; height: auto; min-height: 35px; float: left; margin: 0; display: block; font-size: 10pt; line-height: 35px; color: #777; position: relative; margin-right: -1px;}
.ixresult.pr .ixcol {width: 8.5%;}
.ixresult.rq .ixcol {width: 12.5%;}
.ixresult.rv .ixcol {width: 12.5%;}
.ixresult.rv .ixcol.dateRV {width: 9.25%;}
.ixresult.is .ixcol {width: 10%;}
.ixresult.is .ixcol.imgcount, .ixresult.is .ixcol.yb, .ixresult.is .ixcol.void {width: 5%;}
.ixresult.is .ixcol.dateI {width: 10%;}
.ixresult.is .ixcol.addr, .ixresult.rq .ixcol.addr, .ixresult.rv .ixcol.addr {width: 15.5%; line-height: 16px !important;}
.ixresult.is.req .ixcol.dateI, .ixresult.is.req .ixcol.evaluator, .ixresult.is.req .ixcol.status {width: 6.5%;}
.ixresult.is.req .ixcol.status {font-weight: bold; width: 9%;}
.ixresult .ixcol.index, .ixresult .ixcol.name, .ixresult .ixcol.city {width: 6%; border: 0px; font-size: 12pt; font-weight: bold; background: #fff;}
.ixresult .ixcol.insindex {border-left: 1px solid #ddd;}
.ixresult.rq .ixcol.name {width: 18%; font-size: 10pt;}
.ixresult.ag .ixcol {width: 24.5%;}
.ixresult.mk .ixcol {width: 32%;}
.ixresult.mk_request .ixcol {width: 16%;}
.ixresult.ps .ixcol {width: 49%;}
.ixresult.cl .ixcol {width: 32%;}
.ixresult .ixcol.order {color: #444;}
.ixresult .ixcol.order.small {width: 9.25%;}
.ixresult .ixcol.client {width: 12%;}
.ixresult.ag .ixcol.client {width: 24.5%;}
.ixresult:hover, .ixresult:hover .ixcol {border-color: #3f5ccf; background: #9daee7; color: #fff;}
.ixresult:hover .ixcol.index {background: #3f5ccf;}
.ixresult.heading, .ixresult.heading .ixcol {background: #aaa !important; border-color: #777 !important; color: #fff !important; font-size: 10pt !important; text-align: center !important; line-height: 35px !important;}
.ixresult.heading.is .ixcol.addr, .ixresult.heading.rq .ixcol.addr, .ixresult.heading.rv .ixcol.addr {line-height: 35px !important;}
.ixresult .ixcol.index .clindex {position: absolute; bottom: 0px; left: 0px; display: block; font-size: 7pt; line-height: 10px; background: #eee; color: #aaa; width: 100%; text-align: center; font-weight: normal;}
.ixresult:hover .ixcol.index .clindex {color: #000;}
.ixresult:hover a:hover {color: #fff;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* IMAGE MANIPS */
img.signature.sm, img.logo.sm {float: right; width: 300px; height: auto; border: 1px solid #9daee6; border-radius: 5px; margin: 4px 0;}
img.photothumb {height: auto; width: auto; margin: 5px auto; max-height: 100px; max-width: 200px; border-radius: 6px; border: 3px solid #9daee7; display: block;}
.signatureimage {width: auto; margin: 0; float: right; position: relative; z-index: 10; height: 50px; background: #fff; border: 1px solid #ff4d0f; padding: 0 5px; border-radius: 4px; overflow: hidden; display: block; position: relative; margin-top: -54px;}
.signatureimage .signatureholder {height: 100%; width: 100%; display: table; vertical-align: middle;}
.signatureimage .signatureholder2 {height: 100%; width: 100%; display: table-cell; vertical-align: middle;}
.signatureimage img {max-height: 50px; width: auto; vertical-align: middle; display: inline-block; position: relative;}
.deleteimg {font-size: 0.8em; position: absolute; top: 0px; right: 20px; background: #5b7293; display: block; padding: 0 3px; width: 65px; text-align: center;}
.photo.document .deleteimg {right: 0px;}
.photo.document .deleteimg.regenpdf {right: 71px; background: #666;}
.deleteimg input.check {position: relative; top: 2px; left: -2px; margin: 0; padding: 0;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* PRINTING */
.printcontainer {width: 100%; max-width: 900px; margin: 0 auto; border-radius: 0px; padding: 0px; display: block; font-size: 10pt; line-height: 18px; font-family: Tahoma, Verdana, Lucida Grande, Lucida Sans Unicode, Arial, arial; color: #555;}
.printcontainer .sep {height: 5px;}
.printrow {width: 100%; display: block; height: auto; clear: both;}
.printbox {width: 100%; margin: 0; float: left; height: auto; margin: 0; overflow: hidden; border-top: 1px dotted #ccc; margin-top: 0px;}
.printbox.qs, .printbox.qs .label, .printbox.wrappable, .printbox.wrappable .label {overflow: auto; height: auto;}
.printrow.r2 .printbox {width: 49.5%; padding: 1px 0.25%;}
.printrow.r3 .printbox {width: 29.5%; padding: 1px 0.25%;}
.printrow.r4 .printbox {width: 24.5%; padding: 1px 0.25%;}
.printrow.r5 .printbox {width: 19.5%; padding: 1px 0.25%;}
.printrow.r3 .printbox.sp2 {width: 39.5%;}
.printrow.r5 .printbox.sp2 {width: 39.5%;}
.printrow.r6 .printbox {width: 16.16%; padding: 0.25%;}
.printrow.r1 .printbox {border: 0; padding-top: 3px;}
.printrow.nb .printbox {border: 0 !important;}
.printbox .label {background: #666; color: #fff; clear: both; border: 0; padding: 5px; width: auto; height: auto; float: none; border: 1px solid #d4d4d4; border-radius: 3px; display: block; margin: 0; text-align: center; position: relative; height: 20px; line-height: 20px;}
.printbox.wrappable .label {min-height: 20px; line-height: 1em; text-indent: 0px; text-align: center !important;}
.printrow.r1 .label {background: #9daee7; color: #fff; font-weight: bold;}
.printbox .label.bl {border-color: #fff; background: #fff; color: #555; text-align: left; font-size: 8pt;}
.printbox .infobox, .printbox .inputshow {background: #fff; color: #333; clear: both; overflow: hidden; min-height: 20px; border: 0; padding: 5px; width: auto; height: auto; float: none; border: 1px solid #f4f4f4; border-radius: 3px; display: block; margin: 0; text-align: center; position: relative;}
.printbox .infobox.st {margin-top: 2px;}
.printrow .printbox.lg .infobox {text-align: left; min-height: 60px;}
.printrow .printbox .infobox.tl {text-align: left;}
.printrow .printbox.vh .infobox {text-align: left;}
.printrow.r2 .printbox.cmt, .printrow.r2 .printbox.qsa {width: 19.5%;}
.printrow.r2 .printbox.cmta, .printrow.r2 .printbox.qs {width: 79.5%;}
.printrow.r2 .printbox.cmta .infobox {text-align: left;}
.printbox.photo {width: 49.5%; height: auto; padding: 3px 0.25%; border: 0; overflow: hidden; text-align: center; position: relative;}
.printbox.photo .label {height: auto; padding: 0; margin: 0; border: 0; text-align: center; position: relative; left: 0px; width: 100%; float: none; display: block; clear: both; max-height: 20px; overflow: hidden;}
.printbox.photo .infobox {border: 0; width: 100%; height: auto; height: 345px; display: block; padding: 0;}
.printbox.photo img.photothumb {width: auto !important; height: auto !important; max-width: 100%; max-height: 345px !important; margin: auto auto; border: 0; border-radius: 4px;}
.printrow.r1 .printbox .label {margin: 0; border: 0;}
.printrow.r1.heading .printbox .label {margin: 0; border: 0; background: #3f5ccf; color: #fff; font-size: 1.1em; padding: 8px 0; font-weight: bold;}
.printrow.r0 {text-align: center; position: relative;}
.printrow.r0 h3 {text-align: center; display: block; width: 100%; line-height: 1.1em; font-size: 1.9em; font-weight: bold; color: #222; position: absolute; top: 0px; left: 0px;}
.printrow.r0 h4 {text-align: center; display: block; width: 100%; line-height: 1.1em; font-size: 1.4em; text-transform: uppercase; font-weight: bold; color: #222; position: relative; top: 0px; left: 0px;}
.printrow.r0 .printdisclaimer {font-size: 0.5em; color: #e30101; position: absolute; top: 10px; right: 0px; padding-bottom: 2px; display: block; border-bottom: 1px dashed #e30101; line-height: 1em;}
.printrow.r0 .subheadingbox {font-size: 0.5em; color: #777; position: relative; line-height: 1em;}
.printrow.r0 .printlogo {width: 26%; float: left; height: auto; text-align: left; display: block;}
.printrow.r0 .printlogo img {max-width: 100%; width: auto; max-height: 100%; height: auto; border-radius: 3px; border: 0px; display: block; margin: 0;}
.printrow.r0 .printorderno {width: 45%; float: right; font-size: 1.2em; font-weight: bold; color: #555; text-align: right; display: block; padding-top: 80px;}
.printrow img.printsignature {max-width: 100%; max-height: 100%; width: auto; height: auto; margin: 0 auto; border: 0;}
.printrow.fl {float: left; clear: none;}
.printrow.fr {float: right; clear: none;}
.printrow.fr.r2, .printrow.fl.r2 {width: 49%; display: block;}
.printrow.fr.r2 .printbox, .printrow.fl.r2 .printbox {width: 49.5%;}
.hideprint {display: none !important;}
/* Review Print */
.reviewprint {width: 100%; max-width: 900px; margin: 0 auto; border-radius: 0px; padding: 0px; display: block; font-size: 10pt; line-height: 20px; font-family: Tahoma, Verdana, Lucida Grande, Lucida Sans Unicode, Arial, arial; color: #000 !important;}
.reviewprint .label, .reviewprint .infobox {width: 98%; height: 20px; padding: 2px 1%; border-radius: 0px; margin: 0 !important; height: auto; border: 0 !important; background: none !important; color: #000 !important; text-indent: 0px !important;}
.reviewprint .printrow {width: 100%; margin: 0 !important; padding: 0 !important;}
.reviewprint .printbox {width: 100%; margin: 0 !important; padding: 0 !important; border-top: 1px solid #000 !important;}
.reviewprint .printrow.rvq {border: 1px solid #000 !important; height: auto; float: none; border-top: 0px !important; width: 99% !important; margin: 0 auto !important;}
.reviewprint .printbox.el {width: 99% !important; padding: 0.5% !important;}
.reviewprint .printrow.rvq.bt {border-top: 1px solid #000 !important;}
.reviewprint .printrow.rvq .printbox {border: 0 !important; margin: 0; padding: 0; float: none;}
.reviewprint table.rvq {width: 100%; height: auto; border: 0;}
.reviewprint table.rvq td {padding: 5px; text-align: center;}
.reviewprint table.rvq td.rqu {font-size: 10pt; font-weight: normal; text-align: left; width: 50%;}
.reviewprint table.rvq td.ans {font-size: 10pt; font-weight: normal; width: 10%; border-left: 1px solid #000;}
.reviewprint table.rvq td.rcm {width: 29%; border-left: 1px solid #000; padding-left: 1%; text-align: left;}
.reviewprint table.rvq td.rcm.tc {text-align: center;}
.reviewprint table.rvq td.hd {font-weight: bold;}
.reviewprint .printrow.r1 .printbox, .reviewprint .printrow.sign .printbox, .reviewprint .printrow.r1 .infobox.nb {border: 0 !important;}
.reviewprint .printrow.r1 .printbox {float: none; min-height: 30px;}
.reviewprint .printrow.r1 .label {border: 0 !important; font-size: 10pt; font-weight: bold; line-height: 26px;}
.reviewprint .printrow.r1 .printbox.tl .label {font-size: 9pt; text-align: left;}
.reviewprint .printrow.r1 .infobox {border-bottom: 1px solid #000 !important; padding-bottom: 10px;}
.reviewprint .printrow.sign .printbox .infobox {padding-top: 20px !important;}
.reviewprint .printrow.sign .printbox .infobox span {float: left;}
.reviewprint .signature {width: auto; height: auto; max-width: 40%; display: inline; zoom: 1; *display: inline; float: left; margin-left: 20%; line-height: 14px;}
.reviewprint .signature.im {position: relative;}
.reviewprint .signature img {width: 100%; height: auto; display: block; border: 0; margin: 0 auto; padding: 0;}
.reviewprint .underlinebox {width: 60%; background: #fff; display: block; float: left; padding-bottom: 1px; border-bottom: 1px solid #000;}
.reviewprint .overboxlabel {width: 20%; display: block; text-align: center; background: #fff; border-bottom: 1px solid #fff; float: left;}
.reviewprint .signboxarea {page-break-inside: avoid;}
.reviewprint .signrow .printbox .infobox {position: relative; overflow: visible !important; padding-bottom: 2em;}
.reviewprint .bankrow {padding: 0 10%; margin-top: 40px; display: block;}
.reviewprint .bankrowspace {height: 40px;}
.reviewprint .bankrow .printbox, .reviewprint .bankrow .printrow {border: 0px !important;}
.reviewprint .bankrow .printbox .infobox {position: relative; overflow: visible !important; border: 0 !important; text-indent: 0px !important;}
.reviewprint .ulspan {display: block; width: 80%; text-align: center; position: absolute; bottom: 0px; left: 10%; text-indent: 0px !important;}
.reviewprint .bankrow .ulspan {display: block; width: 80%; text-align: center; position: absolute; bottom: 0px; left: 0%; background: none;}
.reviewprint .printbox.nb {border: 0 !important;}
.reviewprint .bankrow .underlinebox {width: 80%;}
.reviewheading {width: 100%; display: block; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.reviewheading h3 {font-weight: normal; font-family: georgia, times; font-size: 1.8em; display: inline; color: #000; line-height: 1.1em;}
.reviewheading img.reviewlogo {display: inline-block; zoom: 1; *display: inline; margin-left: 30px; max-height: 75px; height: auto; width: auto; border: 0; position: relative; top: 20px;}
/* Print Btns */
.printbtncontainer {width: 99%; height: 30px; display: block; background: #fff; padding: 0.5%; border-radius: 4px; margin-top: 10px; position: relative; top: -10px;}
.printbtncontainer .printbtn {background: #3f5ccf; color: #fff; cursor: pointer; font-size: 1em; width: auto; display: inline-block; line-height: 30px; height: 30px; padding: 0 10px; border-radius: 3px; zoom: 1; *display: inline; float: right;}
.printbtncontainer .printbtn:hover {background: #333; color: #fff;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* HIDE AUTOSAVE FRAME */
.autosavebox, .ajaxResults {position: absolute; visibility: hidden; top: -4000px; left: 0px;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* DATEPICKER */
.ui-datepicker {float: none; line-height: 14px !important; position: absolute; top: -9000px; right: 0px; background: none; font-size: 8pt; font-family: arial; width: 200px !important;}
.ui-datepicker table {padding: 0; margin: 0; line-height: 20px; font-size: 8pt; background: #f4f4f4; border: 1px solid #aaa; padding: 10px; padding-top: 35px; border-radius: 6px; width: 200px !important; }
.ui-datepicker td {padding: 0 1px; margin: 0; line-height: 15px; border-radius: 3px;}
.ui-datepicker-next {position: absolute; top: 4px; right: 4px; z-index: 20; cursor: pointer; width: 30px; height: 30px; border-radius: 0 5px 5px 0; background: #fff url('elements/arrows.png') no-repeat top right; line-height: 400px; overflow: hidden; display: block;}
.ui-datepicker-prev {position: absolute; top: 4px; left: 4px; z-index: 20; cursor: pointer; width: 30px; height: 30px; border-radius: 5px 0 0 5px; background: #fff url('elements/arrows.png') no-repeat top left; line-height: 400px; overflow: hidden; display: block;}
a.ui-datepicker-next:hover {background-color: #9daee7; background-position: bottom right;} a.ui-datepicker-prev:hover {background-color: #9daee7; background-position: bottom left;}
.ui-datepicker-title {color: #333; font-weight: bold; margin: 0 auto; text-align: center; text-indent: 0px; border-radius: 5px; background: #fff; font-size: 9pt; height: 30px; line-height: 30px; position: absolute; top: 2.5%; left: 2%; width: 96%; margin: 0; display: block;}
.ui-datepicker-today {background: #9daee7; color: #fff;}
.ui-datepicker td a {text-decoration: none; color: #333; width: 100%; display: block; height: 100%; text-align: center; border-radius: 3px;}
.ui-datepicker td a.ui-state-hover {background: #000; color: #fff;}
.ui-datepicker td.ui-datepicker-unselectable {background: #eaeaea;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* POPUP */
.popupbg {background: url('elements/transback.png'); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 6000; display: none; min-width: 980px; _position: absolute; _top: 0px; _left: 0px; _height: 600px; _background: none;}
.popup {background: #fff; width: 46%; padding: 2%; border-radius: 10px; text-align: justify; position: absolute; top: 0%; _top: 100px; z-index: 6050; _z-index: 6050; _border: 10px solid #000; left: 50%; margin-left: -25%;}
.popupclose {background: #ddd; border: 2px solid #fff; color: #777; cursor: pointer; text-align: center; font-weight: normal; font-size: 15pt; line-height: 36px; width: 36px; height: 36px; text-transform: uppercase; font-family: arial; position: absolute; top: -20px; right: -20px; border-radius: 20px;}
.popupclose:hover {background: #3f5ccf; color: #fff;}
.popup .popupbtns {width: 100%; line-height: 35px; text-align: center; padding-top: 10px; display: block;}
.popup a.btn {width: auto; padding: 0 10px; display: inline-block; background: #3f5ccf; color: #fff; text-align: center; margin: 0 5px; border-radius: 6px; text-decoration: none;}
.popup a.btn:hover {background: #333;}
.popup textarea.popuptxt {width: 100%; height: 340px; border-radius: 5px; display: block; float: none; display: block; line-height: 20px;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* UPLOAD OVERLAY */
.uploadoverlay, .rotateoverlay {background: url('elements/transback.png'); width: 100%; height: 100%; position: fixed; top: 0px; left: 0px; z-index: 6000; display: none; min-width: 980px; _position: absolute; _top: 0px; _left: 0px; _height: 600px; _background: none;}
.uploadoverbox, .rotateoverbox {background: #fff; width: 46%; padding: 2%; border-radius: 10px; text-align: center; position: fixed; top: 10%; _top: 100px; z-index: 6050; _z-index: 6050; _border: 10px solid #000; left: 50%; margin-left: -25%; display: none;}
.uploadoverbox .loadingicon, .rotateoverbox .loadingicon {width: 100px; height: 100px; display: block; margin: 0px auto; background: url('elements/loading.gif') no-repeat center center;}
.uploadoverbox .loadingicon.finished, .rotateoverbox .loadingicon.finished {background: url('elements/finished.png') no-repeat center center !important;}
.rotateoverbox .loadingicon.finished {display: none; }
.uploadoverbox .ajaxProgress, .rotateoverbox .ajaxProgress {width: 90%; height: auto; padding: 2%; margin: 0 auto; margin-top: 5px; clear: both; border-radius: 5px; background: #f4f4f4; text-align: center;}
.previewimagebox {position: absolute; visibility: hidden;}
.submit_button.hidden {position: absolute; visibility: hidden;}
.ieuploadbox {position: absolute; visibility: hidden;}
iframe.ieframeAjax_frame {position: absolute; visibility: hidden;}
/* Rotate */
.photo .rotateimg {
position: absolute; top: 0px; right: 0px; float: none; background: #48a496; display: block; padding: 0; text-align: center; font-size: 0.8em; color: #fff; cursor: pointer; text-indent: 0px; width: 20px;
}
.photo .rotateimg:hover {
background: #159380;
}
.image_manip_container {
display: block; width: 500px; max-height: 400px; overflow: hidden; text-align: center; margin: 0 auto; padding: 10px; background: #f4f4f4; border: 1px solid #ddd; border-radius: 3px;
}
.image_manip_container img {
max-width: 500px; max-height: 400px; width: auto; height: auto;
}
.image_manip_controls {
display: block; text-align: center; margin-top: 10px; font-size: 0.9em;
}
.image_manip_controls .manipulator {
display: inline-block; border-radius: 3px; padding: 4px 9px; background: #444; color: #fff; cursor: pointer; border: 1px solid #444;
}
.image_manip_controls .manipulator:hover {
background: #666; color: #ddd;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* COMP SOURCE DATA */
.compdatabox {width: 95%; height: auto; display: block; overflow: hidden; border-radius: 5px; border: 1px solid #ddd; padding: 1%; margin: 1% auto; background: #eee; text-align: center;}
.compdatabox.expanded {width: 95%; height: 300px; display: block; overflow-y: scroll; border-radius: 5px 0 0 5px; border: 1px solid #ddd; padding: 1%; margin: 1% auto; background: #eee; text-align: justify;}
.compdatabox h4 {margin: 0; padding: 0; text-align: center; font-size: 17pt; line-height: 40px; color: #333; font-weight: 300; margin-top: 20px;}
.compdatabox h5 {margin: 0; padding: 0; text-align: left; font-size: 13pt; line-height: 40px; color: #333; font-weight: bold;}
.compdatabox .xmlDataTable {margin: 10px auto; margin-bottom: 0px; padding: 0px;}
.compdatabox .crsentry {padding: 1%; display: block; width: 98%; border: 1px solid #ddd; background: #fff; border-radius: 4px; text-align: justify; word-spacing: -5px; margin: 0px auto; margin-bottom: 2px;}
.compdatabox .crsentry:nth-child(even) {background: #f4f4f4;}
.compdatabox .entrysep {display: block; width: 100%; height: 10px; margin-top: 10px; border-top: 0px solid #ddd;}
.compdatabox .crsentry .crslabel {width: 30%; display: inline-block; zoom; 1; *display: inline; background: #777; color: #fff; font-size: 12pt; text-align: center; border-radius: 3px; word-spacing: 0px;}
.compdatabox .crsentry .crsvalue {width: 68%; display: inline-block; zoom; 1; *display: inline; text-align: left; padding-left: 2%; word-spacing: 0px;}
.compdatabox .timestamps {background: #111; color: #fff; width: 500px; display: block; padding: 5px; border-radius: 4px; clear: both; margin: 10px auto;}
/* -- */
.compdatabox .expandable_box {
padding: 1%; display: block; width: 98%; border: 1px solid #ddd; background: #fff; position: relative;
}
.compdatabox .expandable_box.closed {
height: 35px; overflow: hidden;
}
.compdatabox .expandable_toggle {
cursor: pointer; font-size: 12pt; display: block; position: absolute; top: 0px; right: 0px; z-index: 4; width: 34px; height: 34px; border-radius: 18px 2px 18px 18px; text-align: center; line-height: 30px; overflow: hidden;
background: #10729b; color: #fff; border: 2px solid #fff;
}
.compdatabox .expandable_toggle:hover {
background: #00a6d4;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* BILLABLE */
.billing_container {width: 100%; margin: 0 auto; text-align: center; display: block; height: auto;}
.billing_container .infoblock.payable {font-size: 1.05em; font-weight: normal; padding: 0; margin: 0 auto;}
.billing_container .infoblock.pricing {display: inline-block; zoom: 1; *display: inline; font-size: 1em; width: 45%; margin: 5px; font-weight: normal; border: 1px solid #777; border-radius: 4px; padding: 5px 0;}
.billing_container .billing_itemlist {margin: 15px 0.5%; width: 46%; display: inline-block; zoom: 1; *display: inline; padding: 1%; text-align: center; vertical-align: top; height: auto !important;}
.billing_container .billing_itemlist:hover {background: transparent !important;}
.billing_container .billing_item, .billing_container .statement_date {page-break-inside: avoid; padding: 0; line-height: 30px; border-radius: 4px; display: block; border: 1px solid #ccc; background: #fff; color: #333; text-align: justify; margin: 2px 0; height: 30px; overflow: hidden;}
.billing_container .statement_date {text-align: center;}
.billing_container .billing_item.inactive {background: #ddd; color: #999;}
.billing_container .billing_item.billingpid {padding: 0 2%; font-weight: bold; display: block; background: #3f5ccf; border-color: #9daee7; color: #fff; text-transform: uppercase; margin-top: 10px;}
.billing_container .billing_item.billingpid a {color: #9daee7;}
.billing_container .billing_item.billingpid a:hover {color: #fff;}
.billing_container .billing_item a {color: #3f5ccf;}
.billing_container .billing_item a:hover {color: #9daee7;}
.billing_container .billing_item.inactive .billing_item_box {background: #ddd !important;}
.billing_container .billing_item .billing_item_box {display: block; float: left; width: 23%; border-left: 1px solid #ccc; padding: 0 1%; position: relative; margin-left: -1px;}
.billing_container .billing_item .billing_item_box.pid {width: 18%; text-align: center;}
.billing_container .billing_item .billing_item_box.pid.split_pid {line-height: 20px; font-weight: bold;}
.billing_container .billing_item .billing_item_box.pid.split_pid .orderbox {font-size: 0.8em; font-weight: normal; position: relative; top: -3px; line-height: 1em; display: block;}
.billing_container .billing_item .billing_item_box.active {width: 6%; text-align: center; font-size: 0.7em;}
.billing_container .billing_item .billing_item_box.statement {width: 10%; text-align: center;}
.billing_container .billing_item .billing_item_box.name {width: 28%; font-weight: bold;}
.billing_container .billing_item .billing_item_box.aid {width: 28%;}
.billing_container .statement_row .billing_item_box, .billing_container .statement_row .billing_item_box.pid, .billing_container .statement_row .billing_item_box.aid {width: 25%; text-align: left;}
.billing_container .statement_row .billing_item_box.price {width: 14%;}
.billing_container .billing_item .billing_item_box.checkbox {width: 4%; text-align: center;}
.billing_container .billing_item .billing_item_box.additem {background: #3ece33;}
.billing_container .billing_item .billing_item_box.toggle {background: #9daee7; position: relative; left: 1px;}
.billing_container .billing_item.heading, .billing_container .billing_item.heading .billing_item_box {background: #444 !important; color: #fff !important; font-weight: normal !important; font-size: 0.95em !important;}
.billing_container .billing_item.onstatement {background: #e3fffb !important;}
.billing_container .billing_charge_item {padding: 0; line-height: 30px; border-radius: 4px; display: block; border: 1px solid #ccc; background: #fff; color: #333; text-align: justify; margin: 2px 0; height: 30px; overflow: hidden;}
.billing_container .billing_charge_itembox {display: block; float: left; width: 31%; border-left: 1px solid #ccc; padding: 0 1%; position: relative; margin-left: -1px;}
.billing_container .billing_charge_itembox.name {font-weight: bold;}
.billing_container .billing_charge_item.totalbar {background: #e3fffb !important; font-weight: bold;}
.billing_container .sr_infos .billing_charge_item.totalbar {background: #e1d2ff !important;}
.billing_container input.submit_button {background: #3f5ccf; color: #fff; font-size: 12pt; border-radius: 8px; width: 50%; height: 60px; line-height: 60px; font-weight: bold; cursor: pointer; padding: 0; text-align: center; border: 0; margin: 0; margin-top: 10px;}
.billing_container input.submit_button:hover {background: #3bcc27;}
.billing_itemlist.statement .label {background: #ccc; color: #333; border-color: #ccc;}
.billing_itemlist.statement input.norm, .billing_itemlist.statement textarea.norm {background: #fff; color: #333; border-color: #ccc;}
.ixresult.billing_statements .ixcol {width: 19.5%;}
.billing_container .billing_statement_box.billing_itemlist {width: 90%; display: block; padding: 0; margin: 0 auto; border-radius: 0px; border: 0px; background: transparent;}
.billing_container .statement_row.billingpidx {background: #fff; border-color: #ccc; color: #333; height: auto; padding: 0 1%; font-weight: bold; text-transform: uppercase; margin-top: 10px;}
.billing_container .statement_row.billingpidx .billinginfos {page-break-inside: avoid; display: block; width: 97%; padding: 0.5% 0; margin: 0 auto; border-top: 1px solid #ccc; font-size: 0.9em; line-height: 1em; text-align: left; font-weight: normal; text-transform: none; word-spacing: -10px;}
.billing_container .billinginfos .billing_address, .billing_container .billinginfos .billing_borrower {display: inline-block; zoom: 1; *display: inline; width: 49.5%; text-align: left; vertical-align: top; word-spacing: 0px;}
.billing_container .statement_row.heading {margin-top: 10px; page-break-inside: avoid; }
.billing_container .statementinfos {page-break-inside: avoid; margin-top: 10px; display: block;}
/* New Billing Updates 06/29/15 */
.billing_container .billing_item_value_row {padding: 0; margin: 0; background: #f4f4f4; line-height: 26px; height: 26px; margin-bottom: 1px; position: relative; top: -3px;}
.billing_container .billing_item_value_row .billing_item_box.paylabel {text-align: right; width: 37%;}
.billing_container .billing_item_value_row .billing_item_box.value {width: 16%; font-size: 0.9em; text-align: center;}
.billing_container .billing_item_value_row .billing_item_box.value input {top: 0px; width: 60%; padding: 0 1%; background: #fff; border: 1px solid #ccc; margin: 0; height: 20px; line-height: 20px; margin: 0; float: none; display: inline-block; zoom: 1; *display: inline; border-radius: 2px; vertical-align: middle;}
.billing_container .billing_item_value_row .billing_item_box.value input.checkbox {width: auto; padding: 0; position: relative; top: 0px; margin: 0;}
.billing_container .billing_item_global_update {line-height: 40px; height: 40px; margin-top: 15px; vertical-align: middle;}
.billing_container .billing_item_box.price {background: #beedb8;}
.billing_container .payments_boxes {display: block; margin: 0px auto; text-align: center; margin-top: 20px;}
.billing_container .payments_boxes .billing_items_totalbox {display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 21%; padding: 0.5%; font-size: 1.1em; line-height: 30px; text-align: center; border-radius: 4px; background: #fff; border: 1px solid #ccc; margin: 0 1%;}
.billing_container .payments_boxes .billing_items_totalbox b {font-size: 1.2em;}
.billing_container .payments_boxes .statement_total {background: #fff;}
.billing_container .payments_boxes .actual_total {background: #beedb8;}
.billing_container .payments_boxes .saved_total {background: #b8daed;}
.billing_container .payments_boxes .current_total {background: #d5b8ed;}
.billing_container .billingpidx.statement_row .billingpid, .billing_container .billingpidx.statement_row .billingorderno {display: inline-block; zoom: 1; *display: inline; width: auto; vertical-align: top;}
.billing_container .billingpidx.statement_row .billingorderno {float: right; font-weight: normal; text-transform: none;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Standard Displays */
.displaystandard {background: #fff !important; color: #333 !important;}
.reviewprint.displaystandard {padding: 10px; border: 1px solid #333; margin: 20px auto;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* New Extras */
.displaybox {display: block; padding: 0.5%; width: 98%; margin: 0.5% auto; border-radius: 8px; border: 1px solid #ccc; background: #fff; margin: 20px auto;}
.displaybox.centered {text-align: center;}
.displaybox.printaction {background: #d2ffe2; border-color: #38d7aa;}
.displaybox.signboxactions {background: #d2ffe2; border-color: #38d7aa;}
.displaybox.signboxactionsX {background: #e1d2ff; border-color: #835ad8;}
a.large_button {display: inline-block; background: #3f5ccf; color: #fff; font-size: 12pt; border-radius: 8px; width: 40%; height: 60px; line-height: 60px; font-weight: bold; cursor: pointer; padding: 0; text-align: center; border: 0; margin: 0; margin-top: 0px;}
a.large_button:hover {background: #3bcc27; color: #fff;}
input.ro, input.norm.ro {background: #eee; color: #999;}
a.halfbutton {width: 40%; padding: 1%; margin: 1%; border-radius: 8px; display: inline-block; zoom: 1; *display: inline; background: #3f5ccf; color: #fff; text-align: center; font-size: 12pt; font-weight: bold;}
a.halfbutton:hover {background: #3bcc27; color: #fff;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Dashboard */
.dbd_container {display: block; text-align: center; word-spacing: -5px;}
.dbd_box {display: inline-block; zoom: 1; *display: inline; word-spacing: 0px; width: 47%; padding: 0 5px; height: 597px; min-width: 600px; margin: 0.25%; overflow: hidden; overflow-y: scroll; border-radius: 3px; background: #fff; border: 1px solid #555; font-size: 0.95em;}
.dbd_box h4 {margin: 0; padding: 0; line-height: 50px; color: #999;}
.dbd_box h2 {margin: 0; margin-left: -5px; padding: 0 5px; line-height: 50px; color: #999; position: relative; display: block; background: #3f5ccf; color: #fff;}
.dbd_box a {color: #3f5ccf;}
.dbd_box a:hover {color: #9daee7;}
.dbd_box .dbd_record {color: #555; border: 1px solid #ddd; padding: 0; height: 40px; overflow: hidden; border-radius: 5px; background: #eee; position: relative; display: block; margin: 0 auto; margin-bottom: 5px;}
.dbd_box .dbd_record .dbd_item {text-align: left; display: block; width: 14.5%; padding: 0 1%; min-height: 40px; line-height: 40px; border-left: 1px solid #ddd; position: relative; margin-left: -1px; float: left; overflow: hidden;}
.dbd_box .dbd_record:hover {background: #fff; color: #3f5ccf; border-color: #3f5ccf;}
.dbd_box .dbd_record:hover .dbd_item {border-color: #3f5ccf;}
.dbd_box .dbd_record .dbd_item.dbd_index {width: 6.5%; text-align: center; font-weight: bold;}
.dbd_box .dbd_record .dbd_item.dbd_date {width: 6.5%; text-align: center;}
.dbd_box .dbd_record .dbd_item.dbd_address, .dbd_box .dbd_record .dbd_item.dbd_client {width: 22.5%;}
.dbd_box .dbd_record .dbd_item.dbd_address, .dbd_box .dbd_record .dbd_item.dbd_client, .dbd_box .dbd_record .dbd_item.dbd_borrower {text-align: left; line-height: 20px;}
.dbd_box .dbd_record .dbd_item.dbd_address, .dbd_box .dbd_record .dbd_item.dbd_client, .dbd_box .dbd_record .dbd_item.dbd_borrower {font-size: 0.9em;}
.dbd_box .dbd_record .dbd_item.dbd_user, .dbd_box .dbd_record .dbd_item.dbd_ptype {font-size: 0.9em; text-align: center;}
.dbd_box .dbd_record .dbd_item.dbd_status, .dbd_box .dbd_record .dbd_item.dbd_borrower {text-align: center;}
.dbd_box .dbd_record .dbd_item.status_A {background: #23a043; color: #fff;}
.dbd_box .dbd_record .dbd_item.status_B {background: #238da0; color: #fff;}
.dbd_box .dbd_record .dbd_item.status_D {background: #a07223; color: #fff;}
.dbd_box .dbd_record .dbd_item.status_DR {background: #a1b91f; color: #fff;}
.dbd_box .dbd_record .dbd_item.status_X {background: #a02323; color: #fff;}
.dbd_box .dbd_record .dbd_item.status_P {background: #4f23a0; color: #fff;}
.dbd_box .dbd_record .dbd_item.dbd_client span, .dbd_box .dbd_record .dbd_item.dbd_date {font-size: 0.8em; text-align: center;}
.dbd_box .dbd_record.heading, .dbd_box .dbd_record.heading .dbd_item {font-weight: normal; background: #ddd; color: #777; font-size: 0.9em; height: 20px; line-height: 20px; text-align: center; border-color: #777;}
a.dashboardicon {width: 30px; height: 30px; overflow: hidden; line-height: 30px; display: block; position: absolute; top: 3px; left: 3px; text-align: center; background: #656565 url('elements/icons_global.png') no-repeat 0 -60px; opacity: 0.5; cursor: pointer; border-radius: 4px;}
a.dashboardicon:hover {opacity: 1.0;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Loading */
.loading_box_holder {
position: relative; display: block;
}
.loading_box_holder .loading_overlay {
display: block; position: absolute; top: 0px; left: 0px; z-index: 100; background: #fff url('elements/loading.gif') no-repeat center center; opacity: 0.4; width: 100%; height: 100%;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MultiColumn Layout */
.multicolumn_holder {
display: block; word-spacing: -10px; width: 100%; text-align: center;
}
.multicolumn_holder .multicolumn_item {
display: inline-block; word-spacing: 0px; vertical-align: top; width: 19%; margin: 0 auto; box-sizing: border-box; margin-right: 1%;
}
.multicolumn_holder .multicolumn_item.content_box {
width: 80%; margin: 0 auto;
}
.multicolumn_holder .multicolumn_item .form_section:first-of-type {
margin-top: 0px;
}
.dynamic_offset {
position: relative; display: block; width: 100%; clear: all; margin: 0; padding: 0; height: 1px; margin-bottom: -1px;
}
.dynamic_positioned.dynamic_item {
position: relative; top: 0px; left: 0px; transition: position 1s ease;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Comparable Search */
.property_items {
text-align: left; word-spacing: -5px;
}
.property_item_box {
display: inline-block; zoom: 1; *display: inline; vertical-align: top; width: 32.3%; padding: 0; border: 1px solid #bbb; background: #f4f4f4; text-align: left; margin: 0.5%; border-radius: 3px; overflow: hidden; word-spacing: 0; box-sizing: border-box;
}
.property_item_box.property_key_box {
display: block; width: 100%; margin: 0 auto; background: #fff; text-align: center; font-size: 1.4em; line-height: 1em;
font-family: RobotoCondensedWeb-bold, RobotoWeb-bold, Roboto, arial, sans-serif; padding: 10px;
}
.property_item_box.subject_property {
display: block; width: 100%; margin: 0 auto;
}
.property_item_box .match_disclaimer {
display: block; padding: 5px 10px; text-align: center; font-size: 1.1em; line-height: 1.3em; padding: 2%; background: #fff;
}
.property_item_box .property_element {
display: block; padding: 5px 10px; border-bottom: 1px solid #ccc; background: #fff;
}
.property_item_box .property_element.important_item {
font-family: RobotoCondensedWeb-bold, RobotoWeb-bold, Roboto, arial, sans-serif; background: #effdff;
}
.property_item_box .property_item_box_extra .property_element {
padding: 5px 10px; font-size: 0.8em;
}
.property_item_box .property_item_box_extra .property_element {
background: none;
}
.property_item_box .property_item_box_extra .property_element:nth-of-type(2n+0) {
background: #fff;
}
.property_item_box .property_element:last-of-type {
border-bottom: 0px;
}
.property_item_box .property_element.address {
font-size: 1.1em; font-weight: bold; background: #bbb; color: #444; border: 0px; position: relative; line-height: 24px; min-height: 24px;
}
.property_item_box.duplicate .property_element.address {
background: #680971;
}
.property_item_box.disabled .property_element.address {
background: #ba4112;
}
.property_item_box.selectable .property_element.address {
padding-left: 46px;
}
.property_item_box .property_element .property_selection_box {
display: block; width: 36px; height: 24px; padding: 4px 0; position: absolute; top: 0px; left: 0px; background: #e5e5e5; text-align: center;
}
.property_item_box .property_element span {
font-family: RobotoCondensedWeb-bold, RobotoWeb-bold, Roboto, arial, sans-serif; text-align: center; display: inline-block; zoom: 1; *display: inline; vertical-align: middle; font-size: 7pt; line-height: 1.1em; min-width: 80px; padding: 4px 6px; background: #ddd; color: #777; border: 0px solid #ddd; border-radius: 2px; margin-right: 5px;
}
.attom_quick_action_buttons {
display: block; padding: 5px; text-align: center; font-size: 0.8em; line-height: 1em; background: #eee; border: 1px solid #bbb; border-top: 0px; border-radius: 0 0 3px 3px; margin: 0 10px; clear: both;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Form Sections */
.form_section {
display: block; text-align: center; margin: 0.5% auto; padding: 0.5%; width: 99%; border: 1px solid #bbb; border-radius: 3px; position: relative;
}
.form_section.full {
width: 100%;
}
.form_section.focus {
background: #fbfbfb;
}
.form_section_title {
display: block; margin-bottom: 0.5%; text-align: left; margin: 0.5% auto; padding: 0.5%; width: 99%; background: #555; color: #fff; font-size: 1.05em; border-radius: 3px;
}
.form_section_title .attom_comp_indicator.active {
display: inline-block; vertical-align: top; font-size: 0.8em; margin: 0 5px; background: #fff; border-radius: 2px; padding: 2px 6px; line-height: 1em; color: #222;
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* Password Strength */
.ratescale {display: inline-block; zoom: 1; *display: inline; padding: 5px 10px; border-radius: 4px; border: 1px solid #555; background: #c7c7c7; color: #555; font-weight: normal;}
.ratescale.current {border-width: 2px; padding: 4px 9px; font-weight: bold; color: #fff; border-color: #0183f1; color: #fff; background: #086abd;}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* PRINT STYLES */
.print_only {display: none;}
.align_left_element {text-align: left;}
.large_print_box { font-size: 1.2em; line-height: 1.2em; padding: 2%; margin: 0 auto; border: 1px solid #333; border-radius: 6px; clear: both;}
/* DISABLE FOR PRINT */
@media print {
body {background: #fff !important; color: #333 !important;}
body, .outercontainer, .billing_container, .billing_container .billing_statement_box.billing_itemlist {overflow: visible !important;}
.printhide, .autosavebox, .ajaxResults, .clrdiv, .topspacer, .navbar, .loginout, h2.pagetitle, .uploadoverlay, .uploadoverbox, .fourthnav {display: none !important;}
.hideprint {display: block !important;}
.printcontainer {background: #fff; max-width: 100%;}
.outercontainer {background: #fff !important; color: #333; box-shadow: none !important; padding: 0 !important; margin: 0 !important; min-width: 100%; border-radius: 0px;}
.pagebreak {page-break-before: always; page-break-inside: avoid;}
/* .pagebreak:last-of-type {page-break-before:auto; display: none;} */
.printcontainer, .reviewprint {font-size: 8pt; line-height: 14px;}
.reviewprint.displaystandard {padding: 0; border: 0; margin: 0 auto;}
.printbox .label {height: 14px; line-height: 14px; padding: 2px;}
.printbox .infobox {min-height: 14px; padding: 2px;}
.printrow .printbox.lg .infobox {min-height: 42px; line-height: 14px;}
html, body {height: 99.5%;}
img.print_pdf_page {max-height: 925px;}
/* Billing */
.billing_container .billing_statement_box {background: #fff !important; color: #333 !important;}
.billing_container .billing_statement_box .label {float: none !important; display: inline-block !important; zoom: 1; *display: inline; background: #eee !important; color: #333 !important; width: 30% !important; text-align: left; padding: 0; margin: 0; border: 0; font-weight: bold; border-radius: 0px !important; border-top: 1px solid #333 !important; vertical-align: top !important;}
.billing_container .billing_statement_box .inputbox {float: none !important; display: inline-block !important; zoom: 1; *display: inline; background: #fff !important; color: #333 !important; width: 67% !important; text-align: left; padding: 0; margin: 0; border: 0; border-radius: 0px !important; border-top: 1px solid #333 !important; vertical-align: top !important;}
.billing_container .billing_statement_box .inputbox input, .billing_container .billing_statement_box .inputbox textarea {float: none !important; border: 0 !important; padding: 0 !important; margin: 0 !important; background: #fff !important; color: #333 !important; width: 100% !important;}
.billing_container .billing_statement_box .inputbox textarea {padding: 0 10px !important;}
.billing_container input.submit_button {display: none !important;}
.billing_container a {color: #333 !important;}
.billing_container .billing_item.heading, .billing_container .billing_item.heading .billing_item_box {color: #333 !important; background: #ddd !important; border-color: #999 !important;}
.billing_container .billing_item {border-radius: 2px !important;}
.billing_container .infoblock {color: #888 !important;}
.billing_container .billing_itemlist {width: 97%; padding: 1%; margin: 1% auto; height: auto; display: block; border: 0;}
.billing_container .billing_item, .billing_container .billing_item div {background: #fff !important; color: #444 !important; border-color: #ccc !important;}
.billing_container .billing_item a {color: #444 !important;}
.billing_container .billing_item.billingpid, .billing_container .billing_item.billingpid div, .billing_container .billing_charge_item.totalbar, .billing_container .sr_infos .billing_charge_item.totalbar {background: #eee !important;}
.printhide {display: none !important; position: absolute !important; visibility: hidden !important;}
.billing_container .billing_item_value_row {display: none !important;}
.billing_container .payments_boxes {display: none !important;}
.print_only {display: block;}
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* TABLET */
@media screen and (max-width: 1100px) {
.navbar li a {
font-size: 10pt; padding: 0 4px;
}
.navbar li ul li a {
font-size: 10pt; padding: 5px 9px;
}
.loginout .claritybranding {
font-size: 11pt;
}
}
/* ----------------------------------------------------- */
/* ----------------------------------------------------- */
/* MOBILE */
@media screen and (max-width: 650px) {
.outercontainer, .navbar, .pagecontainer {min-width: 96%; width: 96%; margin: 0 auto; padding: 2%;}
.pagecontainer .label {height: auto; overflow: visible; margin: 2px auto; border-radius: 10px; width: 96%; display: block; text-align: center; line-height: 20px; padding: 1%; float: none;}
.pagecontainer input.norm {height: auto; overflow: visible; margin: 2px auto; border-radius: 10px; width: 96%; display: block; text-align: center; line-height: 20px; padding: 1%; float: none;}
.pagecontainer textarea.norm {height: auto; overflow: visible; margin: 2px auto; border-radius: 10px; width: 96%; display: block; text-align: center; line-height: 20px; padding: 1%; float: none;}
.pagecontainer select.norm {height: auto; overflow: visible; margin: 2px auto; border-radius: 10px; width: 96%; display: block; text-align: center; line-height: 20px; padding: 1%; float: none;}
.pagecontainer h2.pagetitle {text-align: center; width: 100%; font-size: 1.2em; line-height: 1em; font-weight: bold;}
.pagecontainer .columnbox, .pagecontainer .columnbox.photo {float: none; width: 100%; display: block; height: auto; margin: 0px auto; margin-top: 10px; padding: 0; overflow: visible;}
.pagecontainer .sep {clear: both; height: 10px;}
.pagecontainer .sep.mhide {display: none;}
.pagecontainer .sectionrow {padding: 0; margin: 0 auto; width: 98%;}
.pagecontainer .deleteimg {padding: 1% 5px;}
.pagecontainer .columnbox .label {padding: 1% 0;}
.pagecontainer .columnbox input.norm {padding: 1% 0;}
.pagecontainer img.photothumb {width: 60%; max-width: 60%; max-height: 100%; height: auto; margin: 10px auto;}
}
/* ----------------------------------------------------- */