/* casi.css
 * Custom CASI styles for certonline */
  
DIV.casi_searchForm {
 width: 560px;
}

DIV.casi_searchResults {
 width: 560px;
}

DIV.casi_memReport {
 width: 560px;
}

DIV.casi_wizardheader {
 width: 560px;
 background-color: #EFEFEF;
 border: solid 1px #EEEDEB;
 padding: 8px 4px 8px 4px;
 margin: 12px 0px 12px 0px; 
 background-image: url("images/bg_header.gif");
 background-position: top;
 background-repeat: repeat-x; 
}

DIV.casi_wizardheader H3 {
 font-size: 10pt;
}

DIV.memHolder 
{
    min-height: 100px;
}

DIV.casi_wizardcontent 
{    
 width: 560px;
 background-color: #F7F1EB;
 border: solid 1px #EEEDEB;
 padding: 8px 4px 8px 4px;
 margin: 12px 0px 12px 0px; 
 background-image: url("images/bg_content.gif");
 background-position: top;
 background-repeat: repeat-x;
}


DIV.casiFooter {
  color: silver;
  margin: 2px 2px 0px 2px;
  padding: 0px 0px 0px 0px;
  font-family: Tahoma;
  font-size : 8pt;  }
  
DIV.casiFooter A {
  color: silver;
  }
  
.casi-address {
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 9pt;
}
  
.validationErrors TD, .externalLinks TD {
 font-size: 9pt;
}  

.breadcrumbs {
 padding: 16px 4px 8px 0px;
 font-size: 9pt;
}

H1.summaryTitle {
 font-size: 10pt;
 font-weight: bold;
 padding: 4px 0px 4px 0px;
 margin: 0px 0px 0px 0px;
}

TABLE.status_summary {
 border: none; 
}


/* form element styles */

.certForm SELECT.multipleselect {
 height: 180px;
}

DIV.field {
  padding-bottom: 8px;

  }
  
DIV.field .stack, TR.field .stack {
  float: left;
  padding-right: 8px; }
  
DIV.field .endcol, TR.field .endcol {
  padding-right: 0px !important; }
  
DIV.field .stack {
  padding-bottom: 8px; }  

DIV.field .title {
  font-weight: bold; vertical-align: bottom; }
  
TABLE.fieldgrid {
  border-collapse: collapse;
  border-spacing: 0px;
}

TR.field TD {
  vertical-align: top;
  padding-bottom: 6px; }

TR.field .titlecol {
  width: 15%; }

TR.field .fieldcol {
  padding-left: 6px; }

TR.field .title {
  padding: 3px 0px 0px 0px;
  font-weight: bold; }
  
TD.fieldcol DIV.field {
  padding: 0px !important;
  font-size: 8pt; }
  
TR.field .captioncol {
  padding-left: 12px; }
  
TD.captioncol DIV.caption {
  background-color: #EEEDEB;
  border: solid 1px white;
  }
  
TD.captioncol .caption .captioninner, TD.captioncol .alert .alertinner {
  margin-left: -5px; 
  padding: 6px 8px 6px 13px;
  background-image: url("images/bg_callout_right.gif");
  background-position: left top;
  background-repeat: no-repeat; }

TD.captioncol .alert {   
   font-weight: bold;
   color: red;   
  }
  
TD.captioncol .alert .captioninner {
   }

