/*
 * Standard HTML Element styles
 */

/* Define default font characteristics and general layout */
body
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin-left: 5px;
  padding: 0px;
  background-color: white;
  color: #002E61;
}

/* No image within the site should ever have a border */
img
{
  border: 0;
}

/* Form elements should obey normal body characteristics */
select, input
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  margin-top: 3px;
  border-width: 1px;
  font-weight: normal;
  border-color: #333333;

}

textarea
{
border-color: #333333;
border-width: 1px;
}

#This class can be applied to any input tag (such as the submit button) to make
#it a size so the text is not cropped.
input.submitbutton
{
  height: 18px;
}


td
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
}

th
{
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  text-align: center;
}

a
{
  color: #002E61;
}

/*
 * Custom styles that are not section specific
 */

/* The link that allows styleless browsers to skip straight to the content block */
.NavigationSkipBlock
{
  display: none;
}

/* Work around for less CSS compliant browsers - DO NOT USE UNLESS YOU ARE SURE */
div.Clear
{
  clear: both;
  height: 1px;
}

/* A generic "more >" link used in multiple areas and sections */
a.ReadMore
{
  font-weight: bold;
  color: #002E61;
}

a.PSLink
{
  font-weight: bold;
  color: #002E61;
  text-decoration: none;
}


/*
 * Styles relating to the Universal Header Section (Contains logos, global links, navigation and search)
 */

/* The entire universal header block */
#UniversalHeader
{   
  width: 760px;
  margin-top: 10px;
}

/* The corporate, brand wide links (Sitemap, Buy standards, etc.) */
.UniversalHeaderCorporateLinksSections
{
  width: 760px;
  height: 10px;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 11px;
}

/* Corporate links are displayed via a custom unordered list, inline display with seperator bar */
.UniversalHeaderCorporateLinksSections li 
{
  display: block;
  float: right;
  position: relative;
  margin-left: 5px;
  border-right: 1px solid #CCCCCC; 
}

/* The first link has no right hand seperator bar as the first link is on the right */
.UniversalHeaderCorporateLinksSections li.first 
{
  list-style: none; 
  border-right: none;
}

/* The actual links within the Corporate links */
.UniversalHeaderCorporateLinksSections a 
{
  margin-right: 5px;
  color: #002E61;
  text-decoration: none;
}

.UniversalHeaderCorporateLinksTools 
{
  width: 760px;
  height: 10px;
  display: block;
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: center;
  line-height: 1.0em;
} 
 
.UniversalHeaderCorporateLinksTools li 
{
  display: block;
  float: right;
  position: relative;
  padding: 1px 0px 0px 0px;
  margin-left: 5px;
  border-right: 1px solid #CCCCCC; 
}

.UniversalHeaderCorporateLinksTools li.first 
{
  border-right: none;
}

.UniversalHeaderCorporateLinksTools li.last 
{
  border-right: 1px solid #CCCCCC;
}

.UniversalHeaderCorporateLinksTools a 
{
  padding: 3px 0;
  margin-right: 5px;
  color: #002E61;
  text-decoration: none;
}

/* The section logo */
#UniversalHeaderLogo
{
  margin: 0px 0px 5px 12px;
}

#UniversalHeaderRedirectionArea
{
  background: #FFFFFF;
}

#UniversalHeaderRedirectionArea label
{
  font-weight: normal;
  color: #666666;
  height: 18px;
}

#UniversalHeaderRedirectionArea select.RedirectionTarget,
#RedirectionSelectBox option
{
  background-color: #E6E6E6;
}

#UniversalHeaderRedirectionArea option.RedirectionSection,
#UniversalHeaderRedirectionArea select.RedirectionSection
{
  background-color: #002E61;
  font-weight: bold;
  font-size: 8pt;
  color: white;
}

#UniversalHeaderRedirectionArea input.RedirectionSubmission
{
  background-color: #669933;
  color: white;
  border: solid 1px #669933;
  margin-bottom: 1px; 
  margin-left: 5px;
  height: 17px;
}

#UniversalHeaderRedirectionArea input.RedirectionInputBox 
{
  margin-top: 4px;
  border-style: solid;
  border-color: #666666;
  border-width: 1px;
  color: #002E61;
  font-size: 8pt;
}

