@charset "UTF-8";
/*	cboc-layout.css: 2-column layout for conferenceboard.ca
    Developed by Dan Jones (jonesd@conferenceboard.ca)
	Updated October 2009 */
/* 0. FONT SETUP
   This CSS resource incorporates links to font software which is the valuable copyrighted
   property of Monotype Imaging and/or its suppliers. You may not attempt to copy, install,
   redistribute, convert, modify or reverse engineer this font software. Please contact Monotype
   Imaging with any questions regarding Web Fonts: http://webfonts.fonts.com */
@font-face {
  font-family: "Helvetica W01 Roman";
  src: url("../fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix");
  src: url("../fonts/ea95b44a-eab7-4bd1-861c-e73535e7f652.eot?#iefix") format("embedded-opentype"), url("../fonts/4021a3b9-f782-438b-aeb4-c008109a8b64.woff") format("woff"), url("../fonts/669f79ed-002c-4ff6-965c-9da453968504.ttf") format("truetype"), url("../fonts/d17bc040-9e8b-4397-8356-8153f4a64edf.svg#d17bc040-9e8b-4397-8356-8153f4a64edf") format("svg"); }

@font-face {
  font-family: "Helvetica W01 Bold";
  src: url("../fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix");
  src: url("../fonts/f70da45a-a05c-490c-ad62-7db4894b012a.eot?#iefix") format("embedded-opentype"), url("../fonts/c5749443-93da-4592-b794-42f28d62ef72.woff") format("woff"), url("../fonts/73805f15-38e4-4fb7-8a08-d56bf29b483b.ttf") format("truetype"), url("../fonts/874bbc4a-0091-49f0-93ef-ea4e69c3cc7a.svg#874bbc4a-0091-49f0-93ef-ea4e69c3cc7a") format("svg"); }

@font-face {
  font-family: "Helvetica W01 Italic";
  src: url("../fonts/8024396f-7071-4826-91f3-a6c74ac498a4.eot?#iefix");
  src: url("../fonts/8024396f-7071-4826-91f3-a6c74ac498a4.eot?#iefix") format("embedded-opentype"), url("../fonts/6a0046e5-ec1e-4a57-b0d1-d80725a41a7e.woff") format("woff"), url("../fonts/ffef6c19-060a-4d8b-9c04-ddc88a089c02.ttf") format("truetype"), url("../fonts/e523fdb5-21af-407c-a6bf-0a5e86316650.svg#e523fdb5-21af-407c-a6bf-0a5e86316650") format("svg"); }

/* OVERALL LAYOUT ********************************************** */
body {
  background: #ededed;
  /*background-image:url('/lib/img/ni/ni_body_bg.jpg');*/
  background-position: right top;
  background-repeat: repeat-x;
  border-width: 0;
  color: #333;
  font-family: "Helvetica W01 Roman";
  font-size: 87.5%;
  line-height: 1.25em;
  margin: 0;
  padding: 0 0 0; }

div.container {
  border: 0 none;
  border-collapse: collapse;
  margin: 0;
  padding: 0; }

/* header */
div.container#headwrapper {
  /* background-color:#f3f3f3; #cdd9e2 */
  background-image: url("/lib/img/ni/ni_body_bg.jpg");
  /* cboc_bkrd_white */
  background-position: 50% 0;
  background-repeat: repeat-y; }

#header {
  background: transparent;
  background-image: url("/lib/img/ni/ni_hdr_bg.jpg");
  background-position: right top;
  background-repeat: repeat-x;
  margin-left: auto;
  margin-right: auto;
  overflow: visible;
  padding: 0;
  position: relative;
  width: 976px;
  /* was 930px before extension */
  z-index: 1; }

#banner {
  background: transparent url("/lib/img/ni/ni_rebrand_banner.gif") 0% 0% no-repeat;
  height: 158px;
  vertical-align: bottom;
  width: 100%; }

#banner div#lower {
  top: 138px;
  left: 26px;
  position: absolute; }

#banner a.nilogo {
  position: absolute;
  left: 30px;
  top: 24px;
  height: 90px;
  width: 430px;
  vertical-align: bottom; }

#banner div.tagline {
  color: #fff;
  font-size: 18px;
  font-family: georgia, times, serif;
  font-weight: normal;
  display: none;
  left: 33px;
  top: 22px;
  height: 38px;
  line-height: 38px;
  width: 450px;
  vertical-align: middle; }

#banner #hdr-search {
  color: #FFF;
  float: right;
  clear: both;
  padding: 0;
  margin: 0;
  position: relative;
  text-align: right;
  right: 30px;
  top: 85px;
  height: 24px;
  width: 210px;
  white-space: nowrap; }

#banner #hdr-search input.btnG {
  /* background:transparent url('/lib/img/ni/ni_btn_search.jpg') 50% 50% no-repeat; */
  border: 0px none;
  position: relative;
  float: right;
  left: 0px;
  top: 1px;
  height: 22px;
  width: 29px;
  vertical-align: bottom; }

#banner #hdr-search input.sbar {
  background: transparent url("/lib/img/ni/ni_searchbar.jpg") 50% 50% no-repeat;
  border: 0px none;
  color: #766e4e;
  font-size: .8em;
  position: relative;
  float: right;
  left: 0px;
  top: 0px;
  line-height: 24px;
  height: 24px;
  width: 176px;
  margin: 0;
  padding: 0 0 0 5px;
  vertical-align: bottom; }

/* action bar */
#lower a {
  color: #fff; }

div.tall-spacer {
  clear: both;
  color: #eee;
  font-size: .8em;
  height: 18px;
  margin: 0 auto;
  padding: 0 0px 2px 7px;
  width: 918px; }

div.tall-spacer > div {
  float: right;
  width: 25%; }
  div.tall-spacer > div+div {
    float: left;
  width: 74%; }
  div.tall-spacer > div+div .breadcrumb {
  width: 100%; }

