/**********************************

TAGS

***********************************/


body
{
  background: #fff url('/images/frontend/bg_body.jpg') scroll repeat-x center top;
}

h2
{
  font-size: 1.6em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

strong
{
  color: #e55300;
}

/**********************************

CLASSES

***********************************/

a.readMore
{
  background: transparent url('/images/frontend/bg_read_more.png') scroll no-repeat right center;
  padding-right: 10px;
}




/**********************************

FORM AND RESULTS

***********************************/

form fieldset
{
  font-size: 1.2em;
}

form fieldset h4
{
  font-size: 1.2em;
  margin: 0em 0 1em 0;
}

form fieldset div.field,
div.section div.box div.field
{
  margin: 0.75em 0;
}

div.section div.box div.field
{
  margin: 0.5em 0;
}

div.section div.box div.group
{
  margin: 0 0 1.5em 0;
}

form fieldset div.field span.labelContainer,
form fieldset div.field span.inputContainer
{
  line-height: 1.8em;
  display: block;
  float: left;
}

form fieldset div.field span.labelContainer
{
  width: 100px;
  margin-right: 20px;
  font-weight: bold;
}

form fieldset div.field span.inputContainer,
form fieldset div.field span.inputContainer input.textBox,
form fieldset div.field span.inputContainer textarea,
div.section div.box dd
{
  width: 200px;
}

div.form_error
{
  margin-bottom: 0.5em;
  margin-left: 120px;
  color: red;
  font-weight: bold;
}

div.order-error
{
  color: red;
}

div.buttons
{
  margin: 0.5em 0 0.5em 120px;
}

input.button
{
  vertical-align: bottom;
}

/**********************************

TABLE

***********************************/

table
{
  margin: 1em 0 2em 0;
}

table th,
table td
{
  font-size: 1.2em;
  padding: 5px 5px;
}

table tr.odd td
{
  background: #eee;
}


table.conferenceTable
{
  width: 100%;
  margin-bottom: 3em;
}

table.conferenceTable td.colOne
{
  width: 20%;
}

table.conferenceTable td.colTwo
{
  width: 55%;
}

table.conferenceTable td.colThree
{
  width: 20%;
}

table.conferenceTable td.colFour
{
  width: 5%;
}

/**********************************

LAYOUT AND STYLE

***********************************/

#pageBackground
{
  background: transparent url('/images/frontend/bg_page.jpg') scroll no-repeat center top;
  text-align: center;
}

#pageWrapper
{
  width: 850px;
  margin: 0 auto;
  text-align: left;
}

#masthead
{
  border-bottom: 5px solid #a7a09f;
}

#topBorder
{
  background: transparent url('/images/frontend/bg_top_border.jpg') scroll no-repeat center top;
  height: 26px;
  font-size: 2px;
}

#masthead h1,
#tagLine
{
  display: none;
}

#mainNavigation
{
  background: transparent url('/images/frontend/bg_main_navigation.png') scroll repeat-x center top;
}

#mainNavigation h4
{
  display: none;
}

#mainNavigation ul
{
  margin: 0 1em;
}

#mainNavigation li
{
  float: left;
  margin: 0;
}

#mainNavigation li a
{
  display: block;
  padding: 0.7em 1em 0.3em 1em;
  text-decoration: none;
  font-weight: bold;
  font-size: 1.2em;
  color: #fff;
}

#mainNavigation li a:hover
{
  background: transparent url('/images/frontend/bg_main_navigation.png') scroll repeat-x left -100px;
}


#splashWrapper
{
  border-top: 5px solid #002f5d;
  background-position: left top;
  background-repeat: none;
}

#splashWrapper a
{
  display: block;
  height: 130px;
}

#splashWrapper a span
{
  display: none;
}


#dispatchWrapper
{
  background: transparent url('/images/frontend/bg_dispatch.jpg') scroll no-repeat center -135px;
  padding: 21px 0 12px 0;
}


#dispatchWrapper p
{
  margin: 0;
  line-height: 1;
}

#dispatchWrapper div.dispatchBox
{
  width: 166px;
  float: left;
  margin: 0 23px;
}

#dispatchWrapper div.dispatchBox h3 a
{
  display: block;
  height: 24px;
}

#dispatchWrapper div.dispatchBox h3
{
}

#dispatchWrapper div.dispatchBox h3 a span
{
  display: none;
}

#dispatchWrapper div.dispatchBox p.dispatchPic
{
  padding: 3px 0;
}

#dispatchWrapper div.dispatchBox p.dispatchLink a
{
  display: block;
  height: 19px;
}

#dispatchWrapper div.dispatchBox p.dispatchLink a span
{
  display: none;
}


#dispatchCalculator h3 a
{
  background: transparent url('/images/frontend/dispatch_header_calculator.png') scroll no-repeat left top;
}

#dispatchCalculator p.dispatchLink a
{
  background: transparent url('/images/frontend/dispatch_link_calculator.png') scroll no-repeat left top;
}


#dispatchPens h3 a
{
  background: transparent url('/images/frontend/dispatch_header_pens.png') scroll no-repeat left top;
}

#dispatchPens p.dispatchLink a
{
  background: transparent url('/images/frontend/dispatch_link_pens.png') scroll no-repeat left top;
}


#dispatchVOC h3 a
{
  background: transparent url('/images/frontend/dispatch_header_voc_manager.png') scroll no-repeat left top;
}

#dispatchVOC p.dispatchLink a
{
  background: transparent url('/images/frontend/dispatch_link_voc_manager.png') scroll no-repeat left top;
}


#dispatchServices h3 a
{
  background: transparent url('/images/frontend/dispatch_header_services.png') scroll no-repeat left top;
}

#dispatchServices p.dispatchLink a
{
  background: transparent url('/images/frontend/dispatch_link_services.png') scroll no-repeat left top;
}

#dispatchServices p#dispatchSelect
{
  padding: 3px 0;
  min-height: 24px;
}

#dispatchServices p#dispatchSelect select
{
  width: 100%;
}



#mainWrapper
{
  background-repeat: repeat-y;
  background-image: url('/images/frontend/bg_main.png');
  border-top: 5px solid #e55300;
  border-bottom: 1px solid #fbcf8d;
}



/**********************************

SIDEBAR

***********************************/

#sidebar
{
  width: 200px;
  float: left;
}

#sidebar h3
{
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.5em;
}

#sidebarSearch,
#sidebarServices,
#sidebarSectors
{
  margin: 15px 15px 10px 15px;
  font-size: 1.2em;
}

#sidebarSearch h3
{
  color: #000;
  font-style: italic;
  margin-bottom: 2px;
}

#sidebarSearch input
{
  width: 160px;
  border: 1px solid #000;
  padding: 2px 3px;
}

#sidebarSearch div
{
  margin-top: 3px;
}

#sidebarServices li,
#sidebarSectors li
{
  margin: 5px 0;
  padding: 0 0 0 15px;
  background: transparent url('/images/frontend/bg_sidebar_bullets.png') scroll no-repeat left 4px;
}



/**********************************

MAIN

***********************************/

#mainContentAndSuplementary
{
  padding: 15px 0;
  float: right;
  width: 635px;
}

#mainContent
{
  width: 350px;
  float: left;
}

#mainContentAndSuplementary ul li
{
  margin: 0.2em 0;
  padding: 0 0 0 10px;
  background: transparent url('/images/frontend/bullet.png') scroll no-repeat left 6px;
}

#mainContentAndSuplementary ul li ul li
{
  background: transparent url('/images/frontend/bullet_nested.png') scroll no-repeat left 6px;
}

#mainContentAndSuplementary ol
{
  padding: 0 0 0 20px;
}

#mainContentAndSuplementary ol li
{
  list-style: decimal;
  margin: 0.2em 0;
  padding: 0 0 0 10px;
}

div.pageSection
{
  font-size: 1.2em;
}

p.pageTagline
{
  color: #e55300;
}

div.fullPage
{
  margin-right: 20px;
}

div.fullPage p
{
  font-size: 1.2em;
}


/**********************************

SUPPLEMENTARY CONTENT

***********************************/

#supplementaryContent
{
  width: 245px;
  float: right;
  margin-right: 15px;
}

div.supplementaryContentSection
{
  font-size: 1.2em;
  margin-top: 1em;
  border-top: 2px dotted #858585;
  padding-top: 1em;
}

div.first
{
  margin-top: 0;
  padding-top: 0;
  border-top: none;
}

#supplementaryContentRecentNews
{
  margin-top: 0;
  padding-top: 0;
}

#supplementaryContentRecentNews ul
{
  margin: 0;
  padding: 0;
}

#supplementaryContentRecentNews ul li
{
  margin: 1em 0;
  padding: 0;
  background: none;
}

#supplementaryContentRecentNews ul li h4
{
  margin: 0 0 3px 0;
}

#supplementaryContentRecentNews ul li h4 a
{
  color: #002b5f;
}

#supplementaryContentRecentNews ul li div p:first-child
{
  margin-top: 0;
}

#supplementaryContentRecentNews ul li div p:last-child
{
  margin-bottom: 0.3em;
}

/**********************************

CONTACT PAGE

***********************************/

span.phoneLabel
{
  width: 3em;
  float: left;
}

span.phoneNumber
{
  float: left;
}


/**********************************

STICKIES

***********************************/

div.sidebarSticky h4
{
  margin: 0 0 3px 0;
}

div.sidebarSticky h4 a,
div.sidebarSticky h3 a
{
  color: #002b5f;
}

div.sidebarSticky div p img
{
  display: block;
  float: left;
  margin: 0 5px 0 0;
}

div.sidebarSticky div p:first-child
{
  margin-top: 0;
}

div.sidebarSticky div p:last-child
{
  margin-bottom: 0.3em;
}


/**********************************

NEWS ITEMS

***********************************/


#mainContentRecentNews,
#mainContentRecentPressReleases
{
  margin: 0 0 1.0em 0;
  padding: 0 0 5px 0;
  border-bottom: 1px dotted #999;
}

#industryNewsPage #mainContentRecentNews,
#industryNewsPage #mainContentRecentPressReleases
{
  border-bottom: none;
}

#mainContentRecentNews ul,
#mainContentRecentPressReleases ul
{
  margin: 0;
  padding: 0;
}

#mainContentRecentNews ul li,
#mainContentRecentPressReleases ul li
{
  margin: 1em 0;
  padding: 0;
  background: none;
}

#mainContentRecentNews ul li h4,
#mainContentRecentPressReleases ul li h4
{
  margin: 0 0 3px 0;
}

#mainContentRecentNews ul li h4 a,
#mainContentRecentPressReleases ul li h4 a
{
  color: #002b5f;
}

#mainContentRecentNews ul li div.newsItemDate,
#mainContentRecentPressReleases ul li .newsItemDate
{
  color: #666;
}

#mainContentRecentNews ul li p:first-child,
#mainContentRecentPressReleases ul li p:first-child
{
  margin-top: 0;
}

#mainContentRecentNews ul li p:last-child,
#mainContentRecentPressReleases ul li p:last-child
{
  margin-bottom: 0.3em;
}


#newsItemShow h2,
#pressReleaseShow h2
{
  margin-bottom: 0.5em;
}

#newsItemShow div.newsItemDate,
#pressReleaseShow div.pressReleaseDate
{
  margin: 0.5em 0 1.0em 0;
  padding: 0.3em 0;
  border-top: 1px dotted #999;
  border-bottom: 1px dotted #999;
  color: #999;
  text-transform: uppercase;
}

#newsItemShow div.newsItemTeaser,
#pressReleaseShow div.pressReleaseTeaser
{
  font-weight: bold;
}

#newsItemShow div.registerForUpdates,
#pressReleaseShow div.registerForUpdates
{
  margin: 1.0em 0 1.0em 0;
  padding: 0.3em 0;
  border-top: 1px dotted #999;
  font-weight: bold;
}

/**********************************

PPP

***********************************/

#pppListWrapper ul li
{
  padding-left: 26px;
  margin: 1em 0;
}

#pppListWrapper ul li.pppPaper
{
  background: transparent url('/images/frontend/icon_paper.png') scroll no-repeat left top;
}

#pppListWrapper ul li.pppPresentation
{
  background: transparent url('/images/frontend/icon_presentation.png') scroll no-repeat left top;
}

#pppListWrapper ul li.pppPublication
{
  background: transparent url('/images/frontend/icon_publication.png') scroll no-repeat left top;
}

#pppListWrapper div.pppDate
{
  color: #666
}

/**********************************

CASE STUDIES

***********************************/

#caseStudiesWrapper div.caseStudy
{
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 2px dotted #858585;
}

#caseStudiesWrapper div.caseStudy h4
{
  margin-top: 1em;
  color: #e55300;
}

#caseStudiesWrapper div.caseStudy div
{
}


/**********************************

MAIN

***********************************/

div.keyValue
{
}

div.keyValue dt,
div.keyValue dd
{
  float: left;
  line-height: 1.8;
}

div.keyValue dt
{
  width: 120px;
  font-weight: bold;
}

div.keyValue dd
{
  float: right;
  width: 200px;
}


#teamShortList div.keyValue
{
  border-bottom: 1px dotted #ccc;
  padding-bottom: 5px;
  margin-top: 5px;
}
/**********************************

MAP

***********************************/

#map
{
  margin-top: 3em;
  height: 300px;
  border: 1px solid #ccc;
}

/**********************************

MARKDOWN PAGE CONTENT

***********************************/

div.dynamicPageContent
{
}

div.dynamicPageContent strong,
div.dynamicPageContent b
{
  font-weight: bold;
}

div.dynamicPageContent i,
div.dynamicPageContent em
{
  font-style: italic;
}



/**********************************

PENS

***********************************/

#pensQuantity
{
  margin-top: 20px;
}

#pensQuantity table
{
  width: 100%;
  border-bottom: 1px dotted #858585;
}

#pensQuantity table thead th
{
  border-bottom: 2px dotted #858585;
  padding: 5px;
}

#pensQuantity table tbody tr td
{
  border-bottom: 1px dotted #999;
  padding: 5px;
}

#pensQuantity table tr.totals td
{
  border: none;
  background: #eee;
}

/**********************************

PAGINATION CONTROLS

***********************************/

div.paginationControls
{
  padding: 3px;
  background: #eee;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  text-align: center;
}

div.paginationControls span.paginationControlInactive
{
  color: #999;
}


/**********************************

PPP

***********************************/

#pppShow div.pppSummary
{
  background: #eee;
  border: 1px dotted #ccc;
  padding: 5px;
  margin-bottom: 1em;
}

#pppShow div.pppDownloads,
#pppShow div.pppPublication,
#pppShow div.pppLinkTo
{
  margin: 1em 0 0 0;
}

#pppShow div.pppDownloads h4,
#pppShow div.pppPublication h4,
#pppShow div.pppLinkTo h4
{
  margin: 0;
}

#pppShow div.pppDownloads ul
{
  margin: 0;
}

/**********************************

CONFERNCE ICONS

***********************************/

#mainContentAndSuplementary ul.downloadList,
#mainContentAndSuplementary ul.downloadList li,
ul.downloadList,
ul.downloadList li
{
  margin: 0;
  padding: 0;
  background: none;
}

ul.downloadList li
{
}

ul.downloadList li a
{
  display: block;
  width: 22px;
  height: 22px;
  background: transparent url('/images/frontend/icon_slides.png') scroll no-repeat left top;
  margin: 0;
}

tr.odd ul.downloadList li a
{
  background-position: -22px top;
}

ul.downloadList li a.iconSlides
{
  display: block;
  width: 22px;
  height: 22px;
  background: transparent url('/images/frontend/icon_slides.png') scroll no-repeat left top;
}

ul.downloadList li a.iconSlides
{
  background: transparent url('/images/frontend/icon_slides.png') scroll no-repeat left top;
}

ul.downloadList li a.iconPaper
{
  background: transparent url('/images/frontend/icon_paper.png') scroll no-repeat left top;
}

ul.downloadList li a:hover
{
  background-position: left -22px;
}

tr.odd ul.downloadList li a:hover
{
  background-position: -22px -22px;
}

ul.downloadList li a span
{
  display: none;
}


#footerWrapper
{
  color: #fff;
  border-top: 5px solid #fff;
  background: #002b5f url('/images/frontend/bg_footer.png') scroll repeat-x center top;
  text-align: center;
}

#footerWrapper ul
{
  margin: 0;
  padding: 10px;
}

#footerWrapper li
{
  display: inline;
  margin: 0 1em;
}

#footerWrapper a
{
  color: #fff;
  text-decoration: underline;
}