/* 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; }
  
H3 {
  font: bold 11pt arial;
   }

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

.error {
  font-weight: bold;
  color: Red; } 
  
.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; }
  
DIV.scrollarea 
{
  position: relative;
  overflow: scroll;
  width: 95%;
  border-bottom: 1px solid #DADAFF; 
}

  
/* 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; }

.boxalert 
{
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  _width: 576px;
  background-image: url(/fci/images/sidebar_background.gif);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #FFF0F0;
  border-top: 1px solid #D50202;
  border-bottom: 1px solid #D50202; }

.boxout {
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  _width: 576px;
  background-image: url(/zap/images/sidebar_background.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #EEEEF8;
  border-top: 1px solid #f0f0ff;
  border-bottom: 1px solid #a0a0ff;  }
  
.zncpboxout {
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  _width: 576px;
  background-image: url(/zncp/images/zncp_background.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #EFEFEF;
  border-top: 1px solid #f0f0ff;
  border-bottom: 1px solid #a0a0ff;  }
  
.summarybox {
  margin: 8px 0px 8px 0px;
  padding: 0px 0px 0px 8px;
  font-size: 10pt;
  _width: 576px;
  background-image: url(/zncp/images/zncp_background.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #EFEFEF;
  border-top: 1px solid #f0f0ff;
  border-bottom: 1px solid #a0a0ff;  }
      
 .zncpigboxout {
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  _width: 576px;
  background-image: url(/zncp/images/zncpig_background.jpg);
  background-position: top;
  background-repeat: repeat-x;
  background-color: #FDE0E5;
  border-top: 1px solid #22247E;
  border-bottom: 1px solid #CF1442;  }

.boxout P {
  padding: 3px 0px 3px 0px;
  margin: 0px 0px 0px 0px;
  }
  
.boxout H2 {
  padding: 2px 0px 2px 0px;
  margin: 0px 0px 0px 0px;
  font-size: 10pt;
  }  
  
 .platinumalert {
    padding: 210px 135px 200px 165px;
    margin: 12px 0px -58px 0px;
    font-size: 10pt;
    line-height: 10pt;
    font-weight: bold;
    _width: 512px;
    background-image: url(/zncp/images/platinum_cert.jpg);
    background-position: top;
    background-repeat: no-repeat;
  }
  
TR.selected 
{ 
  padding: 3px 3px 3px 3px;
  background-color: #EEEEF8;  
  
}

TR.row 
{ 
  padding: 3px 3px 3px 3px;  
}
  
.boxout TD, .boxout INPUT {
  font-size: 8pt; }
  
.boxout TD, .boxout INPUT {
  font-size: 8pt; }

#basketBox {
  float: right;
  width: 189px;
  min-width: 189px;
  _height: 220px;
  min-height: 220px;
   }
  
#searchBox 
{
  width: 330px;
  min-width: 330px;
  _height: 220px;
  min-height: 220px;      
   }
  
#searchBox2 {
  margin: 12px 0px 12px 0px;
  padding: 12px 12px 12px 12px;
  _height: 140px;
  min-height: 140px;
  _width: 330px;
  min-width: 330px; }  
  
#searchBox3 {
  margin: 12px 0px 12px 0px;
  padding: 12px 12px 12px 12px;
  _height: 220px;
  min-height: 220px;
  width: 330px; 
  _min-width: 330px;}   
  
#basketList {  
  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;
   text-align: center;
}

#reportdataList TD {
  width: 150px;
}

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

.pdfPrint {
  padding: 8px;
  font-size: 8pt;
  line-height: 10pt;
  background-color: #FFE0E0;
  border: 1px solid #FF8080;
}

DIV.scrolling {
    overflow : auto;
    font: 8pt arial,helvetica,sans-serif; 
    margin-top: 2px; margin-bottom: 4px;
    padding: 2px; background-color: #DEDFFE;
    border: gray inset 1px; }
 
 /* eblock control styles */
 
 .ebRegistration TABLE TABLE INPUT.text {
        width: 112Px;
        }
        
      .ebRegistration TABLE TABLE SELECT.select {
        width: 40Px;
        }
        
.ebContactDetails TABLE TABLE INPUT.text {
        width: 112Px;
        }
        
      .ebContactDetails TABLE TABLE SELECT.select {
        width: 40Px;
        }


