/** =import
************************************************************/
/** =baseline
************************************************************/
/* 18px */
/* base vertical margin */
/* base horizontal margin */
/* base rounded corner radius */
/** =grid
************************************************************/
/** =inputs
************************************************************/
/* padding (per side) */
/* border width (per side) */
/* default width for inputs (in columns) */
/* default height for textareas */
/** =colors
************************************************************/
/** =body copy **/
/** =links **/
/** =status colors **/
/** =reset
************************************************************
YUI3 reset with at few tweaks: 
-reset button, select
-reset text decoration on a, ins
-reset small
-color and bg on body, not html (helps with sticky footer)
************************************************************/
body {
  color: #000;
  background: #fff; }

body, div, p, blockquote,
dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code,
form, fieldset, legend,
input, textarea, select, button,
th, td {
  margin: 0;
  padding: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

fieldset, img {
  border: 0; }

address, caption, cite, code,
dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

li {
  list-style: none; }

caption,
th {
  text-align: left; }

h1, h2, h3, h4, h5, h6, small {
  font-size: 100%;
  font-weight: normal; }

q:before,
q:after {
  content: ''; }

abbr, acronym {
  border: 0;
  font-variant: normal; }

/** =super/subscript 
text-align: super/sub creates line height issues, so we'll do it this way **/
sup {
  vertical-align: text-top; }

sub {
  vertical-align: text-bottom; }

input,
textarea,
select,
button {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  font-style: inherit; }

button {
  border: 0;
  background: none; }

ins,
a {
  text-decoration: none; }

/** =base mixins
************************************************************/
/** =clearfix **/
/** =min height/width in ie6 **/
/** =cross-browser inline-block **/
/** =utility classes
************************************************************/
.hide,
.js .js-hide,
.js-show {
  display: none; }

.js .js-show {
  display: block; }

.hide-alt,
.js .js-hide-alt {
  position: absolute;
  left: -9999em; }

.right {
  float: right;
  display: inline; }

.left {
  float: left;
  display: inline; }

.clear {
  clear: both; }

.replace {
  background-repeat: no-repeat;
  text-indent: -999em;
  display: block;
  overflow: hidden;
  font-size: 1px;
  border: 0; }

/** =css3
************************************************************/
/** =eliminate chunky text in webkit	
************************************************************/
/** =section
************************************************************
Sections are block elements with bottom margins and a clearfix applied.
Ideally, their last child should get get no bottom margin to prevent double margins.
************************************************************/
/** =font-face
************************************************************/
/** =container
************************************************************/
/** =default form input widths
************************************************************/
.text input,
.text textarea {
  width: 288px; }
.text textarea {
  height: 7.5em; }

.select select {
  width: 300px; }

/** =columns
************************************************************/
.col-1 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 20px; }

.append-1 {
  padding-right: 40px; }

.prepend-1 {
  padding-left: 40px; }

.text.col-1 input, .text.col-1 textarea, body .text input.col-1, body .text textarea.col-1 {
  width: 8px; }

.select.col-1 select, body .select select.col-1 {
  width: 20px; }

.col-2 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 60px; }

.append-2 {
  padding-right: 80px; }

.prepend-2 {
  padding-left: 80px; }

.text.col-2 input, .text.col-2 textarea, body .text input.col-2, body .text textarea.col-2 {
  width: 48px; }

.select.col-2 select, body .select select.col-2 {
  width: 60px; }

.col-3 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 100px; }

.append-3 {
  padding-right: 120px; }

.prepend-3 {
  padding-left: 120px; }

.text.col-3 input, .text.col-3 textarea, body .text input.col-3, body .text textarea.col-3 {
  width: 88px; }

.select.col-3 select, body .select select.col-3 {
  width: 100px; }

.col-4 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 140px; }

.append-4 {
  padding-right: 160px; }

.prepend-4 {
  padding-left: 160px; }

.text.col-4 input, .text.col-4 textarea, body .text input.col-4, body .text textarea.col-4 {
  width: 128px; }

.select.col-4 select, body .select select.col-4 {
  width: 140px; }

.col-5 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 180px; }

.append-5 {
  padding-right: 200px; }

.prepend-5 {
  padding-left: 200px; }

.text.col-5 input, .text.col-5 textarea, body .text input.col-5, body .text textarea.col-5 {
  width: 168px; }

.select.col-5 select, body .select select.col-5 {
  width: 180px; }

.col-6 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 220px; }

.append-6 {
  padding-right: 240px; }

.prepend-6 {
  padding-left: 240px; }

.text.col-6 input, .text.col-6 textarea, body .text input.col-6, body .text textarea.col-6 {
  width: 208px; }

.select.col-6 select, body .select select.col-6 {
  width: 220px; }

.col-7 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 260px; }

.append-7 {
  padding-right: 280px; }

.prepend-7 {
  padding-left: 280px; }

.text.col-7 input, .text.col-7 textarea, body .text input.col-7, body .text textarea.col-7 {
  width: 248px; }

.select.col-7 select, body .select select.col-7 {
  width: 260px; }

.col-8 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 300px; }

.append-8 {
  padding-right: 320px; }

.prepend-8 {
  padding-left: 320px; }

.text.col-8 input, .text.col-8 textarea, body .text input.col-8, body .text textarea.col-8 {
  width: 288px; }

