/* form styles */

.contentInner .fieldgrid {
  border-spacing: 0;
  border-collapse: collapse;
}

.contentInner INPUT.text, .contentInner TEXTAREA.memo, .contentInner TEXTAREA.longtext,
.contentInner .ebPicker, .contentInner DIV.readonly {
  background-color: white;
  border: #999 solid 1px;
  font: 9pt tahoma;
  padding: 3px 4px;

  -webkit-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
}

.contentInner SELECT {
  background-color: white;
  border: #999 solid 1px;
  font: 9pt tahoma;
  padding-top: 3px;
  padding-bottom: 3px;
  -webkit-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
  -moz-box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
  box-shadow: inset 0 1px 2px 0px rgba(0, 0, 0, .25);
}

.field > * {
  box-sizing: border-box; /* css3 rec */
  -moz-box-sizing: border-box; /* ff2 */
  -ms-box-sizing: border-box; /* ie8 */
  -webkit-box-sizing: border-box; /* safari3 */
  -khtml-box-sizing: border-box; /* konqueror */
}

.field {
  margin-bottom: 14px;
}

.field INPUT.text,
.field TEXTAREA.longtext,
.field SELECT.select,
.field SELECT.multipleselect,
.field TABLE.checkboxlist,
.field TABLE.radiolist,
.field .ebPicker,
.field DIV.readonly {
  width: 480px;
  max-width: 100%;
  font: 8pt verdana,arial,helvetica;
  text-align: left; }
.field TEXTAREA.longtext {
  height: 6pc !important; }

.detailTable .field INPUT.text,
.detailTable .field TEXTAREA.longtext,
.detailTable .field SELECT.multipleselect,
.detailTable .field TABLE.checkboxlist,
.detailTable .field TABLE.radiolist,
.detailTable .field .ebPicker {
  width: 140px;
}

.detailTable .field SELECT.select {
  width: 150px;
}

.buttons 
{
  clear: both; }

/* picker styles */

.ebPicker {
  overflow-x: hidden;
}

.ebResourceBrowser {
  background-color: white;
  border: silver solid 1px;
}

.ebResourceBrowser-List {
  padding: 2px;
  height: 120px;
  overflow: auto;
}

.ebResourceBrowser-List TABLE {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin-bottom: 2px;
}

.ebResourceBrowser-List TABLE TD {
  font: 9pt tahoma;
  padding: 3px 3px;
  width: 20%;
  vertical-align: top;
}
.ebResourceBrowser-List TABLE TD:first-child { width: 60%; }

.ebResourceBrowser-List TABLE TH {
  font: 8pt tahoma;
  padding: 1px 3px;
  text-align: left;
  border-bottom: #eee solid 1px;
  color: #666;
}

.ebResourceBrowser-List TD A, .ebPicker A {
  color: black;
}
.ebResourceBrowser-List .selected TD, .ebResourceBrowser-List .selected TD A {
  background-color: #bbb;
}

.ebResourceBrowser-Tools {
  background-color: #eee;
  font: 8pt tahoma;
  padding: 3px 6px;
}

A.ebPicker-Clear
{
  display: block;
  padding: 2px 0px 2px 4px;
  color: #999;
}

.ebPicker-Value {
  display: block;
  height: 1pc;
  padding: 0px 0px;
}

