body { font-family: Verdana,Tahoma,sans-serif; font-size: 11px; color:#333754}
a {color:#ca9c2c;}
a img {border:0}
h1 {color:#cb9a0f; text-transform: uppercase; font-size:24px; font-weight: normal; font-style:normal;}
h2 {color:#cb9a0f; text-transform: uppercase; font-size:22px; font-weight: normal; font-style:normal;}
h3 {color:#323651; font-size:14px; font-weight: bold; margin-bottom:0px; font-style:normal;}
table { border-collapse: collapse;}
#main-container{width:980px; margin:10px auto;}
#top-bar {height:23px; background:#cb9b2c;}
#col1 {padding:35px 10px 0 30px; margin:0px; float:left; width:575px;}
.content-container {padding-left:15px;}
.content-container table {display:block; border-collapse:collapse; border-spacing: 0;}
.content-container table td {vertical-align:top}
.content-container table td ul {margin:0;}
#col2 {padding:0; margin:0px; float:left; width:365px; height:739px; background:#000; overflow: hidden;}
#single-col {padding:35px 10px 10px 30px; margin:0px;}
#company-logo {float:left;}
.extranet-access-btn {float:right; padding-top: 45px; cursor:pointer;}
.divider {height:1px; width:100%; background-color: #ccbca5; margin:20px 0; font-size:0px}
input.blue-btn, button.blue-btn {color:#ffffff; background:#2d2f82; border:1px solid #2d2f82; font-style:italic}
input.khaki-btn, button.khaki-btn {color:#141414; background:#EDDDB7; border:1px solid #F5D487; font-style:italic}
.dialog-box {display:none;}
.blue-btn-ico {background:url('../img/btns/blue-btn-ico.gif') no-repeat; height:19px; width:19px; float:left; margin:3px;}
.error-list li {padding-bottom:15px;}
/***********************************************************************************************************************************/
.ui-dialog .ui-dialog-buttonpane {margin:0 10px; border-color:#cd9e32}
.ui-dialog-buttonset .login-btn{background: #2d2f82; color:#FFF; border:1px solid #2d2f82; font-style:italic}
.ui-state-hover {cursor:pointer;}
.ui-jqgrid .ui-th-column, .ui-jqgrid .ui-jqgrid-hbox, .ui-jqgrid .ui-jqgrid-hdiv {background:#312d82}
.ui-jqgrid .ui-jqgrid-pager {border-radius:0;}
/***********************************************************************************************************************************/
.free-eval {float:left; padding:0 30px 20px 0;}
/***********************************************************************************************************************************/
#top-nav { clear:both; list-style-type:none; margin:20px 0; padding:0; border-top:1px solid #cfb988; border-bottom:1px solid #cfb988;}
#top-nav li {float:left; padding:7px 15px; margin:0px; position:relative;}
#top-nav .display-sub:hover ul {display:block;} /* Note: To allow javascript animation on the dropdown, this class is removed on load if javascript is enabled. */
#top-nav .has-sub:hover {background:url('../img/dd-arrow.gif') no-repeat 92% 40% #FFF; box-shadow: 4px 0 4px #cacaca; z-index:1000}
#top-nav a {font-size:13px; text-transform: uppercase; text-decoration: none; color:#2e2f7f}
#top-nav a:hover {text-decoration:underline;}
#top-nav ul {display:none; position:absolute; z-index:100; margin:0px; padding:10px 0; left:0px; background:#FFF; width:160px; box-shadow: 4px 4px 4px #cacaca;}
#top-nav ul li {display:block; padding:0px; margin:0px; padding:5px 15px;}
#top-nav ul li:hover {background:#FFF;}
#top-nav a.current-page, #top-nav a.current-page:hover {color:#dbba6d;}
/***********************************************************************************************************************************/
.feature-row {overflow: hidden; margin:20px 0; border-top: 1px solid #CCBCA5; overflow: hidden; padding: 20px 0 0;}
.feature-row .feature-box {float: left; width: 259px; padding: 0 10px 500px 10px; margin-bottom: -500px; border-left:1px solid #ccbca5}
.feature-row .first {border:none;}
/***********************************************************************************************************************************/
#footer {border-top:1px solid #ccbca5; margin:0 10px 0 30px; width:575px; padding: 8px 0;}
#footer .message { float: right; width: 280px; text-align: right; }
#footer .message img.right { margin-left: 8px; }
#footer.full-footer {width:940px}
#footer p {margin:0px; padding:0px;}
#footer p.company-name {font-weight:bold;}
/***********************************************************************************************************************************/
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display:block;} 
/***********************************************************************************************************************************/
.slideshow {margin:0px; padding:0px; list-style-type:none;}
.slideshow li {margin:0px; padding:0px; position:relative;}
.slideshow .caption {background:#000; font-size:20px; color: #CB9A0F; height: 99px; opacity: 0.8; padding: 40px 40px 10px; position: absolute; top: 0; left: 0; width: 285px; z-index: 300;}
.slideshow .caption  p {color:#cb9a0f; font-size:20px; font-weight:bold; margin:0px; padding:0px; opacity:1;}
.slider-icn{width: 32px; height: 32px; position: absolute; top: 10px; right: 10px; background: url(../icn/search.png); cursor: pointer; background-size: cover;}
/***********************************************************************************************************************************/
.web-form .row {padding:5px 0;}
.web-form label {line-height:22px; float:left; display:block; width:120px;}
.web-form br {clear:left;}
.web-form textarea {width:90%; height:75px; resize:none;}
.web-form .error {background:#FFFFAA; border:1px solid; padding:10px;}
/***********************************************************************************************************************************/
.web-image-left {float: left; padding: 10px 10px 10px 0;}
.web-image-right {float: right; padding: 10px 0 10px 10px;}
.web-image-center {display:block; margin:0 auto; padding:10px 0px}
/***********************************************************************************************************************************/
.dialog-box.login {font-size:11px;}
.dialog-box.login label {display:block}
.dialog-box.login input {margin-bottom: 12px;padding: 0.4em; width: 95%; border-color:#2e2f82}
.dialog-box.login fieldset {border:0; margin-top:20px;}
.dialog-box.login table {width:100%;}
.dialog-box.login table td.label {width:90px}
.dialog-box.login p {color:#cb9b2c; font-style:italic; margin:0;}
.dialog-box.login .brown-bar {width:100%; height:20px; background:#cb9b2c;}
.dialog-box.login .login {border-bottom:1px solid #cd9e32; color:#2d2d83; font-size:11pt; font-weight:bold; margin:10px 0}
.dialog-box.login .error { margin: 10px 0; padding: 5px; color: darkred; border-radius: 4px; border: 1px solid darkred; background-color: rgba(255,0,0,0.2); }
/***********************************************************************************************************************************/
#tabs {border:0px}
#tabs ul.ui-widget-header {background:none; border:none}
#tabs .ui-tabs-panel {border:1px solid #DCBE75; box-shadow: 4px 4px 4px #CACACA;}
#tabs .ui-tabs-nav {padding:.2em .5em 0}
#tabs-2 {display: none;}
/***********************************************************************************************************************************/
.asset-table {width:100%; border:1px solid #DCBE75; border-collapse:collapse;}
.asset-table td {border:1px solid #DCBE75; border-collapse:collapse; vertical-align: top; width: 300px;}
.asset-table td.title {background:#312d82; color:#FFFFFF}
/***********************************************************************************************************************************/
.new-service-request-btn, #return-to-client-list-btn {float:right;}
button.new-service-request-btn {color: #2d2f82; background: #fff;}
button.new-service-request-btn .blue-btn-ico {background: url(../img/icn-logo.png) no-repeat; background-size: cover; width: 32px; height: 32px; margin-right: 8px;}
button.new-service-request-btn .ui-button-text {font-style: normal; font-weight: 700; padding-top: .6em; font-size: 14px; white-space: nowrap;}
/***********************************************************************************************************************************/
#new-service-request-dialog table, #nsr-dialog table {width:100%}
#new-service-request-dialog table td, #nsr-dialog table td {vertical-align: top;}
#new-service-request-dialog textarea, #nsr-dialog textarea {width:100%; height:100px; resize:none}
#nsr-dialog td:nth-of-type(2) select, #new-service-request-dialog td:nth-of-type(2) select {width: 250px;}
/***********************************************************************************************************************************/
#asset-info, #nsr-asset-info {background: none repeat scroll 0 0 #FAFAFA;border: 1px dotted;margin-top: 3px; display: none;}
/***********************************************************************************************************************************/
.request-btn-bar .close-btn {float:right;}
#service-request-container {border:1px solid #DCBE75; padding:10px; box-shadow: 4px 4px 4px #CACACA;}
#service-request-container label {color:#323651; font-size:8pt; font-weight: bold; margin-right:10px;}
#service-request-container label.block-label {display:block;}
#service-request-container textarea {width:100%; height: 75px; resize:none; margin:0px; padding:0px;}
#service-request-container .cell {float:left; width:306px; height:71px;}
#service-request-container .row {margin: 10px 0;}
#service-request-container #tabs label {/*float:left;*/ margin-right:10px;}
#service-request-container #tabs table {width:100%}
#service-request-container .time-field {width:30px;}
#service-request-container .ui-datepicker-trigger {padding:0 5px; margin-right: 20px;}
#service-request-container input.cost {width:70px;}
#service-request-container input.qty {width:40px;}
#service-request-container .technician-select {width:100%; height:200px;}
#service-request-container .service-request-img {float:left; border:1px solid #AAA; padding:10px; margin: 0 5px 5px 0;}
#service-request-container .ui-tabs .ui-tabs-nav li {margin:0 4px 0 0; padding: 0 12px;}
#service-request-container .ui-tabs .ui-tabs-nav li a {width:100%; padding:0.5em 0; text-align:center}
/* updates */
#service-request-container .asset-photo-list {float: right; margin: 0 55px 0 0;}
#service-request-container .service-request-asset-info td:nth-of-type(1) {padding: 5px 0; vertical-align: top;}
#service-request-container .service-request-asset-info input[type="text"], #service-request-container .service-request-asset-info select { min-width: 15em; box-sizing: border-box; }
/***********************************************************************************************************************************/
#client-dialog-name {font-weight:bold; font-size:14pt; padding:0 0 10px 0}
#client-dialog-primary-contact {padding:0 0 5px 0; font-size:11pt}
#client-dialog-address {padding:0 0 5px 0;}
#client-dialog-email {font-style:italic}
#client-dialog-phone {font-style:italic}
/***********************************************************************************************************************************/
#report-filters {padding:0 0 10px;}
#report-filters .datepicker {margin-right:3px; width:70px;}
#report-filters .cell {float:left; margin-right:3px; height:35px;}
#report-filters .cell div {font-weight:bold; font-style:italic; padding:3px 3px 0 0;}
#return-cell select {width: 150px;}
/***********************************************************************************************************************************/
.day-bar-graph {border:1px solid #000; position:relative; width:100px; height:20px; margin:2px auto;}
.day-bar-percent-green, .day-bar-percent-yellow, .day-bar-percent-red {position:absolute; top:0; left:0; height: 20px; z-index:1;}
.day-bar-percent-green {background:green;}
.day-bar-percent-yellow {background:yellow;}
.day-bar-percent-red {background:red;}
.day-bar-text {position:absolute; top:0; left:0; z-index:1; text-align: center; width:100%; height:20px; line-height:20px;}
/***********************************************************************************************************************************/
.summary-box {margin-top:10px;}
.summary-box table {border:1px solid #cd9e32; float:right; border-collapse:collapse; width:200px;}
.summary-box td {border:1px solid #DCBE75; border-collapse:collapse; padding:5px}
.summary-box td.title {background:#312d82; color:#FFFFFF}
/***********************************************************************************************************************************/
.asset-photo-list {margin:0; padding:0; list-style-type: none; height: 188px; width: 250px;}
.asset-photo-list li {margin:0; padding:0;}
/***********************************************************************************************************************************/
.success-msg {background: url('../img/success-check.png') no-repeat scroll 10px 50% #FFF4D9; border: 1px solid #DCBE75; margin-bottom:20px; padding: 20px 20px 20px 55px;}
/***********************************************************************************************************************************/
.preventative-maintenance-filter-container {text-align:right; margin-bottom:5px;}
/***********************************************************************************************************************************/
.branch-name {font-size:12pt;}
/***********************************************************************************************************************************/
.export-link {background: url('../img/export-icon.gif') no-repeat scroll 0 50% transparent; height: 20px;line-height: 24px;margin: 31px 0;padding: 2px 0 2px 22px;}
/***********************************************************************************************************************************/
.email-link {background: url('../img/email-go.png') no-repeat scroll 0 50% transparent; height: 20px;line-height: 24px;margin: 31px 0;padding: 2px 0 2px 22px;}
/***********************************************************************************************************************************/
.optionGroup { font-weight:bold; font-style:italic }
.optionChild { padding-left: 15px }
/***********************************************************************************************************************************/
.report-cell-success { color: #51A351; }
.report-cell-danger { color: #BD362F; }
.request-note { font-size: 11px; font-style: italic; }
/***********************************************************************************************************************************/
.selectize-control.single .selectize-input { 
    background-color: white;
    background-image: inherit;
    border-radius: 0px;
    color: black;
    font-size: 11px;
    line-height: 17px;
    padding: 0 5px 0 5px;
}
.selectize-control.single .selectize-input:after { right: 5px; top: 60%; }
.selectize-control.single.part { width: 300px; }
.selectize-control.single.part .selectize-dropdown { width: 300px; }
.selectize-control.single .selectize-dropdown .option { padding: 2px 4px; font-size: 11px; }
/************************************************************************************************************************************/
.ui-accordion .ui-accordion-content {padding: 0;}
.asset-table {width: 100%; overflow: hidden; border: none;}
.asset-table img {width: 250px;}
.asset-table td {border: none;}
.asset-table .ca-wrapper {width: 250px; box-shadow: 0 0 15px #333; margin: 20px; position: relative; padding-bottom: 40px; min-height: 350px;}
.asset-table .ca-image {margin: 0; position: relative;}
.asset-table figcaption {bottom: 0; color: #fff; background: rgba(54, 46, 128, .9); width: 100%; padding: 10px; box-sizing: border-box; font-size: 22px; font-weight: 400;}
.asset-table .ca-text p {margin: 10px 0 0;}
.asset-table .ca-text {padding: 0 10px 0; font-size: 14px; color: #333; overflow-y: auto;}
.asset-table .pdf-wrapper {float: left; width: 32px; height: 32px; margin-right: 5px;}
.asset-table .pdf-wrapper a {width: 32px; height: 32px; text-indent: -9999px; display: block;}
.asset-table .has-pdf .pdf-wrapper {background: url(../img/icn-pdf.png) no-repeat; background-size: cover; padding: 0;}
.asset-table .ca-footer {width: 230px; position: absolute; bottom: 0; margin: 10px 10px 5px;}
.asset-table .ca-footer .logo-wrapper {background: url(../img/icn-logo.png) no-repeat; width: 32px; height: 32px; float: right; padding-right: 0; background-size: cover; cursor: pointer;}
.asset-table .ca-footer div {float: left; font-size: 10px; padding-right: 10px; text-align: center;}
.asset-table .ca-footer b {display: block; font-size: 11px; margin-top: 5px;}

.asset-table .warranty-wrapper {display: none;}
.asset-table .replace-wrapper {display: none;}

.asset-table .has-warranty .warranty-wrapper {display: block; padding-left: 5px;}
.asset-table .has-replacement .replace-wrapper {display: block; padding-left: 46px;}

.asset-table .has-warranty .warranty-wrapper {display: block; padding-left: 42px;}
.asset-table .has-replacement .replace-wrapper {display: block;}

.asset-table .has-warranty.has-replacement .warranty-wrapper {padding-left: 12px;}
.asset-table .has-warranty.has-replacement .replace-wrapper {padding-left: 5px;}

#nsr-client-id {max-width: 275px;}

img.left { float: left; }
img.right { float: right; }