div.tall-spacer > div.sfContentBlock {
  text-align: right; }

.breadcrumb {
  border: 0 none;
  margin: 1px 0 0 0;
  /* modified 2008-12-05 */
  padding: 0px;
  overflow: hidden;
  width: 62%;
  float: left;
  color: #eee !important;
  /* 898A90 */
  font-size: 1em !important;
  font-family: "Helvetica W01 Roman" !important; }

.breadcrumb p {
  height: 14px;
  line-height: 14px;
  margin: 0 0 0 13px;
  /* lines up with first item of top menu bar */
  padding: 0; }

.breadcrumb .rsmItem {
  font-size: inherit !important; }

.breadcrumb .rsmLink {
  color: #eee !important;
  /* 898A90 */
  margin: 0 !important;
  /* lines up with first item of top menu bar */
  padding: 0 4px 0 0 !important; }

.breadcrumb .rsmLink:hover {
  background: transparent !important;
  color: #eee !important;
  /* 898A90 */ }

.navigation {
  color: #007dc3;
  font-size: 1em;
  font-family: "Helvetica W01 Roman";
  font-weight: normal; }

.nav_pipes {
  color: #cddaf0;
  padding-right: 8px;
  padding-left: 8px; }

.iconnames {
  font-size: 0.9em;
  font-family: "Helvetica W01 Roman";
  color: #FFF; }

.icons {
  color: #cddaf0;
  padding-right: 4px;
  padding-left: 12px; }

div.emailthispage {
  float: right; }

.lang-select {
  float: right;
  padding-right: 3px; }

.lang-select ul#langsWrapper {
  padding: 0;
  margin: 0;
  list-style-type: none; }

.lang-select ul li.sflanguageItem {
  padding: 0;
  line-height: 17.5px;
  text-transform: capitalize; }

.meta-links {
  float: right;
  text-align: right; }

div#spanPrintButton {
  display: none; }

#topbar {
  background-color: #fff;
  margin-left: auto;
  margin-right: auto;
  padding-right: 1px;
  height: 38px;
  line-height: 49px;
  width: 976px; }

div.container#topwrapper {
  /* background-color:#f3f3f3; #cdd9e2 */
  background-image: url("/lib/img/ni/ni_body_bg.jpg");
  /* cboc_bkrd_white */
  background-position: 50% 0;
  background-repeat: repeat-y;
  margin: 0 auto;
  /* width:1067px; */
  /* was 950px before extension */
  /* was 100%, but that caused a background display bug */ }

#wrapper {
  margin-left: auto;
  margin-right: auto;
  padding-top: 31px;
  padding-bottom: 4px;
  padding-right: 1px;
  width: 976px;
  /* was 929px before extension */ }

#wrapper-top {
  /*margin-left:auto;
        margin-right:auto;
        padding-right:1px;
        height:31px;
        width:976px;*/ }

#wrapper-bottom {
  /*background-color: transparent;
        background-image: url('/lib/img/ni/ni_body_bg.jpg')!important;
        background-repeat:repeat-y;
        background-position: 50% 0%;
        margin-left:auto;
        margin-right:auto;
        padding-right:1px;
        height:4px;
        width:976px;*/
  display: none; }

div.container#body {
  display: block;
  /*float:left;*/
  padding-bottom: 10px;
  padding-left: 0;
  margin-left: 34px;
  margin-right: 33px;
  width: 909px; }

.withsponsors div.container#body {
  background-color: transparent;
  background-image: url("/lib/img/cboc/design/bgs/rightcol-dropline.gif");
  background-position: top right;
  background-repeat: repeat-y; }

div.container#body-banner {
  width: 906px;
  margin: 0 auto 20px; }

/*div.container#leftcol,*/
#leftColumn {
  background: transparent;
  display: none;
  float: left;
  margin-left: 36px;
  /* 24 + 12 */
  width: 181px; }

#leftcol table,
#leftcol tr,
#leftcol td {
  border-collapse: collapse;
  margin: 0;
  padding: 0; }

#rightColumn {
  /* FIXME check to make sure this isn't broken. */
  margin-left: 16.6em;
  margin-right: 1.6em; }

/*div.container#leftcol ul {
			margin-left:0;
			margin-top:10px;
			padding-left:15px;
			}*/
div.container#leftcol .leftMenuTitle {
  background: #57809e url("/lib/img/cboc/design/bgs/menu_bottom.gif") no-repeat 100% 100%;
  display: block;
  padding: 0 10px 8px;
  /*0px 10px 8px;*/
  /*margin:-3px 0 0;*/
  width: 161px;
  /* 181 + 20 */ }

div.container#leftcol {
  margin-left: 34px; }

div.k-treeview {
  margin-left: -20px;
  white-space: normal !important; }

.k-treeview .k-in {
  border: 0px none !important;
  font-size: 0.8em !important; }

div.container#maincol {
  margin-left: 33px;
  margin-right: 33px;
  /*zoom:1;*/
  /* This has to read 'zoom:1' and NOT 'zoom:1px'. and YES, you guessed it, IE depends on this otherwise superfluous command to display properly */ }

div.container#maincol .homeitem {
  margin-top: 6px !important;
  padding-bottom: 14px !important;
  padding-top: 28px !important;
  border-top: 1px solid #948e75;
  border-collapse: separate; }

div.container#maincol .homeitem h1 {
  line-height: .8em; }

div.container#maincol .linktable, div.container#maincol .linktable tr, div.container#maincol .linktable td {
  border-collapse: collapse;
  /*border:1px limegreen solid;
			background:pink;*/
  padding: 0; }

div.container#maincol .linktable ul {
  padding: 7px 12px 0 0 !important;
  margin: 0 !important; }

div.container#maincol #cbocSectionMenuTextHolder {
  display: none; }

