html{overflow-y: scroll;}
body, html { margin: 0px;padding: 0px;background: #dddddd;font-family: Segoe UI;font-size: 12px;}
h2, h3 { margin: 0px 0px 8px 0px;}
a { color: #0078c2;text-decoration: underline;}
a:hover { color: #0078c2;text-decoration: none;}
.alert { color: #c01010;font-weight: bold; }

input[type="button"], input[type="submit"],a.button {display: block;background: #63a1c8;color: #ffffff;border:1px solid #0078c2;text-shadow: 1px 1px #000000;padding: 4px 8px 4px 8px;border-radius: 5px;box-shadow: 1px 1px 1px #aaaaaa;cursor: pointer;}

.clear { clear: both;}

#outer { width: 990px;float: left;position: absolute;left: 50%;top: 0px;margin: 0px 0px 0px -485px;border-left: 1px solid #8b8b8b;border-right: 1px solid #8b8b8b;border-bottom: 1px solid #8b8b8b;}
#headerContainer {
    float: left;
    width: 100%;
    height: 100px;
    position: relative;
    background: url(/Resources/Banner_partsapp_2service.jpg) no-repeat 0px 0px;
}
#title {position: absolute;top: 10px;left: 300px;font-size: 48px;color: #ffffff;text-shadow: 2px 2px #000000; }
#menuContainer{ float: left;width: 100%;height: 33px;background: #0078c2;border-top: 1px solid #fff;}
#menuContainer ul { float: left;list-style: none;padding: 0px;margin: 3px 0px 0px 14px;}
#menuContainer ul li { float: left;padding: 0px;margin: 0px 16px 0px 0px;font-size: 16px;color: #ffffff;text-shadow: 1px 1px #000000;}
#menuContainer ul li a { color: #ffffff;}
#subMenuContainer{ float: left;width: 100%;min-height: 45px;background: #63a1c8;border-top: 1px solid #fff;border-bottom: 1px solid #666666;}
#subMenuContainer div { float: left;margin: 3px 0px 0px 14px;color: #ffffff;font-size: 14px;text-shadow: 1px 1px #000000;}
#subMenuContainer ul { float: left;list-style: none;padding: 0px;margin: 3px 0px 0px 14px;width: 909px;}
#subMenuContainer ul li { float: left;padding: 0px;margin: 0px 16px 0px 0px;font-size: 14px;color: #ffffff;}
#subMenuContainer ul li a { color: #ffffff;}
#bodyContainer { float: left;width: 100%;min-height: 450px;background: #ffffff;}
#contentContainer { padding: 10px 10px 10px 14px;}
#footerContainer { float: left;width: 100%;background: #f0f0f0;font-size: 11px;text-align: center;border-top: 1px solid #999999;position: absolute;bottom: 0px;}
#footerContainer .inner { padding: 5px 10px 5px 10px;}

.list { float: left;width: 100%;border: 1px solid #0078c2;margin: 0 0 20px 0;}
.list .row { float: left;width: 100%;border-top: 1px solid #0078c2;}
.list .row:nth-child(even) {background: #eeeeee;}
.list .head { background: #0078c2;color: #ffffff;text-shadow: 1px 1px #000000;}
.list .col {float: left;padding: 4px;}
.list .col .indent { float: left; padding-left: 15px;}
.list .w3 { width: 3%;}
.list .w5 { width: 5%;}
.list .w6 { width: 6%;}
.list .w7 { width: 7%;}
.list .w8 { width: 8%;}
.list .w9 { width: 9%; }
.list .w10 { width: 10%;}
.list .w12 { width: 12%;}
.list .w13 { width: 13%;}
.list .w14 { width: 14%;}
.list .w15 { width: 15%;}
.list .w18 { width: 18%;}
.list .w20 { width: 20%;}
.list .w23 { width: 23%;}
.list .w25 { width: 25%;}
.list .w28 { width: 28%;}
.list .w29 { width: 29%;}
.list .w30 { width: 30%;}
.list .w32 { width: 32%;}
.list .w33 { width: 33%;}
.list .w35 { width: 35%;}
.list .w37 { width: 37%;}
.list .w38 { width: 38%;}
.list .w40 { width: 40%;}
.list .w45 { width: 45%;}
.list .w50 { width: 50%;}
.list .w60 { width: 60%;}
.list .w70 { width: 70%;}
.list .w80 { width: 80%;}
.list .w85 { width: 85%;}
.list .w90 { width: 90%;}
.list .col .editForm .field label { width: 50%;}
.list .col .editForm .field input[type="text"] { width: 40%;}
.list .col .editForm .field .fieldContainer { width: 40%;}
.list .col .editForm .field .fieldContainer .decimalInput { width: 40px;}

.editForm { float: left;width: 100%;border-left: 1px solid #adadad; border-right: 1px solid #adadad; border-bottom: 1px solid #adadad;margin: 0px 0px 20px 0px;}
.editForm.small { width: 40%; }
.editForm .field { float: left;width: 100%; border-top: 1px solid #adadad;padding: 4px 0px 4px 0px;min-height:25px; }
.editForm .field:nth-child(odd) { background: #ebebeb;}
.editForm .field:nth-child(even) { background: #ffffff;}
.editForm .field.odd { background: #ebebeb !important;}
.editForm .field.even { background: #ffffff !important;}
.editForm .field label {float: left;margin: 2px 0px 0px 8px;width: 30%;}
.editForm .field input[type="text"], .editForm .field input[type="number"], .editForm .field input[type="password"], .editForm .field textarea, .editForm .field select { float: left; margin: 0px; width: 60%; font-family: Segoe UI; font-size: 12px; }
.editForm .field input[type="submit"] { float: left;margin: 0px 0px 0px 8px;}
.editForm .field input[type="file"] { cursor: pointer; }
.editForm .field span {float: left;display: block;width: 90%;margin: 2px 0px 0px 30%;padding: 0px 0px 0px 8px;color: #c01010;}
.editForm .field .imageUpload { float: left;width: 60%;margin: 0px;padding: 0px 0px 10px 0px;}
.editForm .field .decimalInput { width: 80px;}
.editForm .field .fieldContainer { float: left;width: 60%;margin: 0px;padding: 0px 0px 10px 0px;}
.editForm .field .fieldContainer input[type="radio"] { float: left;width: 5%; }
.editForm .field .fieldContainer input[type="checkbox"] { float: left;width: 5%; }
.editForm .field .fieldContainer label { width: 92%; }
.editForm .field .fieldContainer .dayValue, .editForm .field .fieldContainer .monthValue, .editForm .field .fieldContainer .yearValue { width: 30%; }
.editForm .threecolumnfield { float: left;width: 33%; border-top: 1px solid #adadad;padding: 4px 0px 4px 0px; }
.editForm .radiobuttonField { float: left; width: 90%;}
.editForm .radiobuttonField label { float: right; width: 96%;}
.editForm.labelWidth.w45 .field label { width: 45%; }
.editForm.labelWidth.w45 .field input[type="text"], .editForm.labelWidth.w45 .field input[type="number"], .editForm.labelWidth.w45 .field input[type="password"], .editForm.labelWidth.w45 .field textarea, .editForm.labelWidth.w45 .field select, .editForm.labelWidth.w45 .field .imageUpload, .editForm.labelWidth.w45 .field .fieldContainer { width: 45%; }

.searchForm { float: left; width: 100%; }
.searchForm .column { float: left;width: 24%;height: 90px; border: 1px solid #adadad;margin: 0px -1px 0px 0px;background: #eeeeee;}
.searchForm .column label { float: left;margin: 5px 0px 5px 5px;width: 95%;font-weight: bold;}
.searchForm .column input[type="text"], .searchForm .column input[type="date"], .searchForm .column select {float: left;margin: 0px 0px 10px 5px;width: 90%;}
.searchForm .column input[type="checkbox"] {float: left;margin: 2px 0px 5px 5px;}
.searchForm .column input[type="radio"] {float: left;margin: 2px 0px 5px 5px;}
.searchForm .column .itemLabel {float: left;width: 83%;margin: 0px 0px 0px 5px;font-weight: normal;}
.searchButton {float: left; margin: 10px 0px 10px 0px; }
.paging { float: left;width: 100%;height: 30px;position: relative;}
.paging .pages { float: left;position: absolute;left: 50%;width: 80%;margin: 0px 0px 0px -40%;text-align: center;}
.paging .pages label { background: #eeeeee;color: #000000;border:1px solid #0078c2;padding: 4px 8px 4px 8px;margin: 0px 5px 0px 5px;border-radius: 5px;box-shadow: 1px 1px 1px #aaaaaa;cursor: pointer;font-weight: bold; }
.paging a { background: #63a1c8;color: #ffffff;border:1px solid #0078c2;text-shadow: 1px 1px #000000;padding: 4px 8px 4px 8px;margin: 0px 5px 0px 5px;border-radius: 5px;box-shadow: 1px 1px 1px #aaaaaa;cursor: pointer; }
.paging .previous { float: left;}
.paging .next { float: right; }

a.button { background: #63a1c8;color: #ffffff;border:1px solid #0078c2;text-shadow: 1px 1px #000000;padding: 4px 8px 4px 8px;margin: 0px 5px 0px 5px;border-radius: 5px;box-shadow: 1px 1px 1px #aaaaaa;cursor: pointer; display: inline-block;font-size: 1.15em; text-decoration: none; }
a.button.small { font-size: 1em; padding: 2px 6px; }
a.button.disabled { background: #aaa; border-color: #fff; cursor: default; }

.quickLinks { float: left;width: 70%;border-left: 1px solid #0078c2;border-right: 1px solid #0078c2;border-top: 1px solid #0078c2;list-style: none;margin: 0px;padding: 0px;}
.quickLinks li {background: #ffffff; border-bottom: 1px solid #0078c2;padding: 14px 35px 14px 35px;font-size: 22px;margin: 0px;text-shadow: 1px 1px #000000;}
.quickLinks li:nth-child(even) {background: #ffffff;}
.quickLinks li:nth-child(odd) {background: #c1e4fa;}

#loadingPanel {z-index: 999;display: none;position: absolute;left: 0px;top: 0px;width: 100%;height: 100%;}
#loadingPanel .bg {position: absolute;top: 0px;left: 0px;width: 100%;height: 100%;background: #ffffff;opacity: 0.8;}
#loadingPanel .img{ position: absolute;top: 50%;left: 50%;width: 220px;height: 19px;margin: -10px 0px 0px -110px;background: url(loading-bar.gif) no-repeat 0px 0px;}

.tabControl { float: left;width: 100%;}
.tabControl .tabBar { float: left;width: 100%;}
.tabControl .tabBar .tab {z-index: 0;float: left;background: #eeeeee;color: #000000;border:1px solid #0078c2;text-shadow: 1px 1px #cccccc;padding: 4px 12px 7px 12px;margin: 0px -2px -4px 0px;border-radius: 5px;box-shadow: 1px 1px 1px #aaaaaa;cursor: pointer; font-size: 1.2em; text-decoration: none;}
.tabControl .tabBar .tab a { text-decoration: none; color: #000; }
.tabControl .tabBar .tab.active {z-index: 1;background: #63a1c8;color: #ffffff; text-shadow: 1px 1px #000000;}
.tabControl .tabBar .tab.active a { color: #fff;}
.tabControl .tabBar .tab.disabled { border: 1px solid #444444;color: #cccccc;}
.tabControl .tabBar .tab.disabled a { color: #ccc; }
.tabControl .pageContainer { float: left;width: 966px;margin: 0px -10px 0px -14px;padding: 10px 10px 0px 14px; background: #ffffff;border-top: 1px solid #0078c2;}
.tabControl .pageContainer .page {display: none;float: left;width: 100%;}
.tabControl .pageContainer .page:nth-child(1) { display: block;}

#queryContainer select, #queryContainer .valueControl { border: 1px solid #8a8a8a;}
#queryContainer .deleted { display: none;}
.querySubFilter { float: left;width: 98%;border: 1px solid #4682b4;margin: 5px 0 5px 0;}
.querySubFilter .logicalOperatorContainer { float: left;width: 100%;padding: 10px 0 10px 0; }
.querySubFilter .logicalOperatorContainer select { font-size: 1.6em;font-weight: bold;background: #4682b4;color: #ffffff;}
.querySubFilter .logicalOperatorContainer select, .querySubFilter .logicalOperatorContainer input { float: left;margin: 0 0 0 15px; }
.querySubFilter .filters { float: left;width: 90%;padding: 0 0 10px 10%; }
.queryFilter { float: left;width: 99%;border: 1px solid #a0a0a0;margin: 5px 0 5px 0; }
.queryFilter select, .queryFilter input { float: left;display: none;margin: 5px 15px 5px 5px; }
.queryFilter select.filterSource, .queryFilter select.filterOperator, .queryFilter input.deleteButton { display: block; }
.queryFilter select.filterSource { background: lightgrey;}
.queryFilter .valueControl { background: peachpuff;}
.queryFilter select.filterOperator { background: darkseagreen;}

#newSubFilter, #newFilter { display: none;}

#bulkChangeContainer { float: left;width: 100%;margin: 15px 0 0 0;}
#newBulkChange { display: none;}
.bulkChangeRule { float: left;width: 98%;border: 1px solid #4682b4;margin: 5px 0 5px 0;}
.bulkChangeRule .typeContainer { float: left;width: 25%;font-weight: bold;margin:11px 15px 0 15px;}
.bulkChangeRule .operationContainer { float: left;width: 20%;margin: 8px 15px 5px 0;}
.bulkChangeRule .valueContainer { float: left;width: 40%;margin:8px 0 5px 0;}
.bulkChangeRule .deleteButton { float: left;margin: 5px 5px 5px 0;}
.bulkChangeRule .valueControl { display: none;}

.infoPopupContainer { float: left;position: relative;}
.infoPopupContainer label { float: left;cursor: pointer;padding:0 0 0 20px;background: url(info-icon.gif) no-repeat 0 0;}
.infoPopupContainer .popup { display: none;width: 300px;left: -320px;padding: 0;background: #ffffff;z-index: 999;position: absolute; }
.infoPopupContainer:hover .popup { display: block; }

.validation-summary-errors {color: #b94a48;}
.validation-summary-valid {display: none;}

.columnContainer { display: block;width: 100%; vertical-align: top; }
.columnContainer .col {display: inline-block;vertical-align: top;}
.columnContainer .w50 { width: 50%; }
.columnContainer .w47 { width: 47%; }
.columnContainer .w5 { width: 5%; }

.field-validation-error { color: #e80c4d; font-weight: bold; }
.field-validation-valid { display: none;}
.input.input-validation-error { border: 1px solid #e80c4d; }
.validation-summary-errors { color: #e80c4d; font-weight: bold; font-size: 1.1em; }
.validation-summary-valid {display: none;}

.columnContainer { width: 100%; }
.columnContainer .col { display: inline-block; }
.columnContainer .col.w9 { width: 9%; }
.columnContainer .col.w10 { width: 10%; }
.columnContainer .col.w45 { width: 45%; }

.uploadifive-button { overflow:hidden !important; text-align:left !important; width:210px !important; height:20px !important; background:#63a1c8; color:#fff; border:1px solid #0078c2; text-shadow:1px 1px #000; padding:4px 8px; border-radius:5px; box-shadow:1px 1px 1px #aaa; cursor:pointer; font-size:1.15em; line-height:20px !important; }
.uploadifive-button input[type="file"] { position:absolute !important; top:0 !important; left:0 !important; width:100% !important; height:100% important; cursor:pointer; }