html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  margin: 0;
  padding: 0;
}
* {
  margin: 0;
  padding: 0;
}
a {
  color: #0771c3;
  text-decoration: underline;
}
::selection,
::-moz-selection {
  background: #ECE9E4;
}
body {
  text-align: left;
}
video {
  width: 100%;
  height: auto;
}
#mainContent {
  width: 980px;
  margin: 0 auto;
  position: relative;
  /* overflow: auto;
    overflow-x: hidden;*/
}
#main {
  text-align: left;
  font-size: 14px;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  padding-top: 20px;
  width: 980px;
}
#maincontentarea {
  position: relative;
  float: left;
}
#skiptocontent a {
  padding: 6px 10px 10px;
  position: absolute;
  top: -40px;
  left: 0px;
  color: white;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
  background: transparent;
  -webkit-transition: top 1s ease-out, background 1s linear;
  transition: top 1s ease-out, background 1s linear;
  z-index: 100;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
}
#skiptocontent a:focus {
  position: absolute;
  left: 0px;
  top: 0px;
  background: #c8500a;
  outline: 0;
  -webkit-transition: top 0.1s ease-in, background 0.5s linear;
  transition: top 0.1s ease-in, background 0.5s linear;
}
/* Flying focus */
#flying-focus {
  position: absolute;
  margin: 0;
  background: transparent;
  border: 0 !important;
  display: none !important;
  -webkit-transition-duration: 0s !important;
  transition-duration: 0s !important;
  z-index: -1;
}
#flying-focus.flying-focus_visible {
  visibility: visible;
  z-index: -1;
}
.flying-focus_target {
  outline: none !important;
  /* Doesn't work in Firefox :( */
}
.flying-focus_target::-moz-focus-inner {
  border: 0 !important;
}
/* Replace it with @supports rule when browsers catch up */
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #flying-focus {
    box-shadow: none;
    outline: none !important;
    outline-offset: 0 !important;
    display: none !important;
  }
}
/* LOGIN */
#login_container {
  float: left;
  width: 980px;
  height: 700px;
  background-image: url(../images/login/BT-Login-BG-image-01.jpg);
}
.loginDiv {
  box-sizing: border-box;
}
.loginDiv a.registerLink {
  background: url(../images/common/arrow_white.png) center right no-repeat;
  padding-right: 10px;
}
.loginDiv .forgotPassword {
  float: left;
  margin: 5px -5px 5px 10px;
}
.loginDiv .login {
  float: left;
  width: 100%;
}
.loginDiv .username,
.loginDiv .password {
  float: left;
  margin-bottom: 6px;
  padding: 0;
  width: 340px;
  height: 28px;
}
.loginDiv .username label,
.loginDiv .password label {
  float: left;
  margin: 0;
  padding: 6px 10px;
  width: 100px;
  box-sizing: border-box;
}
.loginDiv .errorMessage {
  background: url(../images/common/attention_icon.png) 0 0 no-repeat;
  float: left;
  margin-bottom: 10px;
  color: #3C322D;
  font: normal 12px Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  padding: 3px 0 3px 27px;
}
.loginDiv .extendMembership {
  background: url(../images/common/small_arrow.png) center right no-repeat;
  float: left;
  margin: 0 3px;
  color: #3C322D;
  font: normal 12px Arial, Helvetica, sans-serif;
  padding: 3px 10px 3px 0;
}
.loginDiv .submit,
.loginDiv .register {
  float: left;
  width: 100%;
}
.loginDiv input[type="text"],
.loginDiv input[type="password"] {
  background-color: #FFF;
  border: 0;
  color: #999;
  float: left;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  width: 240px;
  margin: 0;
  padding: 6px 10px;
  box-sizing: border-box;
}
/* .loginDiv input[type="text"],
.loginDiv input[type="password"] {
  padding-bottom: 8px \0 / !important;
} */
/*IE8*/
.verifyEmail-container input[type="submit"] {
  background-color: #5F9BAF;
  border-radius: 6px;
  border: 0;
  color: #FFF;
  cursor: pointer;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding: 6px 10px;
}
.verifyEmail-container input[type="submit"]:hover {
  background-color: #3C322D;
}
.approveMember-container {
  float: left;
  width: 100%;
}
.approveMember-container img {
  margin-bottom: 15px;
}
.approveMember-container input[type="submit"] {
  background-color: #00428b;
  border-radius: 6px;
  border: 0;
  color: #FFF;
  cursor: pointer;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding: 6px 10px;
}
.approveMember-container input[type="submit"]:hover {
  background-color: #3C322D;
}
.rejectMember-container {
  float: left;
  border-top: 2px solid #00a3be;
  margin-top: 25px;
  padding-top: 20px;
  width: 630px;
}
.rejectMember-container label {
  float: left;
}
.rejectMember-container span {
  float: left;
}
.rejectMember-container textarea {
  float: left;
  font: normal 12px/16px Arial, Helvetica, sans-serif;
  width: 100%;
  border: 1px solid #b1b3b2;
  height: 150px;
  margin: 10px 0 20px;
  padding: 8px;
  box-sizing: border-box;
}
.rejectMember-container input[type="submit"] {
  background-color: #00428b;
  border-radius: 6px;
  border: 0;
  color: #FFF;
  cursor: pointer;
  float: left;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding: 6px 10px;
}
.rejectMember-container input[type="submit"]:hover {
  background-color: #3C322D;
}
/* HEADER */
#header {
  background-color: #ECE9E4;
  float: left;
  height: 124px;
  width: 980px;
}
#company_logo,
#company_logo a {
  float: left;
}
#company_logo img {
  border: 0;
}
#search {
  text-align: left;
  float: right;
  clear: right;
}
#search fieldset {
  float: right;
  margin-right: 25px;
  width: 300px;
}
#search fieldset input[type="text"] {
  background-color: #FFF;
  border: 0;
  font: normal 11px/14px Arial, Helvetica, sans-serif;
  float: left;
  width: 194px;
  height: 22px;
  padding: 6px;
  box-sizing: border-box;
  border-radius: 2px 0 0 2px;
}
#search fieldset input[type="text"]:focus {
  color: #000;
  outline: 0;
}
#search fieldset input[type="button"] {
  border: 1px solid #b1b3b2;
  background: #FFF url(../images/common/search-icon.png) no-repeat top center;
  border: 0;
  cursor: pointer;
  float: right;
  width: 26px;
  height: 22px;
  text-indent: -9999px;
  padding: 0;
  box-shadow: none;
  border-radius: 0 2px 2px 0;
}
#search fieldset input[type="button"]:hover,
#search fieldset input[type="button"]:active {
  background-position: bottom center;
}
#search label {
  float: left;
  font: bold 11px/22px Arial, Helvetica, sans-serif;
  margin-right: 10px;
}
ul.loggedin {
  float: right;
  position: relative;
  margin: 19px 25px;
  list-style: none;
  width: auto;
}
ul.loggedin li {
  float: left;
}
ul.loggedin .message {
  float: left;
  font: normal 12px/15px Arial, Helvetica, sans-serif;
  color: #5F9BAF;
}
ul.loggedin a {
  color: #3C322D;
  float: right;
  cursor: pointer;
  background: none;
  border: 0;
  text-decoration: none;
}
ul.loggedin a:hover {
  color: #5F9BAF;
  text-decoration: underline;
}
ul.loggedin .logout {
  float: left;
  position: relative;
  margin: -5px 8px;
  padding: 5px 10px;
  border-radius: 4px 4px 0 0;
}
ul.loggedin .logout.open {
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}
ul.loggedin .logout.open a {
  color: #FFF;
}
ul.loggedin .logout .logoutBtn {
  color: #FFF;
  display: none;
  position: absolute;
  top: 26px;
  right: 0;
  padding: 12px 15px 12px 10px;
  width: 185px;
  text-align: right;
  border-radius: 4px 0 4px 4px;
  box-shadow: 3px 3px 3px 0 rgba(0, 0, 0, 0.2);
}
#header .loggedin input {
  border: 0;
  color: #FFF;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  text-decoration: none;
  padding: 3px 7px 4px;
}
/* CONTENT CONTAINERS */
#main_container {
  text-align: left;
  float: left;
  margin-bottom: 50px;
  width: 980px;
  min-height: 330px;
}
.leftcol {
  float: left;
  margin-right: 15px;
  width: 160px;
}
.rightcol {
  float: right;
  width: 160px;
}
#maincontentcontainer {
  float: left;
  width: 630px;
}
#widecontentcontainer {
  float: left;
  margin-left: 25px;
  width: 785px;
}
#publicpagecontentcontainer {
  float: left;
  margin: 0 25px;
  width: 930px;
}
a.anchor {
  float: left;
  background-color: #FFF;
  text-indent: -9999px;
  color: #FFF;
  font-size: 0;
  line-height: 0;
  margin: 0;
  padding: 0;
}
#page_update {
  width: 630px;
  font-size: 9px;
  color: #999;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 9px;
  text-align: left;
  float: left;
  text-transform: uppercase;
  margin: 13px 20px 10px 17px;
  padding: 0;
}
/* TEXTPAGE LAYOUTS */
/* ONE COLUMN PAGE */
.singleCol {
  float: left;
  width: 630px;
}
.singleColNoNav {
  float: left;
  margin-left: 25px;
  width: 630px;
}
/* TWO COLUMN PAGE (UNEVEN) */
.leftUnevenCol {
  float: left;
  margin-right: 30px;
  width: 214px;
}
.rightUnevenCol {
  float: left;
  width: 386px;
}
/* TWO COLUMN PAGE (EVEN) */
.leftEvenCol {
  float: left;
  margin-right: 30px;
  width: 300px;
}
.rightEvenCol {
  float: left;
  width: 300px;
}
/* THREE COLUMN PAGE */
.firstCol {
  float: left;
  margin-right: 30px;
  width: 190px;
}
.secondCol {
  float: left;
  margin-right: 30px;
  width: 190px;
}
.thirdCol {
  float: left;
  width: 190px;
}
.section1,
.section2,
.section3,
.section4 {
  float: left;
  width: 630px;
}
/* STICKY FOOTER */
/* must declare 0 margins on everything, also for main layout components use padding, not 
vertical margins (top and bottom) to add spacing, else those margins get added to total height 
and your footer gets pushed down a bit more, creating vertical scroll bars in the browser */
html,
body,
#form1 {
  height: 100%;
}
#wrap {
  background: #FFF url(../images/common/main_bg.gif) top right repeat-y;
  margin: 0 auto;
  min-height: 100%;
  width: 980px;
}
#mainContent {
  min-height: 980px;
  padding-bottom: 40px;
}
/* must be same height as the footer */
/* Opera Fix */
body:before {
  content: "";
  height: 100%;
  float: left;
  width: 0;
  margin-top: -32767px;
}
.input-validation-error {
  border-color: #dc1828;
  text-transform: none;
}
span.field-validation-error {
  margin: 5px 0 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}