.sf_2cols_1in_75 {
  margin-right: 50px; }

.sf_colsOut.sf_2cols_1_75 {
  width: 78%;
  /* 719px; */
  background-image: url("../img/ni/ni_body_line.gif") !important;
  /* custom bg to create columns that extend to full height of page */
  background-repeat: repeat-y;
  background-position: 13% 0%; }

.sf_colsOut.sf_2cols_2_25 {
  width: 22%;
  /* 192px; */ }

.sf_2cols_1in_25 {
  margin-right: 50px; }

.sf_colsOut.sf_2cols_1_25 {
  width: 28%;
  /* 719px; */
  background-image: url("../img/ni/ni_body_line.gif") !important;
  /* custom bg to create columns that extend to full height of page */
  background-repeat: repeat-y;
  background-position: 67.5% 0%; }

.sf_colsOut.sf_2cols_2_75 {
  width: 72%;
  /* 192px; */ }

#footer {
  color: #fff;
  /*border-top: 5px solid #f6981f;*/
  /* made 1px thicker than the border in the header as it looked to thin in FF  */
  padding: 20px 24px;
  background: #069 url(../img/2013/cboc/bg/footer.png) no-repeat right top;
  height: 188px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0px;
  width: 928px;
  /* was 929px before extension */ }

#footer a, #footer a:visited, #footer a:active {
  color: #fff; }

#copyright {
  float: left;
  width: 762px; }

#footer-links {
  margin-top: 0;
  margin-bottom: 32px; }

#footer-social {
  float: right;
  width: 158px;
  font-family: "Helvetica W01 Bold";
  font-weight: normal;
  font-size: 1.2em;
  padding-top: 50px; }

#footer-social a {
  margin: 7px 0 0 0;
  height: 35px;
  width: 35px;
  display: block;
  float: left;
  background: url(../img/2013/cboc/sp/socialMedia_sprite.png) no-repeat; }

#footer-social a + a {
  margin: 7px 0 0 12px; }

#footer-social a.fb {
  background-position: -1px -75px; }

#footer-social a.fb:hover, #footer-social a.fb:active {
  background-position: -1px -112px; }

#footer-social a.li {
  background-position: -38px -75px; }

#footer-social a.li:hover, #footer-social a.li:active {
  background-position: -38px -112px; }

#footer-social a.gp {
  background-position: -75px -75px; }

#footer-social a.gp:hover, #footer-social a.gp:active {
  background-position: -75px -112px; }

#footer-social a.tw {
  background-position: -112px -75px; }

#footer-social a.tw:hover, #footer-social a.tw:active {
  background-position: -112px -112px; }

#footer-social a.rss {
  background-position: -149px -75px; }

#footer-social a.rss:hover, #footer-social a.rss:active {
  background-position: -149px -112px; }

#footer-social a.yt {
  background-position: -186px -75px; }

#footer-social a.yt:hover, #footer-social a.yt:active {
  background-position: -186px -112px; }

#footer-social a.em {
  background-position: -223px -75px; }

#footer-social a.em:hover, #footer-social a.em:active {
  background-position: -223px -112px; }

/*div.container#footer {
    margin-left:auto;
    margin-right:auto;
    padding:0 0 12px;
    width:976px;
    }

    div.container#footer-bottom {
    background-color: #cdd9e2;
    background-image: url('/lib/img/ni/ni_body_bg.jpg')!important;
    background-repeat:repeat-y;
    background-position: 50% 0%;
    width:100%;
    height:14px;
    }*/
/*div.container#copyright {
    margin:0;
    padding:16px 0 10px;
    width:100%;
    }
        div.container#copyright p {
        font-size:93%;
        margin:2px;
        padding:0;
        text-align:center;
        }
        div.container#copyright span {
        color:#d2dae7;
        }
            div.container#copyright p#footer-follow {
            margin:9px 2px 2px;
            }
                div.container#copyright p#footer-follow a img {
                padding:0;
                }
                div.container#copyright p#footer-follow a+a img {
                padding:0 0 0 10px
                }*/
/* Niagara: Base Styles */
/* Base Styles: Headings */
h1,
.heading1 {
  font-size: 1.85em;
  line-height: 125%;
  font-family: "Helvetica W01 Bold";
  font-weight: normal;
  color: #767676;
  margin-top: 0;
  padding-top: 0; }

h2,
.heading2 {
  font-size: 1.5em;
  color: #646464;
  line-height: 130%;
  font-family: "Helvetica W01 Bold";
  font-weight: normal;
  margin-top: 0;
  padding-top: 1em;
  margin-bottom: 0.3em; }

h1 + h2 {
  margin-top: 0;
  padding-top: 0; }

h3,
.heading3 {
  font-size: 1.45em;
  color: #646464;
  line-height: 130%;
  font-family: "Helvetica W01 Roman";
  font-weight: normal;
  margin-top: 0;
  padding-top: 0.75em;
  margin-bottom: 0; }

h4,
.heading4 {
  font-size: 1.2em;
  color: #585858;
  font-family: "Helvetica W01 Bold";
  font-weight: normal;
  line-height: 130%;
  margin-top: 0;
  padding-top: 0.4em;
  margin-bottom: 0; }

/* Base Styles: Headings - Comboes */
table + h2 {
  padding-top: 15px; }

ul + h2, ol + h2 {
  padding-top: 15px; }

p + h2 {
  padding-top: 0;
  margin-top: 18px; }

/* Base Styles: Paragraphs */
p {
  font-size: 1em;
  line-height: 1.35em;
  /* line-height deeper on sub-pages than on homepage */
  padding-top: 0;
  margin-top: 1.2em;
  margin-bottom: 0; }

/* Base Styles: Lists */
ul {
  list-style-type: disc;
  padding: 0 0 0 18px;
  margin: 1.2em 0 0.3em 0; }