.select.col-8 select, body .select select.col-8 {
  width: 300px; }

.col-9 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 340px; }

.append-9 {
  padding-right: 360px; }

.prepend-9 {
  padding-left: 360px; }

.text.col-9 input, .text.col-9 textarea, body .text input.col-9, body .text textarea.col-9 {
  width: 328px; }

.select.col-9 select, body .select select.col-9 {
  width: 340px; }

.col-10 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 380px; }

.append-10 {
  padding-right: 400px; }

.prepend-10 {
  padding-left: 400px; }

.text.col-10 input, .text.col-10 textarea, body .text input.col-10, body .text textarea.col-10 {
  width: 368px; }

.select.col-10 select, body .select select.col-10 {
  width: 380px; }

.col-11 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 420px; }

.append-11 {
  padding-right: 440px; }

.prepend-11 {
  padding-left: 440px; }

.text.col-11 input, .text.col-11 textarea, body .text input.col-11, body .text textarea.col-11 {
  width: 408px; }

.select.col-11 select, body .select select.col-11 {
  width: 420px; }

.col-12 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 460px; }

.append-12 {
  padding-right: 480px; }

.prepend-12 {
  padding-left: 480px; }

.text.col-12 input, .text.col-12 textarea, body .text input.col-12, body .text textarea.col-12 {
  width: 448px; }

.select.col-12 select, body .select select.col-12 {
  width: 460px; }

.col-13 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 500px; }

.append-13 {
  padding-right: 520px; }

.prepend-13 {
  padding-left: 520px; }

.text.col-13 input, .text.col-13 textarea, body .text input.col-13, body .text textarea.col-13 {
  width: 488px; }

.select.col-13 select, body .select select.col-13 {
  width: 500px; }

.col-14 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 540px; }

.append-14 {
  padding-right: 560px; }

.prepend-14 {
  padding-left: 560px; }

.text.col-14 input, .text.col-14 textarea, body .text input.col-14, body .text textarea.col-14 {
  width: 528px; }

.select.col-14 select, body .select select.col-14 {
  width: 540px; }

.col-15 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 580px; }

.append-15 {
  padding-right: 600px; }

.prepend-15 {
  padding-left: 600px; }

.text.col-15 input, .text.col-15 textarea, body .text input.col-15, body .text textarea.col-15 {
  width: 568px; }

.select.col-15 select, body .select select.col-15 {
  width: 580px; }

.col-16 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 620px; }

.append-16 {
  padding-right: 640px; }

.prepend-16 {
  padding-left: 640px; }

.text.col-16 input, .text.col-16 textarea, body .text input.col-16, body .text textarea.col-16 {
  width: 608px; }

.select.col-16 select, body .select select.col-16 {
  width: 620px; }

.col-17 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 660px; }

.append-17 {
  padding-right: 680px; }

.prepend-17 {
  padding-left: 680px; }

.text.col-17 input, .text.col-17 textarea, body .text input.col-17, body .text textarea.col-17 {
  width: 648px; }

.select.col-17 select, body .select select.col-17 {
  width: 660px; }

.col-18 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 700px; }

.append-18 {
  padding-right: 720px; }

.prepend-18 {
  padding-left: 720px; }

.text.col-18 input, .text.col-18 textarea, body .text input.col-18, body .text textarea.col-18 {
  width: 688px; }

.select.col-18 select, body .select select.col-18 {
  width: 700px; }

.col-19 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 740px; }

.append-19 {
  padding-right: 760px; }

.prepend-19 {
  padding-left: 760px; }

.text.col-19 input, .text.col-19 textarea, body .text input.col-19, body .text textarea.col-19 {
  width: 728px; }

.select.col-19 select, body .select select.col-19 {
  width: 740px; }

.col-20 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 780px; }

.append-20 {
  padding-right: 800px; }

.prepend-20 {
  padding-left: 800px; }

.text.col-20 input, .text.col-20 textarea, body .text input.col-20, body .text textarea.col-20 {
  width: 768px; }

.select.col-20 select, body .select select.col-20 {
  width: 780px; }

.col-21 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 820px; }

.append-21 {
  padding-right: 840px; }

.prepend-21 {
  padding-left: 840px; }

.text.col-21 input, .text.col-21 textarea, body .text input.col-21, body .text textarea.col-21 {
  width: 808px; }

.select.col-21 select, body .select select.col-21 {
  width: 820px; }

.col-22 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 860px; }

.append-22 {
  padding-right: 880px; }

.prepend-22 {
  padding-left: 880px; }

.text.col-22 input, .text.col-22 textarea, body .text input.col-22, body .text textarea.col-22 {
  width: 848px; }

.select.col-22 select, body .select select.col-22 {
  width: 860px; }

.col-23 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 900px; }

.append-23 {
  padding-right: 920px; }

.prepend-23 {
  padding-left: 920px; }

.text.col-23 input, .text.col-23 textarea, body .text input.col-23, body .text textarea.col-23 {
  width: 888px; }

.select.col-23 select, body .select select.col-23 {
  width: 900px; }

.col-24 {
  float: left;
  display: inline;
  margin-right: 20px;
  width: 940px; }

.append-24 {
  padding-right: 960px; }

.prepend-24 {
  padding-left: 960px; }

.text.col-24 input, .text.col-24 textarea, body .text input.col-24, body .text textarea.col-24 {
  width: 928px; }

