/* standard.css
   ZAP website standard stylesheet
*/

HTML, BODY {
  margin: 0px; padding: 0px; }

BODY {
  background-image: url(../images/bg_footer.jpg);
  background-repeat: no-repeat;
  background-position: center bottom; }
  
BODY, TD {
  font: 9pt/14pt arial; }
  
H1 {
  font: bold 16pt arial;
  color: #000080; }
  
H2 {
  font: bold 12pt arial;
  color: #000080; }
  
H3 {
  font: bold 11pt arial;
  color: #000080; }

.holder {
  width: 822px; 
  margin: 0px auto; }
 
.inner { width: 853px; text-align: left;
  background-image: url(../images/bg_header.jpg);
  background-repeat: no-repeat;
  background-position: 12px 0px;
   }

.casiCertificate {
  background: URL(/casi/images/bg_cert.gif);
  margin: 8px 0px 8px 0px;
  background-color: #F9E8CC;
  border: 1px solid #0E1074;
  padding: 0px 8px 0px 0px;  }
    
.casiAssessment {
  margin: 8px 8px 0px 8px;
  padding: 0px 8px 0px 0px;  }

SPAN.casiLabel {
  font-weight: bold;
}
   
.globalnav {
  margin: 0px 0px 0px 0px;
  text-align: right;
  font-size: 8pt; }

.navbar {
  margin: 8px 0px 12px 0px;
  height: 48px; }

.navbar DIV {
  float: left;
  margin-left: -26px; }

.navbar DIV IMG {
  border: none; }
  
#navLeft {
 margin-left: 12px;
}  

#navLogo {
  margin-left: 0px; }
#navAbout {
  margin-left: 8px; }
  
.sidebar {
  float: left;
  width: 154px;
  margin: 56px 8px 0px 4px; }
  
.sidebar UL {
  margin: 0px; padding: 0px;
  border-bottom: 1px solid #ff8080; }
  
.sidebar LI {
  margin: 0px;
  padding: 1px 6px 2px 6px;
  font: 8pt arial,helvetica,sans-serif;
  /* background-color: #fff0f0; */
  border-top: 1px solid #ff8080; }
  
.sidebar LI.selected {
  font-weight: bold;
  background-color: #ffe0e0; }
  
.sidebar A {
  color: black;
  text-decoration: none; }
.sidebar A:hover {
  color: #c00000;
  text-decoration: underline; }
  
.main {
  margin: 24px 0px 12px 202px;
  width: 554px; }
  
INPUT.button {
  width: 100px;
  font: 9pt arial !important; }
  
/* wizard styles */

H3 .active { color: black; }

PRE.address {
  font: 8pt arial,helvetica,sans-serif;  
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

.zapresults {
  padding: 8px;
  font-size: 8pt;
  line-height: 10pt;
  background-color: #ccccff;
  border-top: 1px solid #f0f0ff;
  border-bottom: 1px solid #a0a0ff; }

.boxout {
  padding: 8px;
  font-size: 8pt;
  line-height: 10pt;
  background-color: #EEEEEE;
  border-top: 1px solid #D50202;
  border-bottom: 1px solid #D50202; }
  
.boxout TD, .boxout INPUT {
  font-size: 9pt; }

#basketBox {
  float: right;
  width: 189px;
  _height: 160px;
  min-height: 160px;
   }
  
#searchBox {
  padding: 12px 12px 12px 12px;
  min-height: 220px;
  _height: 220px;  
  width: 400px; }
  
#searchBox2 {
  margin: 12px 0px 12px 0px;
  padding: 12px 12px 12px 12px;
  _height: 140px;
  min-height: 140px;
  width: 330px; }  
  
#searchBox3 {
  margin: 12px 0px 12px 0px;
  padding: 12px 12px 12px 12px;
  _height: 160px;
  min-height: 160px;
  width: 330px; }   
  
#basketList {
  overflow: auto;
  height: 115px; }
  
#basketList OL {
  margin: 0px 1.5pc; }

H4 {
  font: bold 8pt arial; }
  
#searchFields {
  border-spacing: 0px;
  border-collapse: collapse; }
  
#searchFields LABEL {
  padding-right: 12px; }
  
#searchFields INPUT.text {
  width: 160px; }
  
/* producer listing styles */
  
TABLE.producerlist {
  border-spacing: 0px;
  border-collapse: collapse; }

.producerlist TD {
  height: 3pc; }

.producerlist TD, .producerlist TR.header TD, .producerlist TH {
  vertical-align: middle;
  line-height: 1pc;
  border-bottom: 1px solid #ccccff;
  padding: 2px 16px 2px 0px; }
  
.producerlist TR.header TD, .producerlist TH {
  vertical-align: top;
  font-weight: bold;
  border-bottom-width: 2px; }
  
.producerlist TD.slapmark {
  padding-right: 4px;
  font-size: 12pt; font-weight: bold;
  vertical-align: middle; }
  
.producericon {
  background-image: url(../images/icn_producer.gif);
  background-position: 2px 2px;
  background-repeat: no-repeat;
  padding-left: 20px; }
  
.dragitem TD {
  color: grey !important;
  }
  
.dropitem TD {
  border-top: 1px solid #9999ff !important;
  border-bottom: 1px solid #9999ff;
  background-color: #eeeeff;
  color: blue; }
