/*----------------------------------------------------------------
 
  * Filename:	Engine.less
  * Version:	0.0.1
  * Author:	bjones
  * Description: Header styles for BCHydro.com implementing the styleguide
  * provided by Engine Digital. Please see supplemental stylesheets
  * for additional styles
 
==TOC:===================================================
 
  __RESET
  __Defaults 
 
==COLOR LEGEND:==========================================
  header text:		#30353a, rgb(48, 53, 58)
  paragraph text:	#555555, rgb(85, 85, 85)
  lt misc text:		#979a9c, rgb(151, 154, 156)
  link color:		#0d6893, rgb(13, 104, 147)
  link hover:		#0d5292, rgb(13, 82, 146)
  brand blue:		#00adf0, rgb(0, 173, 239)
  brand green:		#50b849, rgb(80, 184, 72) 

----------------------------------------------------------------*/
/* __RESET
=================================================*/
/* HTML5 display-role reset for older browsers */
header, nav {
  display: block;
}
/* __DEFAULTS
=================================================*/
header#bchheader {
  font-family: Arial, sans-serif;
  font-size: 13px;
  line-height: 20px;
  color: #555555;
  position: relative;
  padding: 10px 0;
  background-color: #fff;
  /*height: 180px;*/
}
header#bchheader div,
header#bchheader a,
header#bchheader ol,
header#bchheader ul,
header#bchheader li,
header#bchheader form,
header#bchheader fieldset {
  margin: 0;
  padding: 0;
  border: 0;
}
header#bchheader ol, header#bchheader ul {
  list-style: none;
}
header#bchheader a {
  outline: 0;
}

header#bchheader span.bchh-icon {
  display: inline-block;
  background-image: url(/content/dam/BCHydro/images/sprites/sprite-sheet.png);
  background-repeat: no-repeat;
}

header#bchheader span.bchh-icon.bchh-i-arrow {
  width: 5px;
  height: 5px;
  margin: 0 0 1px 4px;
}