.select.col-24 select, body .select select.col-24 {
  width: 940px; }

.col-24,
.col-last {
  margin-right: 0; }

/** =typography mixins
************************************************************/
/** =line-heights **/
/** =letter spacing **/
/** =font-family **/
/** =font-reset **/
/** =font groups
************************************************************/
/** =baseline links
************************************************************/
/** =reset **/
/** =baseline headings
************************************************************/
/** =reset **/
/** =baseline lists
************************************************************/
/** =ul/ol default **/
/** =ul **/
/** =ol **/
/** =dl **/
/** =reset **/
/** =base tables
************************************************************/
/** =reset **/
/** =base blockquote
************************************************************/
/** =base pre
************************************************************
http://perishablepress.com/press/2009/11/09/perfect-pre-tags/
************************************************************/
/** =base address
************************************************************/
/** =base form
************************************************************/
/** =reset **/
/** =sliding doors buttons (with hover)
************************************************************
http://www.filamentgroup.com/lab/styling_the_button_element_with_sliding_doors
************************************************************/
/** =easel icons (20x20)
************************************************************/
/** =font groups
************************************************************/
/** =fancy ampersands **/
/** =nav lists
************************************************************/
/** =horizontal nav **/
/** =vertical nav **/
/** =inline horizontal nav **/
/** =list items as sections **/
/** =indented list with no bullets/numbers **/
/** =piped horizontal nav **/
/** =spaced horizontal nav **/
/** =piped horizontal inline nav **/
/** =spaced horizontal inline nav **/
/** =ruled list **/
/** =superfish dropdowns mixin
************************************************************/
/** =button bar
************************************************************/
/** =sticky footer mixin
************************************************************
http://www.cssstickyfooter.com/
************************************************************/
/** =border box
************************************************************/
/** =negative margin fix for ie6
************************************************************
http://haslayout.net/css/Negative-Margin-Bug
************************************************************/
/** =inline elements
************************************************************/
strong,
strong > em {
  font-weight: bold; }

em,
em > strong {
  font-style: italic; }

