﻿/* standards.css */
/* styles for new nfb website */

/* header styles */

A { text-decoration: none; }

HTML 
{
    margin: 0px;
    padding: 0px;
}
BODY
{
    margin: 4px;
    padding: 0px;
}

#pageHolder {
  width: 900px;
  margin: 0px auto; }
#headerStrip {
    height: 91px; min-height: 91px; max-height: 91px; /* 112px */
    padding: 21px 13px 20px 26px;
    background-color: #FCBA34; }
#headerLogo {
    float:left; }
#headerNav {
    text-align: right; }
#headerSplash {
    text-align: right; }

/* navigation styles */

#level1Strip 
{
    height: 31px; min-height: 31px;
    overflow: hidden;
    background-color: #FFD99A;
    }
#level2Strip 
{
    height: 49px; min-height: 49px;
    overflow: hidden;
    background-color: #FFD99A;
    }
#level1Strip TABLE.navigation, #level2Strip TABLE.navigation 
{
    width: 804px;
    border-collapse: collapse;
    border-spacing: 0px; }
#level1Strip TABLE.navigation 
{
    height: 31px; }
#level2Strip TABLE.navigation
{
    height: 49px;
    border-top: solid 2px white !important; }
    
#level2Strip TABLE.strap H1, #level2Strip TABLE.strap H2, 
#level2Strip TABLE.strap H3, #level2Strip TABLE.strap A 
{
    margin: 0;
    color: White;
    border: none;
}
    
#level1Strip TD.navlink, #level2Strip TD.navlink
{
    height: 31px;
    text-align: center;
    vertical-align: middle;
    width: 201px;
    font-size: 14px; }
#level2Strip TD.navlink 
{
    height: 45px;
    font-size: 12px;
    font-weight: bold; }
#level1Strip TD.navactive, #level2Strip TD.navactive
{
    background-color: #FFECCD;
}

.popupmenu 
{
    position: absolute;
    z-index: 10;
    display: none;
    width: 201px;
    background-color: #FFD9AA;
   }
.popupmenu DIV.navlink
{
    text-align: left;
    padding: 6px 13px;
    border-top: solid 1px #FFECCD;
    }

/* content styles */

BODY, TD
{
    font: 12px/18px arial,helvetica,sans-serif;
}

#contentStrip 
{
    padding: 2px 0px 0px 26px;
}

#contentStrip.nopadding
{
    padding: 2px 0px 0px 0px;
}

#contentStrip, #contentStrip TD 
{
    
}

#contentStrip P 
{
    margin: 0.75pc 0pc 0.75pc 0pc; }
    
#contentTable 
{
    width: 874px;
    border-spacing: 0;
    border-collapse: collapse; }
 
#contentTable TD 
{
    vertical-align: top;
}
    
#contentStrip TABLE TD#contentCell 
{
    width: 411px;
    padding-right: 26px !important; }
    
#photoCell 
{
    width: 50%;
    text-align: right;
}

    
    
/* temporary hack to kill borders on tables used for layout */
#contentStrip TABLE, #contentStrip TABLE TD
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
    border-width: 0px;
}