/* FEEDBACK BUTTON AND FORM */
.feedbackBtnWrapper {
  position: absolute;
  right: -24px;
  top: 64px;
  width: 24px;
  height: 100px;
}
.feedbackBtn {
  position: fixed;
  cursor: pointer;
  border-radius: 6px 6px 0 0;
  display: block;
  margin: 38px 0 0 -38px;
  background-color: #DC1728;
  color: #FFF;
  width: 100px;
  text-align: center;
  font: bold 12px/24px Arial, Helvetica, sans-serif;
  z-index: 7998;
  /* Safari */
  -webkit-transform: rotate(90deg);
  /* Firefox */
  -moz-transform: rotate(90deg);
  /* IE */
  -ms-transform: rotate(90deg);
  /* Opera */
  -o-transform: rotate(90deg);
  /* Internet Explorer */
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
.feedbackBtn:hover {
  background-color: #000;
}
.feedbackBtn.active,
.feedbackBtn.active:hover {
  background-color: #FFFFFF;
  color: #DC1728;
  box-shadow: 2px -2px 3px rgba(0, 0, 0, 0.2);
}
.feedbackBtn.active {
  z-index: 8009;
}
.feedbackForm {
  display: none;
  position: fixed;
  margin: 0 0 0 -359px;
  background-color: #FFF;
  width: 360px;
  padding: 20px;
  box-sizing: border-box;
  z-index: 8008;
  border-radius: 6px 0px 6px 6px;
  box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.2);
}
.feedbackForm .feature {
  color: #000;
  font: normal 26px/26px 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 0 0 18px;
}
.feedbackForm p {
  color: #000;
  font: normal 14px/18px 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 0 10px 12px 0;
}
.feedbackForm label {
  color: #000;
  float: left;
  font: normal 13px/18px 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 4px 0;
  width: 100%;
}
.feedbackForm .selectMenu {
  position: relative;
  display: inline-block;
  margin-bottom: 15px;
}
.feedbackForm select {
  box-sizing: border-box;
  cursor: pointer;
  display: inline-block;
  padding: 0 0 0 10px;
  border-radius: 3px;
  margin: 0;
  outline: none;
  font: normal 14px/34px 'Gotham-Book', Arial, Helvetica, sans-serif;
  height: 34px;
  width: 320px;
  background: #ECE9E4;
  color: #000;
  border: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
}
.feedbackForm select:hover {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
}
.feedbackForm .selectMenu:before {
  content: '';
  position: absolute;
  top: 0;
  right: -2px;
  border-radius: 3px;
  background: #ECE9E4;
  width: 34px;
  height: 34px;
  display: block;
}
.feedbackForm .selectMenu:after {
  content: '';
  position: absolute;
  right: 10px;
  top: 13px;
  height: 8px;
  width: 12px;
  background: url(../images/common/accordion-header_bg.png) -13px -126px no-repeat;
}
.feedbackForm .selectMenu:hover:after {
  background-position: -13px -183px;
}
.feedbackForm textarea {
  background: #FFF;
  border: 1px solid #CEC6C5;
  float: left;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  font: normal 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  padding: 10px;
  overflow: auto;
  resize: none;
  outline: none;
}
.feedbackForm textarea:focus {
  border-color: #DC1728;
}
.feedbackForm textarea:disabled {
  background-color: #EFEFEF;
}
.feedbackForm textarea.error {
  border-color: #dc1828;
  text-transform: none;
}
.feedbackForm span.error {
  margin: 5px 0 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}