small {
  font-style: italic;
  color: #9f9fa0; }

del {
  text-decoration: line-through; }

sup, sub {
  font-size: 60%; }

ins, abbr, acronym {
  border-bottom: 1px dotted; }

abbr, acronym {
  cursor: help; }

/* prevent images from breaking out of containing box
and eliminate unwanted space beneath images/objects */
img {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  max-width: 100%;
  height: auto; }
  .ie6 img, .ie7 img {
    display: inline; }

/** =paragraph
************************************************************/
p {
  margin-bottom: 20px; }

/** =load from mixins
************************************************************/
body {
  color: #39393a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em; }

a {
  color: #709793;
  border-bottom: 2px solid #b9e2e3;
  font-size: 14px; }
  a:hover {
    color: #445d5b; }

h1 {
  color: #737579;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 24px;
  line-height: 1em;
  margin: 0 0 .25em; }

h2 {
  color: #737579;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.25em;
  margin: 0 0 .25em; }

h3 {
  color: #060607;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 16px;
  line-height: 1.45em;
  margin: 0 0 .5em; }

h4 {
  color: #060607;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 14px;
  line-height: 1.45em;
  margin: 0 0 .5em; }

h5 {
  color: #060607;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 13px;
  margin: 0 0 .5em; }

h6 {
  color: #060607;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  margin: 0 0 .5em; }

ul {
  margin-bottom: 20px; }
  ul li {
    line-height: 1.25em;
    margin-top: 5px; }
    ul li:first-child {
      margin-top: 0; }
    ul li ul, ul li ol {
      margin-top: 5px;
      margin-bottom: 0; }
  ul > li,
  ul ul > li {
    background: url(images/bullet-gray.png) no-repeat 0.4em 0.4em;
    padding-left: 1em; }

ol {
  margin-bottom: 20px; }
  ol li {
    line-height: 1.25em;
    margin-top: 5px; }
    ol li:first-child {
      margin-top: 0; }
    ol li ul, ol li ol {
      margin-top: 5px;
      margin-bottom: 0; }
  ol > li,
  ol ol > li {
    list-style: decimal outside;
    margin-left: 1.5em; }
    .ie6 ol > li, .ie7 ol > li, .ie6
    ol ol > li, .ie7
    ol ol > li {
      margin-left: 2em; }

dl {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1; }
  dl:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  dl > :last-child, dl > .last {
    margin-bottom: 0; }
  dl > dt {
    font-weight: bold; }
  dl > dd {
    margin-bottom: 10px; }

table {
  width: 100%;
  margin-bottom: 20px; }
  table th, table td {
    border: 1px solid #ebebeb;
    padding: 5px 10px;
    text-align: left; }
  table th {
    font-weight: bold; }
  table thead th, table thead td,
  table tfoot th,
  table tfoot td {
    text-align: center;
    border: 0; }
  table caption {
    margin-bottom: 10px;
    text-align: center;
    font-weight: bold; }
  table tr.alt th, table tr.alt td {
    background-color: #ebebeb; }

blockquote {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  margin-left: 20px;
  margin-right: 20px;
  font-style: normal; }
  blockquote:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  blockquote > :last-child, blockquote > .last {
    margin-bottom: 0; }

pre {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  line-height: 1em;
  width: 99%;
  white-space: pre-wrap;
  /* CSS3 browsers  */
  white-space: -moz-pre-wrap;
  /* 1999+ Mozilla  */
  white-space: -pre-wrap;
  /* Opera 4 thru 6 */
  white-space: -o-pre-wrap;
  /* Opera 7 and up */
  word-wrap: break-word;
  /* IE 5.5+ and up */ }
  pre:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  pre > :last-child, pre > .last {
    margin-bottom: 0; }

address {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1; }
  address:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  address > :last-child, address > .last {
    margin-bottom: 0; }

/** =groups and sections
************************************************************/
.group {
  display: block;
  zoom: 1; }
  .group:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }

.section {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1; }
  .section:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .section > :last-child, .section > .last {
    margin-bottom: 0; }

.last {
  margin-bottom: 0; }

/** =forms
************************************************************/
form fieldset {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1; }
  form fieldset:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  form fieldset > :last-child, form fieldset > .last {
    margin-bottom: 0; }
form fieldset > fieldset {
  margin-top: 20px; }
form .actions {
  border-top: 1px solid #ebebeb;
  padding: 10px 0 0; }

label[for] {
  cursor: pointer; }

.legend {
  color: #39393a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  text-indent: none;
  text-transform: none;
  word-spacing: normal;
  white-space: normal;
  vertical-align: baseline;
  margin: 0;
  border-bottom: 1px solid #ebebeb;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  margin: 0 0 10px; }

/** =text, select, textarea **/
.text,
.select {
  display: block;
  zoom: 1;
  margin-bottom: 10px; }
  .text:after,
  .select:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .text label,
  .select label {
    display: block;
    margin: 0;
    font-weight: bold;
    font-size: 14px;
    color: #060607; }
    .text label small,
    .select label small {
      font-size: 12px;
      margin-left: 5px; }
  .text input,
  .text select,
  .text textarea,
  .select input,
  .select select,
  .select textarea {
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    font-size: 14px;
    padding: 5px 5px;
    background-color: #f7f7f7;
    border: 1px solid #b8b8b8;
    border-bottom-color: #ebebeb;
    color: #666666; }
    .text input:focus,
    .text select:focus,
    .text textarea:focus,
    .select input:focus,
    .select select:focus,
    .select textarea:focus {
      background-color: white;
      color: #4d4d4d; }
  .text.error input:focus,
  .text.error select:focus,
  .text.error textarea:focus,
  .select.error input:focus,
  .select.error select:focus,
  .select.error textarea:focus {
    border-color: #b8b8b8;
    border-bottom-color: #ebebeb;
    background-color: white;
    color: #4d4d4d; }

.text .placeholder {
  color: #9f9fa0;
  font-size: 14px;
  font-weight: bold; }
.text ::-webkit-input-placeholder {
  color: #9f9fa0; }
.text .placeholder {
  margin: 6px 0 0 6px; }

/** =radios, checkboxes **/
.radio,
.checkbox {
  display: block;
  zoom: 1;
  margin-bottom: 5px; }
  .radio:after,
  .checkbox:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .radio input,
  .checkbox input {
    float: left; }
  .radio label,
  .checkbox label {
    display: block;
    margin-left: 20px;
    line-height: 1.25em; }

.radio-group > .legend,
.checkbox-group > .legend {
  color: #39393a;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  text-align: left;
  text-decoration: none;
  text-indent: none;
  text-transform: none;
  word-spacing: normal;
  white-space: normal;
  vertical-align: baseline;
  border-bottom: 0;
  color: inherit;
  display: block;
  margin: 0;
  font-weight: bold;
  font-size: 14px;
  color: #060607;
  margin-bottom: 5px; }
  .radio-group > .legend small,
  .checkbox-group > .legend small {
    font-size: 12px;
    margin-left: 5px; }

/** =disabled inputs **/
input[disabled],
button[disabled],
select[disabled],
textarea[disabled] {
  opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5; }

.disabled,
.disabled label {
  opacity: 0.5;
  -khtml-opacity: 0.5;
  -moz-opacity: 0.5;
  cursor: default; }
  .disabled *,
  .disabled label * {
    opacity: 1;
    -khtml-opacity: 1;
    -moz-opacity: 1; }

/** =validation **/
.required-mark {
  color: #ac0000;
  font-weight: bold; }

.text.error *,
.select.error * {
  color: #ac0000; }
.text.error input,
.text.error textarea,
.text.error select,
.select.error input,
.select.error textarea,
.select.error select {
  background-color: #ffdfdf;
  border-color: #ffacac; }
.text.error .error-message,
.select.error .error-message {
  text-align: right;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  display: block;
  clear: both; }
.text.error .placeholder,
.select.error .placeholder {
  color: #e49494; }
.text.error ::-webkit-input-placeholder,
.select.error ::-webkit-input-placeholder {
  color: #e49494; }

/** =buttons
************************************************************/
.btn {
  color: inherit;
  border-bottom: 0;
  font-size: inherit;
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  cursor: pointer;
  text-align: center;
  position: relative;
  zoom: 1;
  /* ie */
  width: auto;
  /* ie */
  overflow: visible;
  /* ie */
  /* removes 1px border in FF */
  padding: 0 18px 0 0;
  background-position: 100% 0; }
  .btn:hover {
    color: inherit;
    background: none; }
  .ie6 .btn, .ie7 .btn {
    display: inline; }
  .btn > span {
    position: relative;
    display: block;
    white-space: nowrap; }
  .btn::-moz-focus-inner {
    border: none;
    padding: 0; }
  .btn > span {
    padding: 0 0 0 18px;
    height: 32px;
    line-height: 31px; }
  .btn, .btn:hover, .btn:active, .btn > span {
    background-image: url(images/easel/sprites/btn-default-white.png); }
  .btn > span {
    background-position: 0 -100px; }
  .btn:hover {
    background-position: 100% -200px; }
  .btn:hover > span {
    background-position: 0 -300px; }
  .btn:active {
    background-position: 100% -400px; }
  .btn:active > span {
    background-position: 0 -500px; }

.btn-bar {
  margin-bottom: 0;
  display: block;
  zoom: 1; }
  .btn-bar > li,
  .btn-bar ul > li,
  .btn-bar ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  .btn-bar ul, .btn-bar ol {
    margin-top: 0; }
  .btn-bar > dt {
    font-weight: normal; }
  .btn-bar > dd {
    margin-bottom: 0; }
  .btn-bar:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .btn-bar > li {
    float: left;
    display: inline; }
    .btn-bar > li a {
      display: block; }
  .btn-bar a {
    padding: 1px 0 3px;
    background: -20px 0;
    background-image: url("images/easel/sprites/btn-bar-default-white-sm.png"); }
    .btn-bar a > span {
      border-right: 1px solid #d8d8d8;
      border-left: 1px solid white;
      display: block;
      height: 23px;
      line-height: 22px;
      padding: 0 18px; }
    .btn-bar a:hover {
      background-position: -20px -100px; }
      .btn-bar a:hover span {
        border-left-color: transparent; }
    .btn-bar a:active {
      background-position: -20px -200px; }
      .btn-bar a:active span {
        border-right-color: transparent; }
  .btn-bar li.first a {
    background-position: 0 0; }
    .btn-bar li.first a:hover {
      background-position: 0 -100px; }
    .btn-bar li.first a:active {
      background-position: 0 -200px; }
    .btn-bar li.first a > span {
      border-left: none; }
  .btn-bar li.last a {
    background-position: 100% 0; }
    .btn-bar li.last a:hover {
      background-position: 100% -100px; }
    .btn-bar li.last a:active {
      background-position: 100% -200px; }
    .btn-bar li.last a > span {
      border-right: none; }

/** =easel icons
************************************************************/
.icn.external {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 18px;
  background: url("images/easel/icons/default/external-a.png") no-repeat 0 50%; }
  .ie6 .icn.external, .ie7 .icn.external {
    display: inline; }
  .icn.external.alt {
    padding: 0 18px 0 0;
    background-position: 100% 50%; }
.icn.calendar {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/calendar.png") no-repeat 0 50%; }
  .ie6 .icn.calendar, .ie7 .icn.calendar {
    display: inline; }
  .icn.calendar.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.home {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/home.png") no-repeat 0 50%; }
  .ie6 .icn.home, .ie7 .icn.home {
    display: inline; }
  .icn.home.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.paper {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/paper.png") no-repeat 0 50%; }
  .ie6 .icn.paper, .ie7 .icn.paper {
    display: inline; }
  .icn.paper.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.cog {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/cog.png") no-repeat 0 50%; }
  .ie6 .icn.cog, .ie7 .icn.cog {
    display: inline; }
  .icn.cog.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.error {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/error.png") no-repeat 0 50%; }
  .ie6 .icn.error, .ie7 .icn.error {
    display: inline; }
  .icn.error.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.eye {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/eye.png") no-repeat 0 50%; }
  .ie6 .icn.eye, .ie7 .icn.eye {
    display: inline; }
  .icn.eye.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }
.icn.pencil {
  display: inline-block;
  display: -moz-inline-box;
  -moz-box-orient: vertical;
  vertical-align: top;
  zoom: 1;
  padding: 0 0 0 25px;
  background: url("images/easel/icons/default/pencil.png") no-repeat 0 50%; }
  .ie6 .icn.pencil, .ie7 .icn.pencil {
    display: inline; }
  .icn.pencil.alt {
    padding: 0 25px 0 0;
    background-position: 100% 50%; }

/** =status boxes
************************************************************/
.box {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px;
  border: 2px solid;
  background: no-repeat 10px 50%;
  background-color: #f7f7f7;
  color: #666666;
  border-color: #ebebeb; }
  .box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box > :last-child, .box > .last {
    margin-bottom: 0; }
  .box a {
    color: #666666;
    font-weight: bold; }
    .box a:hover {
      color: #333333; }
  .box ul {
    margin-bottom: 0; }
    .box ul > li,
    .box ul ul > li,
    .box ul ol > li {
      line-height: 1.5em;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      background: none; }
    .box ul ul, .box ul ol {
      margin-top: 0; }
    .box ul > dt {
      font-weight: normal; }
    .box ul > dd {
      margin-bottom: 0; }
  .box p {
    margin-bottom: 10px; }

.box.info {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px;
  border: 2px solid;
  background: no-repeat 10px 50%;
  background-color: #e8f5ff;
  color: #0066b5;
  border-color: #bfe3ff;
  background-image: url(images/easel/icons/status/info.png); }
  .box.info:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box.info > :last-child, .box.info > .last {
    margin-bottom: 0; }
  .box.info a {
    color: #0066b5;
    font-weight: bold; }
    .box.info a:hover {
      color: #002d4f; }
  .box.info ul {
    margin-bottom: 0; }
    .box.info ul > li,
    .box.info ul ul > li,
    .box.info ul ol > li {
      line-height: 1.5em;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      background: none; }
    .box.info ul ul, .box.info ul ol {
      margin-top: 0; }
    .box.info ul > dt {
      font-weight: normal; }
    .box.info ul > dd {
      margin-bottom: 0; }
  .box.info p {
    margin-bottom: 10px; }
.box.warning {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px;
  border: 2px solid;
  background: no-repeat 10px 50%;
  background-color: #fff6bf;
  color: #8c7800;
  border-color: #ffe026;
  background-image: url(images/easel/icons/status/warning.png); }
  .box.warning:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box.warning > :last-child, .box.warning > .last {
    margin-bottom: 0; }
  .box.warning a {
    color: #8c7800;
    font-weight: bold; }
    .box.warning a:hover {
      color: #262100; }
  .box.warning ul {
    margin-bottom: 0; }
    .box.warning ul > li,
    .box.warning ul ul > li,
    .box.warning ul ol > li {
      line-height: 1.5em;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      background: none; }
    .box.warning ul ul, .box.warning ul ol {
      margin-top: 0; }
    .box.warning ul > dt {
      font-weight: normal; }
    .box.warning ul > dd {
      margin-bottom: 0; }
  .box.warning p {
    margin-bottom: 10px; }
.box.error {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px;
  border: 2px solid;
  background: no-repeat 10px 50%;
  background-color: #ffdfdf;
  color: #ac0000;
  border-color: #ffacac;
  background-image: url(images/easel/icons/status/error.png); }
  .box.error:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box.error > :last-child, .box.error > .last {
    margin-bottom: 0; }
  .box.error a {
    color: #ac0000;
    font-weight: bold; }
    .box.error a:hover {
      color: #460000; }
  .box.error ul {
    margin-bottom: 0; }
    .box.error ul > li,
    .box.error ul ul > li,
    .box.error ul ol > li {
      line-height: 1.5em;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      background: none; }
    .box.error ul ul, .box.error ul ol {
      margin-top: 0; }
    .box.error ul > dt {
      font-weight: normal; }
    .box.error ul > dd {
      margin-bottom: 0; }
  .box.error p {
    margin-bottom: 10px; }
.box.success {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  padding: 20px 20px;
  border: 2px solid;
  background: no-repeat 10px 50%;
  background-color: #e6efc2;
  color: #5d710e;
  border-color: #c2e632;
  background-image: url(images/easel/icons/status/success.png); }
  .box.success:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .box.success > :last-child, .box.success > .last {
    margin-bottom: 0; }
  .box.success a {
    color: #5d710e;
    font-weight: bold; }
    .box.success a:hover {
      color: #121603; }
  .box.success ul {
    margin-bottom: 0; }
    .box.success ul > li,
    .box.success ul ul > li,
    .box.success ul ol > li {
      line-height: 1.5em;
      margin-top: 0;
      margin-left: 0;
      padding-left: 0;
      list-style: none;
      background: none; }
    .box.success ul ul, .box.success ul ol {
      margin-top: 0; }
    .box.success ul > dt {
      font-weight: normal; }
    .box.success ul > dd {
      margin-bottom: 0; }
  .box.success p {
    margin-bottom: 10px; }
.box.info, .box.warning, .box.error, .box.success {
  padding-left: 54px; }

/** =layout
************************************************************/
body {
  background: url(images/layout/polka-white.png); }

body,
html {
  min-width: 940px; }
  .ie6 body, .ie6
  html {
    width: 940px; }

#container-header {
  background: url(images/layout/polka-turq.png); }

#header,
#container-content,
#container-footer {
  width: 940px;
  margin: 0 auto;
  display: block;
  zoom: 1; }
  #header:after,
  #container-content:after,
  #container-footer:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }

#content {
  background: #fff;
  width: 620px;
  float: left;
  display: inline;
  margin-right: 20px;
  padding: 30px 20px 0; }

#footer {
  margin-bottom: 3em; }

#sidebar {
  width: 220px;
  padding: 50px 20px 0;
  float: left;
  display: inline;
  margin-right: 20px;
  margin-right: 0; }

#container-main {
  background: url(images/layout/top-stripe.png) no-repeat 50% 0;
  padding-top: 31px;
  margin-top: -31px; }

#header {
  position: relative;
  height: 98px; }
  #header h1 a {
    background-repeat: no-repeat;
    text-indent: -999em;
    display: block;
    overflow: hidden;
    font-size: 1px;
    border: 0;
    background: url(images/layout/logo-header.png) no-repeat; }
  #header h1, #header h1 a {
    display: block;
    width: 174px;
    height: 23px; }
  #header h1 {
    position: absolute;
    top: 24px;
    left: 67px; }

#header-nav {
  margin-bottom: 0;
  display: block;
  zoom: 1;
  position: absolute;
  bottom: 12px;
  left: 304px; }
  #header-nav > li,
  #header-nav ul > li,
  #header-nav ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  #header-nav ul, #header-nav ol {
    margin-top: 0; }
  #header-nav > dt {
    font-weight: normal; }
  #header-nav > dd {
    margin-bottom: 0; }
  #header-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  #header-nav > li {
    float: left;
    display: inline; }
    #header-nav > li a {
      display: block; }
  #header-nav > li {
    border-left: 1px solid white;
    margin-left: 0.6em;
    padding-left: 0.6em; }
    #header-nav > li:first-child {
      margin-left: 0;
      padding-left: 0;
      border-left: 0; }
  #header-nav a {
    color: inherit;
    border-bottom: 0;
    font-size: inherit;
    text-transform: uppercase;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: .030em;
    color: #fff;
    line-height: 1em; }
    #header-nav a:hover {
      color: inherit;
      background: none; }
    #header-nav a:hover {
      color: #3f4143; }
  #header-nav li.client {
    position: relative; }
    #header-nav li.client b {
      position: absolute;
      left: 50%;
      top: -20px;
      margin-left: -8px;
      width: 16px;
      height: 16px;
      background: url(images/green-dot.png) no-repeat;
      z-index: 10; }

#header-social {
  margin-bottom: 0;
  display: block;
  zoom: 1;
  position: absolute;
  right: 0;
  bottom: 9px; }
  #header-social > li,
  #header-social ul > li,
  #header-social ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  #header-social ul, #header-social ol {
    margin-top: 0; }
  #header-social > dt {
    font-weight: normal; }
  #header-social > dd {
    margin-bottom: 0; }
  #header-social:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  #header-social > li {
    float: left;
    display: inline; }
    #header-social > li a {
      display: block; }
  #header-social li a {
    width: 16px;
    height: 16px;
    background: url(images/sprites/social-icons.png) no-repeat;
    background-repeat: no-repeat;
    text-indent: -999em;
    display: block;
    overflow: hidden;
    font-size: 1px;
    border: 0;
    margin-left: 16px; }
  #header-social li.facebook a {
    background-position: 0 0; }
    #header-social li.facebook a:hover {
      background-position: 0 -100px; }
  #header-social li.twitter a {
    background-position: -30px 0; }
    #header-social li.twitter a:hover {
      background-position: -30px -100px; }
  #header-social li.youtube a {
    background-position: -60px 0; }
    #header-social li.youtube a:hover {
      background-position: -60px -100px; }
  #header-social li.linkedin a {
    background-position: -90px 0; }
    #header-social li.linkedin a:hover {
      background-position: -90px -100px; }