ul li,
ol li {
  padding-left: 4px;
  padding-bottom: 6px;
  line-height: 1.35em; }

ul ul {
  list-style-type: circle;
  margin: 0;
  padding: 0 0 0 18px; }

ol {
  padding: 0 0 0 20px;
  margin: 1.2em 0 0.3em 0; }

ol ol {
  list-style-type: lower-roman;
  margin: 0;
  padding: 0 0 0 30px; }

/* Base Styles: Lists - Comboes */
p + ul.link, p + ul, p + ol, p + .sources {
  /* to close up space between paragraph tags, lists, quote attributions, and chevron links */
  margin-top: 8px; }

h2 + ul, h2 + ol, h3 + ul, h3 + ol {
  margin-top: 6px; }

ol + ul, ul + ol {
  margin-top: 8px; }

h2 + p {
  margin-top: 4px; }

h3 + p {
  margin-top: 3px; }

/* Base Styles: Lists - Arrows & Chevrons */
ul.link, ul.chev {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  font-size: 1em;
  line-height: 1.313em; }

ul.link li, ul.chev li {
  background-image: url("../img/2013/cboc/sp/grayChevron.gif");
  background-repeat: no-repeat;
  background-position: 0px 5px;
  padding-left: 18px; }

/*div#maincolIE ul.link, div#maincolIE ul.chev {
		margin: 1em 0 0 0!important;
    }*/
table.prog ul.link, table.prog ul.chev {
  /* no extra space if it's in a table */
  margin: 0; }

