/* General */
body {font-size:10pt; font-family: Arial, Helvetica, sans-serif; background-color:#fff; overflow-x:hidden; overflow-y:hidden; margin:0; padding: 0}
select, input {border:1px solid #bababa; font-size:10pt; font-family: Arial, helvetica, sans-serif}
input[type=radio] {outline:none; border:0}
input[type=checkbox] {outline:none; border:0; margin-right:10px}
input[type=image] {border:0}
img {vertical-align:text-top; border:0; margin-left: 5px}
.imgClickable {cursor:pointer; margin-left:8px;}
a {cursor:pointer; color:black; text-decoration:none}
a:hover {text-decoration:underline}
th {vertical-align:top}
td {vertical-align:top; text-align:left; font-weight:normal}
.tdr {vertical-align:top; text-align:right}
.tdshh {opacity:0; filter:alpha(opacity=0)}
.tdnw {white-space:nowrap}
.inputLabel {font-weight:normal }
.inputLabelRequired {font-weight:bold}
.inputright {text-align:right}
.badInput {background-color:Yellow}
.wait {cursor:wait}
#divContentMaster {clear:both; overflow-x:hidden; overflow-y:hidden; padding:0}
.content {display:none;}
.refresh {color:white; background:#105294; padding-top:5px; padding-left:8px; margin-top:1px; border-top:1px #105294 solid; border-left:1px #105294 solid; border-right:1px #105294 solid}
#spanPromium {float:right}
.contentHolder {width:100%}
.contentLastRefresh {margin-left:16px; margin-right:12px}
.contentTabTitle {font-weight:normal; margin-left:3px}
/* Log-in/out */
.txtLogin {width:200px}
.loginFrame {border:2px double black; padding:3px 8px 3px 8px; margin:10px; float:left}
#divLoginMessage, #divDisclaimerMessage, #divGoodbye {margin:10px; float:left}
/* Toolbar / Menu / Filters */
#divTopHolder {clear:both; height:58px; width:100%; padding:0px; background-color:#525252}
/* ORIGINAL: #divTools {float:left; clear:right; padding-top:12px; background-color:#525252; height:46px} */
#divTools {float:Left; clear:right; padding-top:20px; background-color:#525252; height:10px}
#divToolsClientInfo{float:right; clear:right; padding-top:20px; margin-right:25px; background-color:#525252; height:10px}

#divMainHolder {clear:both}
/* Toolbar */
#spanClientLabel {font-weight:normal;border:0px solid black;padding-left:8px;padding-right:8px;padding-top:2px;padding-bottom:2px;background-color:white}
#divDataExport {color:white; clear:both; padding-left:8px; background:#338ee9;}
#selClient {font-size:10pt; font-weight:normal}
#aContact {vertical-align:middle; margin-left:8px}
#aLogOut {vertical-align:middle; margin-left:16px}
#aHelp {vertical-align:middle; margin-left:16px}
/* Menu */
#divMenu {float:left; clear:left; margin:0; background-color:#525252;font-size:14pt; font-weight:normal;height:58px}
.menuItem {display:inline-block; margin:0; padding:18px 15px 17px 11px; background-color:#525252;height:23px}
.menuLink {color:white; vertical-align:middle; text-decoration:none; height:100%}
.menuLink:hover {text-decoration:none}
.liActive {background-color:#338ee9}
/* Filters */
.filterBox {color:white; clear:both; padding-left:8px; background:#105294; margin-bottom:0px;border-bottom:1px #105294 solid;border-left:1px #105294 solid;border-right:1px #105294 solid}
.filterLabel, .controlLabel {font-weight:normal}
.dataExportLabel {color: white;font-size:12px}
/* Contact Info */
#contactTable {}
#divContactHeader {font-weight:normal; margin-bottom:10px; background-color:#338ee9; padding-left:5px;color:white;font-size:20px}
#divContactMessage {margin-top:10px; margin-bottom:10px}
/* Password Change */
#divPwdChgInstructions {font-weight:bold}
#divPwdChgResults {color:Red; font-weight:bold}
/* Modal Frames */
#simplemodal-container a.modalCloseImg {background:url(../images/x.png);width:19px; height:19px; display:inline; z-index:3200; position:absolute; top:0; right:0; cursor:pointer}
#simplemodal-container {padding:10px}
#simplemodal-data  {}
.imgChildHelp {vertical-align:bottom; margin-left:4px; margin-right:8px;}
/* Pop-up Messages */
#popup_container {min-width:300px; max-width:600px; background:#fff; border:solid 5px #999; color:#000; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;}
#popup_title {font-size:14px; font-weight:bold; text-align:center; line-height:1.75em; color:#666; background:#ccc url(../images/poptitle.gif) top repeat-x; border:solid 1px #fff; border-bottom:solid 1px #999; cursor:default; padding:0em; margin:0em}
#popup_content {background:16px 16px no-repeat url(../images/popinfo.gif); padding:1em 1.75em; margin:0em}
#popup_content.alert {background-image:url(../images/popinfo.gif)}
#popup_content.confirm {background-image:url(../images/popimportant.gif)}
#popup_content.prompt {background-image:url(../images/pophelp.gif)}
#popup_message {padding-left:48px}
#popup_panel {text-align:center; margin:1em 0em 0em 1em}
#popup_prompt {margin:.5em 0em}
/* Data tables */
table.dataTable {margin:0; clear:both; width:100%;border-collapse: collapse;}
table.dataTable thead th {padding: 8px 18px 8px 10px; font-weight: normal; color:#000; cursor: pointer; background-color:#e3e3e3; border-bottom: 1px solid #d4d4d4;border-top: 1px solid #d4d4d4;border-right: 1px solid #d4d4d4}
table.dataTable td {padding: 7px 7px 7px 7px;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
table.dataTable td.center, table.dataTable td.dataTables_empty {text-align: center;padding: 8px 10px}
table.dataTable tr.odd {background-color: #f7f6f8;}
table.dataTable tr.even {background-color: #f7f6f8;}
.dataTables_wrapper {position: relative; clear: both; *zoom: 1}
.dataTables_length {float:left}
.dataTables_filter {background-color:#338ee9;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5; padding-top:8px; padding-bottom:8px}
.dataTables_filter label {margin-left:10px; color:#fff}
.dataTables_filter input {}
.sorting { background: url('../Images/sort_both.png') no-repeat center right}
.sorting_asc { background: url('../Images/sort_asc.png') no-repeat center right}
.sorting_desc { background: url('../Images/sort_desc.png') no-repeat center right}
.sorting_asc_disabled { background: url('../Images/sort_asc_disabled.png') no-repeat center right}
.sorting_desc_disabled { background: url('../Images/sort_desc_disabled.png') no-repeat center right}
.dataTables_scroll {clear: both}
.dataTables_scrollBody {*margin-top: -1px; -webkit-overflow-scrolling: touch}
table.dataTable thead th:active,table.dataTable thead td:active {outline: none}
/* Child tables */
table.tblChild {border-collapse: collapse; border-color: #e5e5e5;}  
table.tblChild thead th {background-color:#DCE3E4; white-space:nowrap; padding:8px 18px 8px 18px;color:#000;border-bottom:1px #d4d4d4 solid; border-right:1px #d4d4d4 solid;border-top:1px #d4d4d4 solid}
.trChildOdd {background-color:#f7f6f8}
.trChildEven {background-color:#f7f6f8}
/* Documents */
#divDocFilters {margin-bottom:20px}
#divDocFilters td a {text-decoration:none }
/* Methology */
#divAnaHolder {height:104px}
#divAnaSearchTypes, #divAnaSearchOptions, #divAnaSearchMxs, #divAnaGo {float:left; margin-right:10px}
#divAnaResults {clear:both; margin-top:0px}
.anaResults {clear:both; width:100%; margin-top:0px}
#divAnaResultController {color:white; clear:right; border-left:1px solid #105294; border-bottom:1px #105294 solid; border-right:1px #105294 solid; margin-top:0px; background-color:#105294; padding:8px}
#spanSearch {margin-right:8px}
#imgMethodExport {margin-left:16px; cursor:pointer}
/* Work Orders */
#woPrjName {margin-left:10px; color:#fff; font-weight:normal; padding-left:24px}
#divWOResultController {color:white; clear:right; border-left:1px solid #105294;border-bottom:1px solid #105294;border-right:1px solid #105294; margin-top:0px; background-color:#105294; min-height:32px; padding:8px;vertical-align:central}
#spanRegLimit {margin-left:16px}
.resDetect {background-color:Yellow}
.rlDetect {color:red; font-weight:bold}
.resultRegLimits {display:none}
#imgResFlags, #imgResRegs {margin-right:5px}
.flagCol {display:none; text-align:left}
.flagDetect {color:red; font-weight:bold}
#spanSxToggleAll, #spanResToggleAll {margin-left:16px}
#imgSxToggleAll, #imgResToggleAll {margin-left:1px}
#imgSSheet, #imgHistory {cursor:pointer; margin-left:0px; margin-right:10px}
.imgSxNow, .imgResNow {cursor:pointer; margin:0px; padding:0px}
.tdIcon {width:18px; display:inline-block; margin-top:0px; padding:0px;}
.resChildHolder {width:100%}
#spanRegsFlags {margin-left:16px}
#checkCount {font-weight:normal; margin-left:5px; display:inline-block; width:18px}
.repQual {cursor:pointer}
.draftData {font-weight:bold; color:#990000}
/* Sample History */
#sxHistoryController {clear:right; border:1px solid black; margin-top:8px; background-color:#ccc; min-height:32px}
#sxHistorySelect {margin-left:8px}
#sxHistoryExport {margin-left:16px}
#sxHistory {margin-top:10px}
#HSTimgHelp {display:block; float:right; clear:right}
#tblHist td {padding:3px; width:100%;border-bottom: 1px solid #e5e5e5;border-top: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5;}
#HSTimgSel {margin-left:8px}
.imgHistory {margin-top:4px}
/* Data Export */
#exportFrame {overflow-y:hidden}
#exportController {clear:right; border:1px solid black; margin:8px 0 8px 0; background-color:#338ee9; min-height:32px; vertical-align:middle;color:white}
#exportSelect {margin-left:8px}
#DEimgHelp {display:block; float:right; clear:right;vertical-align:middle}
.imgExport {margin-right:8px; margin-top:0px;vertical-align:middle}
/* Sample Submission */
.tabcontent {width:95%; left:0px; padding:10px; background:#fff; position:relative; display:none; clear:left; top:-1px;}
input.tabs {position:absolute; left:-9999px;}
input.tabs + label {float:left; display:block; border:.5px solid #fff; background:#e3e3e3; padding:10px 10px 10px 10px; text-decoration:none; color:#000; position:relative;}
input.tabs:checked + label {background-color:#fff; border-bottom:1px solid #fff; color:#000; z-index:20; font-weight: bolder;}
#SXSdivHeader {color:white; font-weight:bold; background-color:#105294; padding:10px 10px 9px; border:0px solid black}
#SXSdivControls {width:96%; height:32px; margin-top:5px; margin-bottom: 9px}
#SXSimgEdit, #SXSimgAbort, #SXSimgPreview, #SXSimgPost, #SXSimgSave {margin-right:20px}
#tblSX {border-collapse:collapse; border:2px solid black; margin-top:10px}
#tblSX td {border:1px solid black; text-align:left; vertical-align:top; padding:5px}
#SXSspanAddAna {margin-right:8px}
#SXStblCtr {border-collapse:collapse; border:2px solid black}
#SXStblCtr td {border:1px solid black; text-align:left; vertical-align:revert; padding:5px}
#SXStblAnalyses {text-align:left}
#SXSdivHolder {overflow:auto}
#SXSdivSX5c {border-collapse:collapse; border:1px solid black}
.sxCtrEditRow {background-color:#e0e0e0}
.sxbtn {margin-right:8px; font-weight:bold; padding-top: 15px;}
#SXSimgHelp {display:block; float:right; clear:right}
#SXSlstSX, #SXSlstContainers {margin-left:8px; margin-top: 20px;}
.SXSTatBox {width:32px; text-align:right}
#labelFormats {margin-left:16px}
#txtLabelSkipCount {margin-left:16px; width:24px}
.SXSCancelHeader, .SXSCancelDate {color:#a00}
.SXSAnaChecks {width:18px; height:18px; margin-left:0}
.SXSAnaChkBox {margin-left:0}
#SXSAChkAll {border:0; margin-left:8px}
.SXSPending {text-decoration:underline}
#SXSLabelsShowDates {margin-left:16px}
#SXSLabelsShowDateImg {margin-left:4px; margin-top:2px}
#btnSubmitSXSLabels {margin-left:8px}
.tdSXIncomplete {background-color:yellow}
#aContactEmail {text-decoration:underline}
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; }
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}