#UniversalHeaderRedirectionArea .RedirectionList
{
  float: left;
  text-align: left;
  color: white;
  margin-top: 5px;
  margin-left: 10px;
  height: 18px;
  color: #666666;
 }

#UniversalHeaderRedirectionArea .RedirectionSearch
{
  width: 460px;
  margin-top: 5px;
  margin-right: 10px;
  text-align: right;
  font-weight: normal;
  color: #666666;
}

#UniversalHeaderRedirectionArea .RedirectionSearch form
{
  display: inline;
}

/*
 * Styles relating to the Horizontal Navigation Section (The buttons or drop downs just under the header)
 */

#HorizontalNavigation
{
  float: left;
  text-align: center;
  height: 20px;
  width: 760px;  
  margin-top: 1px;
  background-color: #669933;
}

/* Added 10/06/2005 to accomodate second row of nav bar without ID clash */
#HorizontalNavigation2
{
  float: left;
  text-align: center;
  height: 20px;
  width: 760px;  
  margin-top: 1px;
  background-color: #669933;
}

/* Some horizontal navigation bars use floating drop down menus */
.FloatingMenu
{
  position: absolute;
  visibility: hidden;
  z-index: 1;
  background-color: #FFFFFF;
  padding: 2px;
  display: inline;
  border: 1px solid #808080;
  overflow: hidden;
}

a.FloatingMenuLink 
{
  font-family:  Arial, Helvetica, sans-serif;
  color: #002E61;
  text-decoration: none;
}

a.FloatingMenuLink:link 
{
  font-family : Arial, Helvetica, sans-serif;
  color: #002E61;
  text-decoration: none;
}

a.FloatingMenuLink:visited 
{
  font-family : Arial, Helvetica, sans-serif;
  color: #002E61;
  text-decoration: none;
}

a.FloatingMenuLink:hover 
{
  font-family : Arial, Helvetica, sans-serif;
  text-decoration: none; 
  color: #002E61;
  font-weight: 600;
}

a.FloatingMenuLink:visited:hover 
{
  font-family : Arial, Helvetica, sans-serif;
  text-decoration: none; 
  color: #002E61;
}

#HorizontalNavigation ul
{
  padding: 0;
  margin: 0;
  color: white;
}

#HorizontalNavigation ul li
{
  display: inline;
}

#HorizontalNavigation ul li a
{
  padding-right: 11px;
  padding-left: 11px;  
  text-decoration: none;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  line-height: 20px;
}

#HorizontalNavigation ul li a.LastLink
{
  border: 0px;
}

/* The link for the current section is highlighted in some fashion - added 10/06/2005 */
#HorizontalNavigation a.navBarSelected 
{
  border-right: 0px;
  background-color: #;
}
#HorizontalNavigation a.nextToSelected
{
  padding: 0px;
  margin: 0px;
  width: 0px;
}

/* Added 10/06/2005 to accomodate second row of nav bar without ID clash */
#HorizontalNavigation2 ul
{
  padding: 0;
  margin: 0;
  color: white;
}

#HorizontalNavigation2 ul li
{
  display: inline;
}

#HorizontalNavigation2 ul li a
{
  padding-right: 11px;
  padding-left: 11px;  
  text-decoration: none;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  line-height: 20px;
}

#HorizontalNavigation2 ul li a.LastLink
{
  border: 0px;
}

/* The link for the current section is highlighted in some fashion */
#HorizontalNavigation2 a.navBarSelected 
{
  border-right: 0px;
  background-color: #;
}
#HorizontalNavigation2 a.nextToSelected
{
  padding: 0px;
  margin: 0px;
  width: 0px;
}

/*
 * Styles relating to the Breadcrumb Section
 */

#Breadcrumb
{
  width: 720px;
  color: #666666;
  margin-left: 10px;
  clear: both;
}

#Breadcrumb a
{
  color: #666666;
  text-decoration: none;
}

/*
 * The Body Frame encompasses all the body content to ensure no wrapping 
 */
#BodyFrame
{
  width: 760px;
  margin: 0px;
  margin-bottom: 1px;
  padding: 0px;
  text-align: left;
}

/*
 * Styles relating to the Left Body Section (Contains buttons, area title etc)
 */