/* Base Styles: Links */
a:link {
  text-decoration: none;
  color: #069; }

a:visited {
  text-decoration: none;
  color: #5a006b; }

a:hover {
  text-decoration: none;
  color: #c54e00; }

a:active {
  text-decoration: underline;
  color: #c54e00; }

/* Base Styles: Links - No Link */
.noLink {
  text-decoration: none;
  color: #333; }

a:hover .noLink {
  color: #c54e00; }

/* Base Styles: Images */
img {
  border: 0 none; }

img.tab {
  position: relative;
  left: -12px;
  margin: 0;
  padding-bottom: 12px; }

/* Niagara: Forms */
form {
  margin: 0;
  padding: 0; }

form .button, form .imgbutton {
  padding-top: 8px;
  margin-left: -2px; }

form .login .button {
  padding-top: 0;
  margin: 0; }

/* NIAGARA: Tables */
/* Tables: Agenda at a Glance */
.agenda {
  /*color:#766e4e;*/
  font-family: "Helvetica W01 Roman";
  font-size: 0.9em;
  line-height: 1.5em;
  margin-bottom: 6px;
  border-collapse: collapse;
  border-top: 5px solid #e6f0f5;
  border-bottom: 6px solid #e8e8e8; }

/* Tables: Schedules/Programs */
.sched, .prog, .full {
  /*color:#766e4e;*/
  font-family: "Helvetica W01 Roman";
  font-size: 0.9em;
  line-height: 1.5em;
  margin-bottom: 15px;
  border-collapse: collapse;
  border-bottom: 6px solid #e8e8e8; }

.sched {
  width: 99%; }

/* Tables: Schedules/Programs - Table Header Cells */
h2 + table.sched td.th, h2 + table.prog td.th, h2 + table.full td.th {
  padding-top: 5px; }

.sched td.th, .prog td.th, .full td.th {
  /*color:#766e4e;*/
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  padding-bottom: 4px;
  padding-top: 15px;
  border-left: 0px none; }

.sched td.th, .prog td.th {
  padding-left: 0px;
  border-bottom: 5px solid #e6f0f5;
  border-left: 0px none; }

.full td.th {
  text-align: left;
  border-left: 1px solid #d9d9d9; }

.sched td.th + td, .prog td.th + td {
  border: 0px none; }

/* Tables: Schedules/Programs - Table Row Header (first cell in a row) */
.sched td.trh, .prog td.trh, .agenda tr.trb td.trh {
  /*color:#766e4e;*/ }

.prog td.trh, .agenda td.trh {
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold"; }

.full td.trh, .agenda td.trh, .prog td.trh {
  text-align: left;
  border-left: 0px none;
  padding-left: 0px; }

/* Tables: Schedules/Programs - Table Section Row (indicates a new section of a table) */
.full td.tsr, .agenda td.tsr {
  /*color:#766e4e;*/
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  border-left: 0px none;
  border-right: 0px none;
  border-top: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }

.full td.tsr {
  padding: 1px; }

.agenda td.tsr {
  padding-left: 0px; }

/* Tables: Schedules/Programs - Table Secondary Header (used when there are primary and secondary header cells) */
.full td.tsh {
  border-top: 1px solid #d9d9d9;
  border-bottom: 5px solid #e6f0f5; }

/* Tables: Schedules/Programs - Blank Cells (no borders at all) */
.sched td.blank, .prog td.blank, .full td.blank {
  border: 0px none; }

/* Tables: Schedules/Programs - Skip Cells (only a thin bottom border) */
.sched td.skip, .prog td.skip, .full td.skip {
  border-left: 0px none;
  border-bottom: 1px solid #d9d9d9; }

/* Tables: Schedules/Programs - Regular Cells */
.sched td, .prog td, .full td, .agenda td {
  border-collapse: collapse;
  border-left: 1px solid #d9d9d9;
  border-bottom: 1px solid #d9d9d9; }

.sched td, .prog td, .agenda td {
  padding: 10px; }

.full td {
  text-align: center;
  padding: 1px 10px 2px; }

/* NIAGARA: Additional Styles */
/* Additional Styles: Highlight colour */
.hilite {
  /*color:#766e4e;*/ }

/* Additional Styles: Small text */
.small {
  /*color:#766e4e;*/
  font-size: .8em;
  line-height: 1.5em;
  margin: 1.27em 0 0 0;
  padding: 0; }

/* Additional Styles: Smaller text */
.smaller {
  font-family: "Helvetica W01 Roman";
  font-size: 70%;
  line-height: 125%; }

/* Additional Styles: Bold, Italic */
strong, b, .bold, .more {
  font-family: "Helvetica W01 Bold";
  font-weight: normal; }

em, i {
  font-family: "Helvetica W01 Italic";
  font-style: normal; }

/* Additional Styles: Float Right */
.right {
  float: right; }

.pWhite {
  color: #ffffff;
  line-height: 1.25em;
  margin-top: 0;
  margin-bottom: 36px; }

.pWhiteSm {
  color: #ffffff;
  font-size: 0.8em;
  line-height: 1.4em;
  margin-bottom: 0;
  padding-bottom: 0; }

.pWhiteHead {
  color: #ffffff;
  font-size: 1.25em;
  font-family: "Helvetica W01 Bold";
  font-weight: normal;
  margin-bottom: 0;
  padding-bottom: 0; }

/* Additional Styles: Breadcrumb */
.bcrumb {
  font-family: "Helvetica W01 Roman";
  font-size: 68%; }

a.bcrumb:link,
a.bcrumb:visited {
  color: #009; }

/* Additional Styles: Copyright */
.copyright {
  color: #000;
  font-family: "Helvetica W01 Roman";
  font-size: 85%; }

/* Additional Styles: Instruction */
.instruction {
  padding-top: 8px; }

/* Additional Styles: Top of Page */
.top {
  color: #1697B6;
  font-size: 1em;
  line-height: 0.7em;
  float: right;
  margin: 17px 0 0;
  padding: 0; }

.top img {
  margin-right: 3px !important; }

div.hidden {
  /* used for WAP/Blackberry shortcuts, etc */
  /* This isn't the right way to do it, it'll screw up SEO */
  left: -999em;
  position: absolute; }

div.spacer:after {
  clear: both;
  content: ".";
  display: block;
  font-size: 0;
  height: 0;
  line-height: 0;
  visibility: hidden; }

/* not deprecated yet, but probably should be */
div.spacer {
  display: inline-block; }

/* Hides from IE5/Mac \*/
* html div.spacer {
  height: 1px; }

div.spacer {
  display: block; }

/* End hide from IE5/Mac */
/* NIAGARA: Design Elements */
/* Design Elements: Rotator (home page) */
#carousel.k-widget {
  border: 0px none;
  margin-bottom: 24px; }

.playpause {
  display: none;
  position: absolute;
  top: .5em;
  right: .8em;
  color: #999;
  z-index: 1;
  font-size: 1.5em; }

.paused:before {
  content: "►"; }

.playing:before {
  content: "❚❚"; }

#carousel.k-tabstrip-bottom > .k-tabstrip-items {
  margin-top: 0;
  margin-bottom: 1.5em;
  padding: 0;
  position: relative;
  overflow: hidden; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    padding: 0;
    text-align: center;
    font-size: 0.85em;
    line-height: 2em;
    color: #006699;
    height: 2.5em;
    float: left;
    border-width: 0;
    border-radius: 0; }
    #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item .k-loading {
      display: none; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-link {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 80%;
    padding: .25em 0; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-state-active {
    color: #c54e00; }

#carousel img {
  display: none; }

#wrapper .k-tabstrip > .k-content {
  border: 0 none;
  padding: 0 0 1.2em;
  margin: 0; }
  #wrapper .k-tabstrip > .k-content .featured-item {
    margin-bottom: 0; }
  #wrapper .k-tabstrip > .k-content .featured-text {
    padding: 0 24px 0 0;
    margin: 0;
    vertical-align: top; }
  #wrapper .k-tabstrip > .k-content h1 {
    font-size: 2.75em;
    line-height: 1.05em;
    display: inline;
    margin: 5px 0 0 -2px; }
    #wrapper .k-tabstrip > .k-content h1 .bluedot {
      font-family: "Times New Roman", Times, serif;
      background: transparent url("/lib/img/2013/cboc/sp/bluedot.gif") bottom center no-repeat;
      display: inline-block;
      line-height: 12px;
      height: 20px;
      width: 16px;
      color: transparent; }
    #wrapper .k-tabstrip > .k-content h1 .question {
      color: #069; }
  #wrapper .k-tabstrip > .k-content p {
    color: #767676;
    font-size: 1.05em;
    margin: 10px 0 0;
    line-height: 1.375em; }
  #wrapper .k-tabstrip > .k-content p.quote {
    margin-bottom: 0;
    margin-left: 12px;
    text-indent: -15px; }
    #wrapper .k-tabstrip > .k-content p.quote .openquote {
      float: left;
      font-size: 2em;
      line-height: 8px;
      padding-top: 11px;
      padding-right: 12px;
      padding-left: 3px; }
  #wrapper .k-tabstrip > .k-content p.attrib {
    color: #767676;
    font-size: 14px;
    line-height: 20px;
    margin-top: 4px;
    margin-left: 12px; }
  #wrapper .k-tabstrip > .k-content ul.link, #wrapper .k-tabstrip > .k-content ul {
    margin: 8px 0 0;
    padding: 0;
    font-size: 1.05em; }
  #wrapper .k-tabstrip > .k-content a {
    color: #069;
    text-decoration: none; }
    #wrapper .k-tabstrip > .k-content a img {
      border: none; }
  #wrapper .k-tabstrip > .k-content a:visited {
    color: #5a0062; }
  #wrapper .k-tabstrip > .k-content a:hover {
    color: #c54e00; }
  #wrapper .k-tabstrip > .k-content a:active {
    color: #c54e00;
    text-decoration: underline; }

#wrapper .k-tabstrip > .k-content {
  padding: 0;
  border-bottom: 1px solid #bababa; }

#carousel img {
  display: block;
  float: right;
  max-width: 310px;
  width: 50%;
  margin-left: 2.5%; }

