/*
* HTML5 Boilerplate
*
* What follows is the result of much research on cross-browser styling.
* Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
* Kroc Camen, and the H5BP dev community and team.
*
* Detailed information about this CSS: h5bp.com/css
*
* ==|== normalize ==========================================================
*/
/* =============================================================================
HTML5 display definitions
========================================================================== */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
font: inherit;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }
/* =============================================================================
Base
========================================================================== */
/*
* 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
* 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }
/*
* Remove text-shadow in selection highlight: h5bp.com/i
* These selection declarations have to be separate
* Also: hot pink! (or customize the background color to match your design)
*/
::-moz-selection { background: #004D6B; color: #fff; text-shadow: none; }
::selection { background: #004D6B; color: #fff; text-shadow: none; }
/* =============================================================================
Links
========================================================================== */
a:focus { outline: none; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }
/* =============================================================================
Typography
========================================================================== */
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
/* =============================================================================
Lists
========================================================================== */
ul, ol { }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
/* =============================================================================
Embedded content
========================================================================== */
/*
* 1. Improve image quality when scaled in IE7: h5bp.com/d
* 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/
img { border: 0; -ms-interpolation-mode: bicubic; }
/*
* Correct overflow not hidden in IE9
*/
svg:not(:root) { overflow: hidden; }
/* =============================================================================
Figures
========================================================================== */
figure { margin: 0; }
/* =============================================================================
Forms
========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }
/*
* 1. Correct color not inheriting in IE6/7/8/9
* 2. Correct alignment displayed oddly in IE6/7
*/
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
/*
* 1. Correct font-size not inheriting in all browsers
* 2. Remove margins in FF3/4 S5 Chrome
* 3. Define consistent vertical alignment display in all browsers
*/
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
/*
* 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button, input { line-height: normal; }
/*
* 1. Display hand cursor for clickable form elements
* 2. Allow styling of clickable form elements in iOS
* 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
/*
* Re-set default cursor for disabled elements
*/
button[disabled], input[disabled] { cursor: default; }
/*
* Consistent box sizing and appearance
*/
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px;background:none !important; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
/*
* Remove inner padding and border in FF3/4: h5bp.com/l
*/
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
/*
* 1. Remove default vertical scrollbar in IE6/7/8/9
* 2. Allow only vertical resizing
*/
textarea { overflow: auto; vertical-align: top; resize: vertical; }
/* Colors for form validity */
input:valid, textarea:valid { }
/*input:invalid, textarea:invalid { background-color: #f0dddd; }*/
input:invalid, textarea:invalid { }
::-webkit-input-placeholder {
color: #5e5e5e;
}
:-moz-placeholder {
color: #5e5e5e;
}
:-ms-input-placeholder {
color: #5e5e5e;
}
/* hides the spin-button for firefox */
input[type=number] {
-moz-appearance:textfield;
}
/* =============================================================================
Tables
========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
/* =============================================================================
Chrome Frame Prompt
========================================================================== */
.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }
/* =============================================================================
Basic Text
========================================================================== */
p { font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; }
h1 a { font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #0c77a1; text-decoration:none; }
h1 a:hover {text-decoration:underline; color: #0c77a1;}
h1 a:visited {color: #0c77a1;}
h1 { font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; }
h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 20px 0 20px 0; color: #000000; display:block; clear:both;}
h2 img {margin:0 0 -3px 5px; display:none;}
h5 { font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #ffffff;}
a {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#0c77a1; text-decoration:none;}
a:hover {color:#0c77a1; text-decoration:underline;}
a:visited {color:#0c77a1;}
.block {display:block !important;}
/* ==|== primary styles =====================================================
Home /Master Pages:
========================================================================== */
body {background-color:#ffffff; font-family: Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000;-webkit-print-color-adjust: exact;}
header {margin: 0; width:100%; height: 50px;position:fixed;right:0;left:0; z-index: 15;background-color: #017ca6;
background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
background-image: linear-gradient(to bottom, #017ca6, #055E88);}
#shadowstripholder{position:fixed;top:50px;z-index:11;width:100%}
#shadowstrip {background: url(../Images/shadow.png) no-repeat;height:24px;width:920px;margin:0 auto; }
#headercontent { margin: 0 auto; width: 960px; height: 50px; background-color: #017ca6;
background-image: -webkit-gradient(linear, top, bottom, from(#017ca6), to(#055E88));
background-image: -webkit-linear-gradient(top, #017ca6, #055E88);
background-image: -moz-linear-gradient(bottom, #017ca6, #055E88);
background-image: -o-linear-gradient(bottom, #017ca6, #055E88);
background-image: linear-gradient(to bottom, #017ca6, #055E88); }
#masthead {position:relative;}
.bblinks {width:900px;float:right}
ul.bblinks li { display:inline; text-decoration:none; padding:0 0 0 20px; float:right; }
ul.bblinks li a { font: bold 10px/13px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; text-decoration:none;}
ul.bblinks li a:hover {text-decoration:underline; color:#f5cf6b;}
.logo {position:absolute;width:228px; height:38px; background: url(../Images/logosmwhite.png) no-repeat;top:14px;left:-10px;}
.logo a{width:440px; height:25px; text-indent:-9999px; display:block;}
.logininfo {float:right; font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif; color:#000000; display:inline; padding: 13px 10px 15px 0; }
.logininfo a {font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif; color:#1ba6ce; text-decoration:none;}
.logininfo a:hover {text-decoration:underline;}
/*.orderbar { width:900px;clear:both; margin:0 auto; height:19px; padding: 6px 10px 0 10px; display:block; }*/
.orderbar p a {font: normal 12px/13px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; text-decoration:none; padding: 0 0 0 12px;}
.orderbar p a:hover {text-decoration:underline;color:rgb(255, 235, 0);}
.orderbar p {font: normal 12px/13px Arial, Helvetica, Verdana, sans-serif; color:#000000; text-decoration:none; text-align:center;}
.orderbar p span {color:#818181; margin:0 0 0 20px;}
.rblogohide a {display:none;}
#visiblebar .orderbar { width:900px;float:right; height:19px; padding: 6px 0 0 0;text-align:right; }
/*#visiblebar .orderbar p a {display:none;}*/
#visiblebar .orderbar p a:hover {text-decoration:underline;color:rgb(255, 235, 0);}
#visiblebar .orderbar p {font: normal 12px/13px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; text-decoration:none; display:inline-block;padding: 0;}
#visiblebar .orderbar p span {color:rgb(152, 209, 253); margin:0 0 0 20px;}
#navigation { margin: 0 auto; width:100%; }
/*#navigationlanding { margin: 0 auto; width:100%; height:36px; background: url(../Images/bgNavRepeat2.png) repeat-x; }*/
#navigationlanding { margin: 0 auto; width:100%; height:36px; background:#ffffff; }
#menuhead { margin: 0 auto; width: 960px; height: 8px; background: url(../Images/bgmenuhead.png) no-repeat; }
#accordian { width: 100%; margin: 0 auto; }
.panel { width: 960px;background:#00223a url(../Images/bgHeaderContent2.png) repeat-x ; display: none; margin: 0 auto; }
.flip { margin: 0 auto; width:100%; height: 36px; background:#ffffff url(../Images/bgNavRepeat2.png) repeat-x; }
.flipimgholder {width:960px; height:36px; background: url(../Images/openClick2.png) no-repeat ; margin: 0 auto; }
#maincontentwrapper { margin: 0 auto; width: 100%; background-color:#ffffff; display: block;}/*background:#ffffff url(../Images/bgContent.png) repeat-x ; */
#content { margin: 0 auto; width: 920px; min-height:700px;padding:100px 10px 0 10px; }
.camera { width:100%; margin:10px 0 0 0;}
#content .camera a {font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif; color:#1ba6ce; text-decoration:none; padding: 0px 26px 0 0;}
#content .camera a img {padding:0 0 0 10px;}
#content .camera a:hover {text-decoration:underline;}
#mainend { margin: 0 auto; width: 960px; height: 25px;}
.listcontainer { margin: 0 auto; width:920px; }
#accordian .panel .listcontainer ul {height: 88px;width: 179px;margin: 0 auto; display:block;}
#accordian .panel .listcontainer ul li {display:inline;float: left;margin: 0 4px 0 0;}
#accordian .panel .listcontainer ul li:last-of-type {margin:0 0 0 0;}
.tlback {width:78px; height:77px; background: url(../Images/btnTLBack.png) no-repeat; text-indent:-9999px; display:block;}
.tlphoto {width:78px; height:77px; background: url(../Images/btnTLPhoto.png) no-repeat; text-indent:-9999px; display:block;}
.tlstatus {width:78px; height:77px; background: url(../Images/btnTLStatus.png) no-repeat; text-indent:-9999px; display:block;}
.panel .orderbar { clear:both; margin:0 auto; height:19px; padding: 6px 10px 0 10px; display:block;text-align:center; }
.panel .orderbar p a {display:none;}
.panel .orderbar p {font: normal 12px/13px Arial, Helvetica, Verdana, sans-serif; color:#0099d3; text-decoration:none; display:inline;}
.panel .orderbar p span {color:#818181; margin:0 0 0 20px;}
.clear { clear: both; }
#rememberme {margin:10px 0 0 0;width: 110px;float: right;}
#rememberme input {display: inline-block;zoom: 1;_height: 30px;width: 12px;margin: 6px 6px 0 0;}
#rememberme label {display:inline-block; zoom:1; *display: inline; _height: 30px; }
.validation-summary-errors { font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 10px 0; color: #ff0000; text-align:center; }
/* ==|== primary styles =====================================================
Landing Page
========================================================================== */
#maincontentwrapperlanding { margin: 0 auto; width: 960px; display: block;}
#contentlanding { margin: 0 auto; width: 920px; min-height:500px; }
#billboard { width: 980px;padding: 0;min-height: 293px;margin: 0 auto;}
#billboard h1 { font: bold 22px/28px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; text-transform:none; width:515px; }
#billboard h1 span { font: normal 16px/19px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding:9px 0 0 0; color: #000000; text-transform:none; display:block;clear:both; }
#billboard h2 { font: bold 15px/16px Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 0 0 ; padding: 0px; color: #007ba4; text-transform:none; width:466px; background:none; }
#billboard h3 { font: bold 15px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0px ; padding: 10px 0 0 0; color:#000000; width:466px; background:none; }
#billboard p {font: normal 13px/20px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 5px 0 0 0;color: #000000;}
.features {width:920px; height:200px; clear:both;background: url(../Images/bgFeatures.png) no-repeat; }
.indfeature {width: 275px;float: left;display: inline;border-right: 1px solid #D9E7ED;margin: 33px 10px 0 0;padding: 0 10px 0 10px;}
.indfeature:last-of-type {width: 275px;float: left;display: inline;border-right:none;margin: 33px 10px 0 0;padding: 0 10px 0 10px;}
.indfeature p {color:#5e5e5e; font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;}
.indfeature p span {color:#005979; font: bold 12px/18px Arial, Helvetica, Verdana, sans-serif; display:block;}
.indfeature p img {display:inline; float:right;}
/*#loginmain {width:364px; height:100px;background: url(../Images/bglogin.png) no-repeat;clear:both;display:block;}*/
#loginmain {clear:both;display:block;padding: 20px 0 0 30px;}
#loginmain ul { }
#loginmain ul li {display:inline-block; zoom:1; *display: inline; _height: 30px; margin: 0 10px 0 0;}
#loginmain ul li label {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; float: left;}
#loginmain ul li input {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 118px; margin: 2px 0 4px 0; display:block; clear:both; }
#loginmain ul li input[type="image"] {border:none;width:53px;height:22px;background:none;}
#loginmain ul li span {display:none;}
#loginmain a {font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif;margin:10px 0 0 0;display:block;}
#loginwrapper {width:369px; height:179px; margin:0 auto;}
#loginwrapper p {}
#loginwrapper p a {font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif; padding:10px 10px 0 0; display:inline; float:left;}
#cvamainwrapper {background: url(../Images/newmainback.jpg) no-repeat center 0;}
.loginbox {width:356px; -moz-border-radius: 6px; border-radius: 6px; background-color:#ffffff; box-shadow: 1px 1px 2px #676767;}
.loginbox ul {padding:13px 0 0 15px; width: 356px; }
.loginbox ul li {display:inline-block; zoom:1; *display: inline; _height: 30px; padding: 0 10px 0 0;}
.loginbox ul li label {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; float: left;}
.loginbox ul li input {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 150px; margin: 2px 0 4px 0; display:block; clear:both; }
.loginbox ul li input[type="checkbox"] {float: left; font-size: 12px;border: solid 1px #aacfe4; width: 20px; margin:0px 0 10px 7px; display:inline; clear:none; }
.loginbutton {width:79px; height:27px; clear:both; float:right; display:block; padding: 10px 10px 0 0; }
.aboutnavigation {width:920px; height:62px; background: url(../Images/bgAboutNav.png) no-repeat; margin:0 auto; clear:both;}
.aboutnavigation ul {display:block; margin:0 auto; padding:0 0 0 115px;}
.aboutnavigation ul li {padding:7px 10px 8px 10px; display:inline-block; border-left:1px solid #d9e7ed; zoom:1; *display: inline; _height: 30px;}
.aboutnavigation ul li:first-of-type {border-left:none;}
.aboutnavigation ul li img {display:none;}
.aboutnavigation ul li a {color:#007da9;}
.columnholder {width:920px;}
.leftcolumn {width:654px; float:left; display:inline;}
.leftcolumn ul {width:647px; height:206px;border-bottom:1px solid #bebebe; }
.leftcolumn ul li {width:290px; height:108px; display:inline-block; font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 24px 0 0; color: #7f7f7f; zoom:1; *display: inline; _height: 108px; }
.leftcolumn ul li span {color:#004f6e; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; display:block; }
.leftcolumn ul li span a {color:#004f6e; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; display:block; }
.leftcolumn ul li img {display:inline; margin:2px 0 0 -20px; float:left;}
.leftcolumn h5 {color:#004f6e !important; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; margin:20px 0 0 0; padding:0; background:none;}
.leftcolumn p {font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; color: #7f7f7f; padding: 0 0 20px 0;}
.rightcolumn {background-color:#ffffff;-moz-border-radius: 6px; border-radius: 6px; width:240px; float:right; display:inline; }
.rightcolumn ul {width:210px; margin:20px 0 0 15px;}
.rightcolumn ul li { font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; color: #7f7f7f; padding:0 0 20px 0;}
.rightcolumn ul li span {color:#004f6e; font-weight:bold; display:block;}
.rightcolumn ul li img {display: inline; float: left; margin: -9px 0 0 0;}
.benefitshead {background-color:#0081b6; height:26px; width:240px; border-top-left-radius:6px; border-top-right-radius:6px; }
.benefitshead h5 {color:#ffffff; font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; text-align:center; padding: 6px 0 0 0;}
#productdescription {margin:20px 0 0 0;}
#productdescription p { font: normal 12px/17px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 40px 10px 0; color: #000000; }
/* ==|== primary styles =====================================================
Individual Landing pages:
========================================================================== */
#registerbillboard { width: 920px;}
#registerbillboard h1{ font: bold italic 14px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 10px 0 10px 0; color: #c7d1e3; text-transform:none;text-align:center; }
#registerbillboard h2 {font: bold 24px/30px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #ffffff; text-transform:none; background:none;text-align:center; }
#registerbillboard h3 { font: normal 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0px ; padding: 12px 0 ; color: #c7d1e3; background:none;text-align:center; }
#registerbillboard h3 span {font: bold 15px/17px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 0 2px 0; display:block; color: #2291c0; text-transform:none; width:348px; }
.registerbutton {width:151px; height:35px; background: url(../Images/btnReg.png) no-repeat; text-indent:-9999px; display:block; margin:0 0 0 0;}
.bulkuploadbutton {width:115px; height:35px; background: url(../Images/btnBulk.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 0 0 0;zoom:1; *display: inline; _height: 35px;}
.submitbutton {width:75px; height:35px; background: url(../Images/btnSubmit.png) no-repeat; text-indent:-9999px; display:block; margin:20px 0 0 0;border:none !important;}
.referencenav {width:140px; display:inline; float:right; margin: 32px 0 0 0;}
.referencenav ul li {padding:0 0 10px 0;}
.referencenav ul li img {padding:0 6px 0 0;}
.benefitswide {width:920px; clear:both; display:block;background: url(../Images/bgFeatures.png) no-repeat; margin:20px 0 0 0;}
.benefitswide ul {width:920px; height:100px; padding:20px 0 20px 36px; }
.benefitswide ul li {width:269px; display:inline-block; float:left; font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 24px 0 0; color: #7f7f7f; zoom:1; *display: inline; _height: 30px; }
.benefitswide ul li span {color:#004f6e; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; display:block; }
.benefitswide ul li span a {color:#004f6e; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; display:block; }
.benefitswide ul li img {display:inline; margin:2px 0 0 -20px; float:left;}
.doublecolumn {width: 400px;float: left;display: inline;padding: 0 57px 20px 0;}
.fullcolumn {clear:both;}
.doublecolumn h5, .fullcolumn h5 {color:#004f6e !important; font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; margin:20px 0 4px 0; clear:both;background:none;padding:0;}
.doublecolumn p, .fullcolumn p {font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; color: #737373; padding: 0 0 0 0; clear:both; }
#regsteps {width:920px;margin: 30px 0 15px 0; }
#regsteps h2 {width:auto;font: bold 14px/19px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 0 5px 0; color: #000000; text-transform:none; background:none; }
#regsteps p {color:#5f5f5f; padding:0 20px 0 20px; margin:0 0 16px 0; width:240px; display:inline-block;zoom:1; *display: inline; _height: 20px; }
#regsteps p span {font: bold 13px/19px Arial, Helvetica, Verdana, sans-serif; color:#000000;}
#regsteps p span img {margin:0 0 -2px -25px;}
/* ==|== primary styles =====================================================
About Info:
========================================================================== */
#aboutWrap .leftcolumn {border-right:1px solid #d9d9d9; padding:0 52px 0 30px;}
#aboutWrap .leftcolumn p {font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif; color: #7F7F7F; padding: 0 0 20px 0;}
#aboutWrap .referencenav {width:152px; display:inline; float:right; margin:0 0 0 0;}
#aboutWrap .referencenav ul li {padding:0 0 10px 0;}
#aboutWrap .referencenav ul li img {padding:0 6px 0 0;}
/* =============================================================================
Contact Us
========================================================================== */
.contact header h3 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 20px 0 20px 0; padding: 4px 0 4px 8px; width: 912px; background-color: #004D6B; color: #ffffff; display:block; clear:both;}
.contact header { margin: 0 0; width: auto; height: auto; background-image:none ; }
/* =============================================================================
Dashboard
========================================================================== */
#dashboard{width: 100%;height: 100%;}
#dashboard h2 {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; margin:0 0 20px 0 !important; padding: 4px 0 4px 8px; text-transform: none; display:block;color:#ffffff;}
#dashboard h2 a {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#ffffff;}
#dashboard h2 a:visited {color:#ffffff;}
#dashboard h1 a { font: normal 13px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 0 10px 0; color: #ffffff; text-decoration:none;text-transform: uppercase;}
#dashboard h1 a:hover {text-decoration:underline; color: #ffffff;}
#dashboard h1 a:visited {color: #ffffff;}
#dashboard h1 { font: normal 14px/17px Arial, Helvetica, Verdana, sans-serif; margin:0; padding: 10px 0 5px 0; color: #ffffff;float:left;text-transform: uppercase; }
#dashboard h1 span a {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#00769f; padding:0 0 0 10px;}
#dashboard p {}
#status {width:920px; background-color:#f7f7f7; border-radius:4px;clear:both;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;margin: 0 0 20px 0;padding: 10px 0 0 0; }
/*#status {width:920px; height:295px; background: #00223a url(../Images/bgmapsection.jpg) repeat-x;border-radius:4px;clear:both; }*/
#status ul {padding: 8px 0 7px 8px;display:inline-block;zoom:1; *display: inline; _height: 20px;float:left; }
#status ul li {font: bold 13px/17px Arial, Helvetica, Verdana, sans-serif; margin: 0px; color: #ffffff; padding:0 20px 0 0; display:inline; }
#status ul li span {color:#ffffff; font: bold 13px/17px Arial, Helvetica, Verdana, sans-serif;}
#status ul li a {}
ul.dashstats {padding:0;}
ul.dashstats li {font: bold 11px/17px Arial, Helvetica, Verdana, sans-serif; margin:0 4px 0 0; color: #A2A2A2; padding:4px; display:inline-block; }
ul.dashstats li:hover {cursor:pointer;color:#ffffff !important;background: #00bcff;}
ul.dashstats li span:last-of-type {border:none;}
ul.dashstats li span {color:#ffffff; font: bold 24px/30px Arial, Helvetica, Verdana, sans-serif;}
ul.dashstats li a {}
.dashtotals {float:right;}
.OrderDashboardToolbar a {display:block;border-top: 1px solid #000000;color:#ffffff !important;
font:bold 11px/15px Arial, Helvetica, Verdana, sans-serif !important;text-align:left;padding: 5px 0 5px 10px;background:#2072AA url(../Images/arrowwhiteright.png) no-repeat right;}
.OrderDashboardToolbar a:hover {text-decoration:none;background:#00bcff url(../Images/arrowwhiteright.png) no-repeat right;}
.OrderDashboardToolbar a:visited {color:#ffffff!important;}
.OrderDashboardToolbar a input {border:none !important;text-align:left;padding:0;font:bold 11px/15px Arial, Helvetica, Verdana, sans-serif !important;background:none;color:#ffffff;}
.mapandmessage {}
/*#OrderGrid {width:100% !important;height:93% !important;background:#C5CCD3 !important;}
#OrderPager {position: absolute;bottom: 0;left: 0;right:0;z-index:20;}*/
.menuholder {position: absolute;z-index: 23;width:100%;}
#messagecenter {width: 100%;background: rgba(0, 0, 0, 0.8);padding:0 0 10px 0;}
#messagecenter p {font: normal 12px/17px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; padding:5px 10px 5px 10px;}
#messagecenter p.messagecentertitle {display: block;padding:4px 0;color: #ffffff;margin: 0 0 10px 0;text-align: center;font-weight:bold;}
#map_canvas {margin:-10px 0 0 0px;width: 100%;height: 40%;}
#map {width: 916px;height: 235px;overflow: hidden;border: 1px solid #ffffff; }
a.menuhide {font-size: 11px;color: #0082ad;width: 100%;height: 12px;background:rgba(0, 49, 82, 0.8);display: block;text-align: center;}
a.menuhide:hover {background: #00bcff;}
.dashmenhead {color: #a2a2a2 !important;text-transform: uppercase;margin:0 !important;font-size: 11px !important;font-weight: bold !important;}
.dashboardcontainer {width:920px; max-height:400px; overflow:auto; }
ul.dashboardheads { padding: 2px 0 2px 10px; margin:20px 0 0 0; clear:both; display:block; width:910px;background-color:#00223a; border-radius:4px; }
ul.dashboardheads li { font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; margin:0; padding: 5px 0; color: #ffffff; width:80px; display:inline-block; zoom:1; *display: inline; _height: 30px;}
ul.dashboarddetails {padding: 4px 0 4px 10px; width:890px; }
ul.dashboarddetails li {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; width:80px; display:inline-block; zoom:1; *display: inline; _height: 30px;}
.selectorder {width:60px !important;}
ul.dashboarddetails li a {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#00769f; text-decoration:none;}
ul.dashboarddetails li a:hover {text-decoration:underline;}
ul.dashboarddetails li.address, ul.dashboardheads li.address {width:250px;}
.createorder {width:90px; height:22px; background: url(../Images/btnSingleOrder.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.createorders {width:90px; height:22px; background: url(../Images/btnMultiOrder.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.createuser {width:90px; height:22px; background: url(../Images/btnSingleUser.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.createusers {width:90px; height:22px; background: url(../Images/btnMulitUser.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.manageuser {width:90px; height:22px; background: url(../Images/btnUserStatus.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.assignorder {width:90px; height:22px; background: url(../Images/btnAssign.png) no-repeat; text-indent:-9999px; display:inline-block; margin:20px 10px 0 0;zoom:1; *display: inline; _height: 22px;}
.dashtut {width:136px; height:22px; background: url(../Images/btnDashTut.png) no-repeat; text-indent:-9999px; display:inline-block; margin:0 0 0 0;zoom:1; *display: inline; _height: 22px;}
.dashaccept {padding: 2px 8px;font-weight: bold;background-color: #57737C;color: white;font-size: 11px;border-radius: 2px;}
.dashaccept:hover {background-color: #00bcff; text-decoration:none !important; }
.dashreject {display:none; color:#747474; font-weight:bold;}
#trainingconfirmation {overflow:hidden;width:910px; padding:0 0 10px 10px; background-color:#f7f7f7; border-radius:4px; margin:0 0 60px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;}
.thankyou {font: bold 19px/24px Arial, Helvetica, Verdana, sans-serif;padding:10px 0 6px 0;}
.thankyou span { font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif; clear:both; display:block; color:#2291c0; padding:10px 0 0 0;}
.traininglink, .traininglink a {font: bold 13px/20px Arial, Helvetica, Verdana, sans-serif;padding:10px 0 0 0; }
#userlistwrap{width:460px;height:300px; overflow:auto;background-color:#ffffff;border-top:1px solid #d3d3d3;border-left:1px solid #d3d3d3;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff;display:inline-block; zoom:1; *display: inline; _height: 300px;margin:0 0 10px 0;}
ul.manageuserlist {padding: 4px 0 4px 10px; width:420px; }
ul.manageuserlist li {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0px; color: #000000; width:80px; display:inline-block; zoom:1; *display: inline; _height: 30px;}
.userinvite p {padding:10px 0 2px 0; clear:both;}
#UsersGrid {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;}
.ui-dialog .ui-dialog-content {box-shadow:none !important;}
#UsersGrid .grid-canvas {}
.slick-headerrow-column.ui-state-default {border-top:none !important;border-bottom:none !important;border-left:none !important; border-right:none !important;}
.ui-widget-content a {
color: #004F69 !important;
}
.ui-widget-content a:hover {color:#00bcff !important;cursor:pointer;}
.ui-dialog .ui-resizable-se {display: none !important;}
.bypassaddy input {width: auto !important;margin: 7px 6px 0 0 !important;}
/* ==|== primary styles =====================================================
Order Creation:
========================================================================== */
.addynotfound {color: #FFFF00;padding: 10px 0 10px 0;font-weight: bold;}
.BypassAddressValidation {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif;color: #FFFF00;}
#EntranceLegal {margin:20px 0 0 0;display:none;}
#tandc {display:block;margin:0 auto;text-align:center;}
#tandc input {width: auto;margin: 0 10px 0 0;float:none;}
#tandc p, #tandc p a {font-size:11px;display:inline-block;}
.legalapprovaltext {height: 100px;overflow: auto;background-color: rgb(255, 255, 255);border: 1px solid #e7e7e7;padding: 5px;clear:both;}
.legalapprovaltext p, .legalapprovaltext ul li {font-size:11px;color:rgb(148, 148, 148);}
/* ==|== primary styles =====================================================
Broker Tutorial:
========================================================================== */
#brokertut {}
#brokertut p {padding:0 0 10px 0;}
#brokertut h1 {font: bold 21px/25px Arial, Helvetica, Verdana, sans-serif; margin: 10px 0 3px 0; padding: 0px; color: #000000;}
#brokertut h3 {font: bold 16px/20px Arial, Helvetica, Verdana, sans-serif; margin: 70px 0 0 0; padding: 8px 0 0 0; color: #000000;border-top:1px solid #e3e3e3;}
#brokertut ul {margin: 0 0 20px 0;}
#brokertut ul p span {font-weight:bold;}
/* =============================================================================
Top Level Navigation Page
========================================================================== */
.tlwrapper {width:920px;margin:20px auto; display:block;overflow:hidden;padding:0; background:#ffffff url(../Images/blurimg.jpg) no-repeat -300px -140px; border-radius:4px; box-shadow: 0px 1px 3px #9D9D9D; -webkit-box-shadow: 0px 1px 3px #9D9D9D;}
.orderTitleTop {width: 920px;background:#0F5074;display: block;clear: both;height:25px;}
.orderTitleTop p { font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif;margin: 0;padding:5px 0 0 10px;color: white;}
.orderTitleTop span {padding:0 0 0 20px;}
.orderhouse {width:580px;float:right;padding: 42px 0 0 0;}
.orderhouse p { text-align:center;font: bold 17px/16px Arial, Helvetica, Verdana, sans-serif;padding: 0 0 10px 0;}
.orderhouse p span {display:block;clear:both;font: bold 11px/16px Arial, Helvetica, Verdana, sans-serif;padding:10px 0 0 0;color:#9B9B9B;}
.orderhouse p.sborder {display:none;}
.orderhouse p.sbproperty {}
.orderhouse p.sbaddress {}
.orderhouse p.sbrepairtotal {display:none;}
/*ul.toplevel {width:540px; min-height: 251px; margin:0 auto; padding:35px 0 0 0; display:block; background: url(../Images/bgTopLevelHouse.png) no-repeat 168px 35px;}*/
.multichecks {width:260px;}
ul.toplevel {float:left;padding:10px 36px 20px 36px;background:rgba(0, 0, 0, 0.8);border-right: 1px solid #000000; }
ul.toplevel li {font: normal 14px/18px Arial, Helvetica, Verdana, sans-serif; color:rgb(145, 145, 145); margin: 0 0 10px 0;}
ul.toplevel li img {margin:-4px 0 0 -24px;}
ul.toplevel li.sections {font: bold 10px/14px Arial, Helvetica, Verdana, sans-serif; color:#798F9E; height:16px; text-transform:uppercase; border-top:1px solid #798F9E; width:240px; margin: 18px 0 0 0;padding: 2px 0 0 0;}
ul.toplevel li a { font: normal 14px/18px Arial, Helvetica, Verdana, sans-serif; color:#FFFFFF; height:30px; width:260px; text-decoration:none;}
ul.toplevel li a:hover {color:#00bcff;}
ul.toplevel li a.multi {display:block;margin:4px 0 4px 0; height:auto; font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;width: 260px;height: 15px;display: inline-block}
ul.toplevel li h5 {color:#000000;}
.helpguides {text-align:center;padding:20px 0 0 0; }
.helpguides a {color:rgb(249, 255, 0);padding:5px 10px;background:rgba(0,0,0,0.6);border-radius:3px; }
.helpguides a:hover {background:rgba(0,0,0,1);text-decoration:none; }
.orderbuttons {width:920px; text-align:center;padding:20px 0 0 0; clear:both;}
.orderbuttons p { text-align:center;}
.orderbuttons p a {padding:0 10px 0 0;}
.orderbuttons p a:last-of-type {padding:0 0 0 0;}
.orderbuttonsEnable {width:920px; text-align:center;padding:20px 0 0 0;clear:both;}
.orderbuttonsEnable p { text-align:center;}
.orderbuttonsEnable p a {padding:0 0 0 0;}
#hideorder #visiblebar {display:none;}
.green {color:#20CE19 !important;}
/* =============================================================================
Profile
========================================================================== */
#profileform {}
.profilehead {color: #000000;font: bold 12px/18px Arial, Helvetica, Verdana, sans-serif !important;margin: 0 0 8px 0;padding:0 !important;border-bottom: 1px solid #000000;display: block !important;}
#profileform ul {width: 390px;padding: 10px;display: inline-block;border: 1px solid #e7e7e7;margin: 0 0 20px 0;}
#profileform ul li {padding:5px 0;font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;}
#profileform ul input, #profileform ul select {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4;clear:none; width: 208px; margin: 2px 0 8px 0; display:inline-block;zoom:1; *display: inline; _height: 30px; }
#profileform ul label { display: inline-block; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; width:160px; float: left; text-align:left; padding: 8px 10px 0 0;zoom:1; *display: inline; _height: 30px; }
#profileform ul li span.field-validation-error {color: red;font:normal 11px/12px arial;display: inline;float: right; clear: both;margin: -4px 0 0 0;}
#profileform a {font-size:11px;line-height:14px;}
.SectionLeft {width:450px;display:inline;float:left;}
.SectionRight {width:450px;display:inline;float:right; }
.registerquestions {width: 430px;display: inline-block;vertical-align:top;}
/* =============================================================================
Registration/Change Password/Confirmation
========================================================================== */
#registrationform {width: 980px;margin: 0 auto;text-align:center;}
.listhead {color: #000000;font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif !important;margin: 10px 0 10px 0; text-align:center; padding:0 0 20px 0;border-bottom:1px solid #aacfe4;display: block !important;}
#registrationform ul {width:390px; padding:0 0 20px 0; display:inline-block;zoom:1; *display: inline; _height: 30px;}
#registrationform ul li {padding:5px 0;font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;}
#registrationform ul input, #registrationform ul select {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4;clear:none; width: 208px; margin: 2px 0 8px 0; display:inline-block;zoom:1; *display: inline; _height: 30px; }
#registrationform ul label { display: inline-block; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; width:160px; float: left; text-align:right; padding: 8px 10px 0 0;zoom:1; *display: inline; _height: 30px; }
#registrationform ul li span.field-validation-error {color: red;font:normal 11px/12px arial;display: inline;float: right; clear: both;margin: -4px 0 0 0;}
#registrationform a {font-size:11px;line-height:14px;}
.SectionLeft {width:450px;display:inline;float:left;}
.SectionRight {width:450px;display:inline;float:right; }
.registerquestions {width: 430px;display: inline-block;vertical-align:top;}
ul.jobfunctions li {display:inline;padding:0 10px 0 0;}
#regconfirmation {width:700px;margin:0 auto;}
#regconfirmation h1 {font: normal 21px/23px Arial, Helvetica, Verdana, sans-serif; text-transform:none;padding:4px 0 20px 0;}
#regconfirmation h1 span {font: bold 14px/20px Arial, Helvetica, Verdana, sans-serif; }
.editor-label {display:block;clear:both;}
.editor-field {display:block;clear:both; margin:0 0 5px 0; height:25px;}
/*#ExpressWrapper {width: 880px;padding: 20px ;border-radius: 4px;margin: 10px 0 20px 0;box-shadow: 0px 1px 3px #888;-webkit-box-shadow: 0px 1px 3px #888;overflow: hidden;background-color: #3093c7;background-image: linear-gradient(to bottom, #3093c7, #1c5a85);}*/
/*#ExpressWrapper {width: 880px;padding: 20px ;border-radius: 4px;margin: 10px 0 20px 0;overflow: hidden;background-color: #1c5a85;background-image: linear-gradient(to bottom, #3093c7, #1c5a85);}*/
#ExpressWrapper {width: 880px;padding: 20px ;border-radius: 4px;margin: 10px 0 20px 0;overflow: hidden;background-color: #13567C;}
#SurveyInfo {width:900px;display:block;margin: 0 0 30px 0;}
#SurveyInfo div {width:auto;display:inline-block;min-height:43px;margin:0 10px 0 0;}
#SurveyInfo div label {color:#ffffff;font-weight:normal !important;}
#SurveyInfo div input, #SurveyInfo div select {font-weight: bold;width:120px;background:#ffffff;}
#OrderInfo {width:900px;display:block;margin:0 !important;}
#OrderInfo div {width:auto;display:inline-block;min-height:43px;margin:0 10px 0 0;}
#OrderInfo div label {color:#ffffff;font-weight:normal !important;}
#OrderInfo div input, #OrderInfo div select {font-weight: bold;width:120px;background:#ffffff;}
.sectionlabel {font-weight: bold;border-bottom:1px solid rgb(27, 112, 168);margin: 0 0 10px 0;padding: 0 0 4px 0;color:rgb(123, 186, 228);text-transform: uppercase;width: 880px;}
/* =============================================================================
Tabbed Navigation
========================================================================== */
#tNavigationWrapper {width:920px; height:60px; background: url(../Images/bgTNav.png) repeat-x 0px 12px; margin:10px auto 0 auto; }
#tNavigationWrapper img {float:right; display:inline;}
.tNavUnit {float:right; display:inline; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#0082ad !important; padding: 6px 6px 0 0;}
ul.tabs {float:left; display:inline; padding:0 0 0 10px; }
ul.tabs li.active {display:inline-block; width:152px; height:25px; background: url(../Images/tabActive.png) no-repeat; float:left;zoom:1; *display: inline; _height: 25px;padding:0;}
ul.tabs li.inactive {display:inline-block; width:152px; height:25px; background: url(../Images/tabInactive2.png) no-repeat; float:left;zoom:1; *display: inline; _height: 25px;padding:0;}
ul.tabs li.active a {font: bold 13px/15px Arial, Helvetica, Verdana, sans-serif; color:#0082ad; text-align:center; display:block; padding: 5px 0 0 0;}
ul.tabs li.inactive a {font: bold 13px/15px Arial, Helvetica, Verdana, sans-serif; color:#b3b3b3; text-align:center; display:block; padding: 5px 0 0 0;}
ul.tabsSubNav {clear:left; float:left; padding:10px 0 0 10px;}
ul.tabsSubNav li {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#dfdfdf; display:inline; padding: 0 16px 0 0;}
ul.tabsSubNav li a {font-weight:bold; color:#0082ad;}
/* =============================================================================
Question groups
========================================================================== */
#SecId_725 {width:920px;clear:both;display:block;overflow:hidden;border-radius:4px;}
.fullcolumnfeature {overflow:hidden;width:920px; padding:0; margin:0;border-radius:4px;}
.fullcolumn, .fullcolumnext, .fullcolumnint {overflow:hidden;width:920px; padding:0; margin:0 0 20px 0;border-radius:4px;}
.singlecolumn {overflow:hidden;width:220px; display:inline;float:left; padding:0 0 10px 10px; background-color:#fafafa; border-radius:4px;margin:0 20px 20px 0; box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;}
.triplecolumn {overflow:hidden;width:660px; display:inline;float:left; padding:0 0 10px 10px; background-color:#fafafa; border-radius:4px;margin:0 0 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;}
.doublecolumnleft {overflow:hidden;width:440px;display:inline;float:left; padding:0 0 10px 10px; background-color:#fafafa; border-radius:4px;margin:0 20px 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;}
.doublecolumnright {overflow:hidden;width:440px;display:inline;float:right; padding:0 0 10px 10px; background-color:#fafafa; border-radius:4px;margin:0 0 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;}
.doublecolumnright h2, .doublecolumnleft h2, { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin:0 0 10px -10px ; padding: 4px 0 4px 8px; width:483px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;}
#SecId_725 h2, .fullcolumn h2, .fullcolumnext h2, .fullcolumnint h2, .fullcolumnfeature h2 {font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif;margin: 0 0 10px 0;padding: 4px 0 4px 10px;width: 100%;color: #ffffff;display: block;clear: both;background: #0F5074;}
.triplecolumn h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 10px -10px; padding: 4px 0 4px 8px; width:642px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;}
.singlecolumn h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 10px -10px; padding: 4px 0 4px 8px; width:202px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;}
/*.fullcolumnext {overflow:hidden;width:910px; padding:0 0 10px 10px; background:#f7f7f7 url(../Images/exteriorback.jpg) no-repeat 527px -136px; border-radius:4px; margin:0 0 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;} */
/*.fullcolumnext h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 7px -10px; padding: 4px 0 4px 8px; width:920px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;} */
/*.fullcolumnint {overflow:hidden;width:910px; padding:0 0 10px 10px; background:#f7f7f7 url(../Images/interiorbackground.jpg) no-repeat 616px -166px; border-radius:4px; margin:0 0 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;} */
/*.fullcolumnint h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 7px -10px ; padding: 4px 0 4px 8px; width:920px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;} */
.fullcolumnitem, .fullcolumndelete {width:920px; padding:0 0 10px 0; margin:0;overflow:hidden;border-right: 1px solid rgb(218, 224, 228);border-left: 1px solid rgb(218, 224, 228);border-bottom: 1px solid rgb(218, 224, 228);}
.fullcolumnitem h2, .fullcolumndelete h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 5px 0; padding: 4px 0 4px 10px; color: #ffffff; display:block; clear:both;background:rgb(137, 160, 175);}
.fullcolumnitem div h2, .fullcolumnhazard div h2, .fullcolumndelete div h2 {font: bold 14px/19px Arial, Helvetica, Verdana, sans-serif;margin: -5px 0 0 0;padding: 7px 0 4px 10px;background: rgb(235, 240, 241);color: #000000;display: block;clear: both; }
.fullcolumnitem select, .fullcolumndelete select {}
.fullcolumnhazard {width:900px; padding:10px; margin:0 0 20px 0; overflow:hidden;border: 1px solid rgb(218, 224, 228);border-radius: 4px;}
.fullcolumnhazard h2{ font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif;margin: -10px 0 5px -10px;padding: 4px 0 4px 10px; display: block;clear: both;width:930px;color: #ffffff;background: #0F5074;}
.i1columnhazard {width:890px; float:left; padding: 0 10px 0 0;margin:0 0 8px 0; }
.i1columnhazard label {color: #000000 !important; padding: 0 0 6px 0;}
.i1columnhazard select {}
.fullcolumncomments {width:920px; padding:0 0 10px 0; margin:20px 0 20px 0;overflow:hidden;}
.fullcolumncomments h2 {margin:0;}
.fullcolumndelete .additemtext {display:none;}
.nohtwo div h2 {display:none !important;}
/* =============================================================================
Question Base
========================================================================== */
.none {display:none;}
label {font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif !important; color:#000000; display:block; padding:0 0 2px 0;}
.labelnone label {visibility:hidden;}
.inputdelete input, .inputdelete select {display:none;}
.labeldelete label {display:none;}
.labelsuffix label {font:italic 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#a8d0e1;}
.lblblue label {color:#57ABCE !important; font-style:italic !important;}
input {font-size: 11px; padding: 3px 2px; border:1px solid rgb(182, 213, 238); width: 190px; margin: 0 0 0 0; color:#000000; float:left;border-radius:2px;background-color: #E1F2FA;} /*aacfe4 old border color*/
select { font-size: 11px; padding: 2px 2px; border:1px solid rgb(182, 213, 238); width: 190px; margin: 0 0 0 0; color:#000000; float:left;border-radius:2px;background-color: #E1F2FA; }
select:focus, input:focus, textarea:focus {border:1px solid #00b6fa; outline:1px solid #00b6fa; }
input[type="image"] {width:auto; border:none;}
input[type="checkbox"] {border:none !important;background-color:#ffffff !important;}
input[type="checkbox"]:focus {border:none !important;}
[readonly="readonly"] {background-color:#F0F0F0}
.selecthide {color:#E1F2FA;}
/* =============================================================================
Older Question Containing widths
========================================================================== */
.i1column {width:920px; float:left; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px;}
.i2column {width:450px; float:left; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px;}
.i3column {width:280px; float:left; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px; }
.i4dcolumn {width:210px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.i4column {width:220px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.i4acolumn {width:94px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
/*.i4acolumn span {display:inline;font:italic 11px/14px Arial, Helvetica, Verdana, sans-serif;float: right;margin: -20px 0 0 0;color:#57ABCE }*/
.i5column {width:174px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.i5icolumn {width:170px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.rccolumn {width:120px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.rclcolumn { float:left; padding: 0 30px 0 0; margin:0 0 15px 0; min-height:43px;}
.trcolumn {width:208px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
.dacolumn {width:100px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.fromtocolumn {width:95px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.gencolumn {width:130px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
.genwidecolumn {width:150px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.genxwidecolumn {width:170px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.genxxwidecolumn {width:200px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.genxxxwidecolumn {width:250px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
.optioncolumn {width:94px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px;}
.optionwidecolumn {width:110px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
.optionxwidecolumn {width:130px; float:left; padding: 0 10px 0 0; margin:0 0 15px 0; min-height:43px; }
.overallcqa {width:138px; float:left; padding: 10px 10px 10px 10px; margin:10px 0 1px 0; min-height:43px;background: #0F5074;}
.overallcqa span, .singleareaquestion span, .m2column span, .i4acolumn span, .qcontainer span, .q5container span, .p4column span, .c1column span, .i1columnhazard span, .optionxwidecolumn span, .optionwidecolumn span, .dacolumn span, .genxxwidecolumn span, .genxxxwidecolumn span, .genxwidecolumn span, .genwidecolumn span, .i5column span, .gencolumn span, .optioncolumn span, .i5icolumn span, .SubTradeTrigger span, .trcolumn span, .i4column span, .i3column span, .i2column span, .i1column span, .r3column span, .r2column span, .r1column span, .rccolumn span, .rclcolumn span, i3lcolumn span, i5column span {color:Red; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; display:none; }
.singleareaquestion {width: 100%;padding: 10px 0 10px 10px;margin: -5px 0 0 0;min-height: 43px;background: rgb(235, 240, 241);}
.overallcqa label {font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#ffffff; }
/*.overallcondition {padding: 10px 0 10px 239px;border-top-left-radius: 4px;background:#0F5074 url(../Images/overall.png) no-repeat 0px 10px;}*/
.overallcondition {padding: 10px 0 10px 239px;border-top-left-radius: 4px;background:#0F5074;}
.overallage {width:160px !important;padding: 10px 225px 10px 0;border-top-right-radius: 4px;}
/* =============================================================================
Responsive Question Containing widths
========================================================================== */
.q5container {width:18%; float:left; vertical-align:top; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px;zoom:1; *display: inline; _height: 30px;}
.q2container {width:40%; float:left; vertical-align:top; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px;zoom:1; *display: inline; _height: 30px;}
.qcontainer {width:22%; float:left; vertical-align:top; padding: 0 10px 0 0;margin:0 0 15px 0; min-height:43px;zoom:1; *display: inline; _height: 30px;}
.SubTradeTrigger {width:94px; float:left; padding: 0 0 0 10px; margin:0 0 20px 0;}
.sttwide {width:120px !important;}
.sttxwide {width:190px !important;}
.sttnarrow {width:90px !important;}
.SubmitBtn {width:94px; float:left; padding: 16px 0 0 0; margin:0 0 0 0; }
.padten {padding:0 10px 0 10px !important;}
.padbottom {padding:0 0 8px 0 !important;}
.pspecial {width:170px; float:left; padding: 0 10px 0 0; margin:0 0 8px 0;}
.pspecial img {display: inline; margin: 0 0 -6px 0; float: left !important;}
.pspecial input {display:none;}
.pspecial label {display:inline;}
/* =============================================================================
Input widths
========================================================================== */
.rdinput input, .rdinput select {width:170px; }
.midinput input, .midinput select {width:120px;}
.cqainput input, .cqainput select {width:137px;}
.numinput input, .numinput select {width:80px;}
.storyinput input {width:400px;}
.featureinput input {width:890px;height:40px !important;}
.featureinput label {font-weight:bold !important;padding:10px 0 4px 0;}
.readonly input, .readonly select {border:0px; background-color:#F0F0F0;}
/* =============================================================================
Label widths
========================================================================== */
/* =============================================================================
Specialty Questions/radio/checkbox
========================================================================== */
.blacklabelcolumn label {color:#000000 !important;}
.blacklabelcolumn {width:880px; float:left; padding: 10px 0 10px 0;margin:0 0 0 0; }
.blacklabelcolumn img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.blacklabelcolumn input {display:none;}
.blacklabelcolumn select { display:none;}
.h4column {width: 280px;height: 41px;float: left;padding: 4px 0 4px 6px;margin: 0 10px 8px 0;background-color:#FAFAFA;-moz-border-radius: 4px;border-radius: 4px;border-bottom: 1px solid #D6D6D6;border-right: 1px solid #D6D6D6;}
.h4column label {color: #044A81 !important;padding: 0 0 2px 0;}
.h4column select { font-size: 11px; padding: 2px 2px; border: solid 1px #c2c2c2; margin: 0 0 0 0; color:#8f8f8f; float:left; }
.h4column input[type="checkbox"] {width:14px;height: 24px;margin:0 5px 0 0 ;}
.h4columnsp {width: 280px;height: 56px;float: left;padding: 4px 0 4px 6px;margin: 0 10px 8px 0;background-color:#FAFAFA;-moz-border-radius: 4px;border-radius: 4px;border-bottom: 1px solid #D6D6D6;border-right: 1px solid #D6D6D6;}
.h4columnsp label {color: #044A81 !important;padding: 0 0 2px 0;}
.h4columnsp select { font-size: 11px; padding: 2px 2px; border: solid 1px #c2c2c2; margin: 0 0 0 0; color:#8f8f8f; float:left; }
.h4columnsp input[type="checkbox"] {width:14px;height: 24px;margin:0 5px 0 0;}
.labelcolumn {width:920px; clear:both; margin:0 0 0 0;}
.labelcolumn label {padding: 0 0 10px 0;}
.labelcolumn img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.labelcolumn input {display:none;}
.labelcolumn select { display:none;}
.labelcolumnblock {width: 280px;clear: both;margin: 0 0 0 0;height: 50px;float: left;padding: 0 10px 0 0;}
.labelcolumnblock label {}
.labelcolumnblock img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.labelcolumnblock input {display:none;}
.labelcolumnblock select { display:none;}
.labelcolumnhazard {width: 920px;clear: both;margin: 0 0 4px 0;display: block;padding: 10px 0 0 0;}
.labelcolumnhazard label {color:#000000 !important}
.labelcolumnhazard img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.labelcolumnhazard input {display:none;}
.labelcolumnhazard select { display:none;}
.defineareadescription {width:100%;float: left;padding: 4px 10px 3px 10px;margin: 0 0 10px -10px;}
.defineareadescription label { font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important;}
.defineareadescription img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.defineareadescription input {display:none;}
.defineareadescription select { display:none;}
.descriptioncolumn {width:920px; float:left; padding: 0 10px 10px 0;margin:0 0 0 0; }
.descriptioncolumn label { font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important;}
.descriptioncolumn img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.descriptioncolumn input {display:none;}
.descriptioncolumn select { display:none;}
.multiinputlabel {width:174px; float:left; padding: 17px 10px 0 10px; margin:0 0 8px 0; }
.comments {width:920px; clear:both; padding: 7px 0 4px 0; margin: 0 0 8px 0; height:40px;}
.comments label {display: none; }
.comments input {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width:100%; margin: 2px 0 13px 0; clear:both}
.comments textarea {font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width:99%; height:40px; margin: 2px 0 13px 0; clear:both;background-color: #E1F2FA;float:left;}
.comments select { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 300px; margin: 2px 0 13px 10px; }
.showlabel label {display:block !important;}
.marketingcomments {width:900px; clear:both; padding: 7px 0 4px 0; margin: 0 0 8px 0; }
.marketingcomments span {display: none; }
.marketingcomments input {float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 890px; margin: 2px 0 13px 0; clear:both}
.marketingcomments textarea {font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 892px; height:40px; margin: 2px 0 13px 0; clear:both;background-color: #E1F2FA;float:left;}
.marketingcomments select { float: left; font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 300px; margin: 2px 0 13px 10px; }
.commentshazard {width:900px; clear:both; padding: 7px 0 4px 0; margin: 0 0 8px 0; height:40px; display:block;}
.commentshazard label {display: block; color:#000000 !important; }
.commentshazard input { font-size: 12px; padding: 4px 2px; border: solid 1px #d1d1d1 !important; width: 890px; margin: 2px 0 13px 0; clear:both; display:block !important;}
.commentshazard textarea { font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 900px; height:40px; margin: 2px 0 13px 0; clear:both;display:block;background-color: #E1F2FA;}
/* blank to blank*/
.btbcolumn { display:inline-block; padding: 0 10px 0 0; margin:0 0 8px 0;zoom:1; *display: inline; _height: 30px; }
.btbcolumn label {display:inline;}
.btbcolumn img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.btbcolumn input {font-size: 12px; padding: 4px 2px; border: solid 1px #aacfe4; width: 60px; margin: 0 0 0 0; display:inline-block;zoom:1; *display: inline; _height: 30px; }
.btbcolumn select { font-size: 12px; padding: 3px 2px; border: solid 1px #aacfe4; width: 60px; margin: 0 0 0 0; display:inline-block; zoom:1; *display: inline; _height: 30px;}
.btbcolumn input[type="checkbox"] {clear:none; float:left; display:inline; padding:0 0 0 4px; width:20px;}
.btbcolumn select[multiple] {display:block; width:200px; height:87px;}
.r1column {width:920px; clear:both; padding:8px 0; display:inline-block;zoom:1; *display: inline; _height: 30px;}
.r1column label {display: inline-block; text-align: left; zoom:1; *display: inline; _height: 30px;}
.r1column input[type="radio"] {width: 17px; margin: 0 0 0 16px;clear: none;display: inline;}
.r1column img {padding: 4px 0 0 4px;}
.r1column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.r2column {width:440px; float:left; padding:10px 0;}
.r2column label:first-of-type {display: block;}
.r2column label {display: inline-block;zoom:1; *display: inline; _height: 30px; }
.r2column input {padding: 4px 2px; margin: 2px 0 0 10px;}
.r2column input[type="radio"] {width: 17px;}
.r2column img {padding: 4px 0 0 0;}
.r2column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.r3column {width:330px; float:left; padding:10px 0; }
.r3column label {display: inline-block; max-width: 146px;zoom:1; *display: inline; _height: 30px;}
.r3column input {padding: 4px 2px; margin: 2px 0 0 6px;}
.r3column img {padding: 4px 0 0 0;}
.r3column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.r4column {width:220px; float:left; padding:10px 0;}
.r4column label {display: inline-block; zoom:1; *display: inline; _height: 30px;}
.r4column input {padding: 4px 2px; margin: 2px 0 0 10px;}
.r4column input[type="radio"] {width: 17px;}
.r4column img {padding: 4px 0 0 0;}
.r4column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.c1columnins {width:920px; clear:both; padding: 0 0 0 0; margin:0 0 8px 0;}
.c1columnins div ul li {width:275px; display:inline-block;zoom:1; *display: inline; _height: 30px;padding: 3px 0 3px 0;}
.c1columnins div ul li label {display: inline-block; float:left; zoom:1; *display: inline; _height: 30px;color:#57ABCE !important;padding: 0 10px 0 0;}
.c1columnins div ul li input[type="checkbox"] {width: 17px; margin: 0 3px 0 0; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px; border:none !important;}
.c1columnins img {padding: 4px 0 0 4px;}
.c1columnins p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.c1column {width:920px; clear:both; padding: 0 0 0 0; margin:0 0 8px 0;}
.c1column div ul li {width:177px; display:inline-block;zoom:1; *display: inline; _height: 30px;padding: 3px 0 3px 0;}
.c1column div ul li label {display: inline-block; float:left; zoom:1; *display: inline; _height: 30px;color:#57ABCE !important;padding: 0 10px 0 0;}
.c1column div ul li input[type="checkbox"] {width: 17px; margin: 0 3px 0 0; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px; border:none !important;}
.c1column img {padding: 4px 0 0 4px;}
.c1column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
/*.c1column div ul li input.input-validation-error {border:1px solid #000000 !important;}*/
input[type="checkbox"]:checked ~ label {color: #000000 !important;}
input[type="checkbox"].input-validation-error ~ label {color: rgb(0, 0, 0) !important;background-color: rgb(255, 255, 144);border: solid 1px rgb(235, 207, 0) !important;}
.c1column div ul li input:disabled ~ label {color:#BDBDBD !important;}
.yellowerror {color: rgb(0, 0, 0) !important;background-color: rgb(255, 255, 144);border: solid 1px rgb(235, 207, 0) !important;}
.c1columnhazard {width:900px; clear:both; padding: 0 0 0 0; margin:0 0 8px 0;}
.c1columnhazard label {display:none;}
.c1columnhazard div ul {padding:0 0 12px 0;}
.c1columnhazard div ul li {width:300px;height:14px; display:inline-block;zoom:1; *display: inline; _height: 14px;padding: 3px 0 3px 0;}
.c1columnhazard div ul li label {display: inline-block;width:270px; float:left; zoom:1; *display: inline; _height: 30px;color:#757575 !important;padding: 0 10px 0 0;}
/*.c1columnhazard div ul li input[type="checkbox"] {width: 17px; margin: 0 3px 0 0; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px; border:none !important;}*/
.c1columnhazard div ul li input[type="checkbox"] {display:none !important;}
.c1columnhazard img {padding: 4px 0 0 4px;}
.c1columnhazard p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.c1columnhazardinsp {width: 884px;clear: both;padding: 6px 0 6px 6px;margin: 0 0 8px 0;}
.c1columnhazardinsp label {color:#000000 !important;font: bold 13px/15px Arial, Helvetica, Verdana, sans-serif !important;padding:0 0 10px 0;}
.c1columnhazardinsp div ul li {width:177px; display:inline-block;zoom:1; *display: inline; _height: 30px;padding: 3px 0 3px 0;}
.c1columnhazardinsp div ul li label {display: inline-block; float:left; zoom:1; *display: inline; _height: 30px;color:#57ABCE !important;padding: 0 10px 0 0;background:none !important;width:130px !important;margin: 0 0 0 0 !important;font:bold 11px/14px Arial, Helvetica, Verdana, sans-serif !important;}
.c1columnhazardinsp div ul li input[type="checkbox"] {width: 17px; margin: 0 3px 0 0; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px; border:none !important;}
.c1columnhazardinsp img {padding: 4px 0 0 4px;}
.c1columnhazardinsp p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.cbcolumn {width:177px; display:inline-block;zoom:1; *display: inline; _height: 30px;padding: 3px 0 3px 0;}
.cbcolumn label {display: inline-block; zoom:1; *display: inline; _height: 30px;color:#57ABCE !important; padding: 0 0 0 0;}
.cbcolumn input[type="checkbox"] {width: 17px; height:23px; margin: 0 2px 0 0; float:left; display:inline-block; zoom:1; *display: inline; _height: 23px; border:none !important;}
.c2column {width: 620px;display: inline-block;height: 40px;padding: 10px 0 0 0;margin: 14px 0 0 0;zoom:1; *display: inline; _height: 40px;}
.c2column label {display: inline-block; float:left; text-align: right; zoom:1; *display: inline; _height: 30px;}
.c2column input[type="checkbox"] {width: 17px !important; margin: 0 0 0 20px; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px;clear:none !important;}
.c2column img {padding: 4px 0 0 4px;}
.c2column p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
.floor {width:940px; clear:both; height:50px; margin:10px 0 0 0;}
.floor label {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#4e4e4e !important; margin: 0 20px 0 0;zoom:1; *display: inline; _height: 30px; }
.floor input {padding: 4px 2px; margin:0 4px 0 0; width:24px; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important;}
.floor img {padding: 4px 0 0 4px; margin: 0 0 -7px 0; }
.closet {width:940px; clear:both; height:50px; margin:10px 0 0 0;}
.closet label {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#4e4e4e !important; margin: 0 20px 0 0;zoom:1; *display: inline; _height: 30px; }
.closet input {padding: 4px 2px; margin:0 4px 0 0; width:30px;}
.closet img {padding: 4px 0 0 4px; margin: 0 0 -7px 0; }
input.input-validation-error , select.input-validation-error, .field-validation-error {font-size: 11px; padding: 2px 2px; border:solid 1px rgb(235, 207, 0) !important; margin: 0 0 0 0; float:left; color:#8f8f8f;background-color:rgb(255, 255, 144) !important;}
input.input-validation-error:focus , select.input-validation-error:focus {border:1px solid #00b6fa !important; }
.rule-validation-error {background-color:rgb(255, 255, 144) !important;border:1px solid rgb(235, 207, 0) !important;}
.inspectorCity {width:140px;float: left;vertical-align: top;padding: 0 10px 0 0;margin: 0 0 15px 0;min-height: 43px;}
.inspectorState {width:100px;float: left;vertical-align: top;padding: 0 10px 0 0;margin: 0 0 15px 0;min-height: 43px;}
.inspectorZip {width:100px;float: left;vertical-align: top;padding: 0 10px 0 0;margin: 0 0 15px 0;min-height: 43px;}
.inspectorZip input {width:70px;}
.inspectorCity input {width:120px;}
.inspectorState select {width:80px;}
.inspectorCity span, .inspectorState span, .inspectorZip span {display:none;}
/* =============================================================================
Photos area
========================================================================== */
.description label {font:normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; padding: 0px; color: #000000 !important; display:block; margin:0 0 10px 0;}
.p4column {width:100px; float:left; padding: 0 10px 0 0; margin:0 0 8px 0; }
.p4colum label {}
.p4column img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.p4column input {font-size: 11px; padding: 4px 2px; border: none; width: 160px; margin: 2px 0 0 -3px; display:block; clear:both; background:none; visibility:hidden; }
.p4column input:focus {border:none !important; outline:none !important;}
.p4column select { font-size: 12px; padding: 3px 2px; border: solid 1px #aacfe4; width: 190px; margin: 2px 0 0 0; display:block; clear:both; }
.p4column input[type="checkbox"] {clear:none; float:left; display:inline; padding:0 0 0 4px; width:20px;}
.p4column select[multiple] {display:block; width:200px; height:87px;}
.areaphoto {display:block; padding: 0 10px 0 0; margin:20px 0; }
.areaphoto label {display:inline-block;padding:2px 3px 2px 2px;zoom:1; *display: inline; _height: 30px;font:bold 11px/15px Arial, Helvetica, Verdana, sans-serif !important;}
.areaphoto img {display:inline;margin: 0 0 -7px 0;}
.areaphoto input {display:none;}
/* =============================================================================
Field Inspection
========================================================================== */
.fiwrapper {width:450px;float:left; display:inline; margin:0 10px 0 0;}
.fim {height:60px; width:400px; float:left; padding: 0 0 0 0; }
.fim label { font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; }
.fim input { font-size: 11px; padding: 3px 2px; border: solid 1px #aacfe4; width: 350px; margin: 2px 0 13px 0; display:block; clear:both;}
.fil {height:60px; width:220px; float:left; padding: 0 0 0 0; }
.fil label { font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; }
.fil img {display:inline; padding: 0 0 0 4px; margin: 0 0 -3px 0;}
.fil input { font-size: 11px; padding: 3px 2px; border: solid 1px #aacfe4; width: 80px; margin: 2px 0 13px 0; display:block; clear:both;}
.fil select { font-size: 11px; padding: 2px 2px; border: solid 1px #aacfe4; width: 80px; margin: 2px 0 13px 0; display:block; clear:both; }
.fir {height:60px; width:175px; float:left; margin: 0 40px 0 0; }
.fir label { }
.fir img {display:none;}
.fir input { font-size: 11px; padding: 3px 2px; border: solid 1px #aacfe4; width: 175px; margin: 2px 0 13px 0; display:block; clear:both;}
.fir select { font-size: 11px; padding: 2px 2px; border: solid 1px #aacfe4; width: 175px; margin: 2px 0 13px 0; display:block; clear:both; }
.fiSectionLeft {width:450px;display:inline;float:left;clear:both;}
.fiSectionLeft h2, .fiSectionRight h2 { font: bold 13px/16px Arial, Helvetica, Verdana, sans-serif; margin: 20px 0 20px 0; padding: 4px 0 4px 8px; width:442px; background: #004D6B url(../Images/bgH2.png) repeat-x; -moz-border-radius: 4px; border-radius: 4px; color: #ffffff; display:block; clear:both;}
.fiSectionRight {width:450px;display:inline;float:right; overflow:hidden;}
/* =============================================================================
Marketability
========================================================================== */
.m3column {width:280px; float:left; padding: 0 10px 0 0;margin:0 0 8px 0;}
.m3column label {width:200px;}
.m2column {width:400px; float:left; padding: 0 10px 0 0;margin:0 0 8px 0;}
.m2column label {width:400px;}
.mcheckcolumn {width:615px; clear:both; padding: 0 0 0 0; margin:0 0 8px 0;}
.mcheckcolumn label {display: inline;}
.mcheckcolumn {display:inline-block;zoom:1; *display: inline; _height: 30px;padding: 3px 0 3px 0;}
.mcheckcolumn label {display: inline-block; float:left; zoom:1; *display: inline; _height: 30px; padding: 0 19px 0 0;color:#57ABCE !important; }
.mcheckcolumn input[type="radio"] {width: 17px; margin: 0 3px 0 0; float:left; display:inline-block;zoom:1; *display: inline; _height: 30px;border:none !important;}
.mcheckcolumn img {padding: 4px 0 0 4px;}
.mcheckcolumn p {display: inline-block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif !important; color:#000000 !important; text-align: right;zoom:1; *display: inline; _height: 30px;}
/* =============================================================================
Value Management
========================================================================== */
.vmrecap {margin:0 0 20px 0;overflow:hidden;width:920px; border-radius:4px; margin:0 0 20px 0;background:#f7f7f7;}
.vmrecap h2 { font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 5px 0; padding: 4px 0 4px 10px; color: #ffffff; display:block; clear:both;background: #0F5074;}
.vmrecap ul {padding:0 0 20px 10px;width:420px;display:inline;float:left;}
.vmrecap ul li {height:18px;}
.vmrecap ul li p {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 0 0 0; color: #000000; width:200px;display:inline-block;zoom:1; *display: inline; _height: 30px;}
.vmrecap ul li span {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif !important;color: #004D6B;display:inline;}
.vmrecap ul li.vmheads { font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif; margin:20px 0 0 0; background:none;color: #000000; }
/* =============================================================================
Comparables
========================================================================== */
.fullcolumncomp {width:920px; padding:0 0 10px 0; background:#f7f7f7 url(../Images/compBacking3.jpg) repeat-y; border-radius:4px; margin:0 0 20px 0;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;overflow:hidden;}
.fullcolumncomp h2{ font: bold 12px/16px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 10px -10px; padding: 4px 0 4px 20px; width:920px; background: #004D6B; -moz-border-radius: 0; border-radius: 0; color: #ffffff; display:block; clear:both;border-bottom:none;}
.subcomp {width:368px; float:left; display:inline; margin:0 0 20px 0; } /*background-color:#f7f7f7;box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888;border-radius:4px;*/
.subcomp .subfield { font:bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; height:30px; padding:8px 0 0 11px; width:335px; margin:0 0 0 0; float:none; }
.subcomp .subfield input {font-size: 11px; padding: 4px 2px; width: 150px; display:inline; float:left; clear:none;border: 1px solid #e4e4e4;background-color:#ffffff; }
.subcomp .subfield select{font-size: 11px; padding: 4px 2px; width: 156px; display:inline; float:left; clear:none;border: 1px solid #e4e4e4;background-color:#ffffff; }
.subcomp .subfield label, .subcomp .p4column label {font:bold 13px/14px Arial, Helvetica, Verdana, sans-serif; text-align:right; color:#ffffff !important; width:150px ;padding:0 25px 0 1px; height:22px; display:inline; float:left;}
.activecomp {width:166px; float:left; display:inline; margin:0 0 10px 0;padding:0 0 0 16px;}
.activecomp div { font:bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; height:30px; padding:8px 10px 0 0; float:none; margin:0 0 0 0; width:166px; }
.activecomp div input, .activecomp input {font-size: 11px; padding: 4px 2px; width: 150px;border: 1px solid #e4e4e4;background-color:#ffffff; }
.activecomp .subfield select, .activecomp select {font-size: 11px; padding: 4px 2px; width: 156px; border: 1px solid #e4e4e4;background-color:#ffffff; }
.activecomp .subfield label, .activecomp .adjsm label, .activecomp .adjmed label, .activecomp label {display:none;}
.activecomp .adjsm {height:30px; margin:0 0 0 0;display:inline; float:left; width:39px;}
.activecomp .adjmed {height:30px; margin:0 6px 0 0;display:inline; float:left; width:100px;}
.activecomp .adjsm input {font-size: 11px;padding:4px 2px; width: 39px ;}
.activecomp .adjmed input {font-size: 11px;padding:4px 2px;width: 100px;}
.activecomp .adjmed select {font-size: 11px;padding:4px 2px;width: 106px;}
.activecomp .multi select[multiple], .subcomp .multi select[multiple] {font-size: 11px;padding: 4px 2px;border: solid 1px #dddddd;width: 106px;margin: 0 5px 0 0;height:100px; }
.activecomp .multi, .subcomp .multi {height:100px;}
.subcomp .p4column {font:bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; height:30px; padding:8px 0 0 11px; width:335px; margin:0 0 0 0; float:none;}
.subcomp .p4column input, .subcomp .p4column a {display:none;}
.activecomp .p4column a img {display:block;margin: 0 0 -12px 4px !important;}
.compReadOnly {background-color:#d3d3d3 !important;border:1px solid #c0c0c0;}
#ClientBusErrs {padding: 0 0 0 0;}
#ClientBusErrs li {font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 5px 0 5px 10px;color: black;border-bottom: 1px solid #D5D5D5;}
#ClientBusErrs li span {color:Red;}
.comperrors {display:block;clear:both;}
.comperrors h3 {color:black !important; padding: 15px 0 4px 10px; text-shadow:none !important;font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif !important;border-radius:4px;}
.activecompHeadFirst {width:196px; float:left; display:inline; margin:0 0 10px 0;}
.activecompHead {width:178px; float:left; display:inline; margin:0 0 10px 0;}
.activecompHead h3, .activecompHeadFirst h3 { font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0px; padding: 0 0 0 12px; color: #000000;}
.subcomp span, .activecomp span {display:none;}
.subcomp .subfield img, .activecomp img {display:none;}
.choosebestcomp {width:356px; float:left; display:inline; margin:20px 0 20px 0;}
.choosebestcomp p {font:bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:5px 5px 0 11px; height:22px; background-color:#ffffff;}
.activecomp div input[hascomment=true], .activecomp input[hascomment=true], .activecomp .adjsm input[hascomment=true] {background-color: #1B78AC !important;color: #ffffff !important;}
.activecomp div select[hascomment=true], .activecomp select[hascomment=true] {background-color: #1B78AC !important;color: #ffffff !important;}
.ordercomp select {width:50px !important;cursor:pointer;}
.loadingComps {display:none; width:100%;height:100%;position:absolute;top:0;left:0;z-index:20;}
.overlayopacity {width:100%;height:100%;background-color:#000000;opacity:0.9;position:relative;top:0;left:0;z-index:30;}
#waitinginfo {width: 500px;height:100px;position: absolute;top: 200px;left: 235px;z-index: 40;background: none;}
#waitinginfo p {color:#ffffff;font-weight:bold;text-align:center;padding:0 0 20px 0;}
#spinnerHolder {display:block;width:400px;height:50px;margin:0 auto;}
.displayit {display:block !important;}
#SelectComparable {display: none;height:530px !important;overflow:hidden;background: #279fce !important; /* Old browsers */
background: -moz-linear-gradient(top, #279fce 0%, #208bbc 25%, #16648c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279fce), color-stop(25%,#208bbc), color-stop(100%,#16648c)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279fce', endColorstr='#16648c',GradientType=0 ) !important;}
/* =============================================================================
IPAD COMPARABLE MULTI SELECT FIX
========================================================================== */
@media only screen and (device-width: 768px) {
.activecomp .multi, .subcomp .multi {height:auto;}
}
/* =============================================================================
Area Types
========================================================================== */
#areablocks {width:736px; margin: 10px 0 30px 0;float:right;}
.areablockheader {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif;display:block;padding: 0 0 0 10px;}
/*#areablocks a {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif !important;font-weight: bold !important;background: url(../Images/bgAreaGeneric.png) no-repeat;text-decoration: none;color: #0082AD;display: inline-block;width: 170px;height: 26px;margin: 15px 0 0 0;padding: 144px 0 0 0;text-align: center;position: relative; zoom:1; *display: inline; _height: 26px;}*/
.areaholder {height:134px;width:134px;display:inline-block;position:relative;margin: 0 5px 5px 0;}
#areablocks .areaholder a {font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif !important;font-weight: bold !important;background: url(../Images/bgAreaGeneric.png) no-repeat;text-decoration: none;color: #0082AD;display: inline-block;width: 134px;height: 21px;margin: 15px 0 0 0;padding: 113px 0 0 0;text-align: center;position: relative;zoom: 1;_height: 26px;background-size: 100% !important;}
#areablocks .areaholder a:hover {color:rgb(236, 132, 0);opacity:.7;}
.areaicon {width:60px; height:60px; background-size:60px 60px; display:inline-block; zoom:1; *display: inline; _height: 30px; margin:-30px 0 5px 0; float:right;}
.areaicon a {background: url(../Images/bgAreaGeneric.png) no-repeat; background-size:60px 60px !important; width:60px; height:60px; display:block; -moz-background-size:60px 60px;}
/*#areablocks a.deleteArea {margin: 0 -26px 134px 15px;width: 16px;height: 16px;background: url(../Images/deletesmall2.png) no-repeat;padding: 0 !important;display: inline-block;position: relative;z-index: 5;zoom:1; *display: inline; _height: 16px;}*/
#areablocks .deleteArea {margin:0;width: 16px;height: 16px;background: url(../Images/deletesmall2.png) no-repeat;position: absolute;top: 20px;left: 5px;z-index:5;}
#areablocks .deleteArea:hover { background-position: 0 -16px;}
a.backtocr { color:#0082ad; font-size:13px !important;}
a.backtocr:hover {text-decoration:underline;color:#ff7e00;}
a.backtocr img {margin:0 6px -1px 0;}
.areaheader {font: bold 19px/22px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0 0 2px 0;color: black;text-transform: none; }
.generalheader {font: bold 17px/20px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0 0 15px 0;color: black;text-transform: none; }
.areablockslist {float:left;width:160px;margin: 10px 0;}
ul.addarealist {margin:0 0 20px 0;padding:0;}
ul.addarealist li {font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;margin:0;padding:4px 0;border-bottom:1px solid #e4e4e4;color:#0082ad;cursor:pointer;}
ul.addarealist li:hover {background-color:#D8F5FF;color:#000000;}
ul.addarealist li span {float:right;color:#000000;}
.arealisthead {padding: 0 0 2px 0 !important;color: #000000 !important;}
.ui-dialog .ui-dialog-buttonpane #AreaDeleteButton {border: none;width:92px;height:24px;background: url(../Images/btnAreaDelete.png) no-repeat !important; display:inline-block;margin:0 20px 0 44px !important;zoom:1; *display: inline; _height: 24px;}
.ui-dialog .ui-dialog-buttonpane #AreaCancelButton {border: none;width:92px;height:24px;background: url(../Images/btnAreaCancel.png) no-repeat !important; display:inline-block;zoom:1; *display: inline; _height: 24px;}
#dialog-confirm {height:auto !important;}
.Area_ATIC {background: url(../Images/atAttic.png) no-repeat !important;}
.Area_HLWY {background: url(../Images/atHallway.png) no-repeat !important;}
.Area_BED {background: url(../Images/atMasterBed.png) no-repeat !important;}
.Area_BATH {background: url(../Images/atMasterBath.png) no-repeat !important;}
.Area_HBTH {background: url(../Images/atHalfBath.png) no-repeat !important;}
.Area_ENFY {background: url(../Images/atEntry.png) no-repeat !important;}
.Area_KIT {background: url(../Images/atKitchen.png) no-repeat !important;}
.Area_OFCE {background: url(../Images/atOffice.png) no-repeat !important;}
.Area_DGRM {background: url(../Images/atDining.png) no-repeat !important;}
.Area_LVRM {background: url(../Images/atLivingRoom.png) no-repeat !important;}
.Area_BASE {background: url(../Images/atBasement.png) no-repeat !important;}
.Area_LDRM {background: url(../Images/atLaundry.png) no-repeat !important;}
.Area_FIRE {background: url(../Images/atFireplace.png) no-repeat !important;}
.Area_FMRM {background: url(../Images/atFamilyRoom.png) no-repeat !important;}
.Area_CHMN {background: url(../Images/atChimney.png) no-repeat !important;}
.Area_DECK {background: url(../Images/atDeck.png) no-repeat !important;}
.Area_POOL {background: url(../Images/atPool.png) no-repeat !important;}
.Area_FOUN {background: url(../Images/atGeneralExterior.png) no-repeat !important;}
.Area_SNRM {background: url(../Images/atSun.png) no-repeat !important;}
.Area_BALC {background: url(../Images/atBalcony.png) no-repeat !important;}
.Area_PATO {background: url(../Images/atPatio.png) no-repeat !important;}
.Area_PRCH {background: url(../Images/atPorch.png) no-repeat !important;}
.Area_GAR {background: url(../Images/atGarage.png) no-repeat !important;}
.Area_EDW {background: url(../Images/atDoorWin.png) no-repeat !important;}
.Area_HARD {background: url(../Images/atHardscape.png) no-repeat !important;}
.Area_SYSI {background: url(../Images/atSystem.png) no-repeat !important;}
.Area_SYSE {background: url(../Images/atSystem.png) no-repeat !important;}
.Area_INT {background: url(../Images/atINS.png) no-repeat !important;}
.Area_EXT {background: url(../Images/atSystem.png) no-repeat !important;}
.Area_COMPLETE {background: url(../Images/atComplete.png) no-repeat !important;}
.legend {font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif;color: black;height:30px;margin:0;clear:both;padding: 20px 0 0 0;text-align:right;}
.legend img {margin: 0 0 -1px 0;padding: 0 5px 0 0;display:inline-block;}
.legend span {padding:0 20px 0 0;}
/* =============================================================================
Item Grid
========================================================================== */
.itemgrid {width:920px; display:block; clear:both;}
.columnheads {display:block;background-color: rgb(235, 240, 241);margin: -5px 0 8px 0; }
.columnheads ul {width:920px; padding:0 0 2px 0;}
.columnheads ul li.lrghead {width:140px; display:inline-block; text-align:center;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; margin: 2px 10px 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.medhead {width:119px; display:inline-block; text-align:center;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; margin: 2px 38px 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.subcathead {width:151px; display:inline-block; font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119); margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.percenthead {width:48px; display:inline-block; font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119); margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.conditionhead {width:146px; display:inline-block; font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119); margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.qualityhead {width:143px; display:inline-block;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119);; margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.agehead {width:144px; display:inline-block;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119); margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.statushead {width:119px; display:inline-block;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:rgb(73, 101, 119); margin: 2px 0 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.smallhead {width:68px; display:inline-block; text-align:center;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; margin: 2px 10px 0 0;zoom:1; *display: inline; _height: 30px; }
.columnheads ul li.placeholderhead {width:24px; display:inline-block; text-align:center;font: bold 11px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; margin: 2px 6px 0 0;zoom:1; *display: inline; _height: 30px; }
.row {width: 920px;display: block;clear: both;min-height: 30px;padding: 6px 0 2px 0;}
.row p {font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding: 4px 8px 0 0; float:left;}
.itemgrid .row input { float: left; font-size: 11px; padding: 2px; width: 30px; margin: 2px 18px 4px 0; clear:none; background-color:#ffffff;border:1px solid rgb(202, 202, 202);}
.itemgrid .row label { display: block; font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#4e4e4e; float: left;}
.itemgrid .row select.med { float: left; font-size: 12px; padding: 2px; width: 137px; margin: 2px 35px 4px 0; clear:none; }
.itemgrid .row select.required { float: left; font-size: 11px; padding: 2px; width: 137px; margin: 2px 12px 4px 0; clear:none; }
.itemgrid .row select.small { float: left; font-size: 12px; padding: 4px 2px; width: 70px; margin: 2px 15px 13px 0; }
.itemgrid .row img {display:inline; float:left; margin:0 16px 0 5px;}
.itemgrid .row p.catsub { float: left; font-size: 12px; padding: 4px 2px; width: 137px; margin: 2px 10px 0 0; overflow:hidden; }
.addbutton {padding:6px 0 0 37px;}
.itemgrid .row .itemgridimg {display:inline; float:left; margin:2px 5px 0 0;cursor:pointer;}
.itemgrid .row a img {display:inline; float:left; margin:0 16px 0 93px;}
.percentspacer {float: left; font-size: 12px; padding: 2px; width: 30px; margin: 2px 18px 4px 0; clear:none;border: solid 1px #ffffff; border-radius: 3px;height: 16px;}
.delete {visibility:visible;}
.deletedisabled {visibility:hidden;}
.areatotal {width:920px; height:100px; margin:0 0 20px 0;}
.areatotal img {display:inline; float:left; padding: 7px 0 0 240px;}
.areatotal p {font: bold 15px/18px Arial, Helvetica, Verdana, sans-serif; color:#4e4e4e; padding: 4px 28px 0 0; float:left;}
.areatotal p span{font: bold 22px/26px Arial, Helvetica, Verdana, sans-serif; color:#559f34; }
.sssholder {position: fixed;z-index: 11;min-height:97px;display: block;top: 0;width: 920px;}
.ssshidden {display:none;width: 900px;margin: 69px auto 29px auto;padding: 20px 10px 25px 10px;overflow: hidden;
background-color: #FDFDFD !important;
background: linear-gradient(to bottom, #FDFDFD 0%,#FAFAFA 100%) !important;
box-shadow: 0px 0px 10px #A5A5A5;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.ssstoggleholder {position:absolute;bottom:0;cursor:pointer;text-align:center;width:100%;}
.ssstoggle {width:233px;height:29px;background: url(../Images/toggleback2.png) no-repeat 0 0;display:block;margin:0 auto;}
.ssstoggle:hover { background-position:0px -29px !important; }
.sssactive { background-position:0px -58px !important; }
.sssactive:hover { background-position:0px -87px !important; }
.sssinstructionfull {color: #666;padding: 10px;margin: 0 0 10px 0;line-height: 17px;}
.sssinstruction {color: #000000;padding: 10px;margin: 0 0 8px 0;line-height: 17px;}
.sssinstruction span, .sssinstructionfull span {font-weight:bold;font-size:14px;display:block}
.ssslist {color:#000000;display:inline-block;width:292px;font-weight:bold;}
.blackdrop {position:fixed;top:0;bottom:0;left:0;width:100%;z-index:10;background:#ffffff;opacity:.9;display:none;}
.blackdrop2 {position:fixed;top:0;bottom:0;left:0;width:100%;z-index:10;background:#ffffff;opacity:.9;display:block;}
/* =============================================================================
Repair Detail
========================================================================== */
.blue {background-color:#cde0f4; border: 1px solid #cde0f4;}
.lightblue {background-color:#e6eef7;}
.red {background-color:#930000; }
.repair {display:block; width:920px; clear:both; }
.repairwrapper { margin: 20px 0 0 0; }
ul.repairheaders {width:900px; font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#5B6269; padding:10px 0 7px 20px;}
ul.repairtotals {width:900px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:5px 0 4px 20px; }
ul.repairdetail {width:900px; padding: 0 0 4px 20px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#16528f; }
ul.repairdetail li, ul.repairheaders li, ul.repairtotals li {display:inline;}
ul.repairdetail li.lrg a {cursor:pointer;font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;color: #16528F;}
ul.repairdetail li.sm, ul.repairheaders li.sm {display:inline-block; width:50px;zoom:1; *display: inline; _height: 30px;}
ul.repairdetail li.code, ul.repairheaders li.code {display:inline-block; width:110px;zoom:1; *display: inline; _height: 30px;}
/* ul.repairdetail li.md, ul.repairheaders li.md {display:inline-block; width:60px;zoom:1; *display: inline; _height: 30px;} */
/* ul.repairdetail li.lrg, ul.repairheaders li.lrg {display:inline-block; width:240px;zoom:1; *display: inline; _height: 30px;} */
ul.repairtotals li.sm {display:inline-block; width:50px;zoom:1; *display: inline; _height: 30px;}
ul.repairtotals li.code {display:inline-block; width:110px;zoom:1; *display: inline; _height: 30px;}
/* ul.repairtotals li.md {display:inline-block; width:60px;zoom:1; *display: inline; _height: 30px;} */
/* ul.repairtotals li.lrg {display:inline-block; width:240px;zoom:1; *display: inline; _height: 30px;} */
ul.repairdetail li span {color:#930000; }
ul.repairdetail li.xlrg {display:inline-block; width:770px; font-style:italic;zoom:1; *display: inline; _height: 30px;}
ul.repairdetail li.sm a {}
ul.repairdetail li img {float:none !important; margin:0 0 -4px 0 !important;cursor:pointer; }
ul.examiner {width:900px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:10px 0 6px 20px; border-bottom: 1px solid #a6c6e8;}
ul.examiner li {display:inline; color:#000000; }
ul.examiner li input {float:none !important;}
.approvedamount {width:45px;}
.approvedcomment {width: 300px; margin: 0 0 0 6px;}
.examinerapproval {width: 100%;margin: 6px 0 30px 0;min-height: 80px;background:#EAEFF3;position:relative;}
.examinerapproval::after {content:"";width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #ffffff;position:absolute;top: 0;left: 14px;}
.examinput {border:1px solid rgb(182, 213, 238);background:#ffffff;}
.examlabel {font-weight: bold !important;padding: 0 0 2px 0;}
.adddelete {width:920px; height:26px; clear:both; }
.adddelete label {font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif !important; color:#5B6269 !important; text-decoration:underline; padding:4px 0 0 20px;}
.additemtext {font: bold 11px/13px Arial, Helvetica, Verdana, sans-serif !important;color: #5B6269 !important;margin: 10px 0 0 837px;width: 63px;padding: 0 0 5px 0;}
.eyeball {padding: 0 0 0 16px;}
.deleterepair {
font: normal 11px/14px Arial, Helvetica, Verdana, sans-serif !important;
color: #575757 !important;
padding: 0 !important;
float: none !important;
cursor: pointer;
}
.deleterepair:hover, .additemtext:hover, .adddelete label:hover {color:#BE0000 !important;}
.deleteDisable {width:16px;height:16px; background: url(../Images/deletesmall2.png) no-repeat;padding: 0 !important;margin: 6px 8px 0 11px;}
.deleteDisable:hover { background-position: 0 -16px;}
/* repeair list details new styling without fnma price etc... */
ul.repairdetail li.md, ul.repairheaders li.md {display: inline-block;width: 84px;zoom: 1;_height: 30px;}
ul.repairtotals li.md {display: inline-block;width: 84px;zoom: 1;_height: 30px;}
ul.repairdetail li.lrg, ul.repairheaders li.lrg {display: inline-block;width: 250px;zoom: 1;_height: 30px;}
ul.repairtotals li.lrg {display: inline-block;width: 250px;zoom: 1;_height: 30px;}
/* =============================================================================
Select Unit Pop
========================================================================== */
#ChangeUnitDialog {}
#ChangeUnitDialog ul {}
#ChangeUnitDialog ul li {}
#ChangeUnitDialog ul li a {font-weight:bold;color:#0082ad;}
/* =============================================================================
Photo Container / Tooltip
========================================================================== */
#AddPhotosDialog {display: none; height:540px !important; overflow:hidden !important; box-shadow:none !important; background: #279fce !important; /* Old browsers */
background: -moz-linear-gradient(top, #279fce 0%, #208bbc 25%, #16648c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279fce), color-stop(25%,#208bbc), color-stop(100%,#16648c)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279fce', endColorstr='#16648c',GradientType=0 ) !important; /* IE6-9 */}
#LibraryItems {overflow:auto;padding:0 0 0 20px;}
.uploadinstructions {width: 100%;padding: 0 0 10px 10px;background-color: rgb(0, 0, 0);color: rgb(255, 255, 255);}
#gallery {height:365px !important;width:661px !important; overflow:auto;float:left;border: 1px dashed rgb(115, 204, 255) !important;}
/*#AssociatedFiles {width: 198px;background: rgb(23, 81, 119) url(../Images/photoInstructions.png) no-repeat;box-shadow: none;overflow-x: hidden;overflow-y: auto;float: left;border:1px dashed rgb(115, 204, 255);}*/
.ui-progressbar {height: 20px !important;text-align: left;margin: 10px 0 0 0;box-shadow: none !important;}
.leftphototitle {color:#ffffff;font:bold 12px/17px Arial, Helvetica, Verdana, sans-serif; clear:left; display:inline-block;zoom:1; *display: inline; _height: 30px; width:222px;padding:0 0 0 10px;}
.rightphototitle {color:#ffffff;font:bold 12px/17px Arial, Helvetica, Verdana, sans-serif; display:inline; }
.ui-widget-content {border:none !important;background-image:none !important; background-color:#ffffff; color: #222; }
.fileupload-buttonbar {margin:0 0 0 0;}
.progressbar {background:none !important;}
.phototitle {font:bold 16px/19px Arial, Helvetica, Verdana, sans-serif !important;display: inline;background:none;color:#ffffff !important; }
.ui-resizable-s {display:none !important;}
.tooltipcontainer {display:none; background:#ffffff !important;}
.tooltipcontainer h4 {padding:0 0 6px 0;margin:0;}
.tooltipcontainer p {padding:0 0 6px 0;margin:0; }
#tooltip {padding:10px !important; }
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff !important;background-image:none !important; color: #222222; padding: 0 !important; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border:none !important; background-color: #000000 !important;background-image:none !important; font: 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff !important; margin: 0; border-radius:0 !important;padding: 4px 0 4px 10px !important; }
.ui-widget-header a { color: #222222; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
/*.ui-icon-closethick { background: url(../Images/ui-iconsred_222222_256x240.png) no-repeat !important; background-position: -96px -128px !important; }*/
.ui-icon-closethick { background: none !important; background-position: 0 0 !important;width: 58px !important;height:18px !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: none !important; font-weight: normal; color: #555555; }
.ui-icon-arrowthick-2-e-w {background-position: -160px -48px !important;margin:0;}
/* Overlays Overrides */
.ui-widget-overlay { background: rgb(10, 20, 31) !important; opacity: .80 !important; filter:Alpha(Opacity=80) !important; }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background-color:#ffffff !important; } /* background:#ececec url(../Images/overlay.png) repeat-x !important; */
.ui-dialog .ui-dialog-titlebar-close {background: url(../Images/btnCancelBar.png) no-repeat !important;background-position: 0 0 !important; position: absolute;right: .3em;top: 50%;width: 58px !important;margin: -8px 0 0 0 !important;padding:0 !important;height: 18px;border:none !important;}
.ui-dialog .ui-dialog-titlebar-close:hover {background: url(../Images/btnCancelBar.png) no-repeat !important;background-position: 0 -18px !important; position: absolute;right: .3em;top: 50%;width: 58px !important;margin: -8px 0 0 0 !important;padding:0 !important;height: 18px; border:none !important;}
.uploadcontainer { display:none; z-index:10000; background:#dedede url(../Images/bgUpload.png) repeat-x; width:860px; height:515px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 1px 1px 5px #676767; border:3px solid #ffffff; }
.uploadcontainer .close {background-image:url(../Images/close2.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:39px; width:70px;}
.uptitle {width: 100%;height: 33px;padding: 6px 0 0 10px;background-color: rgb(0, 0, 0);}
.uptitle p {font:bold 14px/16px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; padding: 14px 0 0 0; }
.uptitle p img {padding: 0 12px; margin: 0 0 -7px 0; }
.library {float:left; display:inline; width:660px; border-bottom:1px solid #c3c3c3; height:416px;}
.instructions {height:58px; width:600px; }
.instructions p {padding: 10px 10px 0 10px; color:#4e4f4f; display: inline; float: left; width: 638px;}
.instructions img {display:inline; float:right; padding:10px 10px 0 10px;}
.instructions p a {color:#e9bc4b; font-weight:bold; text-decoration:underline;}
.thumb {width:180px; height:200px;margin: 0 20px 20px 0; float:left; display:inline; }
.photos {height:358px; width:620px; overflow:auto; margin: 0 0 0 30px; display:block;}
.photos a { height:180px; width:180px; background-color:#ffffff; box-shadow: 1px 1px 3px #676767; display:block; }
.photos a img { padding:5px; display:block; margin:auto;}
.enlarge {padding:6px 0 0 0; float:right;}
.uploadbuttons { float: right;margin: 0 29px 0 0;}
.associatecontainer {background:#1f627c url(../Images/bgPhoto.png) repeat-x; width:199px; float:right; display:inline; border-top:1px solid #194f63; border-right:1px solid #194f63; height:514px;}
.associatehead {height:72px; width:199px; padding:35px 0 0 0;}
.associatehead p {text-align:center; color:#ffffff; font:bold 12px/16px Arial, Helvetica, Verdana, sans-serif; padding:10px 0 0 0;}
.associatedphotos {width:199px; height:398px; overflow:auto; }
.associatedphotos img {padding:5px; margin: 0 auto; background-color:#ffffff; display:block;}
.associatedphotos a {color:#e9bc4b;font:bold 12px/16px Arial, Helvetica, Verdana, sans-serif; text-decoration:none; display:block; width:199px; margin:10px 0 20px 0; height:20px; text-align:center;}
/* =============================================================================
Examiner Photo Container
========================================================================== */
.reviewphotos { display:none; z-index:10000; background:#dedede url(../Images/bgUpload.png) repeat-x; width:860px; height:500px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 1px 1px 5px #676767; border:3px solid #ffffff; }
.reviewphotos .close {background-image:url(../Images/close2.png);position:absolute;right:-15px;top:-15px;cursor:pointer;height:39px; width:70px;}
.reviewlibrary {float:left; display:inline; width:860px; height:416px;}
.reviewdetails {float:right; width:336px; margin:10px 0 0 0;}
.largephotos {height:355px; width:480px; overflow:auto; margin: 20px 0 0 30px; display:inline; float:left;}
ul.repairheadersreview {width:87px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:10px 0 7px 10px; float:left; display:inline; }
ul.repairheadersreview li, ul.repairheadersdetails li, ul.repairheadersexaminer li {padding:0 0 8px 0;}
ul.repairheadersreview li input {margin:0 5px 0 0 ;}
ul.repairheadersdetails {width:140px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#16528f; padding:10px 0 7px 10px; float:left; display:inline; }
ul.repairheadersdetails li img {margin: 0 0 -3px 0;}
ul.repairheadersdetails li span {color:#930000;}
ul.repairheadersexaminer {clear:both; display:block;width:270px; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:10px 0 7px 10px;}
ul.repairheadersexaminer li input {margin:0 10px 0 10px;}
ul.repairheadersexaminer li select {width:240px}
/* =============================================================================
Examiner Slide Down
========================================================================== */
.examholder {position: fixed;z-index: 11;min-height:97px;display: block;top: 0;width: 920px;}
.examhidden {display:block;width: 900px;margin: 69px auto 29px auto;padding: 15px 10px 0 10px;overflow: hidden;
background-color: #FDFDFD !important;
background: linear-gradient(to bottom, #FDFDFD 0%,#FAFAFA 100%) !important;
box-shadow: 0px 0px 10px #A5A5A5;
border-bottom-left-radius: 4px;
border-bottom-right-radius: 4px;
}
.examtoggleholder {position:absolute;bottom:0;cursor:pointer;text-align:center;width:100%;}
.examtoggle {width:233px;height:29px;background: url(../Images/toggleback2.png) no-repeat 0 -58px;display:block;margin:0 auto;}
.examtoggle:hover { background-position:0px -87px !important; }
.examactive { background-position:0px 0px !important; }
.examactive:hover { background-position:0px -29px !important; }
.examhidden ul {padding:10px 0;}
.examhidden ul li {font:normal 13px/16px Arial, Helvetica, Verdana, sans-serif;background: url(../Images/blkcheckmark.png) no-repeat;padding:3px 0 0 20px;margin: 0 0 10px 0;}
.examinstructions {font:bold 16px/18px Arial, Helvetica, Verdana, sans-serif;padding: 6px;background: #C95D5D;color: #ffffff;text-align: center;}
/* =============================================================================
RepairBase Api
========================================================================== */
.rbprompt { display:none; z-index:10000; background:#dedede url(../Images/bgRepair.png) repeat-x; width:860px; height:429px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 1px 1px 5px #676767; border:3px solid #ffffff;}
.savecloseaddarea {background-image:url(../Images/btnSaveClose.png);position:absolute;left:94px;bottom:17px;cursor:pointer;height:24px; width:103px; border:none;}
.saveclose {background-image:url(../Images/btnSaveClose.png);position:absolute;left:20px;bottom:17px;cursor:pointer;height:24px; width:103px; border:none;}
.savecloserepairpop {background-image:url(../Images/btnSaveClose.png);position:absolute;left:410px;bottom:17px;cursor:pointer;height:24px; width:103px; border:none;}
.addareapop {width: 200px;height: 62px;margin: 20px auto 0 auto;}
.addareapop select {float: left;font-size: 12px !important;padding: 4px 2px;border: solid 1px #CCC;width: 180px;margin: 6px 0 13px 0;display: block;clear: both;background-color: #FFFFD7;}
#masterpanel {height: 520px; overflow:hidden; }
#panel1 {height: 550px;width: 1020px;}
#panel2 {display:none;height: 490px;width: 1020px;padding:0;}
#panel3 {display:none;height: 490px;width: 920px;padding:0;}
#panel4 {display:none;height: 450px;padding:0;}
#gotosss {display:none;}
.inblock {display:inline-block !important;}
.bcrumbs {
background: #000000;
color: #BFC0C1;
padding: 0 0 5px 5px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
}
.bcrumbs span {color:#ffffff;}
.safesoundchecklist {width: 880px;display: block;margin: 10px 0 10px 15px;padding: 0 0 10px 10px;overflow: hidden;background-color: #ffffff;-moz-border-radius: 4px;border-radius: 4px;}
#repairAddedFlash {display:none;height: 490px;width: 920px;padding:0;}
.associatedholder {padding:10px;}
.repairsavemess {font: bold 18px/20px Arial, Helvetica, Verdana, sans-serif;margin: 0 auto 10px auto;padding: 10px 0;color: #ffffff;width: 100%;display: block;text-align:center;background: #1C740B;background: linear-gradient(to bottom, #37A50A 0%, #1C740B 100%) !important;}
.repairsaveaddmess {font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif;margin: 0 auto;padding: 0 10px 10px 10px;color: #ffffff;display: block;text-align:center;}
.additionalitems {width:100%;height:290px;background:#ffffff;overflow:auto;}
.additionalitems label {display:none;}
.additionalitems select {width: 100%;height: 289px;font-size: 12px !important;background:#ffffff !important;}
/*#repairAddedFlash {height: 30px;width: 200px;position: absolute;top: 15px;left: 700px;display:none;}
#repairAddedFlash p {font: bold 21px/20px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #FF0B0B;}*/
#loadingrepair {width: 400px;height: 98px;margin: 30px auto 0 auto;display: block;clear: both;text-align: center;padding: 20px;border-radius: 4px;border: 1px dashed #5FADEB;position: relative;}
#loadingrepair p {color:#ffffff;font-weight:bold;font-size: 16px;line-height: 22px;}
#loadingspinner {margin: 32px auto 0 auto;width: 1px;}
.rbtitle {width:656px; height:43px; }
.rbtitle p {font:bold 14px/16px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; padding: 14px 0 0 20px; }
.rbtitle p span {font:bold 14px/16px Arial, Helvetica, Verdana, sans-serif; color:#e9bc4b; }
.repairselections {width:920px;height:436px;overflow:hidden;padding:0 0 0 0;display:block;}
.rbsubcat, .rbcat {width:314px; display:inline-block; padding: 0 0 0 10px; height: 172px;}
.rbsubcat select, .rbcat select {float: left;font-size: 12px !important;padding: 4px 2px;border:solid 1px lightGrey !important;width: 314px;margin: 6px 0 13px 0;display: block;clear: both;background-color: #ffffff;height: 150px; }
.rbsubcat label, .rbcat label, .rbaction label, .rbdescription label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff !important;}
.rbaction {width:245px; display:inline-block; padding: 0 0 0 10px; height: 172px;}
.rbaction select {float: left;font-size: 12px !important;padding: 4px 2px;border:solid 1px lightGrey !important;width: 235px;margin: 6px 0 13px 0;display: block;clear: both;background-color: #ffffff;height: 150px; }
.rbdescription {width:868px; clear:both; display:block; padding: 0 0 0 10px; height: 300px;}
.rbdescription select {float: left;font-size: 12px !important;padding: 4px 2px;border:solid 1px lightGrey !important;width: 900px;margin: 6px 0 13px 0;display: block;clear: both;background-color: #ffffff;height: 222px;}
.rbdescription label {padding: 10px 0 0 0;}
.customrbdetails {width:880px; display:block; padding:0;clear:both; }
.customrbdetails input { float: none; font-size: 12px !important; padding: 4px 2px; border:solid 1px lightGrey ; width:865px; margin: 3px 0 5px 0; display:block; background-color:#ffffff; }
.customrbdetails label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; }
.detailsline {display:block; clear:both;margin: 0 0 10px 0;height: 54px;}
.estmeasurestrip {width:920px; display:block; padding: 5px 0 10px 0;background-color: #000000;height: 30px;overflow: hidden;}
.estmeasurestrip ul { padding: 0 0 0 5px;width: 900px;}
.estmeasurestrip p.title { font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#8A8A8A;padding: 0 0 6px 10px;}
.estmeasurestrip ul li {border-right:1px solid #e4e4e4; padding:0 13px 0 5px;display: inline-block;zoom:1; *display: inline; _height: 30px;}
.estmeasurestrip ul li p.item { font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:rgb(137, 194, 226);; }
.estmeasurestrip ul li p.measurement {font: bold 14px/18px Arial, Helvetica, Verdana, sans-serif;color: #ffffff;}
.estmeasure {width:260px; float:right; display:inline;background-color:#00638c; -moz-border-radius: 6px; border-radius: 6px;margin:10px 0 0 0; }
.estmeasure ul {margin:0 0 0 10px; height: 323px; overflow:auto;}
.estmeasure p.title { font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; height:20px; padding: 10px 0 6px 10px;}
.estmeasure ul li {border-bottom:1px dotted #39A4D1; padding:5px 0;}
.estmeasure ul li p.item { font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff; }
.estmeasure ul li p.measurement {font: bold 14px/18px Arial, Helvetica, Verdana, sans-serif;color: #ADF2FF;}
.rbpricing {width:870px; display:inline; float:left; }
.rbpricing h3 { font: bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000; height:20px; padding: 20px 0 6px 0;}
.masterrepairholder {width:920px;padding:0; }
.rbpricing a {color:#104d86; text-decoration:underline; padding:0 0 0 10px; }
.rbdetails {width:94px; float:left; padding: 4px 0 20px 0; height: 26px;}
.rbdetails label, .rbcomments label { display: block; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; float: left;}
.rbdetails input { float: left; font-size: 12px !important; padding: 4px 2px; border: solid 1px #aacfe4; width: 65px; margin: 3px 0 13px 0; display:block; clear:both; }
.rbdetails select { float: left; font-size: 12px !important; padding: 4px 2px; border: solid 1px #aacfe4; width: 65px; margin: 3px 0 13px 0; display:block; clear:both; }
.rbcodes {display:inline-block; padding: 0 0 0 0; height: 33px;}
#SafeSoundSecure {width:100px;}
.rbcodesbottom {display:inline-block; padding:0; height: 33px;}
.rbcodes label, .rbcodesbottom label { display: inline; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; padding:10px 12px 0 0; float:right; }
.rbcodes input, .rbcodesbottom input { font-size: 12px !important; padding: 4px 2px; border:none !important; width: 23px; margin: 10px 0 0 0; display:inline;}
.rbcodes input:focus, rbcodesbottom input:focus, .ssscodes input:focus {border:none !important;}
.rbcomments { clear:both;margin:10px 0 0 0;}
.rbcomments textarea{display: block;font-size: 12px !important;padding: 4px 2px;width:100%;height: 40px;clear: both; border: solid 1px #96BACE;background-color: #DAF5FF;}
.rbpercent {padding:10px 0 0 0; clear:both;}
.rbpercent input {font-size: 12px !important; padding: 4px 2px; border: solid 1px #aacfe4; width: 65px; margin: 6px 0 13px 0; display:inline; }
.rbpercent label{ font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; padding:0 0 0 10px; display:inline; }
.ssscodes {display:inline-block; padding: 0 0 0 0; height: 30px;width:400px;}
.ssscodes label{ display: inline; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#1CA2C4 !important; padding:10px 12px 0 0; }
.ssscodes input { font-size: 12px !important; padding: 4px 2px; border:none !important; width: 23px; margin: 8px 0 0 0; display:inline;}
.ssstitle {font:bold 14px/16px Arial, Helvetica, Verdana, sans-serif;padding: 15px 0 10px 0;}
.ssscodes input[type="checkbox"]:checked ~ label {color: #000000 !important;}
.reptitle {padding: 10px 0 0 0;margin: 0 0 10px 0;width: 100%;}
p.estrepairtitle { font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;color: #ffffff;padding: 0 0 0 0;width: 300px;margin: 0 0 0 0;}
#repairSelectedTitle {font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif;padding:0;}
#profitOverheadTitle {font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif;padding:0;}
.estrepair {width:880px; display:block; margin:10px 0 10px 15px; padding:0 0 20px 10px; overflow:hidden; background-color:#ffffff; -moz-border-radius:4px; border-radius:4px; }/* box-shadow: 0px 1px 3px #888; -webkit-box-shadow: 0px 1px 3px #888; */
.estrepairitemlock {width:94px; padding: 4px 0 10px 0; height: 30px;}
.estrepairitemlock label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff !important; }
.estrepairitemlock input {font-size: 12px !important;border: 1px solid #096396;width: 65px;display: block;clear: both;background-color:#0F4564;color: #ffffff;}
.estrepairitem {width:94px; padding: 4px 0 10px 0; height: 40px;}
.estrepairitem label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#ffffff !important; }
.estrepairitem input { font-size: 12px !important; padding: 4px 2px; border: solid 1px #a2a2a2; width: 65px; margin: 3px 0 0 0; display:block; clear:both; }
.estrepairitem select { font-size: 12px !important; padding: 4px 2px; border: solid 1px #a2a2a2; width: 65px; margin: 3px 0 0 0; display:block; clear:both; }
.totalestrepairitem {padding: 4px 0 10px 10px;height: 40px;display:inline-block;zoom:1; *display: inline; _height: 40px;-moz-border-radius: 4px; border-radius: 4px;}
.totalestrepairitem label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; }
.totalestrepairitem input { font: bold 26px/25px Arial, Helvetica, Verdana, sans-serif !important;color: #000000 !important; padding:0;background-color:#ffffff; border:none !important; width: 140px; margin: 0; display:block; clear:both; }
.totalestrepairitem select { font-size: 12px !important; padding: 4px 2px; border: solid 1px #aacfe4; width: 65px; margin: 3px 0 0 0; display:block; clear:both; }
.estrepairitemside {width:84px; padding: 0 0 15px 0; display:inline-block;zoom:1; *display: inline; _height: 40px;}
.estrepairitemside label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; }
.estrepairitemside input { font-size: 12px !important;padding: 4px 2px;border: solid 1px #96BACE;width: 65px;margin: 3px 0 0 0;display: block;clear: both;background-color: #DAF5FF;color: #0E5791; }
.estrepairitemside select {font-size: 12px !important;padding: 4px 2px;border: solid 1px #96BACE;width: 65px;margin: 3px 0 0 0;display: block;clear: both;background-color: #DAF5FF;color: #0E5791; }
.sssselect {width:260px; padding: 5px 0 5px 0; height: 50px; display:block;}
.sssselect label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; }
.sssselect select {font-size: 12px !important;padding: 4px 2px;border: solid 1px #96BACE;width: 250px;margin: 3px 0 0 0;display: block;clear: both;background-color: #DAF5FF;color: #0E5791; }
.estrepairitemsidelock {width:84px; padding: 4px 0 10px 0; height: 40px; display:inline-block;zoom:1; *display: inline; _height: 40px;}
.estrepairitemsidelock label { display: block; font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif; color:#000000 !important; }
.estrepairitemsidelock input { font-size: 12px !important;border: none !important;width: 65px;display: block;clear: both;background:none;color:#6D6D6D;padding: 5px 2px;margin:2px 0 0 0; }
.estrepairitemsidelock input:focus {border:none !important;}
.rblocked {width:94px; float:left; padding: 4px 0 20px 0; height: 26px;}
.rblocked label { display: block; font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#000000; float: left;}
.rblocked input { float: left; font-size: 12px !important; padding: 4px 2px; border: 1px solid #E4E4E4; width: 65px; margin: 3px 0 13px 0; display:block; clear:both; background-color:#E4E4E4; }
.rblocked select { float: left; font-size: 12px !important; padding: 4px 2px; border: solid 1px #aacfe4; width: 65px; margin: 3px 0 13px 0; display:block; clear:both; }
#detailedmeasurements {display:none;display: block;background: #8296A5;margin: 0 0 5px -10px;padding: 10px 0 0 10px;position:relative;}
#detailedmeasurements .estrepairitemside label{color:#ffffff !important;}
#detailedmeasurements::after {content:"";width: 0; height: 0; border-left: 10px solid transparent;border-right: 10px solid transparent;border-top: 10px solid #8296A5;position:absolute;top: 89px;left: 31px;}
.codeholder {display: block;clear: both;padding:0;}
.codetitle {font: bold 11px/14px Arial, Helvetica, Verdana, sans-serif;color: #000000;padding:0 0 5px 0;}
#EstDetailedHeight, #EstDetailedWidth, #EstDetailedLength, #RepairItem_QuantityAdjustment {background:#ffffff !important;border:1px solid #CFD9E0 !important;}
.itemchoice {width:820px; height:318px; overflow:auto; padding: 20px 20px 0 20px; background-color:#ffffff; display:none;}
.lroverflow {height:200px; width: 1265px;}
.unitstyle {width:250px; height:270px; float:left; display:inline;}
.unitstyle img {margin:0 auto; display:block;}
.unitstyle p {text-align:center; padding: 6px 0 0 0; font-weight:bold;}
.unitstyle a {text-align:center;font:bold 12px/14px Arial, Helvetica, Verdana, sans-serif; color:#104d86; text-decoration:underline; display:block}
#AddRepairDialog {padding:0;background: #279fce !important; /* Old browsers */
background: -moz-linear-gradient(top, #279fce 0%, #208bbc 25%, #16648c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279fce), color-stop(25%,#208bbc), color-stop(100%,#16648c)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279fce', endColorstr='#16648c',GradientType=0 ) !important; /* IE6-9 */}
.shadowrepair {width: 917px;height: 19px;clear: both;display: block;background: url(../Images/bgFeatures.png) no-repeat 0px -3px;margin: 0 0 0 0;}
#CommentsDialog textarea {font: normal 12px/16px Arial, Helvetica, Verdana, sans-serif;width: 634px;height: 166px;margin: 23px auto 0 auto;display: block;}
.initialnone {display:none;}
/* =============================================================================
RUN ONCE SCREEN
========================================================================== */
#runoncecontainer {position:absolute;top:0;left:0;right:0;bottom:0;z-index: 9;}
#runoncebackground {background: rgb(10, 20, 31) !important;opacity: .80 !important;z-index: 10;top: 0;bottom: 0;left: 0;right: 0;position:absolute;}
#runonceinfo {width:900px;position:relative;margin: 135px auto 0 auto;z-index: 11;border-radius:4px;padding:20px;overflow:hidden;background-color:#279fce !important; /* Old browsers */
background: -moz-linear-gradient(top, #279fce 0%, #208bbc 25%, #16648c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279fce), color-stop(25%,#208bbc), color-stop(100%,#16648c)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279fce', endColorstr='#16648c',GradientType=0 ) !important; /* IE6-9 */}
.runoncetitle {text-align: center;color: #ffffff;font-weight: bold;font-size: 18px;padding: 20px 0 10px 0;margin: -20px 0 20px -25px;background-color: #000000;width: 950px;}
.roinstructionfull {color: #ffffff;padding: 10px;margin: 0 0 10px 0;line-height: 17px;}
.roinstruction {color: #ffffff;padding: 10px;margin: 0 0 20px 0;line-height: 17px;}
.last {margin:0 0 20px 0 !important;}
.roinstruction span, .roinstructionfull span {font-weight:bold;font-size:14px;display:block}
.rossslist {color:#ffffff;display:inline-block;width:292px;}
/* =============================================================================
Confirmation Page
========================================================================== */
.bbconfirm {text-align:center;padding:0 0 20px 0;}
.confirmation {text-align:center;padding: 0 0 20px 0;font-size: 22px;}
.confirmation span {color: #287CB4;}
.confirmationsub {text-align:center;padding:40px 0 0 0;}
.separator {width: 920px;clear: both;display: block;background: url(../Images/bgFeatures.png) no-repeat;margin: 20px 0 0 0;}
.ordernumtext {text-align:center;padding:0 0 20px 0;font-weight: bold;color: #287CB4;font-size: 14px;}
/* =============================================================================
IPAD REGULAR REPAIR SELECT FIX
========================================================================== */
@media only screen and (device-width: 768px) {
.rbsubcat select, .rbcat select, .additionalitems select {height: 27px !important; }
.rbaction select {height: 27px !important; }
.rbdescription select {height: 27px !important;}
.rbaction {height:70px !important;}
.rbsubcat, .rbcat { height: 70px !important;}
.masterrepairholder {height:166px !important; }
}
/* =============================================================================
Photo Checklist
========================================================================== */
#photochecklist {}
#photochecklist ul {}
#photochecklist ul li.required {font: 13px/16px Arial, Helvetica, Verdana, sans-serif; padding:7px 0 3px 25px; height:20px; border-bottom:1px solid #e4e4e4; background: url(../Images/camera.png) no-repeat; color:#e40000; background-position: 0 4px;}
#photochecklist ul li.satisfied {font: 13px/16px Arial, Helvetica, Verdana, sans-serif; padding:7px 0 3px 25px; height:20px; border-bottom:1px solid #e4e4e4; background: url(../Images/checkcircle.jpg) no-repeat; color:#0aa410; background-position: 0 6px;}
.reportonly {display:none;}
/* =============================================================================
Photo Report
========================================================================== */
.photoreport {}
.photoreport h3 {display:none;}
.photoreport div {width:450px;display:inline-block;zoom:1; *display: inline; _height: 350px;}
.photoreport div a {width:32px;height:24px;float:left;display:inline-block;zoom:1; *display: inline; _height: 24px;}
.photoreport div a img {width:24px;height:24px;margin:0 !important;}
.photoreport div span, .photoreport input {display:none;}
.photoreport img {width:400px; height:auto; padding: 0 10px 10px 0; display:inline; float:left;}
.mainphotodiv {}
.areaphotodiv {display:block;margin:0 0 10px 0;}
.photoreport .repairphoto {width:920px;padding:0;margin:0;border-top:1px solid #e4e4e4;clear:both;}
.repairphoto div {clear:both;width:800px; border:none;padding:8px 0 0 0;margin:0;height:auto;}
.repairphoto div img, .repairphotoreal div img {width:24px;height:24px; float:left;display:inline-block;zoom:1; *display: inline; _height: 24px; padding:0 10px 0 0;}
.repairphoto div label {font: bold 13px/17px Arial, Helvetica, Verdana, sans-serif !important; width:600px;color:#000000 !important; display:inline-block; padding:0 0 2px 0;zoom:1; *display: inline; _height: 30px;}
.repairphoto div span, .repairphotoreal div span {display:none;}
.repairphoto div div img, .repairphotoreal div div img {width:400px; height:auto; }
.repairphotoreal div div {width:450px;display:inline-block;zoom:1; *display: inline; _height: 350px;}
.repairphotoreal div label {font: bold 13px/17px Arial, Helvetica, Verdana, sans-serif !important; width:600px;color:#000000 !important; display:inline-block; padding:0 0 10px 0;zoom:1; *display: inline; _height: 30px;}
.repairphotoreal {width:920px;padding: 6px 0 0 0;margin:0;border-top:1px solid #e4e4e4;clear:both;}
.mainphotodiv .AreaAttachment {width: 430px;min-height: 400px;margin: 0 10px 10px 10px;display: inline-block;vertical-align:top;}
.mainphotodiv .AreaAttachment div a { float:left;}
.mainphotodiv .AreaAttachment div a:nth-child(odd) {float:left;}
.mainphotodiv .AreaAttachment div a img {margin:0 !important;padding: 0 5px 0 0 !important;}
.mainphotodiv .AreaAttachment div {width:auto;}
.mainphotodiv .AreaAttachment div label, .AreaAttachment p.photoname label, .AreaAttachment .photoname {font: bold 14px/17px Arial, Helvetica, Verdana, sans-serif !important;color: black !important;display:block !important;}
.mainphotodiv .AreaAttachment div.imageplaceholder {width:400px;overflow:hidden;min-height:260px;max-height:320px; background-color:#F5F5F5;margin:0 0 10px 0;}
.imageplaceholder img {max-width:430px;max-height:320px;margin:0 auto;display:block;}
.nophoto {text-align:center; font: bold 15px/20px Arial, Helvetica, Verdana, sans-serif;padding:134px 0 0 0 !important;color: #B6B6B6; }
.pagebreak {display:none;}
.printheader {height:50px;padding:0 0 0 10px}
/* =============================================================================
Risk Report
========================================================================== */
.riskreport
.risksnoted {}
.risksnoted input {border:none !important;}
.risksnotedcomments input {border:none !important;}
.risknotedphoto {}
/* =============================================================================
Examiner Review
========================================================================== */
.ExaminerButtonReject {width:180px;height:25px; background: url(../Images/btnReject.png) no-repeat;text-indent:-9999px;border:none;display:inline-block;margin:0 20px 0 10px;zoom:1; *display: inline; _height: 25px;}
.ExaminerButtonAccept {width:180px;height:25px; background: url(../Images/btnAcceptFinal.png) no-repeat;text-indent:-9999px;border:none;display:inline-block;zoom:1; *display: inline; _height: 25px;}
.examcomments div textarea {height:100px !important;display:block !important;}
/* =============================================================================
Resource Page
========================================================================== */
.phonehelp {text-align: center;background: #1c5a85;padding: 10px;color:#D3E5F3;font-size:14px;}
.phonehelp span {font-weight:bold;color:#ffffff;}
a.resourcelink {padding: 5px;border-bottom: 1px solid #e7e7e7;display: block;}
a.resourcelink:hover {background:#3F7FB6;text-decoration:none;color:#ffffff;}
.resourcehead {font-size: 19px;font-weight: normal;margin:20px 0 10px 0;}
.rscguides {width:250px;display:inline-block;vertical-align:top;}
.rscfaqs {display:inline-block;width: 640px;padding: 0 20px 0 0;vertical-align:top;}
.faqsection {font-weight: bold;font-size: 14px;text-transform: uppercase;padding: 4px 0;border-bottom: 1px solid #e7e7e7;margin: 0 0 10px 0;}
.faqquestion {font-style: italic;color: #0082ae;font-weight: bold;padding: 0 0 0 20px;}
.restoggle:hover p {color:#ffffff;}
.faqanswer {padding: 0 0 10px 0;}
.faqanswer span {color:Red;}
.faqsteps {font-weight:bold;font-size:15px;padding: 20px 0 10px 0;}
.rscwalkthroughs {}
.restoggle {cursor: pointer;padding: 5px 0;background: url(../Images/togglearrows2.png) no-repeat 0 -27px;background-color:#DDEEF8;border-bottom: 1px solid #ffffff;}
.restoggle:hover {background:#3F7FB6;color:#ffffff !important;}
.viewtogglehead {cursor:pointer;padding: 10px 0 0 0;}
.togglehead {padding:0 0 20px 0;}
.itemtoggle {display:none;padding:10px;background-color: #ffffff;margin: 0 0 20px 0;}
.active {background-position:0 4px;background-color: #C5E9FF;}
.active p {color:#000000;}
.faqsslist {color:#FF0000;display:inline-block;width:292px;padding:0 0 0 20px;}
ul.helplist {padding: 10px 0;width:300px;display:inline-block;}
ul.helplistfull {padding: 10px 0;display:inline-block;}
ul.helplist li, ul.helplistfull li {list-style-type:none;font: bold 12px/15px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0 0 5px 0;color: #000000;}
ul.helppages {}
ul.helppages li {}
ul.helppages li a {}
/* =============================================================================
Report Page
========================================================================== */
.reportlist {}
.reportlist p {background-color: rgb(151, 0, 0);padding: 10px;margin: 0 0 10px 0;color: white;font-weight: bold;line-height: 17px;border-radius: 3px;}
.reportlist ul.fieldapproval {padding:0 0 20px 0; width:300px; display:inline-block;zoom:1; *display: inline; _height: 30px;}
.reportlist ul.examinerapproval {padding:0 0 20px 0; width:600px; display:inline-block; display:none;zoom:1; *display: inline; _height: 30px;}
.reportlist ul.fieldapproval li, .reportlist ul.examinerapproval li {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif; color:#0082ad; height:28px; }
.reportlist ul.examinerapproval li input {font-size: 11px; padding: 3px 2px; border: solid 1px #aacfe4; width: 440px; margin: 0 0 0 10px; color:#8f8f8f;display:inline;clear:none;}
.reportlist ul.fieldapproval li a {color:rgb(179, 0, 0);}
.reportlist ul.fieldapproval li a:visited {color:#0082ad;}
.important {font-weight:bold;color:Red;}
.important span { text-decoration:underline;}
.signhere {width:900px; height:auto; display:block ;margin:10px 0 0 0; padding:10px;overflow:hidden;}
/* =============================================================================
Footer
========================================================================== */
#footer {background-color:#ffffff; width:100%;}
#footer .fcontent {height:200px; display:block; clear:both; margin:0 auto; width:960px;}
#footer .fcontent img {float:right; display:inline; margin:10px 0 4px 0;}
#footer .fcontent ul {padding:24px 0 0 0; float:left; display:inline;}
#footer .fcontent ul li { display:inline-block; zoom:1; *display: inline; _height: 30px; padding:0 20px 0 0 ; float:left;}
#footer .fcontent ul li a {font: 11px/13px Arial, Helvetica, Verdana, sans-serif; color:#676767 !important;}
.legal {border-top:1px solid #d6d6d6; clear:both; width:960px;}
.legal p {font: 11px/13px Arial, Helvetica, Verdana, sans-serif; color:#676767; padding:6px 0 0 0;}
/* =============================================================================
Legal
========================================================================== */
.legalblock {}
.legalblock p {padding:0 0 10px 0;color:#5e5e5e;clear:both;font-size: 11px;}
.legalblock p span {font-weight:bold;}
.legalblock ul {padding: 0 0 10px 0; display:block; margin:0 0 10px 0;}
.legalblock ul li {font: normal 12px/18px Arial, Helvetica, Verdana, sans-serif;color:#5e5e5e; margin:0 0 6px 0; list-style-type:circle; list-style-position:outside;}
.legalholder {width: 900px;height: 120px;overflow: auto;margin: 20px auto 20px auto;border: 1px solid #E9E9E9;padding: 6px;background-color: #F8F8F8;display:none;}
.acceptterms {height: 20px;margin: 0 auto;width: 330px;padding:0;}
.acceptterms label {display:inline; width:400px;text-align:right;}
.acceptterms input[type="checkbox"] {display:inline;width:30px;border:none !important;margin:0;}
/* =============================================================================
Soft warning
========================================================================== */
#loadingScreen {box-shadow:none !important;width:100%;height:100%;background: #279fce !important; /* Old browsers */
background: -moz-linear-gradient(top, #279fce 0%, #208bbc 25%, #16648c 100%) !important; /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#279fce), color-stop(25%,#208bbc), color-stop(100%,#16648c)) !important; /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* Opera 11.10+ */
background: -ms-linear-gradient(top, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* IE10+ */
background: linear-gradient(to bottom, #279fce 0%,#208bbc 25%,#16648c 100%) !important; /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#279fce', endColorstr='#16648c',GradientType=0 ) !important; /* IE6-9 */}
#AreYouSureDialog {font: bold 12px/18px Arial, Helvetica, Verdana, sans-serif;color:#000000;padding:10px !important;}
.ui-dialog .ui-dialog-buttonpane {text-align: left;border-width:0 !important; margin:0 !important;padding:0 !important; box-shadow:none;}
.ui-dialog .ui-dialog-buttonpane button {margin: 0 0 0 10px !important;
border:1px solid #25729a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float:none;
font-family:arial, helvetica, sans-serif !important;
font-size:11px !important;
padding: 4px;
text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
font-weight:bold;
text-align: center;
color: #FFFFFF;
background-color: #3093c7 !important;
width:auto;
background-image: linear-gradient(to bottom, #3093c7, #1c5a85) !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {float:none !important;width:296px; margin:10px auto; display:block;}
/* =============================================================================
Training
========================================================================== */
.traininghead {border-bottom:1px solid #e7e7e7;text-align:right;margin: 0 0 20px 0;}
#trainingcontainer .traininghead p {font: normal 11px/15px Arial, Helvetica, Verdana, sans-serif;margin:0; padding: 0px; color: #a7a7a7;text-transform:uppercase;}
#trainingcontainer {}
#trainingcontainer h1 {font: bold 24px/27px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 10px 0; padding: 0px; color: #000000;}
#trainingcontainer p {font: normal 13px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 10px 0; padding: 0px; color: #000000;}
#trainingcontainer .its {padding:10px ;margin:10px 0;background: #F5FAFF url(../Images/sealpeek.png) no-repeat;overflow:hidden;border-radius: 4px; background-position:right bottom;border: 1px solid #DCEAF3;}
#trainingcontainer .its p {display: block;padding: 5px 0 0 0;margin: 0;font-weight: bold;font-size: 11px;}
#trainingcontainer p.itstitle {background: url(../Images/bgbluestrip.jpg) repeat-x;padding: 4px 0 4px 10px; margin: -10px 0 5px -10px;width: 912px;color:#ffffff;}
#trainingcontainer .segment {padding:10px 0;margin:30px 0;}
#trainingcontainer .segment h2 {font: bold 20px/25px Arial, Helvetica, Verdana, sans-serif; margin: 20px 0 5px 0; padding: 0 0 5px 0; color: #000000;border-bottom:1px solid #e7e7e7;}
#trainingcontainer .segment p.subtitle {font: bold 14px/16px Arial, Helvetica, Verdana, sans-serif; margin: 20px 0 5px 0; padding: 0px; color: #000000;text-transform:uppercase;}
#trainingcontainer .segment ul {margin:0;padding:0;}
#trainingcontainer .segment ul li {font: normal 13px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 20px 0; padding: 0px; color: #000000;}
#trainingcontainer .segment ul li span {font-weight:bold;display:block;color: #117FBD;}
#trainingcontainer .segment ul.tightlist {margin:0;padding:0;}
#trainingcontainer .segment ul.tightlist li {font: bold 13px/18px Arial, Helvetica, Verdana, sans-serif; margin: 0 0 5px 0; padding: 0px; color:#117FBD;display:inline-block;width:300px;}
#trainingcontainer .segment ul.tightlist li span {font-weight:bold;display:block;color: #117FBD;}
#trainingcontainer .tip {float:right; width:300px;padding:10px ;margin:10px;background: #E2F3FF;overflow:hidden;border-radius: 4px; background-position:right bottom;border: 1px solid #71C5FC;}
#trainingcontainer .tip p {font-style: italic;color: #0B78AC;display: block;padding: 5px 0 0 0;margin: 0;font-weight: bold;font-size: 11px;}
#trainingcontainer p.tiptitle {background: url(../Images/bgbluestrip.jpg) repeat-x;padding: 4px 0 4px 10px; margin: -10px 0 5px -10px;width: 912px;color:#ffffff;}
.continuebox {text-align: center;border-top: 2px solid #e7e7e7;padding: 10px 0 0 0;margin:0 0 50px 0;}
#trainingcontainer .segment ul li span.highlight, .highlight {color:red;display:inline;font-weight:bold;}
#trdash {height:649px; width:920px;background: #F5FAFF url(../Images/trdash.jpg) no-repeat;position:relative;}
#trphotowindow {height:568px; width:920px;background: #F5FAFF url(../Images/trphotoplot.jpg) no-repeat;position:relative;}
#trphotoapp {height:539px; width:920px;background: #F5FAFF url(../Images/trphotoapp.jpg) no-repeat;position:relative;}
#trarea {height:548px; width:920px;background: #F5FAFF url(../Images/trareas.jpg) no-repeat;position:relative;}
#repair2 {height:550px; width:920px;background: #F5FAFF url(../Images/trrepair2.jpg) no-repeat;position:relative;}
#repair3 {height:550px; width:920px;background: #F5FAFF url(../Images/trrepair3.jpg) no-repeat;position:relative;}
#repair4 {height:550px; width:920px;background: #F5FAFF url(../Images/trrepair4.jpg) no-repeat;position:relative;}
#trcomp {height:577px; width:920px;background: #F5FAFF url(../Images/trcomp.jpg) no-repeat;position:relative;}
#trreview {height:493px; width:920px;background: #F5FAFF url(../Images/trreview.jpg) no-repeat;position:relative;}
#certdoc {width:793px;height:610px;position:relative;margin: 30px auto;border: 1px solid #F3F3F3;}
#certdoc img {position:absolute;z-index:1;top:0;left:0;}
#certdoc p.name {position:absolute;z-index:2;font-family: 'Vollkorn', serif;top: 208px;left: 64px;font-size: 30px;}
#certdoc p.certname {position:absolute;z-index:2;font-family: 'Vollkorn', serif;top: 295px;left: 64px;font-size: 30px;width: 300px;line-height: 34px;}
#certdoc p.date {position:absolute;z-index:2;top: 537px;left: 64px;font-size: 13px;}
#certdoc p.certnumber {position:absolute;z-index:2;top: 510px;left: 64px;font-size: 20px;color:#BD0505;}
.plot {width:40px;height:40px;position:absolute;background: url(../Images/reddot.png) no-repeat;text-align:center;}
.plot a {display:block;font-weight:bold;color:#ffffff;padding: 13px;font-size: 17px;}
.plot a:hover {text-decoration:none;}
#trainingcontainer .segment p.question {color: #117FBD;font-style: italic;font-weight: bold;margin:10px 0 0 0;}
ul.traininglist {}
ul.traininglist li {padding: 0 0 3px 0;}
ul.traininglist li input {float:none !important;}
ul.traininglist li a {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;}
ul.traininglist li p {font: normal 12px/15px Arial, Helvetica, Verdana, sans-serif;margin: 0px;padding: 0px;color: #c5c5c5;display:inline;}
.trainingtitle {font: normal 26px/28px Arial, Helvetica, Verdana, sans-serif;margin: 0 0 4px 0;}
.trainingmessage {font: normal 14px/18px Arial, Helvetica, Verdana, sans-serif;margin: 0 0 8px 0;}
#sponsorcontainer {padding:10px;border:1px solid #e7e7e7;background: #ffffff;overflow:hidden;border-radius:4px;margin:0 0 20px 0;}
#bbtrainingcontainer {padding:10px;border:1px solid #e7e7e7;background: #ffffff url(../Images/bbsealbig.jpg) no-repeat;background-position: 640px 30px;overflow:hidden;border-radius:4px;}
#bbtrainingcontainer h3, #sponsorcontainer h3 {margin: -10px 0 10px -10px;background: url(../Images/bgbluestrip.jpg) repeat-x;color: #ffffff;padding: 4px 0 4px 10px;width: 920px;font-size: 15px;}
/* =============================================================================
Buttons
========================================================================== */
.BlueButton
{
margin: 4px;
border:1px solid #25729a;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float:none;
font-family:arial, helvetica, sans-serif !important;
font-size:11px !important;
padding: 6px 10px 6px 10px;
font-weight:bold;
text-align: center;
color: #FFFFFF;
background-color: #3093c7 !important;
width:auto;
background-image: linear-gradient(to bottom, #3093c7, #1c5a85);
}
.BlueButton:hover
{
margin: 4px;
border:1px solid #1c5675; background-color: #26759e;
background-image: linear-gradient(to bottom, #26759e, #133d5b);
}
.BlackButton {
background-color: #000000;
background-image: linear-gradient(to bottom, #6b6b6b, #1a1a1a);
-moz-border-radius:3px;
-webkit-border-radius:3px;
border-radius:3px;
border:1px solid #2e2e2e;
color:#ffffff;
font-family:arial, helvetica, sans-serif !important;
font-size:11px !important;
font-weight:bold;
padding: 6px 10px 6px 10px;
text-decoration:none;
float:none;
text-align: center;
width:auto;
margin: 4px;}
.BlackButton:hover {
background-image: linear-gradient(to bottom, #000000, #000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#000000');
background-color:#000000;}
a.BlueButton:visited {color:#ffffff;}
a.BlueButton:hover {text-decoration:none;color:#ffffff;}
.RedButton {margin: 4px;border: 1px solid rgb(154, 37, 37);-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;float: none;font-family: arial, helvetica, sans-serif !important;font-size: 11px !important;
padding: 6px 10px 6px 10px;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight: bold;text-align: center;color: #FFFFFF;background-color: rgb(185, 19, 19);width: auto;background-image: linear-gradient(to bottom, rgb(238, 78, 78), rgb(151, 11, 11));}
.RedButton:hover {margin: 4px;
border: 1px solid rgb(117, 28, 28);
background-color: rgb(158, 38, 38);
background-image: linear-gradient(to bottom, rgb(158, 38, 38), rgb(91, 19, 19));}
/* ==|=======================================================================
hide spin input (number up and down arrows chrome)
========================================================================== */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
/* ==|=======================================================================
Tablet Fixes
========================================================================== */
/* iPad Landscape */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
#loadingrepair {display:none;}
}
/* iPad Portrait */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
#loadingrepair {display:none;}
}
/* Hide both elements in your 'normal' styles */
#tabletdummy,
#phonedummy {
display: none;
height: 0;
width: 0;
}
#mobilestart {display:none; }