.ebContactForm .field {
  margin-bottom: 0.5pc; }
.ebContactForm .field INPUT, .ebContactForm .field TEXTAREA, .ebContactForm .field SELECT {
  width: 400px;
  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 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: 1px solid silver;
  background-color: #EDCAED;
  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;  }
  
  .toolbar .buttons {
  padding: 1px 0px 1px 0px;
  border-bottom: solid 1px #d0d0d0;
  background-image: url(/eblock/newadmin/inline/images/bg_tabbar.gif);
  background-position: top;
  background-repeat: repeat-x; }

A.fcibutton 
{     
  font-style: normal;
  display: inline-block;
  padding: 8px 8px 8px 8px;
  background-position: top; 
  background-color: #FFF0F0;
  border: solid 1px #D50202;
  cursor: hand;
  vertical-align: middle; }
  
A.fcibutton:hover {
  padding: 8px 8px 8px 8px;
  background-position: top;
  background-color: #FFF0F0;
  border: solid 1px #D50202;
  background-image: url(/fci/images/sidebar_background.gif);
  background-repeat: repeat-x;
  color: Black;
}

A.fcibutton:active {
  padding: 8px 8px 8px 8px;
  background-position: top; 
  background-color: #FFF0F0;
  border: solid 1px #D50202;
  color: Red;
}

A.button {
  display: inline-block;
  padding: 4px 7px 4px 4px;
  background-color: #EDEDE6;
  border: solid 1px #a0a080;
  cursor: hand;
  vertical-align: middle; }
  
A.button:hover {
  padding: 4px 7px 4px 4px;
  background-color: #f0f0d0;
  border: solid 1px #a0a080;
  background-image: url(/eblock/newadmin/inline/images/bg_btn_hover.gif);
  background-position: bottom;
  background-repeat: repeat-x;
  color: Black;
}

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

.loginbar {
        float: right;
        width: 242px;
        margin-top: 12px;
        margin-right: 14px;
        padding: 8px;
        font-size: 8pt;
        line-height: 10pt;
        background-image: url(/fci/images/sidebar_background.gif);
        background-position: top;
        background-repeat: repeat-x;
        background-color: #FFF0F0;
        border-top: 1px solid #D50202;
        border-bottom: 1px solid #D50202; }
        
      .loginbar P {
        margin: 6px 0px; }
        
DIV.scrolling {
    overflow : auto;
    font: 8pt arial,helvetica,sans-serif; 
    margin-top: 2px; margin-bottom: 4px;
    padding: 2px;
    border: gray inset 1px; }        
    
.saveForm button
{
  width: 100px;
  border: 1px solid silver;
}

.saveForm
{
  padding: 8px;
  margin: 4px 0px 4px 0px;
  font-size: 8pt;
  line-height: 10pt;
  width: 576px;   
  background-position: top;
  background-repeat: repeat-x;
  background-color: #E6E6FE;
  border-top: 1px solid #D50202;
  border-bottom: 1px solid #D50202; 
}

/* form element styles */

DIV.field {
  padding-bottom: 8px;
  clear: both;
  }
  
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 .caption {
  background-color: #ffffd0;
  border: solid 1px #b0b070;
  }
  
TD.captioncol .caption .captioninner {
  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 {
  background-color: #ffd0d0 !important;
  border-color: #b07070 !important;
  background-image: none !important; }
TD.captioncol .alert .captioninner {
  background-image: url("../images/bg_callout_alert_right.gif") !important; }

.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 .width15 { width: 83px !important; }
.field .width25 { width: 175px !important; }
.field .width35 { width: 286px !important; }
  
/* .field .boxout {
  width: 444px; } */

.field INPUT, .field TEXTAREA, .field BUTTON {
  height: 18px; /* for IE5 */
  padding: 2px;
  voice-family: "\"}\""; 
  voice-family:inherit;
  height: 14px; /* for other browsers */
  }  
  
.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: 8pt tahoma,verdana,arial,helvetica,sans-serif; }

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: 462px; }
  
.field TD SELECT {
  margin-top: 2px; }
  
.field INPUT.fileupload {
  width: 482px;
  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; }