.ebResourceBrowser-File A, .ebResourceBrowser-File SPAN, .ebPicker-Value SPAN, .printerfile SPAN {
  display: block;
  padding: 2px 0px 2px 19px;
  background-image: url("/_formats/images/filetypes/file_unk.gif");
  background-position: left center;
  background-repeat: no-repeat;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.pdf-file { background-image: url("/_formats/images/filetypes/file_pdf.gif") !important; }
.txt-file { background-image: url("/_formats/images/filetypes/file_txt.gif") !important; }
.zip-file { background-image: url("/_formats/images/filetypes/file_zip.gif") !important; }
.jpg-file, .gif-file, .png-file, .tif-file, .bmp-file { background-image: url("/_formats/images/filetypes/file_jpg.gif") !important; }
.exe-file, .dll-file { background-image: url("/_formats/images/filetypes/file_exe.gif") !important; }
.mdb-file, .acdb-file { background-image: url("/_formats/images/filetypes/file_mdb.gif") !important; }
.doc-file, .dot-file, .docx-file, .dotx-file { background-image: url("/_formats/images/filetypes/file_doc.gif") !important; }
.xls-file, .xlw-file, .xlsx-file, .xlwx-file { background-image: url("/_formats/images/filetypes/file_xls.gif") !important; }
.ppt-file, .pptx-file { background-image: url("/_formats/images/filetypes/file_ppt.gif") !important; }

/* certificate styles */

.casiCertificate {
  margin: 6px 0;
  padding: 2px;
  border: solid 2px #E0CFEB;
  background-color: White; }

.casiCertificate-inner {
  min-height: 300px;
  border: solid 1px #e0e0e0;
  padding: 12px;
  background: url(/casi/controls/tracker/images/bg_certificate.gif) repeat left top; }

.casiCertificate TABLE {
  margin-right: 32px; }

.casiCertificate TD, .casiCertificate TH {
  font: 9pt tahoma,verdana,arial,sans-serif;
  vertical-align: top; }
.casiCertificate TH {
  font-weight: bold;
  text-align: left;
  padding-right: 8px; }

.casiCertificate H3 {
  margin: 0;
  padding: 0;
  font-size: 12pt !important;
  font-weight: bold !important;
  border: none !important; }

.casiCertificate H4 {
  margin: 0;
  padding: 0;
  font-size: 10pt !important;
  font-weight: bold !important;
  border: none !important; }

TR.casiCertificate-break TD, TR.casiCertificate-break TH {
  padding-top: 0.7pc; }

.casiCertificate TD.casiCertificate-icon, .casiCertificate TD.casiCertificate-head {
  vertical-align: middle; }

TD.casiCertificate-icon {
  width: 40px; }

/* cert history styles */

.casiCertificate-history {
  height: 100px;
  overflow: auto;
  margin: 6px 0;
  padding: 4px;
  border: solid 1px #E0CFEB;
  background-color: White; }

.casiCertificate-history TABLE {
  width: 100%;
}

.casiCertificate-history TD, .casiCertificate-history TH {
  font: 8pt tahoma,verdana,arial,sans-serif;
  vertical-align: top; }
.casiCertificate-history TH {
  font-weight: bold;
  text-align: left;
  padding-right: 8px; }

/* section progress styles */

#content .Linkstyle {
  text-decoration: underline;
}

TABLE.validationSummary, TABLE.validationSummaryBar
{
  border-collapse: collapse;
  border-spacing: 0;
}
TABLE.validationSummary 
{
  margin: 0 auto;
}
TABLE.validationSummary TD, TABLE.validationSummary TH
{
  margin: 0;
  text-align: left;
}
TABLE.validationSummary TH 
{
  padding-top: 8px;
}
TABLE.validationSummary TR:first-child TH
{
  padding-top: 0px;
}
TABLE.validationSummaryBar TD
{
  padding: 0;
  line-height: 0;
  border-top: 1px solid #D8D7D7;
  border-bottom: 1px solid #BFBEBE;
}


/* chart styles */

.chartBoxout {
  width: 300px;
  height: 100px;
  margin-right: 16px;
  float: left;
}


.chartBoxout TABLE {
  border-spacing: 0;
  border-collapse: collapse;
}

.chartBoxout TABLE TD {
  vertical-align: top;
}

.chartBoxout .charttitle {
  min-height: 2pc;
  padding-bottom: 8px;
}

.chartBoxout .latestvalue {
  width: 100px;
  padding-bottom: 6px;
  color: #64238E;
  font-size: 18pt;
  line-height: 18pt;
}

