/* content.css */
/* content styles for leaf website */

P {
  margin: 0.7pc 0pc; }

H1 {
  margin: 0pc 0pc 1pc 0pc;
  font-size: 160%;
  line-height: 120%;
  letter-spacing: -1pt;
  padding-bottom: 3px;
  border-bottom: solid 1px #c0c0c0;
  /* color: #1E5B07; */
}

H3 {
  margin: 1pc 0pc 1pc 0pc;
  font-size: 140%;
  line-height: 140%;
  color: #1E5B07;
}

H4 {
  margin: 1pc 0pc 1pc 0pc;
  font-size: 110%;
  line-height: 110%;
  color: black;
}

A {
  color: #006600;
}
A:hover {
  color: black;
}

/* file type icons for document lists */

.ebPaging 
{
    margin: 0.25pc 0pc; }

.ebDocumentList UL, .ebSectionList UL, .searchList UL
{
    margin: 1pc 0pc 1pc 0pc;
    list-style-type: none; }

.ebSectionList LI {
  background-image: url(../images/folder.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0px 0px 0px 20px; }

.ebSectionList LI {
  background-image: url(/_formats/images/filetypes/folder.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0px 0px 0px 20px; }
  
.ebDocumentList LI, .searchList LI {
  background-image: url(/_formats/images/filetypes/file_unk.gif);
  background-repeat: no-repeat;
  background-position: left 2px;
  padding: 0px 0px 0px 20px; }
  
.ebDocumentList LI.docfile { background-image: url(/_formats/images/filetypes/file_doc.gif); }
.ebDocumentList LI.pdffile { background-image: url(/_formats/images/filetypes/file_pdf.gif); }
.ebDocumentList LI.txtfile { background-image: url(/_formats/images/filetypes/file_txt.gif); }
.ebDocumentList LI.jpgfile,
.ebDocumentList LI.jpefile, 
.ebDocumentList LI.giffile { background-image: url(/_formats/images/filetypes/file_jpg.gif); }
.ebDocumentList LI.xlsfile,
.ebDocumentList LI.xlwfile { background-image: url(/_formats/images/filetypes/file_xls.gif); }
.ebDocumentList LI.pptfile { background-image: url(/_formats/images/filetypes/file_ppt.gif); }
.ebDocumentList LI.mdbfile { background-image: url(/_formats/images/filetypes/file_mdb.gif); }
.ebDocumentList LI.zipfile { background-image: url(/_formats/images/filetypes/file_zip.gif); }


/* form styles */

.titlecol .title, .ebRegistration .caption, .ebRegistration .alert { width: 132px; }
.titlecol .titleinner { font-size: 11px; line-height: 13px; font-weight: bold; }
.titlecol .captioninner { font-size: 11px; line-height: 13px; }
.titlecol .alertinner { font-size: 11px; line-height: 13px; color: maroon;}
.titlecol TABLE TABLE .titleinner { font-weight: normal; }
.titlecol .required { color: Red; }

.field TD, DIV.field
{
    vertical-align: top;
    padding: 0px 0px 3px 0px;
}

.field TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}

.fieldcol
{
    padding-right: 5px; }


.field INPUT, .field SELECT, .field TEXTAREA,
.ebFieldPanel INPUT, .ebFieldPanel SELECT, .ebFieldPanel TEXTAREA,
.datafield INPUT, .datafield SELECT, .datafield TEXTAREA {
  font-family: "Open Sans",arial,"sans serif";
  font-size: 100%;
}

  .field INPUT.text, .field TEXTAREA.longtext, .ebFieldPanel INPUT.text, .ebFieldPanel TEXTAREA.longtext {
    width: 280px;
  }

.ebRegistration .field INPUT.text, .ebRegistration .field TEXTAREA.longtext, 
.ebContactDetails .field INPUT.text, .ebContactDetails .field TEXTAREA.longtext 
{
    width: 400px;
}
.field TEXTAREA.longtext, .ebFieldPanel TEXTAREA.longtext {
  height: 4pc;
}
    
INPUT.checkbox
{
    height: 13px;
    width: 26px; }
/* INPUT.radio { height: 18px; } NOTE: caused alignment problems in desktop audit panel */

.field LABEL, .field .title, .ebFieldPanel LABEL, .ebFieldPanel .title {
  font-weight: bold;
}

.field .caption, .field .title, .field .alert,
.ebFieldPanel .caption, .ebFieldPanel .title, .ebFieldPanel .alert {
  font-family: Tahoma;
  font-size: 90%;
}

.field .required, .field .alert,
.ebFieldPanel .required, .ebFieldPanel .alert {
  color: Red;
}

/* registration and contact styles */

.error 
{
    width: 526px;
    margin-bottom: 12px;
    padding: 4px 6px 4px 6px;
    font-size: 11px;
    line-height: 13px;
    color: Maroon;
    background-color: #fecdcd;
    border: solid 1px #ff9999;
}

.ebRegistration P
{   
    margin: 6px 0px 9px 0px;
}

.ebRegistration .terms 
{
    width: 541px;
    font-size: 11px;
    line-height: 13px;
    border: solid 1px #7E786F;
    padding: 5px;
    background-color: White;
    overflow: auto;
    height: 200px;
}

.ebRegistration TABLE, .ebContactDetails TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}
.ebRegistration TABLE TABLE TD, .ebContactDetails TABLE TABLE TD, .radiolist TD
{
    padding: 0px 5px 0px 0px;
    background: transparent;
    border: none; }