A 
{
    color: #005A9B; }
    
H1 
{
    margin: 1pc 0px 0.75pc 0px;
    padding: 0px 0px 6px 0px;
    border-bottom: solid 2px #005A9B;
    font-size: 20px;
    line-height: 24px;
    color: #005A9B;}
    
H2
{
    margin: 1pc 0px 0.75pc 0px;
    padding: 0px 0px 6px 0px;
    font-size: 18px;
    line-height: 20px;
    color: #005A9B;}
    
H3
{
    margin: 1pc 0px 0.75pc 0px;
    padding: 0px 0px 6px 0px;
    font-size: 15px;
    line-height: 17px;
    color: #005A9B;}
    
H4
{
    margin: 1pc 0px 0.25pc 0px;
    font-size: 14px;
    line-height: 16px;
    color: #005A9B;}
    
/* site map */

UL.sitemap
{
    
    margin: 1pc 0pc; }
    
UL.sitemap LI 
{ 
    list-style-type : none;
    font-weight: bold;
    margin: 0.2pc 0pc; }
UL.sitemap UL LI 
{
    font-weight: normal; }
UL.sitemap UL 
{
    margin-left: 1pc; }

/* footer stylins */

#footerNav 
{
    height: 18px;
    padding: 3px 13px 3px 26px;
    background-color: #005A9B;
    color: White;
    font-size: 11px; }
#footerNav A 
{
    color: White; }

#footerStrip 
{
    padding: 13px 13px 13px 26px;
    color: #005A9B; }
#footerStrip P 
{
    margin: 0px; }    
    
/* form styles */

DIV.ebContactForm, DIV.ebAlertSubscription
{
    margin: 1pc 0pc 1pc 0pc; }
    
DIV.ebAlertSubscription P, DIV.ebAlertSubscription LABEL 
{
    margin: 0pc 0pc !important; }
    
DIV.ebAlertSubscription TABLE.checkboxlist 
{
    margin-bottom: 1pc; }

DIV.ebAlertSubscription TABLE.checkboxlist TD 
{
    margin-bottom: 0.3pc; }
    
.ebLogin INPUT.text 
{
    width: 200px; }

DIV.field 
{
    margin-bottom: 0.3pc; }

P.error, DIV.field SPAN.required, DIV.field .alert .captioninner
{
    font-weight: bold;
    color: Red; }
    
DIV.field SPAN.required
{
    padding-left: .1pc;
}

INPUT.text, TEXTAREA.longtext 
{
    font: 10pt arial,helvetica,sans-serif;
    border: solid 1px #4A98CE; 
    /* border-bottom-color: #4A98CE;
    border-right-color: #4A98CE; */
    color: #005a9b;
    }

INPUT.button 
{
    font: 10pt arial,helvetica,sans-serif;
    width: 120px; 
    border: solid 1px #4A98CE; 
    /* border-top-color: #4A98CE;
    border-left-color: #4A98CE;
    background-color: #A8CEE8; */
    background-color: #4A98CE;
    font-weight: bold;
    color: white;
    }

INPUT.text, TEXTAREA.longtext { width: 400px; }
TEXTAREA.longtext { height: 6pc; }

.ebRegistration TABLE, .ebContactDetails TABLE
{
    border-spacing: 0px;
    border-collapse: collapse;
    padding: 0px;
}
.ebRegistration TABLE TABLE TD, .ebContactDetails TABLE TABLE TD, .radiolist TD
{
    padding: 0px 2px 0px 0px !important;
    background: transparent;
    border: none; }

/* title / forename / surname special styles */
.ebRegistration TABLE TABLE .title, .ebContactDetails TABLE TABLE .title { 
    width: auto; }
.ebRegistration TABLE TABLE SELECT, .ebContactDetails TABLE TABLE SELECT {
    margin-top: 1px;
    width: 56px; }
.ebRegistration TABLE TABLE INPUT.text, .ebContactDetails TABLE TABLE INPUT.text {
    width: 108px; }

#headerStrip INPUT.text 
{
    width: 200px;
    font-size: 9pt;
    vertical-align: middle;
    border-color: #005A9B;
}

#headerStrip INPUT.button 
{
    width: 80px;
    font-size: 9pt;
    height: 19px;
    vertical-align: middle;
    background-color: #005A9B;
    border-color: #003960;
}
    
/* file type icons for document lists */

.ebPaging 
{
    margin: 0.25pc 0pc; }

.ebDocumentList UL, .ebSectionList UL, .searchList UL
{
    margin: 0;
    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; }

.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); }



/* training styles (for mtgs & sems */
DIV.searchoptions 
{
    background-image: url(../images/training_bg_left.jpg);
    background-position: top left;
    background-repeat: no-repeat;
}

/* used in combination with... */

DIV.narrow 
{
    width: 193px; /* bg is 232px wide */
    margin-left: 0Px;
    margin-right: 0Px;
    padding-left: 26px;
    padding-right: 13px;
    min-height: 450px;
    height: 450px;
    float:left;
}

DIV.lessnarrow 
{
    width: 397px;
    margin-left: 0Px;
    margin-right: 0Px;
    padding-left: 26px;
    padding-right: 13px;
    min-height: 450px;
    /*height: 450px;*/
    float:left;
}

DIV.half 
{
    margin-left: 0Px;
    margin-right: 0Px;
    padding-left: 26px;
    padding-right: 13px;
    width:411Px;
    /* min-height: 450px; */
    /* height: 450px; */
    float:left;
}

DIV.fullheight 
{
    min-height: 450px;
}

DIV.wide 
{
    margin-left: 0Px;
    margin-right: 0Px;
    padding-left: 26px;
    padding-right: 13px;
    width: 555Px;
/*    width: 616Px; */ /* was this a change sasha made? */
/*    padding: 6px 13px 6px 13px; */
    min-height: 450px;
    /*height: 450px;*/
    float:left;
}

DIV.full 
{
    margin-left: 0Px;
    margin-right: 0Px;
    padding-left: 26px;
    padding-right: 13px;
    width: 861px;
    float:left;
}

TABLE.search 
{
    border: none;
    vertical-align: bottom;
    width: 193Px;
}

.search TD
{
    vertical-align: bottom;
    width: 200Px;
}

.search SELECT, .list SELECT
{
    width: 180Px;
}

.searchheader TH, .searchheader TD
{
  vertical-align: middle;
  height: 24Px;
}

B.searchitem 
{
  color: white;
  font-size: 14Px;
  float: left;
}

SMALL.searchcategory
{
  color: white;
  float: right;
}

.nocat { background-color: black; } /* no category */
.cat50 { background-color: #AC88B8; } /* health and safety */
.cat8 { background-color: #9ECBC7; } /* personal development */
.cat9 { background-color: #86BCE9; } /* business solution */

DIV.bordercat50 /* health and safety */
{
  border-left: Solid 26Px #AC88B8;
  border-right: Solid 13Px #AC88B8;
}
DIV.bordercat8 /* personal development */
{
  border-left: Solid 26Px #9ECBC7;
  border-right: Solid 13Px #9ECBC7;
}
DIV.bordercat9 /* business solution */
{
  border-left: Solid 26Px #86BCE9;
  border-right: Solid 13Px #86BCE9;
}

.list INPUT
{
    width: 175Px;
}

INPUT.btn
{
    width: 182Px !important;
}

TABLE.list
{
    width: 100%;
}

.list TH, .list TD
{
  padding: 2Px 16Px 0Px 0Px !important;
  /*min-width: 120Px;*/
  text-align: left;
  vertical-align: top;
}

TABLE.paddedcells
{
  width: 555Px;
}

.paddedcells TH, .paddedcells TD
{
  padding-left: 4Px !important;
}

.form INPUT
{
    width: 120Px;
}

.form INPUT.btn
{
    width: 127Px !important;
}

TABLE.form
{
    width: 100%;
}

.form TH, .form TD
{
  padding: 2Px 16Px 0Px 0Px !important;
  /*min-width: 120Px;*/
  text-align: left;
  vertical-align: top;
}

IMG.noborder 
{
  border: none;
}

  .selectlist SELECT
{
  width: 45Px;
}
.shorttext INPUT
{
  width: 80Px;
}
.text INPUT
{
  width: 240Px;
}

#homeimage {
 padding: 0px 0px 0px -26px;
 margin: 0px 0px 0px -13px;
}