/* The entire left hand block (title and content) */
#LeftBody
{
  float: left;
  width: 170px;
}

/* The title block for the left hand content area */
.LeftIdentifier
{
  color: white;
  margin: 0px;
  padding-left: 5px;
  padding-right: 9px;
  text-align: right;
  background-color: #666666;
  height: 31px;
  width: 156px;
  display: block;
}  

/* The block containing the actual left hand content */
#LeftBodyContent
{
  background-color: #E6E6E6;
  text-align: right;
}

/* A link within the footer section */
div.LeftMenuRow
{
  background-color: #E6E6E6;
  padding: 7px 10px 6px 10px;
  clear: both;
}

/* Normal link within a top level menu item */
div.LeftMenuRow a
{
  color: #002E61;
  font-weight: bold;
  text-decoration: none;
}

/* Menu block for a top level menu item that is highlighted */
div.LeftMenuRowHighlighted
{
  background-color: #FFFFFF;
  padding: 8px 10px 8px 10px;
  clear: both;
  text-align: left;
}

/* Highlighted link within a top level menu item */
div.LeftMenuRowHighlighted a
{
  color: #002E61;
  font-weight: bold;
  text-decoration: none;
}

/* Menu block for a second level (or deeper) menu item */
div.LeftMenuRowSubMenu
{
  background-color: #E6E6E6;
  padding: 1px 10px 1px 20px;
  clear: both;
  text-align: left;
}

/* Normal link within a second level (or deeper) menu item */
div.LeftMenuRowSubMenu a
{
  color: #002E61;
  font-weight: normal;
  text-decoration: none;
}

/* Menu block for a second level (or deeper) menu item */
div.LeftMenuRowSubMenuHighlighted
{
  background-color: #E6E6E6;
  padding: 1px 10px 1px 20px;
  clear: both;
  text-align: left;
}

/* Normal link within a second level (or deeper) menu item */
div.LeftMenuRowSubMenuHighlighted a
{
  color: #0000FF;
  font-weight: normal;
  text-decoration: none;
}

/* Highlighted link within a second level (or deeper) menu item */
div.LeftMenuRowSubMenu a.LeftMenuHighlightedSubMenu
{
  color: #0000FF;
  font-weight: bold;
  text-decoration: none;
}

/* A left menu separator Div */
div.LeftMenuSeparatorShadow
{
  height: 1px;
  background-color: #7F7F7F;
  margin: 5px 10px 0px 10px;
}

div.LeftMenuSeparator
{
  height: 1px;
  background-color: #F7F7F7;
  margin: 0px 10px 2px 10px;
}

div.LeftMenuChildSeparatorShadow
{
  height: 1px;
  background-color: #7F7F7F;
  margin: 4px 10px 0px 19px;
}

div.LeftMenuChildSeparator
{
  height: 1px;
  background-color: #F7F7F7;
  margin: 0px 10px 2px 19px;
}

/*
 * Styles relating to the Body Content Section
 */

#BodyContentHomepage
{
  width: 430px;
  float: left;
  display: inline;  
}

#BodyContentDataPage
{
  width: 590px;
  float: left;
  display: inline;
}

#DataBar
{
  background-color: #669933;
  width: 590px;
  height: 31px;
}

#DataBarTitle
{
  font-family: arial;
  font-size: 10pt;
  color: #FFFFFF;	
  font-weight: bold;
  padding-left: 19px;
  line-height: 31px;
}

#DataBarImage
{
  float: right;
}

#PrintThisPage
{
  float: right;
  
  /* 020605 */
  /* margin-right: 20px; */
}

#PrintThisPage img
{
  padding-right: 5px;
  vertical-align: middle;
}

#BodyContentTitle
{
  font-size: 11pt;
  font-weight: bold;
  padding-bottom: 10px;
  /* 180505 */
  /* padding-left: 20px; */
  /* padding-top: 20px; */
}

#UserData
{
  margin: 20px;
  /* 020605  */
  /*
  margin-left: 20px;
  margin-right: 0px;
  margin-top: 20px;
  margin-bottom: 20px;
  */
  padding: 0px;
}

/* An full width style banner (image only) */
#FullWidthBanner
{
  width: 430px;
  height: 90px;
}