#nav-footer {
  margin-bottom: 0;
  text-align: center;
  font-size: 11px; }
  #nav-footer > li,
  #nav-footer ul > li,
  #nav-footer ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  #nav-footer ul, #nav-footer ol {
    margin-top: 0; }
  #nav-footer > dt {
    font-weight: normal; }
  #nav-footer > dd {
    margin-bottom: 0; }
  #nav-footer > li {
    display: inline; }
  #nav-footer > li {
    display: inline;
    border-left: 1px solid #dddede;
    margin-left: 0.25em;
    padding-left: 0.6em; }
    #nav-footer > li:first-child {
      margin-left: 0;
      padding-left: 0;
      border-left: 0; }
  #nav-footer a {
    color: inherit;
    border-bottom: 0;
    font-size: inherit; }
    #nav-footer a:hover {
      color: inherit;
      background: none; }

/** =home
************************************************************/
.p-home #content {
  width: auto;
  float: none;
  display: block; }
.p-home .slideshow {
  float: left;
  display: inline;
  margin-right: 20px; }
.p-home .home-side {
  float: left;
  display: inline; }
  .p-home .home-side #loginform {
    margin-bottom: 10px; }
  .p-home .home-side .meeting {
    margin-left: -16px;
    width: 270px;
    height: 35px;
    background: url(images/attend-meeting-matte.png) no-repeat; }
    .p-home .home-side .meeting .innermeeting {
      padding: 5px 5px 0 20px;
      font-size: 10px;
      line-height: 1.2em; }
      .p-home .home-side .meeting .innermeeting a {
        line-height: 1.5em;
        color: #fff;
        border: none; }
        .p-home .home-side .meeting .innermeeting a:hover {
          color: #e6e6e6; }
  .p-home .home-side .webinar {
    margin-left: -16px;
    width: 270px;
    height: 150px;
    background: url(images/webinar-matte.png) no-repeat; }
    .p-home .home-side .webinar .inner {
      color: #3f4143;
      padding: 52px 97px 0 20px;
      font-size: 10px;
      line-height: 1.2em; }
      .p-home .home-side .webinar .inner a {
        line-height: 1.5em; }
    .p-home .home-side .webinar:hover {
      background-position: 0 -200px; }
  .p-home .home-side div input {
    width: 120px; }
  .p-home .home-side select {
    width: 110px; }
  .p-home .home-side input, .p-home .home-side select {
    margin-bottom: 9px;
    font-size: 11px; }
  .p-home .home-side .gobutton {
    margin-left: 5px; }
  .p-home .home-side label {
    float: left;
    display: inline;
    width: 75px;
    font-weight: normal;
    font-size: 11px;
    padding: 5px 0 0 10px; }

.slideshow,
.slideshow .slides,
.slideshow .slides * {
  width: 606px;
  height: 269px;
  overflow: hidden;
  display: block; }

.callouts {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1; }
  .callouts:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .callouts > :last-child, .callouts > .last {
    margin-bottom: 0; }
  .callouts .callout a,
  .callouts .callout-3 {
    display: block;
    width: 284px;
    height: 109px;
    background: url(images/callouts.png) no-repeat; }
  .callouts .callout {
    margin: 0 12px 0 0;
    float: left;
    display: inline; }
    .callouts .callout a {
      background-repeat: no-repeat;
      text-indent: -999em;
      display: block;
      overflow: hidden;
      font-size: 1px;
      border: 0; }
  .callouts .callout-1 a {
    background-position: 0 0; }
    .callouts .callout-1 a:hover {
      background-position: 0 -200px; }
  .callouts .callout-2 a {
    background-position: -296px 0; }
    .callouts .callout-2 a:hover {
      background-position: -296px -200px; }
  .callouts .callout-3 {
    margin-right: 0;
    background-position: -592px 0; }
    .callouts .callout-3:hover {
      background-position: -592px -200px; }
    .callouts .callout-3 .bq-slideshow,
    .callouts .callout-3 .bq-slideshow .slides,
    .callouts .callout-3 .bq-slideshow .slide {
      overflow: hidden;
      display: block; }
    .callouts .callout-3 .bq-slideshow {
      width: 254px;
      height: 94px;
      padding: 15px 15px 0; }
      .callouts .callout-3 .bq-slideshow .slides,
      .callouts .callout-3 .bq-slideshow .slide {
        width: 254px;
        height: 94px;
        color: #1f2122;
        font-size: 11px; }
      .callouts .callout-3 .bq-slideshow blockquote {
        margin: 0;
        line-height: 1.2em; }
      .callouts .callout-3 .bq-slideshow p.cite {
        text-align: right;
        margin-top: 5px; }

.section-a {
  clear: both;
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  margin: 0 0 10px;
  background: url(images/div.png) repeat-x 0 100%;
  padding: 0 10px 30px; }
  .section-a:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .section-a > :last-child, .section-a > .last {
    margin-bottom: 0; }
  .section-a .more {
    font-size: 10px; }
  .section-a p + ul,
  .section-a ul + p {
    margin-top: -1em; }

#sub-nav {
  margin-bottom: 0;
  display: block;
  zoom: 1;
  background: url(images/div.png) repeat-x 0 100%;
  padding: 0 0 30px;
  margin: -20px 0 10px; }
  #sub-nav > li,
  #sub-nav ul > li,
  #sub-nav ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  #sub-nav ul, #sub-nav ol {
    margin-top: 0; }
  #sub-nav > dt {
    font-weight: normal; }
  #sub-nav > dd {
    margin-bottom: 0; }
  #sub-nav:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  #sub-nav > li {
    float: left;
    display: inline; }
    #sub-nav > li a {
      display: block; }
  #sub-nav > li {
    border-left: 1px solid #dddede;
    margin-left: 0.6em;
    padding-left: 0.6em; }
    #sub-nav > li:first-child {
      margin-left: 0;
      padding-left: 0;
      border-left: 0; }
  #sub-nav li a {
    color: inherit;
    border-bottom: 0;
    font-size: inherit;
    text-transform: uppercase;
    font-weight: bold;
    color: #3f4143; }
    #sub-nav li a:hover {
      color: inherit;
      background: none; }
  #sub-nav li {
    line-height: 1em; }
  #sub-nav li a:hover,
  #sub-nav li.active a {
    color: #709793; }

