.hidden-links button {
  position: absolute;
  top: auto;
  left: -9990px;
  width: 1px;
  height: 1px;
  margin: 0px;
  padding: 0px;
  border: 0px;
  background: transparent;
  line-size: 0;
}

.hidden-links button:focus {
  position: static;
  width: auto;
  height: auto;
  background-color: #BF1722;
}

.link {
  margin: 0;
  padding: 0;
  border: 0;
  text-align: left;
  background-color: transparent;
  font-size: inherit;
}

.content-area {
  position: relative;
  padding-top: 5px;
}

.text-section {
  position: absolute;
  overflow: hidden;
  border: 1px solid #909090;
  background-color: white;
  z-index: 300;
}

.video-section {
  position: absolute;
  background-color: white;
  z-index: 300;
}

.visually-hide {
   position: absolute !important;
   top: -9999px !important;
   left: -9999px !important;
}

.content-area-center {
  background-color: white;
}

.video-section-center {
  display: block;
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#WebcastTitle {
  font-size: 22px;
  text-align: center;
  padding-top: 10px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: white;
}

.tab-content {
  height: 95%;
}

#below-video-program {
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  margin-bottom: 10px;
  max-width: 786px;
  text-align: center;
  z-index: 300;
  border-bottom: 2px solid gray;
  padding-bottom: 5px;
}

.text-wrapper {
  display: inline-block;
  text-align: left;
  font-size: 13px;
/* IE7 bs - enables inline-block for div-elements*/
  *display: inline;
  zoom: 1;
}

#prompt-section {
  position: relative;
  max-width: 580px;
  min-height: 250px;
  overflow: auto;
  margin-left: auto;
  margin-right: auto;
  top: 55px;
  background-color: #eee;
  z-index: 500;
  padding: 10px;
}

.close-prompt {
  display: inline;
  position: relative;
  top: 5px;
  left: 96%;
  margin-bottom: 5px;
  background: -0px -180px url(iconSprite_20180321.png)
}

.drag-bar-icon {
  display: block;
  float: right;
  vertical-align: middle;
  padding-right: 5px;
  padding-top: 3px;
}

.drag-bar-helper {
  position: absolute;
  left: 49%;
  vertical-align: middle;
  display: none;
  background: -0px -150px url(iconSprite_20180321.png)
}

.cust-area {
  position: fixed;
  bottom: 5px;
  margin-top: 8px;
  margin-left: 5px;
}

.clear-float {
  overflow: hidden;
  zoom: 1;
}

#video-container {
  margin-left: auto; 
  margin-right: auto;
  line-height: .5;
  background-color: #dbdde2;
}

.TWvidIcons {
  position: relative;
  overflow: hidden;     /* to clear floats */
  zoom: 1;              /* clears floats in IE6 */
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 0px;
  margin-left: auto; 
  margin-right: auto;
  background-color: #DEDBDE;
  border: thin solid #303030;
}

.TWvidIconsA {
  float: left;
}

.tw-logo {
  background: -0px -172px url(iconSprite_20180321.png)
}

.TWvidIconsB {
  margin-top: 2px;
  float: right;
  padding-right: 8px;
}

.TWvidIconsC {
  float: right;
  padding-right: 8px;
  vertical-align: top;
  text-align: center;
}

.toggle-icon-border {
  border: 2px solid red;
}

.live-msg-area {
  width: 100%;
  background-color: white;
  position: relative;
  top: 20%;
  text-align: center;
  margin-left: auto; margin-right: auto;
  line-height: initial;
  min-height: 200px;
}

.live-msg-area p {
  margin-left: 8%;
  margin-right: 8%;
}

.player-msg-area {
  height: 11px;
  padding-bottom: 10px;
  margin-left: auto; margin-right: auto;
  text-align: center;
  color: black;
  background-color: white;
}

#live-caption-space {
  position: relative;
  width: 100%;
  height: 100px;
  margin-left: auto;
  margin-right: auto;
  border: none;
}

.fback-form {
  border: thin solid black;
  background-color: #DEDBDE;
  font-weight: bold;
  line-height: 18px;
  padding-left: 10px;
  padding-right: 10px
}

.fback-spacing  {padding-right: 10px; }

#slideControlContainer {
  font-size: 12px;
  margin-top: 5px;
  margin-bottom: 8px;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 5px;
  border-bottom: thin solid #DEDBDE;
  overflow: hidden;
}

.slideControlLeft {
  float: left;
  padding-left: 10px;
}

.slideControlCenter {
  float: left;
  padding-left: 20px;
}

.slideControlRight {
  float: right;
  text-align: right;
  padding-right: 10px;
}

#setSlideNo {            /* override materialize select attributes */
  display: inline;
  width: auto;
  height: auto;
  padding: 0;
}

#slideFrame {
  width: 98%;
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
}

#slideImg {
  width: 100%;
  height: auto;
}

.ag-jump-pt {
  font-size: 13px; 
  font-weight: bold;
  color: #3333cc;
}

#ag-text {
  padding-top: 10px;
  padding-left:15px;
  padding-right: 15px;
  font-size: 13px;
}