.feedbackForm .button {
  margin: 20px 0 0;
  box-sizing: border-box;
  box-shadow: none;
  float: right;
}
.feedbackForm .button.reset {
  float: left;
}
.feedbackForm #feedbackCloseBtn.button {
  margin: 10px 0 0;
}
/* END FEEDBACK BUTTON AND FORM */
/* COMMENTS FORM */
.commentsForm {
  float: left;
  width: 100%;
  max-width: 770px;
  margin: 70px 0 0;
}
.commentsForm .feature {
  border-bottom: 1px solid;
  margin: 0 0 15px 0;
  padding: 0 0 10px;
}
.commentsForm p {
  margin-right: 0 !important;
}
.commentsForm label {
  color: #000;
  float: left;
  font: normal 14px/1.5 'Gotham-Book', Arial, Helvetica, sans-serif;
  margin: 4px 0;
  width: 100%;
}
.commentsForm textarea {
  background: #FFF;
  border: 1px solid #CEC6C5;
  float: left;
  width: 100%;
  height: 140px;
  box-sizing: border-box;
  font: normal 12px/16px 'Gotham-Book', Arial, Helvetica, sans-serif;
  color: #000;
  margin: 0;
  padding: 10px;
  overflow: auto;
  resize: none;
  outline: none;
}
.commentsForm textarea:focus {
  border-color: #DC1728;
}
.commentsForm textarea.error {
  border-color: #dc1828;
  text-transform: none;
}
.commentsForm span.error {
  margin: 5px 0 0;
  width: 100%;
  box-sizing: border-box;
  border-radius: 0;
}
.commentsForm .button {
  float: right;
  margin: 20px 0 0;
}
.commentsForm .button.reset,
.commentsForm .button:disabled {
  background: #E1DED9;
  color: #000;
}
.commentsForm .button.reset {
  float: left;
}
/* END COMMENTS FORM */
/* BACK TO TOP */
.backToTopWrap {
  position: absolute;
}
.cd-top {
  display: inline-block;
  height: 40px;
  width: 140px;
  margin: 0 0 0 10px;
  padding: 0 0 0 36px;
  position: fixed;
  bottom: 60px;
  overflow: hidden;
  color: #000;
  font: normal 12px/40px Arial, Helvetica, sans-serif;
  text-decoration: none;
  white-space: nowrap;
  background: #FFF url(../images/common/backToTop.png) 0 0 no-repeat;
  border-radius: 2px;
  visibility: hidden;
  box-sizing: border-box;
  opacity: 0;
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s, all 0.3s ease-in;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s, all 0.3s ease-in;
  transition: opacity 0.3s 0s, visibility 0s 0.3s, all 0.3s ease-in;
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover {
  -webkit-transition: opacity 0.3s 0s, visibility 0s 0s, all 0.3s ease-in;
  -moz-transition: opacity 0.3s 0s, visibility 0s 0s, all 0.3s ease-in;
  transition: opacity 0.3s 0s, visibility 0s 0s, all 0.3s ease-in;
}
.cd-top.cd-is-visible {
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  opacity: 1;
}
.cd-top:hover {
  background-color: #FFF;
}
/* END BACK TO TOP */
/* Needed to show daterangepicker over the top of fancyboxes. */
.daterangepicker {
  z-index: 10000 !important;
}
.prev-next-navigation {
  width: 100%;
  max-width: 770px;
  padding-top: 70px;
  display: flex;
  justify-content: space-between;
}
.prev-next-navigation span {
  font-size: 105%;
  vertical-align: 1px;
}
.tableOfContentsHeading .feature {
    margin-bottom: 5px;
}
.tableOfContentsList {
    display: flex;
    /* flex-direction: row; (default, not needed) */
    /* flex-direction: column; (sorts vertically BUT won’t create two columns) */
    flex-wrap: wrap;
}
.tableOfContentsList h2 {
    margin-right: 30px !important;
    width: 285px;
}