.download-icon {
  float: right;
  display: inline;
  margin: 0 0 20px 20px;
  border: 0; }
  .download-icon a,
  .download-icon a img {
    border: 0; }

.sidebar-box {
  display: block;
  margin-bottom: 20px;
  display: block;
  zoom: 1;
  margin-bottom: 10px;
  padding: 10px;
  color: #3f4143;
  font-size: 11px;
  line-height: 1.2em;
  background: url(images/layout/polka-gray.png);
  border-radius: 4px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px; }
  .sidebar-box .logos {
    text-align: center;
    margin: 0 -10px; }
    .sidebar-box .logos img {
      margin-bottom: 10px; }
  .sidebar-box:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    overflow: hidden; }
  .sidebar-box > :last-child, .sidebar-box > .last {
    margin-bottom: 0; }
  .sidebar-box a {
    line-height: 1.5em;
    color: #3f4143; }
    .sidebar-box a:hover {
      color: #709793; }
  .sidebar-box h4 {
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase; }
  .sidebar-box .webinar img {
    float: right;
    display: inline; }
  .sidebar-box h4.icn-pdf {
    background: url(images/pdf-icn.png) no-repeat 0 50%;
    padding-left: 25px; }

#content h2 img {
  margin-left: -10px; }

.form-container td, .form-container th {
  border: 0; }

.news-list {
  margin-bottom: 0; }
  .news-list > li,
  .news-list ul > li,
  .news-list ol > li {
    line-height: 1.5em;
    margin-top: 0;
    margin-left: 0;
    padding-left: 0;
    list-style: none;
    background: none; }
  .news-list ul, .news-list ol {
    margin-top: 0; }
  .news-list > dt {
    font-weight: normal; }
  .news-list > dd {
    margin-bottom: 0; }
  .news-list a {
    display: block; }
  .news-list .date {
    color: #525254;
    float: left;
    display: inline;
    margin-right: 10px; }