/* A full width style banner image */
img.FullWidthBannerImage
{
  float: left;
  z-index: 1;
}

/* An illustration style banner (an image on the left, with titled text on the right) */
#IllustrationStyleBanner
{
  background-color: #669933;
  width: 430px;
  height: 90px;
}

/* An illustration style banner image */
img.IllustrationStyleBannerImage
{
  float: left;
  z-index: 1;
  margin-right: 2px;
  padding-right: 5px;
}

/* An illustration style banner title */
#IllustrationStyleBanner p.BannerTitle
{
  font-size: 11pt;
  font-weight: bold;
  color: white;
  margin-left: 220px;
  padding: 4px 5px 0px 5px;
  margin-top: 0px;	
}

/* Illustration style banner text */
#IllustrationStyleBanner p
{
  color: white;
  margin-left: 220px;
  padding: 5px 5px 0px 6px;
  margin-top: -18px;	
}

/* Any heading text within the body */
.BodyContentHeading
{
  font-weight: bold;
}

/* A column for use in a one column body layout. Use exactly once */
.HomepageBodyOneColumnLayoutColumn
{
  background-color: white;
  float: left;
  width: 390px;
  text-align: left;
  margin: 10px 0px 0px 20px;
  display: inline;
}

/* A column for use in a two column body layout. Use exactly twice */
.HomepageBodyTwoColumnLayoutColumn
{
  background-color: white;
  float: left;
  width: 185px;
  text-align: left;
  margin: 10px 0px 0px 20px;
  display: inline;
}

/* A column for use in a three column body layout. Use exactly thrice */
.HomepageBodyThreeColumnLayoutColumn
{
  background-color: white;
  float: left;
  width: 120px;
  text-align: left;
  margin: 10px 0px 0px 20px;
  display: inline;
}

.HomepageBodyThreeColumnImageLayoutColumn
{
  background-color: white;
  float: left;
  text-align: left;
  margin: 10px 0px 0px 56px;
  display: inline;
}

.HomepageBodyThreeColumnImageLayoutColumnPS
{
  background-color: white;
  float: left;
  width: 118px;
  text-align: left;
  margin: 10px -7px -10px 22px;
  display: inline;
}

.HomepageBodyThreeColumnImageLayoutColumnPSText
{
  background-color: white;
  float: left;
  width: 118px;
  text-align: center;
  margin: 10px -7px 10px 20px;
  display: inline;
}

/* A column for use in a four column body layout. Use four times */
.HomepageBodyFourColumnLayoutColumn
{
  background-color: white;
  float: left;
  width: 82px;
  text-align: left;
  margin: 10px 0px 0px 20px;
  display: inline;
}

/* Help page body content */
/* A column for use in a one column body layout. Use exactly once */
.HelpPageLayoutColumn
{
  background-color: white;
  float: left;
  width: 150px;
  text-align: left;
  margin: 15px 15px 15px 15px;
  display: inline;
}


/*
 * Styles relating to the Right Body Section
 */

/* The right body block appears on the right, locked off at 160 pixels */
#RightBody
{
  width: 160px;
  float: left;
  background-color: #E6E6E6;
}

/* The title section of the right body block (there is exactly one) */
#RightBodyIdentifier
{
  margin-top: 3px;
  font-weight: bold;
  padding: 7px;
}

/* An individual heading within the right body block (there are more than one) */
.RightBodyHeading
{
  font-weight: bold;
  padding: 7px;
}

/* Normal text within the right body */
.RightBodyText
{
  padding: 7px;
  margin-top: -5px;
  margin-bottom: 2px;	
}

/*
 * Styles relating to the Footer Section (Contains Legal info, Created by, etc.)
 */

/* The footer block */
#Footer
{
  width: 760px;
  float: left;
  display: inline;
  clear: both;  
  text-align: center;
  margin-top: 20px;
  margin-left: 5px;
  padding-bottom: 24px;
}

/* A link within the footer section */
#Footer a
{
  color: #002E61;
  font-weight: bold;
}

/* Styles requested by BSI for their content */
input.flatbutton {
  border: none ;
  cursor: pointer;
  height: 32px;
  width: 256px;
  background-color:#fff;
  background-image: url('http://www.bsi-global.com/Seminars/images/seminars_booknow.jpg');
  background-repeat: no-repeat;
}