#carousel.k-tabstrip-bottom > .k-tabstrip-items {
  border-bottom: 0px none; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item, #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item:nth-of-type(2n) {
    width: 24.88%;
    margin-bottom: 0;
    margin-right: 0; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item {
    border-right: 1px solid #bababa !important;
    background: #fff; }
  #carousel.k-tabstrip-bottom > .k-tabstrip-items .k-item:last-of-type {
    border-right: 0px none !important; }

/* Design Elements: Callouts */
.callout {
  display: block;
  color: #766e4e;
  font-family: "Helvetica W01 Roman";
  font-size: 0.9em;
  line-height: 1.5em;
  padding-left: 15px;
  border-left: 4px solid #d9d9d9;
  margin: 10px 55px 0px 40px; }

/* Design Elements: Quotes */
.sf_2cols_2_25 .quote_main {
  color: #766e4e;
  display: block;
  font-style: italic;
  font-family: georgia, times, serif;
  font-size: 1.3em;
  line-height: 1.4em;
  margin: 0;
  padding-top: 12px;
  width: 100%;
  letter-spacing: 0em; }

.sf_2cols_2_25 .quote_sub {
  color: #004561;
  display: block;
  font-family: "Helvetica W01 Roman";
  font-style: normal;
  font-size: 1.15em;
  line-height: 1.7em;
  margin-bottom: -6px;
  padding-top: 0px;
  width: 100%; }

.sf_2cols_2_25 .quote_name {
  color: #333;
  font-family: "Helvetica W01 Roman";
  font-size: 0.9em;
  line-height: 1.3em;
  text-transform: uppercase; }

.sf_2cols_2_25 .quote_title {
  color: #333;
  font-family: "Helvetica W01 Roman";
  font-size: 0.85em;
  line-height: 1.3em; }

p.rcol_img {
  margin: 0;
  padding: 10px 0 6px; }

p.quote_attrib + p.rcol_img {
  /*line-height: 1.36em;*/
  padding: 24px 0 0; }

p.rcol_img + h2 {
  padding-top: 16px; }

p.rcol_img + p.quote_sub {
  padding-top: 16px; }

/* NIAGARA: Email This Page */
/* Email This Page: Heading */
.emailPg_h4 {
  /* Same as h4 with less margin above */
  color: #000000;
  display: block;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.2em;
  margin: .6em 0 0 0;
  padding: 0; }

/* Email This Page: Regular Text */
.emailPg_txt {
  /*same as .small with less margin above */
  color: #898A90;
  font-size: .8em;
  line-height: 1.5em;
  margin: .6em 0 0 0;
  padding: 0; }

/* 4. LOGIN SCREEN LAYOUT ************************************************** */
/*    Used on login page. Please split this off into a new stylesheet FIXME  */
#regt {
  clear: both;
  speak: normal; }

#acctt {
  speak: normal; }

#regwrap {
  width: 900px;
  margin: 1.27em 0 0 0; }

#regwrap table, #regwrap tr, #regwrap td {
  border-collapse: collapse; }

#acctwrap {
  width: 708px;
  margin: 1.27em 0 0 0; }

#acctwrap table, #acctwrap tr, #acctwrap td {
  border-collapse: collapse; }

#regl {
  display: inline;
  float: left;
  margin-left: 0;
  padding: 0;
  speak: normal; }

.login #regl {
  width: 435px; }

.reg #regl {
  width: 295px; }

/* 275px + 15px margin */
.login #regl h2, .login #regl .heading2 {
  margin: 0; }

/* 2011-01-19 */
#regr {
  float: right;
  margin-left: 0;
  margin-right: 0;
  padding: 0;
  speak: normal; }

.login #regr {
  width: 435px; }

.reg #regr {
  width: 595px; }

.login #regr h2, .login #regr .heading2 {
  margin: 0; }

/* 2011-01-19 */
#regb {
  clear: both;
  padding: 14px 0;
  speak: normal; }

#regb h2, #regb .heading2 {
  margin: 0; }

#acctb {
  padding: 14px 0;
  speak: normal; }

#acctb h2, #acctb .heading2 {
  margin: 0; }

.fieldLabel {
  /* labels for all input fields */
  cursor: help;
  display: block;
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  padding-bottom: 2px; }

.login input + .fieldLabel,
.login .errorMark + .fieldLabel,
.login .fieldHint + .fieldLabel {
  margin-top: 6px; }

.reg p + .fieldLabel,
.reg input + .fieldLabel,
.reg .errorMark + .fieldLabel,
.reg .fieldHint + .fieldLabel,
#OrgOther + .fieldLabel {
  margin-top: 8px; }

.acct input + .fieldLabel,
.acct .errorMark + .fieldLabel,
.acct .userChangeLink + .fieldLabel,
.acct .fieldHint + .fieldLabel,
#OrgOther + .fieldLabel {
  margin-top: 6px; }

.buttonGroup {
  /* Bill's group of buttons */
  /* border-top:solid 1px #999; */
  display: block;
  margin-top: 1em;
  padding: 0;
  text-align: left; }

.buttonGroup .checkBox {
  display: block;
  /* 2010-dec-20 */
  margin-bottom: 3px; }

.button, .button-long {
  /* Bill's buttons */
  font-size: 100%;
  font-family: "Helvetica W01 Roman";
  color: #58595B;
  vertical-align: bottom; }

.button {
  /* Bill's buttons */
  width: 8em; }

.button-long {
  /* Bill's buttons */
  width: 16em; }

.FieldData {
  /* still used? */
  color: #000;
  font-family: "Helvetica W01 Roman";
  font-size: 85%; }

