﻿/* content.css */
/* content styles for leaf website */

P {
  margin: 0.7pc 0pc; }

H1 {
  margin: 0pc 0pc 1pc 0pc;
  font-size: 180%;
  line-height: 120%;
  letter-spacing: -1pt;
  padding-bottom: 3px;
  border-bottom: solid 1px #c0c0c0;
  /* color: #1E5B07; */
}

H3 {
  margin: 1pc 0pc 1pc 0pc;
  font-size: 160% !important;
  line-height: 160%;
  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 
{
    font-family: tahoma,arial,"sans serif";
    font-size: 100%;
     }

.field INPUT.text, .field 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 
{
    height: 4pc; }
    
INPUT.checkbox
{
    height: 13px;
    width: 26px; }
INPUT.radio { height: 18px; }

.field LABEL, .field .title
{
    font-weight: bold;
}

.field .caption, .field .title, .field .alert {
  font-family: Tahoma;
  font-size: 90%; }
  
.field .required, .field .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 {
  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 {
  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 {
  width: 20px;
  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; }
  
.error {
 width: 320px;
}

.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; }
  
.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; }