/* -------------------------------------------------------------------------
    New styles being tested
   ------------------------------------------------------------------------- */

/* ------------------------------------------
    New styles for multi-columned data pages
   ------------------------------------------ */

/* A column for use in a one column body layout. Use exactly once */
.DatapageBodyOneColumnLayoutColumn
{
  background-color: white;
  float: left;
  width: 547px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 0px 0px 0px;
  display: inline;
}

/* A column for use in a two column body layout. Use exactly twice */
.DatapageBodyTwoColumnLayoutLeftColumn
{
  background-color: white;
  float: left;
  width: 263px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 10px 0px 0px;
  display: inline;
}

.DatapageBodyTwoColumnLayoutRightColumn
{
  background-color: white;
  float: left;
  width: 264px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 0px 0px 10px;
  display: inline;
}

/* A column for use in a three column body layout. Use exactly thrice */
.DatapageBodyThreeColumnLayoutLeftColumn
{
  background-color: white;
  float: left;
  width: 169px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 10px 0px 0px;
  display: inline;
}

.DatapageBodyThreeColumnLayoutCenterColumn
{
  background-color: white;
  float: left;
  width: 169px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 10px 0px 10px;
  display: inline;
}

.DatapageBodyThreeColumnLayoutRightColumn
{
  background-color: white;
  float: left;
  width: 169px;
  text-align: left;
  /* top right bottom left*/
  margin: 10px 0px 0px 10px;
  display: inline;
}

.DatapageBodyThreeColumnImageLayoutColumn
{
  background-color: white;
  float: left;
  text-align: left;
  margin: 10px 0px 0px 56px;
  display: inline;

}

/* -----------------------------------------
    New styles for striped tables for BS/BI
   ----------------------------------------- */

/* CPCMembersStripedTable Styles */

  .CPCMembersStripedTable {
    border: windowtext 1pt solid;
    border-collapse: collapse;
  }

  .CPCMembersStripedTable th {
    border: windowtext 1pt solid;
    text-align: left;
  }
  
  .CPCMembersStripedTable td {
    border: windowtext 1pt solid;
  }

  .CPCMembersStripedTableHeaderRow {
    background-color: #C2BCEC;
  }

  .CPCMembersStripedTableBodyRow1 {
    background-color: #f1ebf5;
  }

  .CPCMembersStripedTableBodyRow2 {
    background-color: #e4d9ec;
  }

/* BSBIStripedTable Styles */

  .BSBIStripedTable {
    border: windowtext 1pt solid;
    border-collapse: collapse;
  }

  .BSBIStripedTable th {
    border: windowtext 1pt solid;
    text-align: left;
  }
  
  .BSBIStripedTable td {
    border: windowtext 1pt solid;
  }

  .BSBIStripedTableHeaderRow {
    background-color: #FFFFCC;
  }

  .BSBIStripedTableBodyRow1 {
    background-color: #FFFFFF;
  }

  .BSBIStripedTableBodyRow2 {
    background-color: #FFFFCC;
  }

/* DistributorsStripedTable Styles */

  .DistributorsStripedTable {
    border: windowtext 1pt solid;
    border-collapse: collapse;
  }

  .DistributorsStripedTable th {
    border: windowtext 1pt solid;
    text-align: left;
  }
  
  .DistributorsStripedTable td {
    border: windowtext 1pt solid;
  }
  
  .DistributorsStripedTableHeaderRow {
    background-color: #CCFFCC;
  }

  .DistributorsStripedTableBodyRow1 {
    background-color: #FFFFFF;
  }

  .DistributorsStripedTableBodyRow2 {
    background-color: #CCFFCC;
  }

/* ------------------------------------
    Styles for new layouts for BS/BI
   ------------------------------------ */
   
#regionNarrowRightBody {
  float: left;
  background-color: #ffffff;
  width: 158px;
  padding-top: 2px;
  margin-right: -20px;
  border: 1px solid #ffffff;
}

#regionCentre {
  float: left;
  width: 388px;
  margin-right: 20px;
  padding-bottom: 2px;
  padding-top: 2px;
  background-color: white;
  border: 1px solid #ffffff;
}