.field .text, .field .longtext, .field .largetext, .field .select, .field .multipleselect,
  .field .shorthtml, .field .longhtml, .field .shortxhtml, .field .longxhtml,
  .field .xml, .field .file, .field .composite {
  background-color: #f8f8f8;
  border: 2px solid #aaa;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  width: 280px; }
  
.field .width10 { width: 53px !important; }
.field .width15 { width: 83px !important; }
.field .width20 { width: 103px !important; }
.field .width25 { width: 175px !important; }
.field .width35 { width: 268px !important; }
  
.field INPUT, .field TEXTAREA, .field SELECT, .field BUTTON {
  _height: 18px; /* for IE5 */
  padding: 2px;
  voice-family: "\"}\""; 
  voice-family:inherit;  
  }  
  
.field OPTION {
  background-color: #f8f8f8; }
  
.field INPUT.button, .field BUTTON.button {
  width: 100px; height: 22px;
  margin-right: 4px;
  background-color: #d8d8d8;
  border: solid 1px #ccc;
  border-bottom-color: #aaa;
  border-right-color: #aaa; }
  
.field .longtext, .field .xml, .field .multipleselect, .field .readonlymemo {
  height: 4pc; }
.field .shorthtml, .field .shortxhtml, .field .readonlyhtml {
  height: 9pc; }
.field .longhtml, .field .longxhtml {
  height: 12pc; }
  
.field INPUT.largetext {
  font-size: 11pt;
  font-weight: bold;
  vertical-align: middle;
  height: 22px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 18px; /* for other browsers */
}

.field .shorthtml, .field .shortxhtml, .field .longhtml, .field .longxhtml,
.field .links {
  width: 460px; }
  
.field .links {
  margin-top: 8px; }
  
.field INPUT.checkbox {
  height: 15px;
  border: none; }
.field LABEL.checkbox {
  font-size: 8pt; }

TABLE.checkboxlist, TABLE.radiolist {
  border-collapse: collapse;
  border-spacing: 0px; }
  
TABLE.checkboxlist TD, TABLE.radiolist TD {
  padding-bottom: 4px;
  vertical-align: top; }
  
TABLE.radiolist TD LABEL, TABLE.checkboxlist TD LABEL {
  display: block;
  padding-top: 2px;
  cursor: hand; }
  
.field .assetreference, .field .entityreference {
  border: 1px solid #bfaf8f; width: 460px;
  padding: 2px 1px; }
  
.field .readonly, .field .readonlymemo, .field .readonlyhtml,
.field INPUT.readonly {
  border: 1px solid #aaa; width: 458px;
  border-bottom-width: 2px;
  border-right-width: 2px;
  color: #666; padding: 3px 2px; }
  
.field .composite {
  padding: 3px 2px; width: 458px; }
  
.field .boxout {
  width: 448px; }
  
.protected {
  color: #bfaf8f; }
    
.field SELECT.select, .field SELECT.multipleselect {
  width: 280px; }
  
.field TD SELECT {
  margin-top: 2px; }
  
.field INPUT.fileupload {
  width: 280px;
  height: 20px;
  border-width: 1px;
  border-top-color: #f0f0f0;
  border-left-color: #f0f0f0;
  border-right-color: #c0c0c0;
  border-bottom-color: #c0c0c0;
  }
  
.buttons {
  padding-top: 6px;
  padding-bottom: 6px; }
  
   /* datagrid styles */

.datalist {
  width:  100%; }

.datalist TH {
  padding: 0px 16px 4px 0px;
  text-align: left;
  font-weight: bold; }
.datalist TD {
  padding: 3px 16px 4px 0px;
  border-top: 1px solid #f0f0f0;
  background-position: left;
  background-repeat: no-repeat; }
    
.datalist TD.first {
  border-top: none; }
.datalist TR.grouping TD {
  padding-top: 8px;
  border-bottom: 1px solid #f0f0f0; }  
.datalist TR.noborder TD {
  padding-top: 0px;
  border-top: none; }
.datalist TR.multiline TD {
  background-position: left 3px;
  vertical-align: top; }
  
TABLE.datalist TR.pending TD {
  background-color: #f0fff0; }
TABLE.datalist TR.suspended TD {
  background-color: #fff0f0; }
TABLE.datalist TR.expired TD {
  color: #c0c0c0; }
TABLE.datalist TR.old TD {
  color: #c0c0c0;
  text-decoration: line-through; }
TABLE.datalist TR.old TD A {
  color: #c0c0c0;
  text-decoration: underline line-through; }

.datalist TD.checkcol {
  width: 20px;
  padding: 0px 4px 0px 0px; }
  
.datalist TD.noicon {
  padding-left: 20px; }

.datalist TD.action {
  font-weight: bold; }
.datalist TD.container {
  padding-left: 20px;
  background-image: url(../images/icn_folder_16.gif); }
.datalist TD.asset {
  padding-left: 20px;
  background-image: url(../images/icn_asset_16.gif); }
.datalist TD.entity {
  padding-left: 18px;
  background-image: url(../images/icn_tab_user.gif); }
.datalist TD.entitygroup {
  padding-left: 18px;
  background-image: url(../images/icn_tab_group.gif); }
.datalist TD.entitycompany {
  padding-left: 18px;
  background-image: url(../images/icn_tab_company.gif); }
.datalist TD.permission {
  padding-left: 20px;
  background-image: url(../images/icn_permissions_16.gif); }
.datalist TD.event {
  padding-left: 18px;
  background-image: url(../images/icn_tab_event.gif); }
.datalist TD.entry {
  padding-left: 20px;
  background-image: url(../images/icn_entry_16.gif); }
.datalist TD.announcement {
  padding-left: 20px;
  background-image: url(../images/icn_announcement_16.gif); }
.datalist TD.note {
  padding-left: 20px;
  background-image: url(../images/icn_note_16.gif); }
.datalist TD.updatealert {
  padding-left: 20px;
  background-image: url(../images/icn_alerts_16.gif); }
.datalist TD.link {
  padding-left: 20px;
  background-image: url(../images/icn_link_16.gif); }
.datalist TD.bookmark {
  padding-left: 20px;
  background-image: url(../images/icn_bookmark_16.gif); }
  
.datalist TD.element {
  padding-left: 20px;
  background-image: url(../images/icn_element_16.gif); }
  
.datalist TD.campaign {
  padding-left: 20px;
  background-image: url(../images/icn_mailing_16.gif); }
  
.datalist span.oldRow {
  color: #c0c0c0; }  
  
.datalist span.oldRow A {
  color: #c0c0c0; }   
  
.datalist A {
  padding: 1px 1px 2px 1px; }
  
.datalist TD DIV.info {
  padding-top: 2px;
  color: #606060; }
.datalist TR.old TD DIV.info {
  color: #c0c0c0; }
  
H3, H4 {
  margin: 0px;
  padding: 6px 0px 6px 0px;
  font-size: 9pt;
  font-weight: bold;
}

H4 {
  font-weight: normal; }  
  
/* in-pane tab styles */

.tabbar {
  /* position: relative; 
     top: 12px; */ 
  
  height: 23px;
  margin: 0px -4px;
  padding: 24px 4px 0px 4px;
  border-bottom: solid 1px #ccc; 
  }


.tabbar .tab {
  float: left;
  height: 15px;
  padding: 4px 6px;
  /* position: relative; 
     top: 13px; */
  background-color: white;
  background-image: url(/casi/glue/images/bg_pane_tab_active.gif);
  background-repeat: repeat-x;
  background-position: top;
  border: solid 1px #ccc;
  border-right: solid 2px #aaa;
  border-bottom: none;
  font-size: 9pt;
  font-weight: bold;
  }

/* toolbar and button styles */

taskbar {
  position: absolute;
  overflow: hidden;
  width: 100%; height: 34px; /* 48px; */
  background-image: url(../images/bg_taskbar.gif);
  background-position: left bottom;
  background-repeat: repeat-x;
  border-bottom: solid 2px #ccc; }
  
#taskbar .button {
  float: right;
  display: inline-block;
  margin: 7px 6px 0px 0px;
  padding: 3px 4px 4px 20px;
  background-position: left center;
  background-repeat: no-repeat;
  font-size: 9pt;
  font-weight: bold; }
  
#btnSave { background-image: url(../images/icn_btn_save.gif); }
.disabled#btnSave { background-image: url(../images/icn_btn_save_disabled.gif); }
#btnBack { background-image: url(../images/icn_btn_back.gif); }
.disabled#btnBack { background-image: url(../images/icn_btn_back_disabled.gif); }
#btnPrint { background-image: url(../images/icn_btn_print.gif); }
.disabled#btnPrint { background-image: url(../images/icn_btn_print_disabled.gif); }

DIV.debug 
{
  margin: 30px 0px 0px 0px;
  padding: 10px 10px 10px 10px;
  border-top: solid 1px silver;
  color: silver;  
  font-size: 8pt;
}

DIV.debug A {
color: silver;  
}

A.button {  
  padding: 4px 7px 6px 4px;
  cursor: hand;
  vertical-align: middle; }
  
A.button:hover {
  padding: 3px 6px 3px 3px;
  background-color: #f0f0d0;
  border: solid 1px #a0a080;
  color: Black;
}

A.button:active {
  padding: 4px 5px 2px 4px;
  background-color: #d0d0d0;
  border: solid 1px #f0f0f0;
  border-top-color: #b0b0b0;
  border-left-color: #b0b0b0;
  color: Red;
}  

/* list styles */

.scrolllist {
  width:  100%; }

.scrolllist TH {
  padding: 0px 16px 4px 0px;
  text-align: left;
  font-weight: bold; }
.scrolllist TD {
  padding: 3px 16px 4px 0px;
  border-top: 1px solid #f0f0f0;
  background-position: left;
  background-repeat: no-repeat; }
    
.scrolllist TD.first {
  border-top: none; }
.scrolllist TR.grouping TD {
  padding-top: 8px;
  border-bottom: 1px solid #f0f0f0; }  
.scrolllist TR.noborder TD {
  padding-top: 0px;
  border-top: none; }
.scrolllist TR.multiline TD {
  background-position: left 3px;
  vertical-align: top; }
  
TABLE.scrolllist TR.pending TD {
  background-color: #f0fff0; }
TABLE.scrolllist TR.suspended TD {
  background-color: #fff0f0; }
TABLE.scrolllist TR.expired TD {
  color: #c0c0c0; }
TABLE.scrolllist TR.old TD {
  color: #c0c0c0;
  text-decoration: line-through; }
TABLE.scrolllist TR.old TD A {
  color: #c0c0c0;
  text-decoration: underline line-through; }
/*.scrolllist TR.disabled TD {
  color: #909090; } */

.scrolllist TD.checkcol {
  width: 20px;
  padding: 0px 4px 0px 0px; }
  
.scrolllist TD.noicon {
  padding-left: 20px; }

.scrolllist TD.action {
  font-weight: bold; }
.scrolllist TD.container {
  padding-left: 20px;
  background-image: url(../images/icn_folder_16.gif); }
.scrolllist TD.asset {
  padding-left: 20px;
  background-image: url(../images/icn_asset_16.gif); }
.scrolllist TD.entity {
  padding-left: 18px;
  background-image: url(../images/icn_tab_user.gif); }
.scrolllist TD.entitygroup {
  padding-left: 18px;
  background-image: url(../images/icn_tab_group.gif); }
.scrolllist TD.entitycompany {
  padding-left: 18px;
  background-image: url(../images/icn_tab_company.gif); }
.scrolllist TD.permission {
  padding-left: 20px;
  background-image: url(../images/icn_permissions_16.gif); }
.scrolllist TD.event {
  padding-left: 18px;
  background-image: url(../images/icn_tab_event.gif); }
.scrolllist TD.entry {
  padding-left: 20px;
  background-image: url(../images/icn_entry_16.gif); }
.scrolllist TD.announcement {
  padding-left: 20px;
  background-image: url(../images/icn_announcement_16.gif); }
.scrolllist TD.note {
  padding-left: 20px;
  background-image: url(../images/icn_note_16.gif); }
.scrolllist TD.updatealert {
  padding-left: 20px;
  background-image: url(../images/icn_alerts_16.gif); }
.scrolllist TD.link {
  padding-left: 20px;
  background-image: url(../images/icn_link_16.gif); }
.scrolllist TD.bookmark {
  padding-left: 20px;
  background-image: url(../images/icn_bookmark_16.gif); }  
.scrolllist TD.element {
  padding-left: 20px;
  background-image: url(../images/icn_element_16.gif); } 
.scrolllist TD.campaign {
  padding-left: 20px;
  background-image: url(../images/icn_mailing_16.gif); }  
.scrolllist A {
  padding: 1px 1px 2px 1px; }
  
.scrolllist TD DIV.info {
  padding-top: 2px;
  color: #606060; }
.scrolllist TR.old TD DIV.info {
  color: #c0c0c0; }
  
/* CASI Report Styles */

.casiCertificate 
{
  width: 300px;
  background: URL(/casi/images/bg_cert.gif);
  margin: 8px 8px 8px 0px;
  background-color: #FFFFFF;
  border: 1px solid #9BC7E1;
  padding: 20px 20px 20px 20px;  }
  
 .casiMemberPanel 
 {
 margin: 2px 8px 8px 0px;
  float:left;
 width: 230px;
 min-height: 80px;
 _height: 80px;
 } 
 
  .casiSitePanel 
 {
 margin: 2px 8px 8px 0px;
  float:left;
 width: 230px;
 min-height: 80px;
 _height: 80px;
 }
 
 .casiAssessmentPanel
 {
 margin: -14px 0px 0px 0px;
  float:left;
 width: 225px;
 min-height: 80px;
 _height: 80px;
 } 
    
.casiAssessment {
  margin: 2px 8px 8px 0px;
  padding: 0px 0px 0px 0px;  }
  
.abmReport H2 ,  .casi_checkerReport H2
{
 font-size: 10pt;  
 padding: 4px 0px 4px 0px;
 margin: 4px 0px 4px 0px;
}

.additionalSites 
{
 float: left;
 width: 180px;
 min-height: 100px;
 _height: 100px;
 background-image: url(/images/sidebar_background.gif);
 background-position: top;
 background-repeat: repeat-x;
 background-color: #FFF0F0;
 border: 1px solid #9BC7E1;
 padding: 5px 5px 5px 5px;
 margin: 5px 5px 0px 0px;
}

.siteclosed 
{
  background-image: url(/abm/images/sidebar_background_gray.gif);
  background-color: White;
 border: 1px solid Silver;
}

SPAN.casiLabel {
  font-weight: bold;
}

.border {
  border-top: solid 1px #ccc; }

.bar {
  background-color: white;
  padding: 0px !important;
  background-position: bottom;
  background-repeat: repeat-x;
  background-image: url(/glue/images/bg_bar.gif); 
  }
  
.bar .info {
  padding: 2px 8px 5px 18px; }
 

#questionPanel {
 padding-left: 8px;
 padding-bottom: 8px;
}

/* point styles */

TABLE.point {
  width: 97%;
  padding-left: 8px;
  padding-bottom: 16px;
  border-top: 1px solid #eeeeee; }

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

/* question styles */

TD.question H3 {
  font-size: 10pt; 
  font-weight: bold;
  margin: 4px 0px 8px 0px; }

TABLE.question {
  font-size: 10pt;
  width: 90%; 
  margin: 8px 16px 8px 0px;
  vertical-align: top; }

.shortquestionsingleanswer H3 {
  margin-bottom: 4px; }
  
/* alert styles */

.alert {
  display: block;
  margin-bottom: 8px;
  padding: 4px;
  border: 1px solid #ffff99;
  background-color: #ffffee; }
  
.info, .warning, .complete, .error {
  padding-left: 22px; 
  background-repeat: no-repeat;
  background-attach: top; }
  
.complete {
  border-color: #66ff66;
  background-color: #eeffee;
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_complete.gif"); }

.info, .warning {
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_alert.gif"); }
  
.warning, .error {
  border-color: #ff6666;
  background-color: #ffeeee; }

.error {
  background-image: URL("/casi/controls/questionpanel/images/icn_mark_error.gif"); }
  
/* guidance styles */

TD.guidance { 
  background-color: #EEEDEB;
  border-left: solid 1px white;
  border-right: solid 1px white;
  border-bottom: solid 1px white;
  padding: 4px 4px 4px 4px; 
  width: 50%;
  font-size: 10pt;
  vertical-align: top;
  padding: 0px 8px 8px 8px;
   }

TD.guidance H3 {
  font-size: 10pt; font-weight: bold;
  margin: 16px 0px 8px 0px; }
  
TD.guidance H4 {
  font-size: 10pt; font-weight: bold;
  margin: 16px 0px 8px 0px; }

/* reportPanel styles */

DIV.reportPanel TEXTAREA.memo {
 width: 380px;
 height: 160px;
}

DIV.reportPanel TABLE.point {
 margin-top: 8px; 
}

DIV.reportPanel TD.guidance {
 width:5px;
}

DIV.reportPanel TABLE.question {
 width:490px;
}

/* answer styles */

.answer {
  font-weight: bold; }

.singleshortanswer .answer,
.longquestionsingleanswer .answer,
.stackanswersright .answer {
  text-align: right; }
.stackanswersright .first {
  padding-top: 6px; }

.answer LABEL {
  display: block;
  padding: 3px 0px 4px 0px; }
  
.printercheckbox {
  width: 12px; height: 12px;
  margin-top: 4px;
  float: left;
  border: 2px solid gray;
  font-size: 1pt;
  overflow: clip; }
  
/* Checker Styles */

DIV.certificate {
 padding: 8px;
 background: URL(/casi/images/bg_cert.gif);
 border: 1px solid #f0f0f0; }
 
Div.certGreen 
{
  color: green; 
  border: solid 1px green;
  /*border: green;*/
  float: left;
}

Div.certOrange
{
  color: orange;  
  border: orange;
}

Div.certRed
{
  color: red;  
   border: red;
}
     
DIV.certificate TD.title {
 font-size: 11px;
 vertical-align: middle; }

.error {
    font-weight: bold;
    color: red; }
    
.label {
    font-weight: bold;
     }
     
.full {
font-weight: bold;
color: green;
}

.suspended {
font-weight: bold;
color: orange;
}

.withdrawn {
font-weight: bold;
color: red;
}