header#bchheader #bchh-header-container {
  content: "";
  display: table;
  *zoom: 1;
}
header#bchheader #bchh-header-container a#bchh-bchydro-logo {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("/images/bchydro-logo.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    float: left;
    margin-bottom: 15px;
    margin-left: 33px;
    margin-right: 20px;
    margin-top: 10px;
    width: 149px;
    height: 48px; 
}
header#bchheader #bchh-header-container ul.bchh-utilmenu {
  display: inline-block;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li {
  position: relative;
  display: inline-block;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li a {
  /*padding: 0 .7em;*/
  color: #979a9c;
  text-decoration: none;
  border: 1px solid #fff;
  display: inline-block;
  font-size: 12px;
  line-height: 26px;
  z-index: 50;
  position: relative;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.on a {
  color: #30353a;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub a.bchh-item span.bchh-i-arrow
  {
  background-position: -21px -33px;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub.on
  {
  z-index: 51;
  position: relative;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub.on a.bchh-item
  {
  background-color: #fff;
  border: 1px solid #c6d7df;
  margin-bottom: 1px;
  border-bottom: none;
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  behavior: url(/includes/js/PIE.htc);
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub.on a.bchh-item span.bchh-i-arrow
  {
  background-position: -41px -33px;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub.last div.bchh-utilsubmenu
  {
  -moz-border-radius: 0.2em 0 0.2em 0.2em;
  -webkit-border-radius: 0.2em 0 0.2em 0.2em;
  border-radius: 0.2em 0 0.2em 0.2em;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.bchh-sub.last.on div.bchh-utilsubmenu
  {
  left: auto;
  right: 0;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li.on div.bchh-utilsubmenu
  {
  left: 0;
  top: auto;
  margin-top: -2px;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu
  {
  z-index: 49;
  position: absolute;
  left: -999em;
  background-color: #fff;
  border: 1px solid #c6d7df;
  -moz-border-radius: 0 0.2em 0.2em 0.2em;
  -webkit-border-radius: 0 0.2em 0.2em 0.2em;
  border-radius: 0 0.2em 0.2em 0.2em;
  behavior: url(/includes/js/PIE.htc);
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul
  {
  width: 160px;
  margin-bottom: .6em;
  line-height: 1.2em;
  padding: 1em .5em;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul li
  {
  display: block;
  font-size: .93em;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul li a
  {
  display: block;
  padding: 5px 10px 5px 9px;
  text-decoration: none;
  color: #979a9c;
  background: none;
  font-size: 1em;
  line-height: 20px;
  border: none;
  border-left: 1px solid transparent;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul li a:hover
  {
  border-left: 1px solid #0d5292;
  color: #0d5292;
  background-color: #fff;
}

header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul li a.current
  {
  border-left: 1px solid #50b84a;
  color: #50b84a;
}

header#bchheader #bchh-header-container div#bchh-utility_nav {
  margin: 40px 0px 0px 0px; /* top was 35px */
  right: 35px;
  /* top: 20px; */
  position: absolute;
}

header#bchheader #bchh-header-container #bchh-utility_nav ul.bchh-utilmenu li
  {
  float: left;
}

header#bchheader #bchh-header-container #bchh-utility_nav ul.bchh-utilmenu li a.bchh-item
  {
  text-decoration: none;
  z-index: 50;
  position: relative;
}

header#bchheader #bchh-header-container #bchh-utility_nav ul.bchh-utilmenu li a.bchh-item:hover
  {
  text-decoration: none;
}

header#bchheader #bchh-header-container #bchh-utility_nav ul.bchh-utilmenu li .bchh-utilsubmenu ul li
  {
  float: none;
}

header#bchheader #bchh-header-container div#bchh-hello {
  position: absolute;  
  right: 35px;
}

header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock {
  float: left;
  color: #555555;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock #bchh-welcome {
  padding-right: .5em;
  border-right: 1px solid #ccc;
  margin-right: .5em;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock a#bchh-my-profile {
  color: #1576b5;
  text-decoration: none;
  padding-right: 10px;
  background: url(/images/sprite-sheet.png) no-repeat right -166px;
  margin-right: 20px;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock a#bchh-my-profile span {
  padding-left: 20px;
  background: url(/images/sprite-sheet.png) no-repeat -2px -17px;
  margin:0px 0px 0px 0px;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock button {
  font-family: Arial, sans-serif;
  display: inline-block;
  position: relative;
  min-width: auto;
  font-size: 11.5px;
  padding: .5em .7em;
  margin: 0 0 0 0;
  text-decoration: none;
  font-weight: bold;
  line-height:1.4em;
  text-align: center;
  cursor: pointer;
  border: 1px solid #e2e2e2;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  border-radius: .2em;
  behavior: url(/includes/js/PIE.htc);
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock button.primary {
  color: #fff;
  border-color: #50b849;
  background-color: #50b849;
  background: -moz-linear-gradient(top, #72c56d 0%, #50b849 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #72c56d 0%, #50b849 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #72c56d 0%, #50b849 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #72c56d 0%, #50b849 100%);
  /* IE10+ */

  background: linear-gradient(top, #72c56d 0%, #50b849 100%);
  /* W3C */

}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock button.primary:hover {
  border-color: #2c8e26;
  background-color: #47ad40;
  background: -moz-linear-gradient(top, #65b95f 0%, #47ad40 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #65b95f 0%, #47ad40 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #65b95f 0%, #47ad40 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #65b95f 0%, #47ad40 100%);
  /* IE10+ */

  background: linear-gradient(top, #65b95f 0%, #47ad40 100%);
  /* W3C */
}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock button.secondary {
  color: #0d6893;
  border-color: #c6d7e0;
  background-color: #fbfbfb;
  background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  /* FF3.6+ */

  background: -webkit-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  /* Chrome10+,Safari5.1+ */

  background: -o-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  /* Opera 11.10+ */

  background: -ms-linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  /* IE10+ */

  background: linear-gradient(top, #ffffff 0%, #fbfbfb 100%);
  /* W3C */

}
header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock button.secondary:hover {
  background: none;
  background-color: #f3fafd;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-searchblock {
  float: left;
  padding-left: 20px;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-searchblock fieldset {
  border: none;
  padding: 0;
  margin: 0;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-searchblock fieldset label {
  display: none;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-searchblock fieldset #search {
  color: #555555;
  border: 1px solid #e2e2e2;
  padding-left: 25px;
  height: 28px;
  margin: 0;
  background: url(/images/sprite-sheet.png) no-repeat 2px -61px;
  -moz-border-radius: .2em;
  -webkit-border-radius: .2em;
  border-radius: .2em;
  -webkit-box-shadow: inset 1px 1px 1px 0px #cccccc;
  -moz-box-shadow: inset 1px 1px 1px 0px #cccccc;
  box-shadow: inset 1px 1px 1px 0px #cccccc;
}
header#bchheader #bchh-header-container #bchh-hello #bchh-searchblock fieldset #search.placeholder {
  color: #aaa;
}

header#bchheader #bchh-header-container #bchh-utility_nav ul {
  content: "";
  display: table;
  *zoom: 1;
}
header#bchheader #bchh-header-container #bchh-utility_nav ul li {
  float: left;
  margin-left: 1em;
}
header#bchheader #bchh-header-container #bchh-utility_nav ul li a {
  text-decoration: none;
  color: #999;
}
header#bchheader #bchh-header-container #bchh-utility_nav ul li a:hover {
  text-decoration: underline;
}
header#bchheader #bchh-main_nav {
  background: #00adef;
  width: 100%;
  margin-top: 5px;
  font-size: 1.1em;
  clear: both;
}
header#bchheader #bchh-main_nav ul#bchh-nav {
  z-index: 10;
  padding: 5px 20px 0px 20px;  
}
header#bchheader #bchh-main_nav ul#bchh-nav li {
  display: inline-block;
  position: relative;
  margin:0px 0px 0px 0px; /*space in between tabs */
  padding:0px 1px 0px 1px;
}

header#bchheader #bchh-main_nav ul#bchh-nav li a {
  padding: 10px 12px 12px 12px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
header#bchheader #bchh-main_nav ul#bchh-nav li.on{
/*  background: #fff;*/
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  behavior: url(/includes/js/PIE.htc);
}
header#bchheader #bchh-main_nav ul#bchh-nav li.on a{
  color: #30353a;
  text-shadow: none;
}

header#bchheader #bchh-main_nav ul#bchh-nav li:hover a {
  color: #125579;
}

header#bchheader #bchh-main_nav ul#bchh-nav li.current {
/*  background: #218dc2;
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-bottom: 2px solid #218dc2;
  behavior: url(/includes/js/PIE.htc);
  z-index: 15;
  margin-bottom: -2px;*/
    background: #fff;
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  behavior: url(/includes/js/PIE.htc);
}
header#bchheader #bchh-main_nav ul#bchh-nav li.current a {
 color: #30353a;
}
header#bchheader #bchh-main_nav ul#bchh-nav li.current:hover a {
 color: #30353a;
}
header#bchheader #bchh-sub_nav {
  background: #218dc2;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav {
  padding: 5px 7.1% 0 7.1%;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  z-index: 5;
  position: relative;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li {
  display: inline-block;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li a {
  padding: 13px 12px 12px 12px;
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.on, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li:hover {
  background-color: #fff;
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  behavior: url(/includes/js/PIE.htc);
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.on a, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li:hover a {
  color: #30353a;
  text-shadow: none;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.bchh-sub {
  background-image: url(/images/sprite-sheet.png);
  background-repeat: no-repeat;
  background-position: right -201px;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.bchh-sub a {
  padding-right: 22px;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.bchh-sub.current, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.bchh-sub.on, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.bchh-sub:hover {
  background-repeat: no-repeat;
  background-position: right -101px;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.current {
  -moz-border-radius: 0.2em 0.2em 0 0;
  -webkit-border-radius: 0.2em 0.2em 0 0;
  border-radius: 0.2em 0.2em 0 0;
  box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 -1px 1px rgba(0, 0, 0, 0.1);
  behavior: url(/includes/js/PIE.htc);
  background-color: #dbf2fd;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.current a {
  color: #30353a;
  text-shadow: none;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.current:hover a {
  color: #30353a;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.current li a, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.current:hover li a {
  color: #979a9c;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li.on div.bchh-menu, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li:hover div.bchh-menu {
  left: 0px;
  top: auto;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu {
  z-index: 999;
  content: "";
  display: table;
  *zoom: 1;
  position: absolute;
  left: -999em;
  background: #fff;
  width: 1120px;
  border-bottom: 1px solid #d7e3e8;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div {
  padding: 1.5em 2%;
    /*padding: 1.5em 7.1%;*/
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul {
  float: left;
  width: 160px;
  margin-bottom: 1em;
  line-height: 1.2em;
  min-height: 5em;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li {
  display: block;
  font-size: .93em;
  background-image: none;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li.on, header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li:hover {
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  box-shadow: 0 0 0 #ffffff;
  -webkit-box-shadow: 0 0 0 #ffffff;
  -moz-box-shadow: 0 0 0 #ffffff;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li a {
  display: block;
  padding: 5px 10px 5px 9px;
  text-decoration: none;
  color: #979a9c;
  border-left: 1px solid transparent;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li a:hover {
  border-left: 1px solid #0d5292;
  color: #0d5292;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li a.current {
  border-left: 1px solid #50b84a;
  color: #50b84a;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li.bchh-header {
  font-weight: bold;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li.bchh-header a {
  color: #30353a;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li.bchh-header a:hover {
  border-left: 1px solid #0d5292;
  color: #0d5292;
}
header#bchheader #bchh-sub_nav ul.bchh-sub_nav li div.bchh-menu div ul li.bchh-header a.current {
  border-left: 1px solid #50b84a;
  color: #50b84a;
}
header#bchheader .clearfix:before, header#bchheader .clearfix:after {
  content: "";
  display: table;
}
header#bchheader .clearfix:after {
  clear: both;
}
header#bchheader .clearfix {
  *zoom: 1;
}
header#bchheader .ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  dzection: ltr;
  *line-height: 0;  
}

#container{
	padding:0px;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	-webkit-box-shadow: 0px 0px 3px 3px #e5e5e5;
	-moz-box-shadow: 0px 0px 3px 3px #e5e5e5;
	box-shadow: 0px 0px 3px 3px #e5e5e5;
}


/*  __#bch_footer
 * 
 * 
-------------------------------------------------*/
#bch_footer ul.tabs {  list-style: none; }
#bch_footer ul.tabs > li { display: inline-block; float: left; cursor: pointer; }
#bch_footer { border-top:1px solid #d6e3e9; margin:0 0 2.5em 0 }
#bch_footer > .row {margin: 0 2%; padding:0.6em 0; border-bottom:1px solid #d6e3e9; min-height:2.25em}
#bch_footer > .row ul {margin: .6em 0 0; display:inline-block;}
#bch_footer nav.bch_info {float:left;font-size:1em;margin:0;color:#555555;}
#bch_footer nav.bch_info ul { padding-right: 1em; }
#bch_footer nav.bch_info ul li {margin-left: 0; margin-right: 1.8em;}
#bch_footer nav.bch_info ul li a {color:#555555;}
#bch_footer div.profile-status {margin:0; text-align:right;}
#bch_footer div.profile-status button:last-child {margin-left: .7em; margin-right:0;}
#bch_footer nav.primaryFooterNav {color:#0D6893; font-weight:bold; overflow:visible;}
#bch_footer nav.primaryFooterNav ul li {padding: 0 1.25em 0 0; vertical-align: middle;}
#bch_footer nav.primaryFooterNav ul li:hover {color:#0D5292}
#bch_footer nav.primaryFooterNav ul li a {color:#0D6893}
#bch_footer nav.primaryFooterNav ul li a:hover {color:#0D5292}
#bch_footer > .terms {color:#979a9c;}
#bch_footer > .terms small { display:inline-block; margin:.5em 0; font-size: inherit;}
#bch_footer > .terms ul {float: right;}
#bch_footer > .terms ul li {display: inline-block; float: left; margin-right: 1em;}
#bch_footer > .terms ul li:last-child {margin-right: 0;}
#bch_footer > .terms a {color:#979a9c;}

/* __FORMS: BUTTONS
 * Covers button, input[type="button|submit"]
 * as generally used on the site, e.g. login button
 * ==================================================
 *
 * There are three styles defined for the BCHydro site
 * Primary   | green with white text.    | class: primary
 * 		used for "submit" and "login" buttons
 * Secondary | white with blue text.     | class: secondary
 * 		used for "edit" and other secondary buttons
 * Tertiary  | borderless with blue text | class: tertiary
 * 		used for low-visibility buttons, like "cancel"
 * 
 * Button padding and border-radius scale relative to font-size
 * For larger buttons, apply a larger font-size through an additional
 * class (e.g. "large-button") or in-line style (style="font-size:15px").
 * 
 * <a> is included for backwards compatibility with legacy code and
 * most frequently applies to teritary level "cancel" button links
 */
			
button, input[type="button"], input[type="submit"], .button,
div.hasbutton > div.links > a {
	display: inline-block;
	position: relative;
	min-width: 60px;
	font-size: 12px;
	padding: .5em .7em;
	margin: 0 0.8em 0 0;
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: 1.4em;
	text-align: center;
	cursor: pointer;
	color: #555;
	background-color: #fff;
	border: 1px solid #e2e2e2;
	-moz-border-radius: .2em;
	-webkit-border-radius: .2em;
	border-radius: .2em;
}

a.button { line-height: 1.55em; padding: .5em .95em; text-decoration:none } /* anchor tags have different native "padding" */
a.button:hover { text-decoration:none } 

button.primary, input[type="button"].primary, input[type="submit"].primary, .button.primary,
div.hasbutton.primary > div.links > a {
	color: #fff;
	border-color: #50b849;
	background-color: #50b849;
	background: -moz-linear-gradient(top, #72c56d 0%, #50b849 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #72c56d 0%, #50b849 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #72c56d 0%, #50b849 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #72c56d 0%, #50b849 100%); /* IE10+ */
	background: linear-gradient(top, #72c56d 0%, #50b849 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#72c56d', endColorstr='#50b849',GradientType=0 ); /* IE6-9 */
}
button:hover.primary, input[type="button"]:hover.primary, input[type="submit"]:hover.primary, .button.primary:hover,
div.hasbutton.primary > div.links > a:hover {
	border-color: #2c8e26;
	background-color: #47ad40;
	background: -moz-linear-gradient(top, #65b95f 0%, #47ad40 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #65b95f 0%, #47ad40 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #65b95f 0%, #47ad40 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #65b95f 0%, #47ad40 100%); /* IE10+ */
	background: linear-gradient(top, #65b95f 0%, #47ad40 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#65b95f', endColorstr='#47ad40',GradientType=0 ); /* IE6-9 */
}
button:active.primary, input:active[type="button"].primary, input:active[type="submit"].primary, .button.primary:active,
div.hasbutton.primary > div.links > a:active {
	background-color: #379130;
	background: -moz-linear-gradient(top, #50b849 0%, #72c56d 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #50b849 0%, #72c56d 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #50b849 0%, #72c56d 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #50b849 0%, #72c56d 100%); /* IE10+ */
	background: linear-gradient(top, #50b849 0%, #72c56d 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#50b849', endColorstr='#72c56d',GradientType=0 ); /* IE6-9 */
}

/* secondary, white buttons */

button.secondary, input[type="button"].secondary, input[type="submit"].secondary, .button.secondary,
div.hasbutton.secondary > div.links > a {
	color: #0d6893;
	border-color: #c6d7e0;
	background-color: #fbfbfb;
	background: -moz-linear-gradient(top, #ffffff 0%, #fbfbfb 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 0%,#fbfbfb 100%); /* IE10+ */
	background: linear-gradient(top,  #ffffff 0%,#fbfbfb 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fbfbfb',GradientType=0 ); /* IE6-9 */
}
button:hover.secondary, input[type="button"]:hover.secondary, input[type="submit"]:hover.secondary, a.secondary:hover,
div.hasbutton.secondary > div.links > a:hover {
	background: none;
	background-color: #f3fafd;
}
button:active.secondary, input:active[type="button"].secondary, input:active[type="submit"].secondary, .button.secondary:active,
div.hasbutton.secondary > div.links > a:active {
	background-color: #dcedf6;
	background: -moz-linear-gradient(top, #e4f1f8 0%, #f3fafd 100%); /* FF3.6+ */
	background: -webkit-linear-gradient(top, #e4f1f8 0%,#f3fafd 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e4f1f8 0%,#f3fafd 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #e4f1f8 0%,#f3fafd 100%); /* IE10+ */
	background: linear-gradient(top,  #e4f1f8 0%,#f3fafd 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e4f1f8', endColorstr='#f3fafd',GradientType=0 ); /* IE6-9 */
}
/* tertiary, borderless (except when hover/active) buttons, doesn't cover type=submit */
button.tertiary, input[type="button"].tertiary, .button.tertiary {
	color: #0d6893;
	border-color: transparent;
	background-color: transparent;
}
button:hover.tertiary, input[type="button"]:hover.tertiary, .button.tertiary:hover {
	/* identical rendering to secondary button in this state */
	border-color: #c6d7e0;
	background-color: #f3fafd;
}
button:active.tertiary, input:active[type="button"].tertiary, .button.tertiary:active {
	border-color: #c6d7e0;
	background-color: #dcedf6;
	background: #f3fafd; /* Old browsers */
	background: -moz-radial-gradient(center, ellipse cover,  #f3fafd 67%, #dcedf6 100%); /* FF3.6+ */
	background: -webkit-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* Opera 12+ */
	background: -ms-radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* IE10+ */
	background: radial-gradient(center, ellipse cover,  #f3fafd 67%,#dcedf6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3fafd', endColorstr='#dcedf6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

div#loginbox {display:none;}
dl.topMargin {margin-top:0px;}
div#sideNav.bcAddMargin3 {padding-top:0px;}
div#sideNav h4 {border-top:none;}
#sideNav ul li.highlighted ul {border-right: 0px solid #C1C1C1;}

header#bchheader #bchh-header-container ul.bchh-utilmenu li a{line-height:24px; height: 26px;}
#header#bchheader #bchh-header-container ul.bchh-utilmenu li.on div.bchh-utilsubmenu{top:28px;}
#search{line-height:26px;}


#bchh-loginblock-in, #bchh-loginblock-out
{
  margin: 20px 10px 10px 0px; 
  float: left;
}

header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock ul#bchh-my-profile{
    margin-left: -10px;
    margin-right: 0px;
}

header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock ul#bchh-my-profile li.bchh-sub a.bchh-item {
    margin-left: 0px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right:10px;
}

header#bchheader #bchh-header-container #bchh-hello #bchh-loginblock ul#bchh-my-profile li.bchh-sub a.bchh-item span.bchh-i-profile
  {
  position: relative;
  top: 3px;
  left: 0px;
  background-position: -1px -22px;
  width: 15px;
  height: 15px;
}
 
header#bchheader #bchh-header-container ul.bchh-utilmenu li a {
    color: #0D6893;
}
 
header#bchheader #bchh-header-container ul.bchh-utilmenu li .bchh-utilsubmenu ul li a {height:auto;}