@import url(DocumentUpload.ascx.css);

.failure {display:block;margin:5px 0px 5px 1px;padding:4px;border:1px solid #CC0000;background-color:#FCCBCB;}
.notice  {display:block;margin:5px 0px 5px 1px;padding:4px;border:1px solid #F6CB15;background-color:#FFFFB8;}
.success {display:block;margin:5px 0px 5px 1px;padding:4px;border:1px solid #00CC00;background-color:#CBFCCB;}

h1,h2,h3,h4,h5 {margin:0;margin-top:1px;margin-bottom:6px;}
h1 {font-size:14pt;}
h2 {font-size:13pt;}
h3 {font-size:12pt;}


/* This should only be used by the ErrorDisplay.ascx control. */
.errorDisplay {margin:5px;padding:4px;border:1px solid #C00;background-color:#FCCBCB;}
.errorDisplay h3 {font-size:11pt;font-weight:bold;margin-bottom:6px;}
.errorDisplay ul {margin-top:0px;margin-bottom:4px;list-style-position:outside;}
.errorDisplay ul li {margin:0;margin-left:-10px;}
.warningDisplay {margin:5px;padding:4px;border:1px solid #F6CB15;background-color:#FFFFB8;}
.warningDisplay h3 {font-size:11pt;font-weight:bold;margin-bottom:6px;}
.warningDisplay ul {margin-top:0px;margin-bottom:4px;list-style-position:outside;}
.warningDisplay ul li {margin:0;margin-left:-10px;}

/* This is included to fix the z-index issue when a datepicker is displayed in a MODAL panel */
.ui-datepicker {z-index:100000 !important;} 

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-autocomplete li {list-style-type:none;}

ul.findingSurvey li { margin: 0 0 5px 0; list-style-type:disc; }
ul.findingSurvey li label {margin: 0 0 0 5px;}

div#jsmodal_mask {
  position:absolute;
  left:0;
  top:0;
  z-index:9000;
  background-color:#000;
  display:none;
}
  
div.jsmodal_dialog {
  position:fixed;
  left:0;
  top:0;
  display:none;
  z-index:9999;
  padding:10px;
  background-color:#ffffff;
  border:1px solid #666;
  border-radius:5px;
  box-shadow:0px 0px 20px rgba(255, 255, 255, 0.5), inset 0px 1px 5px #333;
}

div.jsmodal_dialog .jsmodal_header {font-family:Verdana, Arial, sans-serif;font-weight:bold;font-size:1.2em;margin-bottom:8px;}

span.pin {font:14pt Consolas, Lucida Console, Courier New, Monospace;letter-spacing:2px;text-transform:uppercase;padding:4px;margin:3px;}

.waitable {display:inline;}
.waitable .waitShow {display:none;}
.waitable.waiting .waitHide {display:none;}
.waitable.waiting .waitShow {display:inline;}