#ag-text ul li, #ag-scroll ul li {
  margin-top: 13px;
  padding-left: 10px;
  font-size: 13px;
}

.document-pdf {
  background: -0px -0px url(iconSprite_20180321.png)
}
.document-clip {
  background: -0px -25px url(iconSprite_20180321.png)
}
.document-link {
  background: -0px -50px url(iconSprite_20180321.png)
}
.document-excel {
  background: -0px -75px url(iconSprite_20180321.png)
}
.document-word {
  background: -0px -100px url(iconSprite_20180321.png)
}
.document-powerpoint {
  background: -0px -125px url(iconSprite_20180321.png)
}

.LBMsg {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  background: #C0C0C0;
  z-index: 150;
  ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -khtml-opacity: 0.8;
  opacity: 0.8;
}

.LBOverlay {
  position: relative;
  display: none;
  top: 150px;
  left: 0px;
  width: 60%;
  background: #FFFFFF;
  margin-left: auto;
  margin-right: auto;
  z-index: 170;
}

.make-hidden {
  display: none !important;
}

.make-visible {
  display: inline !important;
}

.transControlContainer {
  position: relative;
  font-size: 10px;
  font-weight: normal;
  min-height: 22px;
  padding-bottom: 4px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: thin solid black;
  overflow: hidden;
}

#SearchTrans {
  height: 1.5rem;
  margin-bottom: 0px;
  margin-top: 0px;
}

.trans-cb-item {
  padding-right: 5px;
  padding-left: 5px;
  margin-top: 5px;
}

#trans-scroll-option {
  margin-left: 10px;
  margin-top: 10px;
}

.trans-scroll {
  width: 94%;
  height: 87%;
  overflow: auto;
  text-align: left;
  cursor: pointer;
  margin-top: 7px;
  padding-left: 5px;
  padding-right: 5px;
}

.smaller-font {
  font-size: 11px; 
  text-decoration: underline;
  font-weight: bold; 
  font-style: italic;
}

.larger-font {
  font-size: 15px; 
  text-decoration: overline;
  font-weight: bold; 
  font-style: italic;
}

.white-background {
  background-color: white;
}

.highlight {
  background-color: yellow;
}

#tab-help {
  background: -0px -194px url(iconSprite_20180321.png)
}

.td-help {
  vertical-align: top;
  text-align: left;
  padding-top: 5px;
  padding-left: 5px;
  padding-bottom: 5px;
  word-wrap:break-word;
  border-bottom: 1px solid #BABABA;
}

/*  Modify video.js stylings
 1. Show the current time and duration in the control bar
*/
.video-js .vjs-current-time, .video-js .vjs-duration {
  display: block;
}

/*
 2. Float the timeline mouse pointer over the current position tool-tip
*/
.video-js .vjs-progress-control:hover .vjs-mouse-display {
  z-index: 5 !important;
}

/* 3. Define the player splash background.
*/
.splash-gradient {
  background: linear-gradient(rgb(192,192,192), rgb(244,244,244));
}


.bold-max {font-size: 24px; font-weight: bold;}
.bold-max-cent {font-size: 24px; font-weight: bold; text-align: center; }
.bold-large {font-size: 16px; font-weight: bold;}
.bold-large-cent {font-size: 16px; font-weight: bold; text-align: center}
.bold-larger {font-size: 14px; font-weight: bold; }
.bold-larger-cent {font-size: 14px; font-weight: bold; text-align: center}
.bold-def {font-size: 12px; font-weight: bold; }
.bold-def-cent {font-size: 12px; font-weight: bold; text-align: center}
.norm-small {font-size: 11px; font-weight: normal}
.norm-small-cent {font-size: 11px; text-align: center; font-weight: normal;}
.norm-red { color: red; line-height: 22px; }
.norm-blue { color: blue; line-height: 22px; }
.norm-center { text-align: center; }
.bold-large-blue {font-size: 18px; font-weight: bold; text-align: center; color: blue}
.norm-small-blue {font-size: 11px; font-weight: normal; color: blue}
.norm-smaller-blue {font-size: 10px; font-weight: normal; color: blue}
.media-text {font-size: 12px; color: blue}
.line-sep {height: 10px; margin-bottom: 12px; margin-left: 15%; width: 70%; border-bottom: thin solid #B8860B}
.half-space {line-height: 22px; }
.conffield { display: none }
.highlight-background { color: black; background-color: yellow; }
.highlight-color {
  color: #ff9900;
  text-decoration: underline; }
.error-color { color: #881010; }

.stack-tabs {
  display: inline !important;
  background-color: white !important;
  position: relative !important;
  width: 100% !important;
  height: auto !important;
  left: 0px !important;
  top: auto !important;
  opacity: inherit;
}

.stack-tabs-ios9 {
  width: 80% !important;
  display: block !important;
  margin-left: auto;
  margin-right: auto;
}

.stack-tabs-noscroll {
  height: auto;
  position: relative;    /* makes the form completion overlay work */
}

.stack-card-ht {
  min-height: 300px;
  background-color: white;
}

.card {
  transition: initial;
}

.hide-on-video-page {
  display: none;       /* hide custom header elements on the video page (but display on landing page */
}