.chartBoxout .valuecolumn {
  padding-bottom: 4px;
  font-size: 9pt;
  line-height: 9pt;
}

/* menu styles */

.serviceBoxout 
{
  background-color: #B7DAE5; /* #d6b4f0; */
  padding: 12px;
  border-radius: 0 0 8px 8px;
  overflow: hidden;
}

UL.serviceList
{
  display: block;
  float: left;
  width: 25%;
  padding: 0;
  margin: 0;
}

UL.serviceList UL  
{
  margin: 0.3pc 0 0.7pc 0;
  padding: 0;
}

UL.serviceList > LI 
{
  border-bottom: 1px solid #6EB4CA; /* #a77acc; */
  margin-bottom: 0.3pc;
}

UL.serviceList LI 
{  
  margin: 0 12px 0 0;
  padding: 0;
  list-style-type: none;
}

UL.serviceList A 
{
  color: #283C48;
}

DIV.serviceListing {
  border-bottom: 1px solid #E0CFEB;
  padding: 6px 0;
}

DIV.serviceListing.disabled {
  color: #666;
}

DIV.serviceListing BIG {
  font-weight: bold;
}

/* persona styles */

UL.personaList {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

UL.personaList LI {
  margin: 3px 0;
}

.personaBadge {
  display: inline-block;
  background-color: #64238E;
  color: white;
  padding: 3px 6px;
  margin-right: 3px;
  border-radius: 3px;
}

  /* registration and contact details styles */

  .ebRegistration DIV.terms, .ebEnrollment DIV.terms
  {
    border: solid 1px #666;
    font-size: 9pt;
    height: 240px;
    padding: 6px;
    background-color: White;
    overflow: auto; }

  .ebRegistration DIV.terms P, .ebRegistration DIV.terms TD {
    font-size: 9pt;
  }

  .ebRegistration P.error, .ebEnrollment P.error, .ebLogin P.error, .ebChangePassword P.error, .ebForgotPassword P.error{
    font-weight: bold;
    color: Red; }
  .ebRegistration DIV.alertinner {
    color: Red; }

  .ebRegistration TABLE, .ebContactDetails TABLE {
    border-spacing: 0;
  }

  .ebRegistration TH, .ebRegistration TD,
  .ebEnrollment TH, .ebEnrollment TD,
  .ebContactDetails TH, .ebContactDetails TD {
    text-align: left;
    vertical-align: top;
    padding-top: 4px;
    font-size: 9pt;
  }

  .ebRegistration .titleinner, .ebContactDetails .titleinner {
    padding-right: 8px;
  }

  .ebRegistration TD TD, .ebContactDetails TD TD {
    padding-top: 0;
    padding-right: 4px;
  }
  .ebRegistration TD TD:last-child, .ebContactDetails TD TD:last-child {
    padding-right: 0;
  }

  .ebRegistration TH, .ebContactDetails TH, .ebEnrollment TH {
    padding-top: 0.25pc;
    padding-right: 1pc; }

  .ebRegistration INPUT.text, .ebRegistration TEXTAREA,
  .ebContactDetails INPUT.text, .ebContactDetails TEXTAREA,
  .ebEnrollment INPUT.text, .ebEnrollment TEXTAREA {
    width: 259px !important; }
  .ebRegistration TEXTAREA,
  .ebContactDetails TEXTAREA {
    height: 3pc !important; overflow: auto; }
  .ebEnrollment TEXTAREA {
    height: 4pc !important; overflow: auto; }

  .ebRegistration INPUT.button, .ebContactDetails INPUT.button,
  .ebEnrollment INPUT.button  {
    width: 100px; }


  .ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title {
    width: auto; }
  .ebRegistration TABLE TABLE SELECT.select, .ebContactDetails TABLE TABLE SELECT.select {
    margin-top: 1px;
    width: 72px !important; }
  .ebRegistration TABLE TABLE .field INPUT.text, .ebContactDetails TABLE TABLE .field INPUT.text {
    width: 93px !important; }

/* workflow styles */

.casiWorkflowState {
  padding-left: 18px;
  background-position: left center;
  background-repeat: no-repeat;
}

.casiWorkflowState.scheduled { background-image: url(../images/icn_clock_scheduled.gif); }
.casiWorkflowState.started { background-image: url(../images/icn_clock_started.gif); }
.casiWorkflowState.startoverdue { background-image: url(../images/icn_clock_start_overdue.gif); }
.casiWorkflowState.completed { background-image: url(../images/icn_clock_ended.gif); }
.casiWorkflowState.endoverdue { background-image: url(../images/icn_clock_end_overdue.gif); }
.casiWorkflowState.review { background-image: url(../images/icn_clock_wait.gif); }
.casiWorkflowState.approved { background-image: url(../images/icn_approved.gif); }
.casiWorkflowState.cancelled { background-image: url(../images/icn_cancelled.gif); }
.casiWorkflowState.revision { background-image: url(../images/icn_revision.gif); }
.casiWorkflowState.queued { background-image: url(../images/icn_clock_wait.gif); }

.infobox.scheduled { background-image: url(../images/icn_clock_scheduled_24.gif); }
.infobox.started { background-image: url(../images/icn_clock_started_24.gif); }
.infobox.startoverdue, .alertbox.startoverdue { background-image: url(../images/icn_clock_start_overdue_24.gif) !important; }
.infobox.completed { background-image: url(../images/icn_clock_ended_24.gif); }
.infobox.endoverdue, .alertbox.endoverdue { background-image: url(../images/icn_clock_end_overdue_24.gif) !important; }
.infobox.review {}
.infobox.cancelled {}

/* signature styles */

.signatures 
{
  margin: 1pc auto 0 auto; 
  overflow: hidden;
}

.signatures .signature-holder 
{
  float: left;
  width: 200px;
  margin-right: 12px;
}

.signatures .signature-box 
{
  border: solid 1px #eee;
  padding: 6px;
}

.signatures .signature-image 
{
  width: 100%;
  height: auto;
}
  

/* timeframe calendar picker */

.timeframeLinks {
  text-align: center;
}

.timeframeLinks > A {
  display: inline-block;
  margin: 0 6px 12px 6px;
  text-decoration: underline;
  cursor: pointer;
}

div.timeframe_calendar {
  display: inline-block;
  margin: 0;
  padding: 0;
  text-align: center;
  text-shadow: none;
}

div.timeframe_calendar table {
  border-collapse: collapse;
  display: inline;
  display: inline-block;
  font-size: 15px;
  margin: 0 6px 0px;
}
/* Month names */
div.timeframe_calendar table caption {
  font-size: 11px;
  font-weight: bold;
  padding-bottom: 6px;
}
/* Cell sizes */
div.timeframe_calendar thead th, div.timeframe_calendar tbody td {
  height: 18px;
  margin: 0;
  padding: 2px 1px;
  width: 20px;
}
/* Weekday letters */
div.timeframe_calendar thead {
  border-bottom: solid 1px silver;
  color: #666;
}
/* Days */
div.timeframe_calendar tbody {
  background: #fff;
  box-shadow:         0px 2px 6px #999;
  -webkit-box-shadow: 0px 2px 6px #999;
  -moz-box-shadow:    0px 2px 6px #999;
}
div.timeframe_calendar tbody td {
  cursor: pointer;
}
/* Hover states not available in IE */
div.timeframe_calendar tbody td.selectable:hover {
  background-color: #bbb;
}
div.timeframe_calendar tbody td.selected:hover, div.timeframe_calendar tbody td.stuck:hover {
  background-color: #64238E;
  color: white;
}
/* Selected states */
div.timeframe_calendar tbody td.selected {
  background-color: #AB7ACC;
}
div.timeframe_calendar tbody td.stuck {
  background-color: #64238E;
  color: white;
}
/* Range markers */
div.timeframe_calendar tbody td.startrange, div.timeframe_calendar tbody td.endrange, div.timeframe_calendar tbody td.startendrange {
  cursor: col-resize;
}
div.timeframe_calendar tbody td.startrange {
  background-image: url(../images/timeframe_start.png);
}
div.timeframe_calendar tbody td.endrange {
  background-image: url(../images/timeframe_end.png);
}
div.timeframe_calendar tbody td.startendrange {
  background-image: url(../images/timeframe_startend.png);
}
/* Today */
div.timeframe_calendar tbody td.today {
  background-color: #ffff00;
  color: black;
  font-weight: bold;
}
div.timeframe_calendar tbody td.today_selected {
  background-color: #AB7ACC;
}
div.timeframe_calendar tbody td.today_stuck {
  background-color: #64238E;
  color: white;
}
/* Post/pre-month */
div.timeframe_calendar tbody td.beyond {
  background-color: white;
  background-image: none;
  color: #ccc;
}
div.timeframe_calendar tbody td.beyond_selected {
  background-color: #E0CFEB;
  color: #888;
}
div.timeframe_calendar tbody td.beyond_stuck {
  background-color: #c59de0;
  color: #777;
}

div.timeframe_calendar tbody td.unselectable {
  color: #ccc;
  cursor: default;
}
/* Clear button */
div.timeframe_calendar tbody td span.clear {
  color: transparent;
  display: block;
  height: 0;
  position: absolute;
  width: 0;
}
div.timeframe_calendar tbody td span.clear span {
  background-image: url(../images/closebox.png);
  cursor: pointer;
  display: block;
  height: 30px;
  left: -18px;
  position: relative;
  text-indent: -10000px;
  top: -18px;
  width: 30px;
}
div.timeframe_calendar tbody td span.clear span.active {
  background-image: url(../images/closebox_selected.png);
}

/* data feeds */

TABLE.filterwarnings TD.level0
{
  background-image: URL(/casi/controls/filterreport/images/icn_step_warning_0.gif);
  padding-left: 18px;
}
TABLE.filterwarnings TD.level1
{
  background-image: URL(/casi/controls/filterreport/images/icn_step_warning_1.gif);
  padding-left: 18px;
}
TABLE.filterwarnings TD.level2
{
  background-image: URL(/casi/controls/filterreport/images/icn_step_warning_2.gif);
  padding-left: 18px;
}
TABLE.filterwarnings TD.level3
{
  background-image: URL(/casi/controls/filterreport/images/icn_step_warning.gif);
  padding-left: 18px;
}
TABLE.filterwarnings TD.level4
{
  background-image: URL(/casi/controls/filterreport/images/icn_step_warning_4.gif);
  padding-left: 18px;
}

TABLE.filterwarnings TD.level0, TABLE.fitlerwarnings TR TD:first-child, TABLE.filterwarnings TD.level1, TABLE.filterwarnings TD.level2, TABLE.filterwarnings TD.level3, TABLE.filterwarnings TD.level4
{
  padding-left: 18px;
  background-position: -3px 3px;
  background-repeat: no-repeat;
}

/********** Field Grids *********/

.fieldgrid TD.titlecol {
  padding-right: 10px;
  vertical-align:top;
}

.field DIV.titleinner, .field DIV.readonly B, .field SPAN.title LABEL {
  color: #64238E;
  text-align: left;
  vertical-align:top;
}
.fieldgrid TD {
  padding-bottom:4px;
}


.contentInner .field DIV.readonly {
  background-color: #c7c7c7;
}

.field TABLE.checkboxlist TD:first-child, .field TABLE.radiolist td:first-child{
  width: 20px;
}

.field .alert {
  color: red;
}

.field .caption {
  
}