.dropitem A {
  color: blue !important; }

 .width5 { width: 48px !important; }  
 .width10 { width: 53px !important; }
 .width15 { width: 83px !important; }
 .width20 { width: 103px !important; }
 .width25 { width: 175px !important; }
 .width35 { width: 268px !important; }  
 
 .height20 { height: 83px !important; }
 
 .slapInput {
  border-top: 1px solid #ccccff;
  margin: 2px 0px 0px 0px;
  padding: 2px 0px 0px 0px;
 }
 
#reportdataList, #sampledataList {
  border-spacing: 0px;
  border-collapse: collapse;
}

#reportdataList TD, #sampledataList TD {
  width: 150px;
}

#summary1dataList TD, #summary1dataList TD {
  width: 150px;
}

 /* eblock control styles */

.ebContactForm .field {
  margin-bottom: 0.5pc; }
.ebContactForm .field INPUT, .ebContactForm .field TEXTAREA, .ebContactForm .field SELECT {
  width: 268px;
  border: 1px solid silver; }
.ebContactForm .field TEXTAREA {
  height: 6pc;
  overflow: auto; }

.ebContactForm .field .title {
  font-weight: bold; }  
.ebContactForm .field .caption {
  font-size: 8pt; }
.ebContactForm .field .alert,
.ebContactForm .error {
  font-weight: bold;
  color: Red; } 

.ebContactForm INPUT.button {
  width: 100px;
  border: 1px solid silver;  }

  
.ebLogin, .ebForgotPassword, #quicksearch {
  margin-bottom: 1pc; }

.ebLogin P, .ebForgotPassword P {
  margin: 0pc 0pc 0.2pc 0pc;
  }
  
.ebLogin INPUT.text, .ebForgotPassword INPUT.text {
  width: 160px; height: 14px;
  border: 1px solid silver;
  }
  
.ebLogin INPUT.button, .ebForgotPassword INPUT.button {
  width: 108px; height: 20px;
  border: 1px solid silver;
  }  
  
.ebChangePassword P, .ebForgotPassword H4 {
  margin: 0pc 0pc 0.3pc 0pc; }
.ebChangePassword INPUT.text {
  width: 150px;
  border: 1px solid silver; }
.ebChangePassword INPUT.button {
  width: 100px;
  border: outset 1px silver;  }
  
.ebRegistration, .ebEnrollment {
  padding: 4px 8px;
  width: 466px; 
  border-top: 1px solid #D50202;
  border-bottom: 1px solid #D50202;
  background-color: #EEEEEE;
  font-size: 8pt; }
  
.ebRegistration DIV.terms, .ebEnrollment DIV.terms {
  height: 20pc;
  padding: 8px;
  background-color: White;
  overflow: auto; }

.ebRegistration P, .ebEnrollment P {
  margin: 0.3pc 0pc 0pc 0pc; }
.ebRegistration P.error, .ebEnrollment P.error {
  font-weight: bold;
  color: Red; }
  
.ebRegistration TH, .ebRegistration TD,
.ebEnrollment TH, .ebEnrollment TD,
.ebContactDetails TH, .ebContactDetails TD {
  text-align: left;
  vertical-align: top; }
  
.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: 280px;
  border: 1px solid silver; }
.ebRegistration INPUT.shorttext,
.ebContactDetails INPUT.shorttext {
  width: 108px; 
  border: 1px solid silver; }
.ebRegistration TEXTAREA,
.ebContactDetails TEXTAREA {
  height: 3pc; overflow: auto; }
.ebEnrollment TEXTAREA {
  height: 4pc; overflow: auto; 
  width: 464px; }
  
.ebRegistration INPUT.button, .ebContactDetails INPUT.button,
.ebEnrollment INPUT.button  {
  width: 100px;
  border: 1px solid silver;  }
  
#pnlRegister_forename_field {
 width: 120px;
}

#pnlRegister_surname_field {
 width: 120px;
}
  
/* CASI Style */

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

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

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

A.titlenav { 
    color: white;
    text-decoration: none;
    }
A.titlenav:hover { text-decoration: underline; }   

A { color: navy;
    text-decoration: none;
		 }
		 
A:hover { text-decoration: underline; }   

.error {
    font-weight: bold;
    color: red; }
    
.label {
    font-weight: bold;
     }  
  
/* Checker Styles */

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

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

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

.abp { 
}

.qms {
}

.gqa {
}

#column1 {
  float: left;
  width: 265px;
  padding-right: 7px;
}

#column2 {
  float: right;
  width: 265px;
}

/* -- member report style */

.casiCertificate 
{
  width: 300px;
  background: URL(/casi/images/bg_cert.gif);
  margin: 8px 0px 8px 0px;
  background-color: #FFFFFF;
  border: 1px solid #9BC7E1;
  padding: 20px 20px 20px 20px;  }
  
 .casiMemberPanel 
 {
  float:left;
 width: 250px;
 min-height: 120px;
 _height: 120px;
 } 
 
  .casiSitePanel 
 {
  float:left;
 width: 250px;
 min-height: 120px;
 _height: 120px;
 }
    
.casiAssessment {
  margin: 8px 8px 0px 8px;
  padding: 0px 8px 0px 0px;  }
  
.abmReport 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(/abm/casi/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;
}