.fieldHint {
  /* input field hints */
  color: #898a90;
  /* grey */
  /* display:-moz-inline-box;  HACK: for mozilla support. Do not remove! 
    display:inline-block;        COUNTER-HACK: I've removed this because it was causing the */
  /* display: block;            event reg forms to break in moz.  the hints don't seem to be affected. */
  font-family: "Helvetica W01 Roman";
  font-size: 85%;
  margin-bottom: 6px;
  /*margin-left:30.3%;*/
  /* .7em;*/
  /* position:relative; */
  vertical-align: middle; }

/* Gives textboxs a thinner look. Effects dropdowns in FF and as usual does nothing in IE */
.newTextBox {
  background-color: White;
  border: solid 1px #d2d0d4; }

.textBox {
  /* Bill's text input */
  border: solid 1px #a2a4a7;
  color: #58595b;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-right: 4px;
  padding: 3px;
  position: relative;
  /* width:60%; */ }

.textBoxShort {
  /* Bill's text input (short version - 50% width) */
  border: solid 1px #000;
  color: #000;
  /* black */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-bottom: 2px;
  margin-right: 2px;
  position: relative;
  width: 50%; }

.textBoxShort1 {
  /* Bill's text input (tiny version - 20% width) */
  border: solid 1px #000;
  color: #000;
  /* black */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-bottom: 2px;
  margin-right: 2px;
  position: relative;
  width: 25%; }

.textBoxUpperCase {
  border: solid 1px #000;
  color: #000;
  /* black */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-bottom: 2px;
  margin-right: 2px;
  position: relative;
  text-transform: uppercase;
  width: 60%; }

.textArea {
  /* Bill's textarea */
  border: solid 1px #000;
  color: #000;
  /* black */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-bottom: 2px;
  margin-right: 2px;
  position: relative;
  width: 99%; }

.linkGroup {
  /* Bill's group of hyperlinks */
  display: block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-right: 1%;
  margin-top: 5px;
  text-align: right; }

.buttonGroup {
  /* Bill's group of buttons */
  /* border-top:solid 1px #999; */
  display: block;
  margin-top: 1em;
  padding: 0;
  text-align: left; }

.buttonGroup .checkBox {
  display: block;
  /* 2010-dec-20 */
  margin-bottom: 3px; }

.button, .button-long {
  /* Bill's buttons */
  font-size: 100%;
  font-family: "Helvetica W01 Roman";
  color: #58595B;
  vertical-align: bottom; }

.button {
  /* Bill's buttons */
  width: 8em; }

.button-long {
  /* Bill's buttons */
  width: 16em; }

.checkBox {
  /* Bill's checkboxes */
  color: #000;
  /* black */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin-left: -3px;
  /* 2010-dec-20 */
  padding-left: 0; }

.checkBoxGroup {
  /* Bill's checkboxes */
  color: #000;
  /* black */
  display: block;
  font-family: "Helvetica W01 Roman";
  font-size: 9pt;
  margin-bottom: 2px;
  padding-left: 30%;
  position: relative;
  width: 88%; }

.checkBoxList {
  /* Bill's checkboxes */
  /*color:#000;*/
  /* black */
  display: block;
  /*font-family:arial, verdana, helvetica;
        font-size:100%; */
  /*height:9.25em;*/
  /*overflow:auto;*/
  padding: 0;
  margin: 3px 0 0;
  /*position:relative;*/ }

.checkBoxList table, .checkBoxList tr {
  padding: 0;
  margin: 0; }

.checkBoxList td {
  padding: 2px 0 2px 0;
  width: 280px; }

.checkBoxList label {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  float: left;
  display: block;
  left: 1.75em;
  padding: 0;
  margin: 0;
  height: 18px;
  line-height: 15px;
  position: relative;
  width: 260px;
  /* 2010-12-23 */ }

.checkBoxList td.cblOther label {
  width: 80px; }

.acct .checkBoxList td label {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  width: 260px;
  /* 2010-12-23 */ }

.acct .checkBoxList td + td label {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  width: 180px;
  /* 2010-12-23 */ }

.checkBoxList input,
.checkBoxListVariable input {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  float: left;
  left: 0;
  height: 18px;
  line-height: 18px;
  margin: 0 -2.25em 0 0;
  /* 2010-01-07 */
  padding: 0;
  position: relative; }

.checkBoxList input.txtCblOther,
.checkBoxListVariable input.txtCblOther {
  float: left;
  left: 0;
  height: 18px;
  line-height: 18px;
  margin: 0 -2.25em 0 0;
  /* 2010-01-07 */
  padding: 0;
  position: relative; }

#maincolIE .checkBoxList label {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  /* padding:1px 0 0 0; */
  /*margin:1px 20px 0 0;*/ }

#maincolIE .checkBoxList input,
#maincolIE .checkBoxListVariable input {
  /* FIXME if these two are needed, does that mean we don't need the equivalent checkBox class anymore? */
  margin: 0 -2.25em 0 -4px;
  /* 2010-12-23 */
  /*padding:0;*/ }

.checkBoxListVariable {
  /* used on EventOptions.ascx */
  display: block;
  margin: 3px 0 0;
  padding: 0; }

.checkBoxListVariable label {
  /* used on EventOptions.ascx */
  float: left;
  display: block;
  left: 1.75em;
  padding: 0;
  margin: 0;
  height: 18px;
  line-height: 15px;
  position: relative;
  width: 260px;
  /* 2010-12-23 */ }

.reg .checkBoxListVariable label {
  /* used on EventOptions.ascx */
  width: 620px !important;
  /* 2010-12-23 */ }

.radioButton {
  /* Bill's radiobuttons */
  display: -moz-inline-box;
  /* Mozilla requires this to display properly */
  display: inline-block;
  font-family: "Helvetica W01 Roman";
  margin-right: 5px;
  position: relative; }

.radioButtonListH {
  /* Bill's radiobuttons */
  list-style-type: none;
  width: 100%;
  float: left;
  clear: both; }

.radioButtonListH li {
  /* Bill's radiobuttons */
  float: left;
  padding-right: 16px; }