/* title / forename / surname special styles */

.ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title { 
    width: auto; }
.ebRegistration TABLE TABLE SELECT.select, .ebContactDetails TABLE TABLE SELECT.select {
    *margin-top: 1px;
    width: 56px; }
.ebRegistration TABLE TABLE .field INPUT.text, .ebContactDetails TABLE TABLE .field INPUT.text {
    width: 164px; }
    
 /* casi controls styles */
 
.casiCertifierContactList {
  float: left;
  width: 49%;
}

.casiCertifierContactGrid {
  width: 49%px;
  margin-left: 51%px;
}

.casiCertifierContactGrid INPUT.text, .casiCertifierContactGrid TEXTAREA.longtext, 
.casiCertifierContactGrid SELECT {
  width: 50%;
}

.casiCertifierContactList TABLE {
  margin-right: 22px;
}

.casiCertifierContactList LABEL {
  font-size: 110%;
}

.casiCertifierContactList TD {
  vertical-align: top; 
  padding-bottom: 1pc;
  font-size: 90%;
  line-height: 120%;
}



/* leaf controls */

.profilemembership {
  float: left;
  width: 240px;
  height: 256px;
  padding: 12px;
  margin: 0px 24px 24px 0px;
  background-color: #f0f0f0;
  border: solid 1px #c0c0c0;
}

/* form element styles */

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

DIV.field, .ebFieldPanel {
  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 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,
.ebFieldPanel .text, .ebFieldPanel .longtext, .ebFieldPanel .largetext, .ebFieldPanel .select, .ebFieldPanel .multipleselect
{
  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,
.ebFieldPanel INPUT, .ebFieldPanel TEXTAREA, .ebFieldPanel SELECT, .ebFieldPanel BUTTON {
  _height: 18px; /* for IE5 */
  padding: 2px;
  voice-family: "\"}\"";
  voice-family: inherit;
}

.field OPTION, .ebFieldPanel OPTION {
  background-color: #f8f8f8;
}

.field INPUT.button, .field BUTTON.button, .ebFieldPanel INPUT.button, .ebFieldPanel 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,
.ebFieldPanel .longtext, .ebFieldPanel .xml, .ebFieldPanel .multipleselect, .ebFieldPanel .readonlymemo {
  height: 4pc;
}
.field .shorthtml, .field .shortxhtml, .field .readonlyhtml,
.ebFieldPanel .shorthtml, .ebFieldPanel .shortxhtml, .ebFieldPanel .readonlyhtml {
  height: 9pc;
}
.field .longhtml, .field .longxhtml,
.ebFieldPanel .longhtml, .ebFieldPanel .longxhtml, {
  height: 12pc;
}

.field INPUT.largetext, .ebFieldPanel 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,
.ebFieldPanel .shorthtml, .ebFieldPanel .shortxhtml, .ebFieldPanel .longhtml, .ebFieldPanel .longxhtml {
  width: 460px;
}
  
.field .links {
  margin-top: 8px; }

.field INPUT.checkbox, .ebFieldPanel INPUT.checkbox {
  width: 20px;
  height: 15px;
  border: none;
}
.field LABEL.checkbox, .ebFieldPanel 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; }
  
.error {
 width: 320px;
}

.field .assetreference, .field .entityreference, .ebFieldPanel .assetreference, .ebFieldPanel .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, .ebFieldPanel SELECT.select, .ebFieldPanel SELECT.multipleselect {
  width: 280px;
}
  
.ebRegistration  .ebRegistration .field SELECT.multipleselect, 
.ebContactDetails .ebContactDetails .field SELECT.multipleselect 
{ width: 406px; }
  
.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; }

/* tracking registration */

.wizardbar {
  display: block;
  margin: 1pc 0;
  padding: 0;
  list-style: none;
  overflow:hidden;
}
.wizardbar > LI {
  float: left;
  padding: 0;
}
.wizardbar > li + li:before {
  padding: 6px;
  content: " \00bb "
}
  .wizardbar > LI.active {
    color: #1E5B07;
  }

#content > TABLE.datalist TH {
  color: #909090;
  text-align: left;
  /* border-bottom: solid 1px #e0e0e0; */
  font-size: 90%;
  line-height: 110%;
}

#content > TABLE.datalist TD {
  border-top: solid 1px #e0e0e0;
  font-size: 90%;
  line-height: 110%;
  padding: 6px 0;
}

  /* side nav */
  #sidebar ul.servicesMenu li.farmers a {
    color: #443318;
    background-color: #BBA783 !important;
    border-bottom: 1px solid #957E5B;
    background-image: url("../images/farmers.gif");
  }

#sidebar ul.servicesMenu li.consumers a {
  color:#661D04;
  background-color:#E8997E;
	border-bottom:1px solid #DB896D;
	background-image:url("../images/consumers.gif");
}

#sidebar ul.servicesMenu li.foodchain a {
  color:#660056;
  background-color:#F48AE1;
	border-bottom:1px solid #E872D6;
	background-image:url("../images/foodchain.gif");
}
#sidebar ul.servicesMenu li.certifiers a 
{
  color:#006607;
  background-color:#A2F5A7 !important;
	border-bottom:1px solid #83E58A;
	background-image:url("../images/certifiers.jpg");
}