.dropDown {
  /* Bill's dropdowns */
  /* border:solid 1px #000; */
  font-family: "Helvetica W01 Roman";
  font-size: 100%;
  margin: 0 2px 2px 0;
  /* padding: 2px;*/
  position: relative; }

.fieldSet {
  /* Bill's fieldsets */
  margin-top: 8px;
  /* 2011-01-12 */
  width: 100%;
  padding: 0;
  border: 0px none; }

.fieldSetLegend {
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  line-height: 140%;
  padding-left: 0px;
  cursor: help; }

.fieldSetHint {
  color: #B38C66;
  /*font-family:arial, verdana, helvetica;
        font-size:85%;
        font-weight:normal;*/
  padding-left: 0; }

.gridHeader {
  /* Bill's MyAccount grids */
  background-color: #f8f0ea;
  /* jan 13 2011 */
  line-height: 2.0em; }

.gridHeader th {
  /* Bill's MyAccount grids */
  padding-left: 8px; }

.gridRow {
  /* jan 13 2011 */
  background-color: #fff;
  line-height: 2.0em; }

.gridRow td {
  /* jan 13 2011 */
  padding-left: 8px;
  border-bottom: 1px solid #d6d5d5; }

.gridRow-nb {
  /* jan 13 2011 */
  background-color: #fff;
  line-height: 2.0em; }

.gridRow-nb td {
  /* jan 13 2011 */
  padding-left: 8px; }

.gridRowAlt {
  /* deprecated - jan 13 2011 */
  background-color: #f4f4f4;
  line-height: 2.0em; }

.gridRowAlt td {
  /* deprecated - jan 13 2011 */
  padding-left: 8px;
  border-bottom: 1px solid #d6d5d5; }

.gridTotal {
  /* jan 13 2011 */
  background-color: #fff;
  border: 0px none;
  color: #BA6A2F;
  font-size: 1.18em;
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  line-height: 2.0em;
  padding-left: 8px; }

/* Design element: Validation summary box */
.validationSummary {
  background-color: #fff7f2;
  border-left: 6px solid red;
  color: red;
  display: block;
  font-family: "Helvetica W01 Bold";
  font-size: 100%;
  font-weight: normal;
  margin-top: 15px;
  padding: 8px 8px 8px 11px; }

/* Design element: Instruction box */
.instruction {
  /* still needed? */
  /* background-color:#f4f4f4;
border:dotted 1px #ccc;
color:#000;
display:block;
font-family:verdana, arial, helvetica, sans-serif;
font-size:100%;
margin-bottom:10px;
padding:8px;
richness:50;
speak:normal;
stress:60;*/ }

/* Design element: Please Note */
.plsNote {
  border-left: 6px solid #ffa15c;
  /* orange */
  color: #707070;
  /* grey */
  display: block;
  /*font-weight:bold;*/
  font-family: "Helvetica W01 Bold";
  padding-left: 11px; }

/* Design element: Error box */
.errorText {
  background-color: #fff7f2;
  border-left: 6px solid red;
  color: red;
  display: block;
  font-family: "Helvetica W01 Bold";
  font-size: 100%;
  font-weight: normal;
  margin-top: 15px;
  padding: 8px 8px 8px 11px; }

/* Design element: Error mark ("X" on forms) */
.errorMark {
  color: red;
  font-family: "Helvetica W01 Bold";
  font-size: 110%;
  font-weight: normal;
  padding-right: 4px; }

/* Design element: Required mark ("*" on forms) */
.requiredMark {
  color: red;
  font-family: "Helvetica W01 Roman";
  font-size: 110%;
  font-weight: normal; }

hr {
  background-color: #d9d9d9;
  color: #d9d9d9;
  height: 1px;
  width: 100%;
  border: none;
  margin: 2.3em 0 0.6em;
  padding: 0; }

ul.link + hr {
  margin-top: 1.2em; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
   Are we using the following ones in Niagara?
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
.p_nospace {
  color: #58595B;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0; }

.doc_title {
  color: #77300D;
  font-size: 1.05em;
  line-height: 1.3em;
  display: block;
  margin: 1.27em 0 0 0;
  padding: 0;
  font-weight: normal;
  display: block; }

.doc_abstract {
  color: #58595B;
  font-size: 1em;
  line-height: 1.5em;
  margin: 0;
  padding: 0; }

.doc_price {
  color: #000000;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.2em;
  margin: .8em 0 0 0;
  padding: 0; }

.doc_author {
  color: #898A90;
  font-size: .8em;
  line-height: 1.5em;
  margin: .45em 0 0 0;
  padding: 0; }

.testim_name {
  text-align: right;
  color: #898A90;
  font-size: .8em;
  line-height: 1.5em;
  margin: .45em 0 0 0;
  padding: 0; }

.menu_title {
  color: #FFFFFF;
  font-size: 1.18em;
  line-height: 1.25em; }

.menu_text {
  color: #08526d;
  font-size: 1em;
  line-height: 1.3em;
  margin: 0;
  padding: 0; }

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX
   This lovely block of code is meant for debugging. It does wondrous things to the layout.
   If you do not wish to do wondrous things to the layout, please do not uncomment this code.
   XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* 
table {   border: solid 2px red; }
td { border: dotted 1px red; }
span { border: double 3px orange; background: #ffe0cc; }
div { border: solid 3px yellow; background: lightyellow; }
p { border: solid 3px aliceblue; background: aliceblue; }
div.container#body { border: solid 2px blue; background: none; }
div.container#leftcol, #leftColumn { border: solid 2px aqua; background: none; }
div.container#maincol, #rightColumn { border: solid 2px green; background: none; }
div.container#rightcol { border: solid 2px lime; background: none; }
ol, ul { border: 1px solid black; background: #ddd; }
li { border: dotted 3px magenta; background: pink; }
*/