@charset "UTF-8";
/*! normalize.css v2.1.0 | MIT License | git.io/normalize */
/* ==========================================================================
   HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * Correct `inline-block` display not defined in IE 8/9.
 */
audio,
canvas,
video {
  display: inline-block;
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
[hidden] {
  display: none;
}

/* ==========================================================================
   Base
   ========================================================================== */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -ms-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* ==========================================================================
   Links
   ========================================================================== */
/**
 * Address `outline` inconsistency between Chrome and other browsers.
 */
a:focus {
  outline: thin dotted;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
  outline: 0;
}

/* ==========================================================================
   Typography
   ========================================================================== */
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  box-sizing: content-box;
  height: 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Correct font family set oddly in Safari 5 and Chrome.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, serif;
  font-size: 1em;
}

/**
 * Improve readability of pre-formatted text in all browsers.
 */
pre {
  white-space: pre-wrap;
}

/**
 * Set consistent quote types.
 */
q {
  quotes: "“" "”" "‘" "’";
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* ==========================================================================
   Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* ==========================================================================
   Figures
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 0;
}

/* ==========================================================================
   Forms
   ========================================================================== */
/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Correct font family not being inherited in all browsers.
 * 2. Correct font size not being inherited in all browsers.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
button,
input {
  line-height: normal;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+.
 * Correct `select` style inheritance in Firefox 4+ and Opera.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * 1. Address box sizing set to `content-box` in IE 8/9.
 * 2. Remove excess padding in IE 8/9.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */ /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari 5 and Chrome
 * on OS X.
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * 1. Remove default vertical scrollbar in IE 8/9.
 * 2. Improve readability and alignment in all browsers.
 */
textarea {
  overflow: auto; /* 1 */
  vertical-align: top; /* 2 */
}

/* ==========================================================================
   Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: separate;
  border-spacing: 0;
}

/*start cssmenu*/
#container-2020 {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  max-width: 1550px;
}

#navbar-2020 {
  width: 25%;
}

#content-2020 {
  width: 75%;
}

/*menu css*/
#cssmenu,
#cssmenu ul,
#cssmenu ul li,
#cssmenu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  list-style: none;
  line-height: 1;
  display: block;
  position: relative;
  box-sizing: border-box;
}

#cssmenu {
  width: 300px;
  color: black;
  float: left;
}

#cssmenu ul ul {
  display: none;
}

#cssmenu > ul > li.active > ul {
  display: block;
}

.align-right {
  float: right;
}

#cssmenu ul li.activePage > a:link, #cssmenu ul li.activePage > a:visited,
#cssmenu ul li.activeMainPage > a:link, #cssmenu ul li.activeMainPage > a:visited {
  background: #F2F2F2 !important;
  color: #01295F !important;
  font-size: 25px;
  font-weight: 700;
  text-shadow: none;
  border-top: 8px solid #4BB1BA;
  border-bottom: 2px solid #FFF;
  text-decoration: none !important;
}

#cssmenu ul li.activePage > a:hover {
  background: #CBCBCB !important;
}

.cssmenu-selected-page {
  font-weight: 700 !important;
}

#cssmenu > ul > li > a {
  padding: 16px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 16px;
  text-decoration: none;
  color: #01295F !important;
  /*  background: #ffffff;*/
  transition: color 0.2s ease;
  line-height: normal;
}

#cssmenu > ul > li > a:hover {
  color: black;
}

#cssmenu ul ul li a {
  padding: 14px 22px;
  cursor: pointer;
  z-index: 2;
  font-size: 14px;
  text-decoration: none;
  color: #01295F !important;
  background: #ffffff;
  transition: color 0.2s ease;
}

#cssmenu ul ul ul li a {
  padding-left: 32px;
}

#cssmenu ul ul li a:hover {
  color: #01295F !important;
}

#cssmenu ul ul > li.has-sub > a:after {
  top: 16px;
  right: 26px;
  background: #dddddd;
}

#cssmenu ul ul > li.has-sub > a:before {
  top: 20px;
  background: #dddddd;
}

.cssmenu-level-one {
  background: #F2F2F2 !important;
  border-bottom: 2px solid #FFF !important;
}

.cssmenu-level-one:hover {
  background: #CBCBCB !important;
}

.cssmenu-level-two {
  border-bottom: 1px solid #4BB1BA !important;
}

.cssmenu-level-two:hover {
  background: #F2F2F2 !important;
}

.cssmenu-level-three {
  padding-left: 20px !important;
  border-bottom: 1px solid #4BB1BA !important;
}

.cssmenu-level-three:hover {
  background: #F2F2F2 !important;
}

.cssmenu-level-four {
  padding-left: 40px !important;
  border-bottom: 1px solid #4BB1BA !important;
}

.cssmenu-level-four:hover {
  background: #F2F2F2 !important;
}

.cssmenu-level-five {
  padding-left: 60px !important;
  border-bottom: 1px solid #4BB1BA !important;
}

.cssmenu-level-five:hover {
  background: #F2F2F2 !important;
}

/* #arrow-pointer{
  float: right;
  position: relative;
  display: inline-block;
  vertical-align: top;
} */
.horizontal-rule-lightblue {
  width: 125px;
  border-bottom: 5px solid #4BB1BA;
  margin-bottom: 35px;
  margin-left: 5px;
}

/*card boxes*/
.box {
  float: left;
  width: 300px;
  margin-right: 15px;
  margin-bottom: 25px;
  margin-left: 0px;
}

.box-nw {
  float: left;
  margin-right: 15px;
  margin-bottom: 25px;
}

.callout {
  bottom: 35px;
  float: left;
  border: 1px solid #4BB1BA;
  margin-left: 5px;
  min-width: 295px;
}

.callout:hover, .callout:active, .callout:focus {
  box-shadow: 0 0 15px #4BB1BA;
}

.callout-header {
  padding: 15px 5px 1px 15px;
  height: 50px;
  background: #F2F2F2 !important;
  font-size: 16px;
  text-decoration: none;
  border-top: 8px solid #4BB1BA;
  text-decoration: none;
  color: #01295F !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.callout:hover > .callout-header {
  text-decoration: underline;
}

.callout:hover > .callout-header-2l {
  text-decoration: underline;
}

.callout-header-2l {
  padding: 10px 5px 1px 15px;
  height: 55px;
  background: #F2F2F2 !important;
  font-size: 16px;
  text-decoration: none;
  border-top: 8px solid #4BB1BA;
  text-decoration: none;
  color: #01295F !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.callout-container {
  padding: 15px;
  height: 135px;
  font-size: 14px;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
}

.callout-container-nh {
  padding: 15px;
  font-size: 14px;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
}

.box-small {
  float: right;
  width: 150px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding-left: 5px;
}

.callout-small {
  bottom: 5px;
  float: left;
  border: 1px solid #4BB1BA;
  margin-left: 5px;
  margin-top: -3px;
}

.callout-small:hover, .callout:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.callout-header-small {
  padding-top: 5px;
  padding-bottom: 1px;
  height: 32px;
  background: #F2F2F2 !important;
  font-size: 16px;
  text-decoration: none;
  border-top: 8px solid #4BB1BA;
  text-decoration: none;
  color: #01295F !important;
  font-size: 16px !important;
  font-weight: 700 !important;
}

.callout-container-small {
  padding: 5px;
  height: 88px;
  font-size: 14px;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

#landing-title {
  font-size: 16px;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 7px;
  padding-bottom: 18px;
}

.landing-Text {
  padding-left: 7px;
}

.information-box {
  border: 2px solid #4BB1BA;
  margin-bottom: 10px;
}

.information-box-hover {
  border: 2px solid #4BB1BA;
  margin-bottom: 10px;
}

.information-box-hover:hover, .information-box-hover:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.information-box-top {
  background: #F2F2F2 !important;
  color: #01295F !important;
  font-size: 20px;
  text-shadow: none;
  border-top: 8px solid #4BB1BA;
  text-decoration: none !important;
  width: 100%;
}

.information-box-top > h4 {
  margin-top: 5px;
  margin-left: 15px;
}

.information-box-bottom {
  text-shadow: none;
  text-decoration: none !important;
  width: 100%;
}

.information-box-bottom > p {
  margin: 15px;
}

.recording-box {
  border: 2px solid #4BB1BA;
  margin-bottom: 10px;
}

.recording-box-myttac {
  float: left;
  border: 2px solid #4BB1BA;
  width: 48%;
  padding: 0;
  margin: 0 10px 10px 0;
}

@media only screen and (max-width: 500px) {
  .recording-box-myttac {
    width: 99%;
  }
}
.recording-box-top {
  background: #F2F2F2 !important;
  color: #01295F !important;
  font-size: 20px;
  text-shadow: none;
  border-top: 8px solid #4BB1BA;
  border-bottom: 2px solid #4BB1BA;
  text-decoration: none !important;
  width: 100%;
  min-height: 75px;
}

.recording-box-myttac > .recording-box-top {
  font-size: 18px;
}

.recording-box-top > h4 {
  margin-top: 15px;
  margin-left: 20px;
}

.recording-box-myttac > .recording-box-top > h4 {
  margin-bottom: 0px;
}

.recording-box-top-link {
  color: #01295F !important;
  text-decoration: none;
}

.recording-box-top a.recording-box-top-link:hover {
  color: #4BB1BA !important;
  text-decoration: none;
}

.recording-box-top > p {
  margin-top: 15px;
  margin-bottom: 15px;
  margin-left: 20px;
}

.recording-box-bottom {
  display: flex;
  flex-direction: row;
  min-height: 100px;
}

.recording-box-bottom-left {
  text-shadow: none;
  text-decoration: none !important;
  width: 65%;
}

.recording-box-bottom-right {
  text-shadow: none;
  text-decoration: none !important;
  width: 35%;
  border-left: 2px solid #4BB1BA;
}

.recording-box-bottom-full, .recording-box-bottom-full-myttac {
  text-shadow: none;
  text-decoration: none !important;
}

.recording-box-bottom-full-myttac {
  min-height: 200px;
  max-height: 200px;
  width: 100%;
  overflow: auto;
}

.recording-box-bottom-left > p,
.recording-box-bottom-full > p,
.recording-box-bottom-full-myttac > p {
  margin-left: 15px;
  margin-right: 5px;
}

.recording-box-bottom-full td,
.recording-box-bottom-full-myttac td {
  padding: 5px 5px 5px 15px;
  vertical-align: top;
}

.recording-box-bottom-left > ul {
  margin-right: 5px;
}

.recording-box-bottom-right > p {
  margin-left: 15px;
}

.recording-box-bottom-right > ul,
.recording-box-bottom-full > ul,
.recording-box-bottom-full-myttac > ul {
  font-size: 16px;
  list-style-type: square;
  margin-right: 5px;
}

.recording-box-vertical-spacing {
  height: 25px;
}

.pds-checklist {
  display: flex;
  flex-direction: row;
}

.pds-checklist-left, .pds-checklist-right {
  width: 50%;
}

.pds-checklist-item {
  display: flex;
  padding-bottom: 5px;
}

.pds-checklist-checkmark {
  padding-right: 15px;
  padding-top: 3px;
}

@media only screen and (max-width: 1215px) {
  #cssmenu {
    width: 250px;
  }
}
.input90 {
  width: 90% !important;
}

.input95 {
  width: 95% !important;
}

.input100 {
  width: 100% !important;
}

.input90, .input95 {
  float: right;
}

.inputwSideText {
  display: inline-block !important;
  margin-top: auto;
}

.inputNoBottom {
  vertical-align: bottom;
  margin-bottom: 0;
}

.sideText {
  display: inline-block !important;
}

.inputBlue {
  color: blue !important;
}

.hiddenPDS {
  display: none;
}

.showPDS {
  display: inline;
}

.flexAlignCenter {
  display: flex;
  align-items: center;
}

.flexAlignCenter h2 {
  padding: 0px;
  margin: 0px;
}

.flexJustifyContent {
  justify-content: space-between;
}

@media only screen and (min-width: 1024px) {
  .showHideTVA {
    display: none;
  }
}
.flexOnly {
  display: flex;
}

.flexAlignStart {
  display: flex;
  align-items: flex-start;
}

@media only screen and (max-width: 1024px) {
  .showHideTVA {
    display: inline;
  }
  .flexJustifyContent {
    flex-direction: column;
  }
  .flexOnly, .flexAlignStart {
    flex-direction: column;
    align-items: center;
  }
}
#PSEMap {
  border: none;
  float: right;
  width: 347px;
  height: 285px;
}

@media only screen and (max-width: 992px) {
  #PSEMap {
    border: none;
    float: none;
    width: 200px;
    height: 164px;
  }
}
@media only screen and (max-width: 375px) {
  #PSEMap {
    border: none;
    float: none;
    width: 100px;
    height: 82px;
  }
}
#videoIntro, #videoVT, #W3icon, #videoMV, #toolkit-notice,
#nvaa_main, #nvaa_li, #nvaa_ems, #nvaa_asi, #ht_art {
  text-align: right;
}

#videoSMCCP {
  text-align: right;
  width: 250px;
}

@media only screen and (max-width: 992px) {
  #videoIntro, #videoVT, #W3icon, #videoMV, #toolkit-notice,
  #ht_art {
    text-align: center;
  }
  #nvaa_main, #nvaa_li, #nvaa_ems, #nvaa_asi {
    text-align: left;
  }
}
#tellus {
  padding: 0px;
  max-width: 930px;
}

@media only screen and (max-width: 840px) {
  #videoSMCCP {
    text-align: center;
    width: 100%;
  }
  #tellus {
    padding: 0px;
    max-width: 320px;
  }
}
#TellUsForm.ui-input-text input {
  border-style: thin solid #4BB1BA !important;
}

.x_greenboarder {
  border: thin solid #4BB1BA !important;
}

.rc-anchor-light {
  background: #ffffff !important;
  color: #000;
}

/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
  /* border-bottom: 1px dotted black;*/ /* If you want dots under the hoverable text */
}

/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  font-weight: normal;
  text-align: center;
  padding: 5px;
  border-radius: 6px;
  /* Put the tooltip above */
  bottom: 100%;
  left: 50%;
  margin-left: -60px; /* Use half of the width (120/2 = 60), to center the tooltip */
  /* Position the tooltip text - see examples below! */
  position: absolute;
  z-index: 10;
}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
  visibility: visible;
}

/* CSS Document */
/* Best Practices for Serving Webfonts to IE9 -- http://www.fontspring.com/blog/fixing-ie9-font-face-problems */
@font-face {
  font-family: "FontAwesome";
  src: url("/assets/fonts/fontawesome-webfont.eot"); /* IE9 Compat Modes */
  src: url("/assets/fonts/fontawesome-webfont.eot?#iefix") format("embedded-opentype"), url("/assets/fonts/fontawesome-webfont.woff") format("woff"), url("/assets/fonts/fontawesome-webfont.ttf") format("truetype"), url("/assets/fonts/fontawesome-webfont.svg#FontAwesome") format("svg"); /* Legacy iOS */
  font-weight: normal;
  font-style: normal;
}
/* MAIN SITE */
body {
  margin-left: 0px;
  margin-top: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  /* font-family: Helvetica, Arial, sans-serif;
  font-size: 80% !important; */
  font-weight: normal;
  color: #333333;
  background-color: #e5e5e5;
}

div.bodyWrapper {
  position: static;
  background-image: url(/assets/images/bodybackgrnd-w-shadow.png);
  width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.smallFont {
  font-size: 9px;
}

a {
  word-wrap: break-word;
}

/* MESSAGES */
.msg-box {
  padding: 10px;
  border-radius: 3px;
}

.msg-box.info {
  border: 1px solid #075160;
  background-color: #CFF4FC;
}

.msg-box .fa-info-circle {
  color: #075160 !important;
  font-size: 29px !important;
  vertical-align: middle;
}

.msg-box.success {
  border: 1px solid #0E5232;
  background-color: #D1E7DE;
}

.msg-box .fa-check-circle {
  color: #0E5232 !important;
  font-size: 36px !important;
  vertical-align: middle;
}

.msg-box.warning {
  border: 1px solid #664D04;
  background-color: #FFF2CD;
}

.msg-box .fa-exclamation-triangle {
  color: #664D04 !important;
  font-size: 36px !important;
  vertical-align: middle;
}

.msg-box.error {
  border: 1px solid #842029;
  background-color: #F8D7DA;
}

.msg-box .fa-exclamation-circle {
  color: #842029 !important;
  font-size: 36px !important;
  vertical-align: middle;
}

/* END MESSAGES */
/* HEADER */
/* ============================================================ */
div.header {
  position: relative;
  /*	background-image:url(/assets/images/header/headerbkgrnd.png);	*/
  background-repeat: repeat;
  /*	background-color:#669;	*/
  background-color: #FFF;
  width: 960px;
  /*height: 195px;*/
  height: 120px;
  margin-left: 0px;
  margin-right: 0px;
}

img#headerLogo {
  position: absolute;
  top: 49px;
  left: 0px;
  margin-left: 0px;
  /*	padding-left:25px; */
  padding-right: 0px;
  padding-top: 0px;
  padding-bottom: 0px;
}

img#logos {
  position: relative;
  top: -15px;
}

#header-search {
  display: none;
}

/* SHARE AND PRINT ICONS */
#shareprintIcons {
  float: right;
  margin-right: 20px;
}

#shareprintIcons span {
  display: block;
}

#shareprintIcons .page-option {
  display: block;
  float: left;
  margin-left: 10px;
  margin-right: 0%;
  font-size: 11px;
  font-family: verdana, Arial, sans-serif;
  /*text-transform: uppercase;*/
  text-align: center;
  text-decoration: none;
  color: rgb(0, 0, 0);
  overflow: hidden;
}

/*Google Translate*/
/*
.goog-te-gadget, .goog-te-combo {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 57px;
	overflow: hidden;
	opacity: 0;
}
*/
/* .goog-te-gadget-simple *{display:none;} */ /* hides the default Google 'Select Language' dropdown */
/*
.goog-te-gadget-simple:first-child {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 22px;
	height:18px;
	overflow: hidden;
	border-left: 0px solid #ffffff;
	border-width: 0px;
	border-style: none;
	border-color: #ffffff;
	background: none;
	display: inline;
}
*/
/* IE7 needs width set for div#translate. Set in ie7.css  */
#translate-this {
  /*display:inline-block;*/
  /*margin: 10px auto 0;*/
  /*
  width: 22px;
  height:18px;
  */
  width: auto;
  height: auto;
  position: relative;
  cursor: pointer;
  /*background: transparent url(../images/translateicon.gif) no-repeat;*/
}

/*
.goog-te-gadget-simple {
	width: 30px !important;
	height: 30px !important;
	background-color: green;
}
*/
#size-this {
  padding-top: 12px;
}

#email-updates {
  padding-top: 14px;
}

#email-this {
  padding-top: 4px;
}

#print-this {
  padding-top: 8px;
}

/* This turns off the top bar in google translate
.goog-te-banner-frame.skiptranslate {display: none !important;} 
body { top: 0px !important; }*/
div.clearspace {
  clear: both;
}

/* SKIP NAV */
.skipnav {
  text-align: left;
}

.skipnav a {
  color: #2929FF !important;
  position: absolute;
  left: -10000px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

.skipnav a:focus, .skipnav a:active {
  position: static;
  left: 0;
  width: auto;
  height: auto;
  overflow: visible;
  text-decoration: underline;
  outline: thin dotted black;
}

/* FOOTER */
/* ============================================================ */
div.footer {
  clear: both;
}

div.footerMenu {
  position: static;
  background-image: url(/assets/images/footer/footerMenu_background.png);
  background-repeat: repeat;
  width: 958px;
}

p#footerMenuHeader {
  font-weight: bold;
  text-align: left;
  margin-top: 10px;
  margin-left: 10px;
}

p#footerMenuItems {
  margin-top: 0px;
  margin-left: 20px;
  margin-right: 10px;
  text-align: left;
  /*line-height:25px;*/
  font-size: 11px;
  padding-bottom: 5px;
}

a.footerMenuLink:link {
  color: #000;
  text-decoration: none;
}

a.footerMenuLink:visited {
  color: #000;
  text-decoration: none;
}

a.footerMenuLink:hover {
  color: #fff;
  text-decoration: underline;
}

a.footerMenuLink:active {
  color: #000;
  text-decoration: none;
}

a.footerMenuHeader:link {
  color: #000;
  text-decoration: none;
}

a.footerMenuHeader:visited {
  color: #000;
  text-decoration: none;
}

a.footerMenuHeader:hover {
  color: #fff;
  text-decoration: underline;
}

a.footerMenuHeader:active {
  color: #000;
  text-decoration: none;
}

div.footerLinks {
  position: static;
  background-image: url(/assets/images/footer/footer_background.png);
  width: 958px;
  height: 42px;
  /* left: 1px; */
  padding-top: 1px;
  font-size: 11px;
}

a.footerLink:link {
  color: white;
  text-decoration: underline;
}

a.footerLink:visited {
  color: white;
  text-decoration: underline;
}

a.footerLink:hover {
  color: white;
  text-decoration: none;
}

a.footerLink:active {
  color: white;
  text-decoration: underline;
}

#footerContactInfo {
  position: relative;
  text-align: center;
  font-size: smaller;
  margin-top: 10px;
}

td.footerDividerImg {
  background-image: url(/assets/images/footer/footerMenu_divider.png);
  background-repeat: repeat;
  height: 155px;
}

div._fullBody {
  float: left;
  width: 920px;
  margin-left: 20px;
  margin-right: 20px;
  text-align: left;
}

.question {
  padding: 0px 0 0 0;
  margin: 0px 0 0 0px;
  font-weight: bold;
}

.answer {
  padding: 0px 0 0 0;
  margin: 5px 0 16px 0px;
}

.answer ul {
  padding: 0px 0 0 0;
  margin: 5px 0 0px 40px;
}

.answer > p {
  margin-top: 0px;
}

/* Adobe blurb */
p.adobe {
  font-size: 9px;
}

/* SITEMAP */
a.sitemap:link {
  color: #000;
  text-decoration: none;
}

a.sitemap:visited {
  color: #000;
  text-decoration: none;
}

a.sitemap:hover {
  color: #000;
  text-decoration: underline;
}

a.sitemap:active {
  color: #000;
  text-decoration: none;
}

h3.pageHeader {
  text-align: left;
  font-family: Verdana, Arial, sans-serif;
  font-weight: bold;
  color: #093667;
}

/* Link to Us table */
table.Link {
  border-collapse: collapse;
  border: 1px solid gray;
  padding: 5px;
  background-color: #FFC;
}

table.Blue {
  border-collapse: collapse;
  border: 1px solid gray;
  padding: 5px;
  background-color: #e1e4f4;
}

.required1 {
  font-weight: normal;
  color: black;
}

.required2 {
  font-weight: bold;
  color: red;
}

#feedback-tab {
  width: 32px;
  height: 155px;
  position: fixed !important;
  overflow: hidden !important;
  top: 38% !important;
  left: 0px !important;
  /*margin-top: -93px !important;*/
  z-index: 10000;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
}

#feedback-tab a {
  display: block !important;
  position: absolute !important;
  width: 32px;
  height: 155px;
  cursor: pointer !important;
  background-image: url(/assets/images/feedback_tab_2019.png);
  background-repeat: no-repeat;
  margin-left: -3px;
  z-index: 10001;
}

#feedback-tab a:hover, #feedback-tab a:focus {
  margin-left: 0px;
}

/*This style should turn the visited links purple on any page where <cfset variables.layout_classes['single_col'] =  ".visited-link-purple"/> */
#content .visited-link-purple a:visited {
  color: #551A8B;
}

.requiredstar2 {
  font-weight: bold;
  color: red !important;
  /*font-size :15pt;*/
}

/*This style should turn the visited links purple on any page where <cfset variables.layout_classes['single_col'] =  ".visited-link-purple"/> */
#content .visited-link-purple a:visited {
  color: #551A8B;
}

/* overrides to jQM */
.poll-header {
  font-size: 18px !important;
  text-align: center;
  padding: 0.1em 0 !important;
  line-height: 1.5;
}

.poll-question {
  margin: 0.25em 0;
  text-align: center;
  font-size: 10pt;
}

#homepage-poll {
  border-collapse: collapse;
}

#homepage-poll td {
  width: 33%;
  vertical-align: top;
}

#homepage-poll tr:first-child td {
  padding-bottom: 4px;
}

#homepage-poll .ui-radio label {
  min-height: 4em;
}

#homepage-poll .ui-btn {
  margin: 0 2px;
}

#homepage-poll .ui-btn-icon-left .ui-btn-inner {
  padding-left: 40px;
  padding-right: 15px;
}

#homepage-poll .ui-btn-icon-left > .ui-btn-inner > .ui-icon {
  top: 10px;
  margin-top: 0;
}

#homepage-poll .ui-radio .ui-btn-icon-left .ui-icon {
  left: 10px;
}

#homepage-poll .ui-fullsize .ui-btn-inner {
  font-size: 12px;
}

.ie9 #homepage-poll .ui-btn-up-c {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmMWYxZjEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter: none;
}

.ie9 #homepage-poll .ui-btn-hover-c {
  /* IE9 SVG, needs conditional override of 'filter' to 'none' */
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjZmNiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlMGUwZTAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
  filter: none;
}

/* On NITVAN pages, override the site-wide styling that makes visited links not change color. */
#nitvan-content a:visited {
  color: #800080 !important;
}

.wf-fontawesome-n4-inactive ul.checkmarks {
  padding-left: 1em;
  margin-left: 0;
}

.wf-fontawesome-n4-inactive ul.checkmarks li {
  list-style-type: none;
  background: url(/assets/images/icon-check-12x12.png) 0 0 no-repeat;
  background-position: 0px;
  padding-left: 24px;
}

/* image only version of checkmarked list */
ul.checkmarked-list {
  padding-left: 30px;
}

ul.checkmarked-list li {
  background: url(/assets/images/icon-check-12x12.png) no-repeat scroll left top transparent;
  list-style-type: none;
  padding-left: 20px;
}

ul.checkmarked-list.nitvan-toolkit li {
  width: 140px;
}

#voteNow .ui-submit, #voteNow-popup .ui-submit {
  width: 50%;
  margin: auto;
}

.LiveChat {
  display: block;
  width: 250px;
  overflow: hidden;
  position: fixed;
  top: 38% !important;
  /*bottom:0;*/
  right: -215px !important;
  max-width: 100%;
  z-index: 10000 !important;
  margin-right: -3px;
}

.LiveChat:hover, .LiveChat:focus {
  margin-right: 0px;
}

.LiveChatButton {
  vertical-align: bottom;
}

@media only screen and (max-width: 550px) {
  #email-signup {
    width: 300px;
    margin: 10px;
    padding-left: 15px;
  }
}
@media only screen and (max-width: 335px) {
  .LiveChatButton {
    max-width: 80% !important;
    right: 20px;
  }
}
@media only screen and (max-width: 750px) {
  .LiveChat {
    /*left: 50%;*/
    right: 0px;
    text-align: center;
    margin-left: -120px;
  }
}
.muraLogout {
  position: relative;
  float: right;
  margin-top: -10px;
  padding-right: 5px;
}

div.plusMinus {
  float: right;
}

.fieldtitle {
  font-size: 12.5px;
  color: navy;
  font-weight: bold;
}

#content .ui-link {
  font-weight: normal;
  color: rgb(41, 41, 255);
}

#page .ui-panel-content-wrap {
  min-height: 0 !important;
  z-index: -1; /* Keeps the translated facts dropdown over the page */
}

/*div#tabs.ui-tabs.ui-widget.ui-widget-content {
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 2em;
}

#content .ui-tabs-panel  a:hover {color:#993300 !important;}
.ui-tabs-panel  a:link {color:#2929FF !important;} 
.ui-tabs-panel  a:visited {color:#551A8B !important;}
.ui-tabs-panel  a:active {color:#0000FF !important;} 
*/
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  font-weight: bold !important;
  color: #212121 !important;
  text-decoration: none;
}

.ui-body-c {
  background: #fff !important;
  background-image: none;
}

.nowrap {
  white-space: nowrap;
}

body {
  /*background-image: url(/assets/images/site_backgrnd_pattern-10x10.png) !important;*/
  background: #f5f5f5;
  height: auto !important;
  /*box-shadow: 10px 10px 5px #888888;*/
}

#page {
  background-color: #fff !important;
  width: 100% !important;
  position: relative;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  z-index: 10; /* Keeps the slideshow slider under the second level mega-menu in IE7 */
}

header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #969a9b;
  width: 100%;
  height: 127px;
  margin: 0 auto;
  z-index: 0;
}

#topLeft_top {
  position: absolute;
  top: 0;
  left: 0;
  height: 49px;
  width: 50%;
  background-color: #fff;
  z-index: -1;
}

#topLeft_bottom {
  position: absolute;
  top: 49px;
  left: 0;
  height: 78px;
  width: 49%;
  background-color: #1a325e;
  z-index: -1;
}

#topRight_top {
  position: absolute;
  top: 0;
  left: 50%;
  height: 49px;
  width: 50%;
  z-index: -1;
}

.backgroundsize #topRight_top {
  background: #fff url("../images/header/OJP_masthead-lines@2x.png") no-repeat;
  background-size: 100% 49px;
}

.no-backgroundsize #topRight_top {
  background: #fff url("../images/header/OJP_masthead-lines.png") no-repeat;
}

#topRight_bottom {
  position: absolute;
  top: 50px;
  left: 50%;
  height: 78px;
  width: 50%;
  background-color: #73b1e0;
  z-index: -1;
}

#shadow-under-ojplogo2 {
  position: absolute;
  top: 49px;
  width: 100%;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #818181;
  height: 0;
  /*background: #75b3e2 url('/assets/images/header/shadow_under_ojplogo.gif') no-repeat left top;*/
}

#headerContent {
  width: 960px !important;
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#header-search-wrapper {
  position: absolute;
  top: 56px;
  right: 5px;
  display: block;
  /*margin-left: 703px;*/
}

#header-search {
  position: relative;
  display: block;
  width: 250px;
  max-width: 250px;
  height: 28px;
}

#header-search #q {
  background: #fff;
  /*padding: 0;*/
  /*padding-left: 3px;*/
  float: left;
  margin: 0;
  margin-right: 2px;
  height: 28px !important;
  line-height: 28px;
  border: 0;
  width: 214px;
  padding-left: 5px;
  border-radius: 0;
  box-shadow: none;
}

#header-search #q::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}

#header-search #q::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}

#header-search #q:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}

#header-search #q:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}

#header-search {
  border: 1px solid #5F95C3;
}

#header-search #q {
  float: left;
  min-height: 0;
  border: 0;
  /*padding: 0;*/
  height: 100%;
}

#header-search #q:focus {
  outline: thin dotted;
}

button.top-icon-search, #header-search input[type=submit] {
  float: right;
  height: 28px;
  width: 28px;
  /*width: 9.65517%;*/
  padding: 0px;
  margin: 0px;
  border: 0px none;
  outline: 0px none;
  background: white;
}

button.top-icon-search,
.wf-fontawesome-n4-inactive .top-icon-search,
.lteIE8 .top-icon-search {
  background: url("../images/header/magnifying-glass-28x28.png") no-repeat;
}

.ie7 #header-search #q {
  height: 28px !important;
  line-height: 28px;
}

.ie7 button.top-icon-search, .ie7 #header-search input[type=submit] {
  background: url("../images/header/magnifying-glass-28x28.png") no-repeat;
  /*background: url("../images/header/magnify_glass.png") no-repeat scroll 6px -20px rgb(255, 255, 255);*/
}

/*
.wf-fontawesome-n4-active button.top-icon-search {
	background-image: none;
	background-color: white;
}
*/
.wf-fontawesome-n4-active button.top-icon-search:before {
  content: "\f002"; /* FontAwesome's fa-search: Unicode: f002 */
  font-family: "FontAwesome" !important;
  font-size: 18px;
  color: #0066cc;
  /*text-shadow: 1px 1px 2px #999;*/
}

.wf-fontawesome-n4-active button.top-icon-search:hover:before {
  font-size: 22px;
  text-shadow: 2px 2px 3px #999;
}

#header-search .ui-icon-searchfield:after {
  /*background-color: #666;*/
  background-color: transparent; /*rgba(0,0,0,.4);*/
  background-image: none; /*url(images/icons-18-white.png);*/
  background-repeat: no-repeat;
  /*
  -webkit-border-radius: 9px;
  border-radius: 9px;
  */
}

#search-results-wrap {
  width: 95%;
  position: relative;
}

#search-results-table {
  table-layout: fixed;
  width: 100%;
}

#search-results-table a {
  word-wrap: break-word !important;
}

#search-results-table .next-prev-links {
  background-color: #e7eaf6;
}

#search-results-table .next-prev-links a {
  padding: 0px;
  font-weight: bold;
}

/*@media only screen and (min-width: 768px){*/
#search-results-table {
  width: 75%;
  word-wrap: break-word;
}

/*}*/
#header-icons {
  position: relative;
  margin-top: 1px;
}

#header-icons > a, #translate-this {
  padding: 2px 3px;
  text-align: center;
  display: inline-block !important;
  font-family: "bebas_neueregular" !important;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 300;
  /*color: #333 !important;*/
  /*color: #d9d9d9 !important;*/
  letter-spacing: 0.085em;
  /*text-shadow: none;*/
  /*font-stretch: condensed;*/
  /*text-shadow: #ccc 0px 1px 0px;*/
  border-radius: 5px;
  color: #fff !important;
  /*background-color: darkblue;*/
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
  /*-webkit-transition: all 0.25s;*/
  /*-webkit-transition: color 0.25s, background-color 0.25s;*/ /* Safari */
  /*transition: all 0.25s;*/
  transition: color 0.25s, background-color 0.25s;
}

#header-icons a:hover,
#header-icons a:active,
#header-icons a:focus,
#translate-this:hover {
  /*text-decoration: underline !important;*/
  color: #fff !important;
  background-color: #49718c;
  filter: none;
  /*font-size: 15px;*/
  /*background-color: darkblue;*/
  /*text-shadow: #111 0px 1px 2px;*/
}

.ie7 #translate-this i.fa-language,
.wf-fontawesome-n4-inactive #translate-this i.fa-language {
  background: url("../images/header/translate-etc_icons.png");
  background-position: -18px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

.ie7 #header-icons i.fa-envelope-o,
.wf-fontawesome-n4-inactive #header-icons i.fa-envelope-o {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -76px 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-loading #header-icons i.fa-language:before,
.wf-fontawesome-n4-inactive #header-icons i.fa-language:before,
.wf-fontawesome-n4-loading #header-icons i.fa-envelope-o:before,
.wf-fontawesome-n4-inactive #header-icons i.fa-envelope-o:before,
.wf-fontawesome-n4-loading #header-icons i.fa-share-square-o:before,
.wf-fontawesome-n4-inactive #header-icons i.fa-share-square-o:before,
.wf-fontawesome-n4-loading #header-icons i.fa-print:before,
.wf-fontawesome-n4-inactive #header-icons i.fa-print:before {
  content: none !important;
}

.ie7 #header-icons i.fa-share-square-o,
.wf-fontawesome-n4-inactive #header-icons i.fa-share-square-o {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -124px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

.ie7 #header-icons i.fa-print,
.wf-fontawesome-n4-inactive #header-icons i.fa-print {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -166px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

#header-control-buttons, #main-menu-panel, #tools-panel, #poll-popup {
  display: none;
}

/* *******************new media queries for 2019 refresh start*********************** */
#content {
  clear: both;
  position: relative;
  z-index: -1; /* Keeps the translated facts dropdown over the content */
  line-height: 1.5;
  margin-left: 50px;
  margin-right: 50px;
  overflow-x: initial;
  margin: auto;
  max-width: 1440px;
}

.breadcrumbs {
  position: relative;
  font-size: 16px;
  text-align: left;
  margin-left: 250px;
  margin-top: 25px;
  z-index: -1;
}

.breadcrumbs a {
  font-weight: bold;
  color: #1155CC !important;
}

@media only screen and (max-width: 3820px) {
  .breadcrumbs {
    margin-left: 1450px;
  }
}
@media only screen and (max-width: 1920px) {
  .breadcrumbs {
    margin-left: 500px;
  }
}
@media only screen and (max-width: 1440px) {
  .breadcrumbs {
    margin-left: 275px;
  }
}
@media only screen and (max-width: 768px) {
  #content {
    margin-left: 0px;
    margin-right: 0px;
  }
}
/* *******************new media queries for 2019 refresh start*********************** */
h1.page-title {
  font-family: "Oswald" !important;
  font-size: 1.75em;
  font-weight: bold;
  color: #093667;
  width: 100%;
  margin: 0 0 1em 0;
}

h2 {
  font-weight: bold;
  color: #093667;
  margin-top: 0;
  padding-bottom: 4px;
}

h2.homepage {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #093667 !important;
  margin-top: 0;
}

h2.educators {
  font-size: 14px;
  font-weight: bold;
  color: #093667;
}

h2.educators-tab-titles {
  font-family: "Oswald" !important;
  font-size: 1.5em;
  font-weight: bold;
  color: #093667 !important;
}

.bold {
  font-weight: bold;
}

.show {
  display: block !important;
}

.center {
  margin-left: auto;
  margin-right: auto;
}

.center-text {
  text-align: center;
}

.clear {
  clear: both;
}

.left {
  float: left;
}

.right {
  float: right;
}

.width05 {
  width: 5%;
}

.width10 {
  width: 10%;
}

.width15 {
  width: 15%;
}

.width20 {
  width: 20%;
}

.width25 {
  width: 25%;
}

.width30 {
  width: 30%;
}

.width35 {
  width: 35%;
}

.width40 {
  width: 40%;
}

.width45 {
  width: 45%;
}

.width50 {
  width: 50%;
}

.width55 {
  width: 55%;
}

.width60 {
  width: 60%;
}

.width65 {
  width: 65%;
}

.width70 {
  width: 70%;
}

.width75 {
  width: 75%;
}

.width80 {
  width: 80%;
}

.width85 {
  width: 85%;
}

.width90 {
  width: 90%;
}

.width95 {
  width: 95%;
}

.width100 {
  width: 100%;
}

.blue-bars {
  position: relative;
  color: #473a32;
  border-top: 0px;
  border-bottom: 1px solid #61abb8;
  margin-bottom: 10px;
}

.blue-bars:after {
  position: absolute;
  left: 0px;
  content: " ";
  padding-top: 8px;
  border-bottom: 3px solid #61abb8;
  width: 100%;
  margin-bottom: 5px;
}

.page-title.blue-bars:after {
  padding-top: 4px;
}

.single-col-wrap,
.single-col-sidebar-wrap,
.two-col-wrap,
.two-col-sidebar-wrap {
  margin-bottom: 1.5em;
}

.sidebarLink {
  margin-left: 0.25em;
}

.indent-1 {
  margin-left: 20px;
}

.indent-2 {
  margin-left: 40px;
}

.indent-3 {
  margin-left: 60px;
}

.single-col-sidebar-wrap .single-col.indent-1 {
  width: 670px;
}

.single-col-sidebar-wrap .sidebar {
  display: block;
  margin: 0 auto;
  clear: both;
}

.two-col-sidebar-wrap .col-a {
  position: relative;
}

.two-col-sidebar-wrap .col-b {
  position: relative;
}

#content a:hover {
  color: #993300;
}

div.sidebar {
  display: block;
  width: 236px;
  margin: 0 auto !important;
}

div.menubar {
  display: block;
  width: 20%;
  margin: 0 auto !important;
  float: left;
}

.notMenuStyle {
  float: left;
  width: 75%;
  margin-left: 2%;
}

ul.square {
  list-style-type: square;
}

ul.square li {
  margin-bottom: 0.25em;
}

ul.square15 {
  list-style-type: square;
  padding-left: 15px;
  margin-top: 0;
}

ul.square15 li {
  margin-bottom: 0.25em;
}

ul.one-em-margin-bottom li {
  margin-bottom: 1em;
}

ul.check {
  list-style-type: none;
  padding: 0px;
  margin: 0 0 0 2em;
}

ul.check li {
  background-image: url(/images/checkmark-greyback.gif);
  background-repeat: no-repeat;
  /*background-position: 0px 5px;*/
  padding-left: 1.75em;
}

ul.training-modules {
  list-style-type: square;
}

ul.training-modules > li {
  font-weight: bold;
  background-position: 15px;
}

ul.training-modules ul {
  list-style-type: square;
  font-weight: normal;
  padding: 0px;
  margin: 1em 0 2em 2em;
}

ul.training-modules li ul li {
  /* background-image: url(/images/checkmark-greyback.gif);
  background-repeat: no-repeat;
  padding-left: 1.75em; */
  margin-bottom: 0.5em;
}

.basic-aside {
  background-color: #e7e7e7;
  border: solid 1px #032f5f;
  padding: 0.25em 1em 1em 1em;
  margin-bottom: 2em;
}

aside.global {
  background-color: #f2f2f2;
  /*border: solid 2px #093667;*/
  padding-bottom: 2px;
  margin-bottom: 2em;
  word-wrap: break-word;
}

aside.global .widget-content {
  margin-left: 1em;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
}

aside.global h4 {
  font-family: "Oswald" !important;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none !important; /* override JQM's value */
  margin: 0;
  padding: 0.25em 0.5em;
  color: #fff;
  background-color: #093667;
}

/* adds shadow to images
aside.global img {
	-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 4px rgba(50, 50, 50, 0.75);
}
*/
aside.global ul {
  list-style-type: square;
  padding: 0px;
  margin: 0 0 0 1.5em;
}

aside.global ul li {
  padding-left: 0.25em;
  margin-bottom: 0.25em;
}

.widget-btn-wrapper,
.standard-btn-wrapper {
  text-align: center;
}

form#mailinglist a.button.blue {
  margin-top: 1em;
}

#email-signup {
  /* float:left;  */
  width: 300px;
  margin: 10px;
  padding-left: 15px;
}

#e-brief-blurb {
  width: 300px;
  float: left;
  position: relative;
  margin: 10px;
}

#voteNow fieldset {
  border: none;
}

#content aside.global a.widget-btn,
#content .standard-btn {
  text-align: center;
  color: rgb(255, 255, 255);
  /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);*/
  background-color: rgb(0, 142, 208);
  background-image: linear-gradient(to bottom, rgb(0, 154, 221), rgb(0, 125, 188));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.083em;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  /*text-shadow: 0px 1px 0px rgba(0, 0, 0, 127);*/
  border-width: 1px;
  border-style: solid;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -o-border-image: none;
     border-image: none;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

#content aside.global a.widget-btn:hover, #content aside.global a.widget-btn:focus, #content aside.global a.widget-btn:active,
#content .standard-btn:hover, #content .standard-btn:focus, #content .standard-btn:active {
  color: rgb(255, 255, 255) !important;
  background-color: red;
  background-color: rgb(0, 125, 188);
  outline-offset: -2px;
  text-decoration: none;
  /*background-position: 0px -15px;*/
  /*transition: background-position 0.1s linear 0s;*/
}

.button {
  font-family: Helvetica !important;
  font-size: 16px;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  background-color: #01295F;
  border-radius: 6px !important;
  border: 2px solid #01295F;
  vertical-align: middle;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  outline: none;
  text-shadow: none;
  padding: 6px;
}

.minibutton {
  font-size: 16px;
  padding: 3px;
  font-family: Helvetica !important;
  letter-spacing: 0;
  position: relative;
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  white-space: nowrap;
  background-color: #01295F;
  border-radius: 6px !important;
  border: 2px solid #01295F;
  vertical-align: middle;
  cursor: pointer;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-appearance: none;
  outline: none;
  text-shadow: none;
}

.button:hover, .button:active, .button.zeroclipboard-is-hover, .button.zeroclipboard-is-active, .minibutton:hover, .minibutton:active, .minibutton.zeroclipboard-is-hover, .minibutton.zeroclipboard-is-active {
  color: #01295F !important;
  text-decoration: none;
  background-color: #ffffff !important;
  border: 2px solid #01295F !important;
  border-radius: 6px !important;
}

.button:disabled, .button:disabled:hover, .button.disabled, .button.disabled:hover, .minibutton:disabled, .minibutton:disabled:hover, .minibutton.disabled, .minibutton.disabled:hover {
  opacity: 0.5;
  color: #666 !important;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.9);
  background-image: none;
  background-color: #e5e5e5;
  cursor: default;
  box-shadow: none;
  border-color: #c5c5c5;
}

.button.blue, .minibutton.blue {
  color: #fff !important;
  background-color: #01295F !important;
  border-color: #01295F !important;
  border-radius: 6px !important;
}

.button.blue:hover, .minibutton.blue:hover, .button.blue:focus, .minibutton.blue:focus {
  color: #01295F !important;
  text-decoration: none;
  background-color: #ffffff !important;
  border: 2px solid #01295F !important;
  border-radius: 6px !important;
}

.button.blue:active, .button.blue.selected, .minibutton.blue:active, .minibutton.blue.selected, .context-menu-container.active .blue.minibutton.switcher, .context-menu-container.active .blue.context-button {
  color: #01295F !important;
  text-decoration: none;
  background-color: #fff;
  border: 2px solid #01295F;
  border-radius: 6px !important;
}

.button.blue:disabled, .button.blue.disabled, .minibutton.blue:disabled, .minibutton.blue.disabled {
  background-position: 0 0;
  border-radius: 6px !important;
}

.button.red {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #b23230;
  background-image: linear-gradient(to bottom, rgb(178, 50, 48), rgb(178, 50, 48));
  /*background-image:linear-gradient(#599bcd,#3072b3);*/
  background-repeat: repeat-x;
  border-color: #2a65a0;
}

.button.red:hover {
  color: #fff !important;
  background-color: #7c0604 !important;
  background-image: none;
  background-repeat: repeat-x;
  border-color: #2a65a0;
}

.button.grey, .minibutton.grey {
  color: #000 !important;
  background-color: #f6f6f6 !important;
  border-color: #ddd !important;
  border-radius: 6px !important;
}

.button.grey:hover, .minibutton.grey:hover, .button.grey:focus, .minibutton.grey:focus {
  color: #000 !important;
  text-decoration: none;
  background-color: #ddd !important;
  border: 2px solid #ddd !important;
  border-radius: 6px !important;
}

.button.grey:active, .button.grey.selected, .minibutton.grey:active, .minibutton.grey.selected, .context-menu-container.active .grey.minibutton.switcher, .context-menu-container.active .grey.context-button {
  color: #000 !important;
  text-decoration: none;
  background-color: #ddd;
  border: 2px solid #ddd;
  border-radius: 6px !important;
}

.button.grey:disabled, .button.grey.disabled, .minibutton.grey:disabled, .minibutton.grey.disabled {
  background-position: 0 0;
  border-radius: 6px !important;
}

#myBtn {
  float: right;
  margin: 0px;
  padding: 1px 2px;
}

#rs-clear-button {
  position: absolute;
  top: 188px;
  left: 700px;
  margin: 0px;
  padding: 1px 2px;
}

@media only screen and (max-width: 1440px) {
  #rs-clear-button {
    top: 188px;
    left: 640px;
  }
}
@media only screen and (max-width: 1380px) {
  #rs-clear-button {
    top: 188px;
    left: 625px;
  }
}
@media only screen and (max-width: 1280px) {
  #rs-clear-button {
    top: 188px;
    left: 600px;
  }
}
@media only screen and (max-width: 1080px) {
  #rs-clear-button {
    top: 210px;
    left: 555px;
  }
}
@media only screen and (max-width: 780px) {
  #rs-clear-button {
    top: 212px;
    left: 325px;
  }
}
@media only screen and (max-width: 450px) {
  #rs-clear-button {
    position: static;
    float: left;
    margin-bottom: 50px;
  }
}
/*Learn More button within a tab for example on the NVAA Leadership Institute page, Instructors widget*/
#learnmore {
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #3072b3 !important;
  background-image: linear-gradient(to bottom, rgb(0, 154, 221), rgb(0, 125, 188));
  /*background-image:linear-gradient(#599bcd,#3072b3);*/
  background-repeat: repeat-x;
  border-color: #2a65a0;
}

#learnmore:hover {
  color: #fff !important;
  background-color: #24629E !important;
  background-image: none;
  /*background-image:linear-gradient(#79d858,#569e3d);*/
  background-repeat: repeat-x;
  border-color: #2a65a0;
}

#learnmore:active {
  background-color: #24629E !important;
  background-image: none;
  border-color: #2a65a0;
}

/* Homepage tiles */
#recent-news-tile, #whats-new-tile {
  /*height: 300px;*/
  padding: 7px;
  border: thin solid #CCC;
}

/*#recent-news-tile .tile-content, #whats-new-tile .tile-content {
	height: 300px;
	overflow: auto;
}*/
#tile-content-recent-news, #tile-content-whats-new {
  height: 300px;
  overflow-x: auto;
}

#content #tile-content-recent-news *,
#content #tile-content-whats-new *,
#content #online-training-tile * {
  color: #333;
}

#online-training-tile, #how-we-can-help-tile {
  display: block;
  margin-top: 2em;
  margin-bottom: 3em;
}

#how-we-can-help-tile {
  padding-top: 7em;
}

#how-we-can-help-tile aside.global {
  /*width: 236px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.bottom-sidebar aside {
  float: left;
  width: 31%;
  margin-right: 2em;
}

.bottom-sidebar div.last aside {
  float: left;
  width: 31%;
  margin-right: 0;
}

.highlight-box {
  border: 1px solid #4BB1BA;
  padding: 0.75em;
  /* background-color:white; */
}

.ApplyBanner {
  background-color: #F2F2F2;
  padding: 10px;
  clear: both;
  text-shadow: none;
}

.lower-alpha {
  list-style-type: lower-alpha;
}

a.external {
  background: url(/assets/images/external-link.png) no-repeat scroll right center transparent;
  /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent; */
  padding-right: 13px;
}

a[href^="mailto:"] {
  text-decoration: underline;
  background: url(/assets/images/email-icon.png) no-repeat scroll right center transparent;
  padding-right: 13px;
}

/*
a[href^="mailto:"]:-webkit-any-link:after,
#page a[href^="mailto:"]:after {
	content: "\f003";  FontAwesome's fa-envelope-o   : Unicode: f003 
	font-family: 'FontAwesome' !important;
	margin-left: 0.2em;
	text-decoration: none !important;
}
*/
footer {
  position: relative;
  clear: both;
  /*margin: 1em auto 0;*/
  /*padding: 10px 0px;*/
  /*padding-bottom: 4em;*/
}

#footer-links {
  font-size: 12px !important;
  position: relative;
  width: 100%;
  /*margin-top: 3em;
  margin-left: auto;
  margin-right: auto;*/
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #376105;
  text-shadow: none;
}

#footer-links h5 {
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}

#footer-links h5, #footer-links a {
  color: #fff;
  text-decoration: none;
}

#footer-links h5 a {
  font-size: 16px !important;
  color: #fff;
  /*color: #8ab2d7;*/
  font-weight: bold;
}

#footer-lists {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  /*position: relative;*/
  width: 960px;
}

#footer-lists #inner-wapper {
  position: relative;
}

#footer-lists .category-links {
  margin-bottom: 1.5em;
}

#footer-resources-links-left, #footer-resources-links-right {
  clear: none;
  background-color: #264403;
  margin-top: 1.75em;
  padding-left: 1.5em;
  padding-top: 1em;
}

#footer-lists ul {
  margin: 0.5em 0 0 0;
  padding: 0;
  list-style: none;
}

#footer-lists ul li {
  margin-bottom: 0.75em;
}

.lteIE8 #footer-lists ul li {
  padding-bottom: 0;
}

#footer-lists .list-wrapper {
  display: block;
  float: left;
  margin-right: 0.5%;
  text-align: left;
}

#no-category-links {
  display: block;
  margin-top: 1.75em;
  margin-right: 0;
}

#no-category-links ul {
  padding: 0;
}

.lteIE8 #no-category-links ul {
  list-style: none;
  text-align: left;
}

.lteIE8 #no-category-links li {
  margin-left: 0;
  padding-left: 0;
  border: 0;
}

#no-category-links a {
  border: none;
  white-space: nowrap;
}

.footer-navigation {
  text-align: center;
  margin-top: 1.5em;
}

.ie7 #footer-lists a {
  display: block;
}

#footer-lists a, .footer-navigation a {
  font-size: 12px;
  font-weight: normal;
}

.footer-navigation ul {
  text-align: center !important;
  margin-left: auto !important;
  padding: 0;
}

.footer-navigation ul li {
  display: inline;
  border-right: solid 1px #fff;
  padding-right: 1em;
  padding-left: 1em;
}

.footer-navigation ul li.last {
  border-right: none;
}

#footer-lists a:hover, .footer-navigation a:hover {
  text-decoration: underline !important;
}

/*@media only screen and (max-width: 480px) {*/
/*
#footer-lists .list-wrapper, #no-category-links {
	clear: both;
}
#no-category-links {
	margin-top: 0;
}
*/
/*}*/
/*@media only screen and (min-width: 480px) {*/
#footer-lists .two-list-wrapper {
  display: table;
  margin: 0px auto;
  width: 90%;
}

#footer-help-links, #no-category-links {
  padding-left: 1%;
  padding-right: 2%;
  width: 24%;
}

#footer-training-links {
  width: 20%;
  padding-left: 5%;
}

/*}*/
/*@media only screen and (min-width: 768px) {*/
#footer-lists .two-list-wrapper {
  display: inline;
  margin: auto;
  width: 90%;
}

#no-category-links {
  width: auto !important;
  clear: both;
  float: none !important;
  margin-top: 0em;
  display: block;
}

#no-category-links ul {
  margin: 0px auto;
  text-align: center;
}

#no-category-links li {
  display: inline !important;
  border-right: solid 1px #fff;
  padding: 0 10px;
}

#no-category-links li:last-child {
  border-right: none;
}

/*}*/
/*@media only screen and (min-width: 925px) {*/
#no-category-links {
  display: block;
  overflow: hidden;
  /*display: table;*/
  margin: 1.75em 0 0 1em !important;
  clear: none;
  float: left;
  /*width: auto;*/
}

#no-category-links ul {
  margin-left: 1em;
  padding-left: 0;
}

.lteIE8 #no-category-links ul {
  margin-left: -16px !important;
}

#no-category-links li {
  display: table !important;
  border: none;
  padding: inherit;
}

.lteIE8 #no-category-links li {
  display: block !important;
  margin-bottom: 10px;
}

/*}*/
#footerContactInfo {
  position: relative;
  top: 0;
  /*float: left;*/
  width: 100%;
  /*margin-left:auto;
  margin-right:auto;*/
  /*clear: both;*/
  /*background-color: red;*/
  margin-top: 0;
  padding-top: 1em;
  /*padding-right: 1em;*/
  font-size: 11px;
  text-align: center;
  padding-bottom: 4em;
}

#footerContactInfo table {
  width: 100%;
}

#footerContactInfo td {
  width: 50%;
  vertical-align: top;
}

#footerContactInfo #ovcLogo {
  display: block;
  position: absolute;
  top: 1em;
  right: 2%;
  max-width: 30% !important;
  /*height: auto;*/
  /*
  max-width: 30% !important;
  height: auto;
  */
  /*width: auto;*/
  margin-left: 5%;
  /*
  max-width: 30% !important;
  height: auto;

  */
  /*
  width: 23.958333333333333333333333333333%;
  height: 100%;
  max-height: inherit;
  */
  /*
  width: 100%;
  height: 100%;
  max-width: 230px;
  max-height: 89px;
  */
  /*
  background: url('/assets/images/footer/OVC-vector-230x89.svg') ;
  background-size: 100% 100%;
  */
  /*background:  url('/downloads/mtest/assets/images/footer/OVC-vector-230x89.svg') ;*/
  /*background-size: 230px 89px;*/
  /*background-color: #fcc;*/ /* for debugging  */
}

#footerContactInfo #ovcLogo img {
  /*display: block;*/
  /*width: 230px;*/
  width: auto;
  max-width: 100% !important;
  height: auto;
  /*width: auto !important;*/
  /*min-width: 125px !important;*/
  /*max-width: 100% !important;*/
}

#ovcttac-footer-info {
  float: left;
  max-width: 63%;
  padding-left: 5%;
  text-align: center;
}

#footerContactInfo #contact-links {
  text-align: left;
}

#footerContactInfo .contact-link {
  white-space: nowrap;
  display: block;
}

.contact-link-separator {
  display: none;
}

#last-footer-info {
  margin-left: 2% !important;
  width: 66% !important;
  /*max-width: 70% !important;*/
  padding: 0px;
  text-align: center;
  display: block;
  float: left;
  clear: both;
  /*display: block;*/
  /*margin-left: 3% !important;*/
  /*
  float:left;
  clear:both;
  width: 60%;
  max-width: 60%;
  padding: 0 2%;
  text-align: center;
  */
}

/*@media only screen and (min-width: 768px) {*/
#footerContactInfo #contact-links {
  margin-top: auto;
  text-align: center !important;
}

#footerContactInfo .contact-link, #footerContactInfo .contact-link-separator {
  display: inline;
}

/*}*/
#top-link a {
  font-family: "Lato", sans-serif;
  background: none repeat scroll 0% 0% #e6e6e6;
  border: 1px solid #e6e6e6;
  border-radius: 5px 5px 0px 0px;
  color: #01285f;
  display: none;
  outline: none;
  font-size: 16px;
  margin-left: -85px;
  opacity: 0.8;
  padding: 7px;
  position: fixed;
  bottom: -3px;
  left: 50%;
  right: 0px;
  text-align: center;
  text-decoration: none;
  width: 150px;
  z-index: 999;
}

#top-link a:hover,
#top-link a:active,
#top-link a:focus {
  bottom: 0;
}

/* FAQs and Top links */
a[href^="#top"], .scroll-to {
  float: right;
  display: block;
  margin-bottom: 1.5em;
}

h2, .faqs h3 {
  clear: both;
}

.faqs h3 {
  margin-bottom: -0.75em;
}

/* END: FAQs and Top links */
#back-top {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

#back-top a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  background-color: green;
  color: #fff;
  padding: 15px 10px;
}

/**
http://nicolasgallagher.com/micro-clearfix-hack/

 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ie7 .clearfix {
  *zoom: 1;
}

/* Training & Training Materials */
.training-materials {
  width: auto;
  background-image: url(/assets/images/divider-trainingmaterials.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  padding: 1em 0 1em;
  position: relative;
  /*padding-right: 135px;*/
  /*
  display: block;
  */
  /* old
  clear: both;
  width:90%;
  padding: 1em 0 1em;
  background-image:url(/assets/images/divider-trainingmaterials.png); background-repeat:no-repeat;
  */
}

.training-materials .training-desc {
  float: left;
  width: 48%;
  /* old
  float:left; 
  width: 40%;
  padding-right: 1em;
  */
}

.training-materials img {
  top: 8px;
  right: 5px;
  float: left;
  margin-left: 10px;
  /*position: absolute;*/
  /*
  top: 8px;
  right: 5px;
  */
  /*float: left;*/
  /*margin-left: .5em;*/
  /* old
  float:left;
  margin-left: 1em;
  */
}

.training-materials .training-links {
  /*margin-top: 0em;*/
  width: 95%;
  float: left;
  /* old
  float:right; 
  width:25%;
  */
}

.training-materials .training-links ul {
  width: 100%;
  padding-left: 1em;
}

.training-materials .training-links ul li {
  margin-bottom: 1em;
}

/*@media only screen and (min-width: 568px) {*/
.training-materials .training-desc {
  float: left;
  width: 40%;
  padding-right: 1em;
}

.training-materials img {
  position: static;
  float: left;
  margin-left: 1em;
}

.training-materials .training-links ul {
  padding-left: 1.3em;
}

.training-materials .training-links {
  float: left;
  width: 30%;
  margin-left: 1em;
}

/*}*/
#training-cat-cal {
  display: block;
  clear: both;
  border: 1px solid #487dba;
  margin: 0px;
  padding: 10px 10px;
  background-color: #e1e4f4;
}

#training-cat-cal #training-catalog,
#training-cat-cal #ovc-events {
  display: block;
  position: relative;
}

#training-cat-cal #training-catalog {
  padding-right: 115px;
  min-height: 120px;
}

#training-cat-cal #ovc-events {
  padding-right: 105px;
  min-height: 120px;
}

#training-cat-cal .cell {
  position: absolute;
  top: 0px;
  right: 0px;
}

/*@media only screen and (min-width: 540px) {*/
#training-cat-cal {
  padding: 0;
}

#training-cat-cal #training-catalog,
#training-cat-cal #ovc-events {
  padding-right: inherit;
  min-height: inherit;
}

#training-cat-cal #training-catalog,
#training-cat-cal #ovc-events {
  float: left;
  width: 48%;
  padding: 1%;
  vertical-align: top;
}

#training-cat-cal .description,
#training-cat-cal .cell {
  display: table-cell;
  position: static !important;
  vertical-align: top;
  top: inherit;
  right: inherit;
  width: 50%;
}

#training-cat-cal .cell {
  text-align: center;
}

.ie7 #training-cat-cal .description,
.ie7 #training-cat-cal .cell {
  float: left;
  display: inline;
}

/*}*/
/* Training Catalog tables*/
.expand-collapse-all {
  display: block;
  margin-bottom: 20px;
  text-decoration: underline;
  cursor: pointer;
}

table#nvaa-trainings,
table#trainings-by-request,
table#online-trainings,
table#webinars {
  width: 100%;
}

#nvaa-trainings tr.title-th,
#trainings-by-request tr.title-th {
  width: 50%;
}

#online-trainings tr.title-th,
#webinars tr.title-th {
  width: 65%;
}

.training-info {
  background-color: #fff;
  /*border-top: 15px solid #093667;*/
}

.trainings-list {
  /*background-color:#093667;*/
  border-bottom: 1px solid #888 !important;
}

.ui-responsive {
  border-collapse: collapse;
}

/*.ui-responsive ,*/
.ui-responsive td, .ui-responsive th {
  border: 1px solid #888;
  border-bottom: none;
}

.ui-responsive tbody {
  border-bottom: 1px solid #888 !important;
}

.ui-responsive .ui-table-cell-label {
  width: 75px;
  max-width: 75px !important;
  min-width: 0 !important;
  /*vertical-align:top;*/
  float: left;
}

.training-info .online-title {
  text-align: left !important;
}

.title-link .new-training-icon, .title-link .coming-soon-icon {
  vertical-align: middle;
}

.online-title div {
  display: inline-block;
  /*float: left;*/
  /*width: 75%;*/
  /*background: #eea;*/
}

.ceus {
  white-space: nowrap;
}

/* hide the summary row on page load*/
.summary, .desc {
  display: none;
  background: #c7ddee;
}

.materials {
  display: none;
}

.expertbio {
  display: none;
}

.expertbiofull {
  display: none;
}

.summary-toggle, .title-summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle, .title-desc-toggle {
  text-decoration: underline;
  cursor: pointer;
}

.summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle {
  vertical-align: middle !important;
  text-align: center !important;
}

.title-summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .title-desc-toggle {
  white-space: nowrap;
  text-decoration: none;
  margin-top: 0.5em;
  text-align: center;
  min-width: 110px;
}

/*
.summary-toggle,
.summary-toggle .ui-table-cell-label,
.show-summary-th,
.summary .ui-table-cell-label
{
	display: none !important;
}            
*/
.show-summary-th {
  width: 10%;
}

/*@media ( min-width: 35em ) {*/
.expand-collapse-all {
  margin-bottom: 10px;
}

.summary-toggle,
.show-summary-th, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle {
  display: table-cell !important;
  margin: 0;
}

.training-info {
  border-top: inherit;
}

.training-info td {
  text-align: center !important;
}

/*}*/
table.trainings-list.ui-responsive {
  display: table;
  /*width: 95% !important;*/
}

table.trainings-list thead tr {
  background-color: #093667;
  padding: 0px;
  color: #ffffff;
  text-shadow: none;
  text-align: center !important;
}

table.trainings-list thead th {
  text-align: center !important;
}

.training-type-header {
  margin-top: 2em;
}

/* end Training Catalog tables*/
/* End Training & Training Materials */
#instructor-materials {
  margin: 0 2%;
  margin-bottom: 2em;
  margin-right: 3.33%;
}

#instructor-materials .material {
  float: left;
  border: 1px solid gray;
  border-bottom: none;
  width: 652px;
}

#instructor-materials .material.last {
  border-bottom: 1px solid gray;
}

#instructor-materials .image, #instructor-materials .description {
  width: 292px;
  float: left;
  padding: 16px;
  vertical-align: top;
}

#instructor-materials .image {
  text-align: center;
}

#instructor-materials .image a {
  display: block;
  position: relative;
}

#instructor-materials .image img {
  width: 150px;
  height: auto;
}

#instructor-materials .description {
  border-left: 1px solid gray;
}

/*@media only screen and (min-width: 568px) {*/
/*}*/
.let-others-know {
  margin-top: 0px;
  /*margin-left:15px;*/
  background-color: #ffffff;
}

.let-others-know-box {
  border: 1px solid gray;
  border-collapse: collapse;
  width: 100%;
}

.let-others-know-box thead {
  background-color: #093667;
  padding: 0.5em;
  color: #fff;
}

.let-others-know-box td {
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  line-height: 1.5;
  background-color: #ffffff;
}

/* Training & Training Materials >> National Victim Assistance Academy (NVAA) pages  */
/* keeps content from flowing around #nvaa-nav */
#nvaa-content {
  overflow: hidden;
  margin-top: 0;
  margin-right: 1.5em;
}

/* Overrides to jQuery UI left menu for Training & Training Materials >> National Victim Assistance Academy (NVAA) */
/* left side panel is not shown on desktop site */
#leftSidePanel {
  display: none !important;
}

#nvaa-nav, #nvaa-nav-panel {
  width: 194px;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 3em;
  z-index: 100;
}

#nvaa-nav .ui-widget,
#nvaa-nav-panel .ui-widget {
  background: none; /* removes default jQuery UI bg image */
  background-color: rgb(238, 238, 238);
  font-size: 0.95em;
}

#nvaa-nav .ui-menu,
#nvaa-nav-panel .ui-menu {
  box-shadow: 0px 0px 8px #888888;
}

#nvaa-nav .ui-menu-item a,
#nvaa-nav-panel .ui-menu-item a {
  text-decoration: underline !important;
  display: block;
  padding: 5px 0.4em;
  line-height: 1.5;
  min-height: 0px;
  font-weight: normal;
  color: rgb(34, 34, 34);
}

#nvaa-nav .ui-menu-item a:hover,
#nvaa-nav-panel .ui-menu-item a:hover {
  text-shadow: none;
  /*color: #fff;*/
}

#nvaa-nav .ui-state-focus,
#nvaa-nav-panel .ui-state-focus {
  background: none; /* removes default jQuery UI bg image */
  background-color: #003366;
  color: #fff !important;
}

#nvaa-nav {
  display: none;
}

#nvaa-nav-panel-trigger {
  display: table;
}

.nvva-menu {
  background-color: rgb(238, 238, 238);
  box-shadow: 0px 0px 8px rgb(136, 136, 136);
}

.nvva-menu ul {
  padding-left: 1.5em !important;
}

.nvva-menu a {
  border-radius: 5px;
}

.nvva-menu a:hover {
  color: #fff !important;
  background-color: #1A325E;
}

/*@media only screen and (min-width: 768px) {*/
#nvaa-nav {
  display: block;
}

#nvaa-nav-panel-trigger {
  display: none;
}

/*}*/
/* End overrides to jQuery UI left menu for Training & Training Materials >> National Victim Assistance Academy (NVAA) */
.nacp-topics-table {
  width: 95%;
  margin-bottom: 3em;
}

.nacp-topics-table .nacp-topic-num {
  width: 3em;
}

.nacp-topics-table .nacp-topic {
  width: 20em;
}

/* End: Training & Training Materials >> National Victim Assistance Academy (NVAA) pages  */
/* Recent news */
.recent-news-wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

.recent-news-wrapper:hover, .recent-news-wrapper-hover {
  background-color: #e1f2ff;
}

.recent-news-item {
  display: block;
  margin-top: 0;
  padding: 0px 0.4em;
  min-height: 0px;
  font-weight: normal;
  width: 96%;
  font-size: 10pt;
}

#tile-content-recent-news img,
#tile-content-whats-new img,
#online-training-tile img {
  display: none;
}

#content #tile-content-recent-news .recent-news-more,
#content #tile-content-whats-new .recent-news-more,
#content #online-training-tile .recent-news-more {
  display: block;
  /*color: #009900 !important;*/
  color: #376105 !important;
  font-weight: bold;
}

#content #tile-content-recent-news .recent-news-more .fa-arrow-circle-right,
#content #tile-content-whats-new .recent-news-more .fa-arrow-circle-right,
#content #online-training-tile .recent-news-more .fa-arrow-circle-right {
  /*color: #009900 !important;*/
  color: #376105 !important;
}

/*.wf-fontawesome-n4-loading .fa-arrow-circle-right,*/
.wf-fontawesome-n4-inactive .fa-arrow-circle-right {
  background: url("../images/icon-circle-arrow-right-14x14.png") center center no-repeat;
  display: inline-block !important;
  width: 14px !important;
  height: 14px !important;
  vertical-align: text-bottom;
}

.wf-fontawesome-n4-loading #content #tile-content-recent-news .recent-news-more .fa-arrow-circle-right:before,
.wf-fontawesome-n4-inactive #content #tile-content-recent-news .recent-news-more .fa-arrow-circle-right:before,
.wf-fontawesome-n4-loading #content #tile-content-whats-new .recent-news-more .fa-arrow-circle-right:before,
.wf-fontawesome-n4-inactive #content #tile-content-whats-new .recent-news-more .fa-arrow-circle-right:before,
.wf-fontawesome-n4-loading #content #online-training-tile .recent-news-more .fa-arrow-circle-right:before,
.wf-fontawesome-n4-inactive #content #online-training-tile .recent-news-more .fa-arrow-circle-right:before {
  content: none !important;
}

.wf-fontawesome-n4-active .fa-arrow-circle-right {
  background-image: none !important;
  width: auto;
  height: auto;
  display: inline-block !important;
}

.ie7 div.widget-content.stay-in-touch i.fa-envelope-o,
.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch i.fa-envelope-o {
  background: url("../images/fa-icons-24x24.png");
  background-position: -24px 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.ie7 div.widget-content.stay-in-touch .fa-calendar,
.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch .fa-calendar {
  background: url("../images/fa-icons-24x24.png");
  background-position: 0 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.wf-fontawesome-n4-loading div.widget-content.stay-in-touch i.fa-envelope-o:before,
.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch i.fa-envelope-o:before,
.wf-fontawesome-n4-loading div.widget-content.stay-in-touch .fa-calendar:before,
.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch .fa-calendar:before {
  content: none !important;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.recent-news-item a:first-child {
  text-decoration: none;
  color: #333;
}

.recent-news-item a:hover {
  text-decoration: none;
  color: #333;
}

.whats-new-item {
  display: block;
  margin-top: 0;
  padding: 0px 0.4em;
  min-height: 0px;
  font-weight: normal;
  width: 96%;
  font-size: 10pt;
}

.whats-new-item a {
  text-decoration: none;
  color: #333;
}

.whats-new-item a:hover {
  text-decoration: none;
  color: #333;
}

a.recent-news-more {
  text-decoration: none;
  color: #61abb8 !important;
}

#OJP-top-link {
  width: 100%;
  height: 25px;
}

#OJP-top-link a.OJP-top-link-a {
  display: block;
  width: 100%;
  height: 25px;
}

.backgroundsize #OJP-top-link a.OJP-top-link-a {
  background: url("/assets/images/ojplogo/OJP_top_header-large-2x.gif") no-repeat left top #fff;
  background-size: 2480px 25px;
}

.no-backgroundsize #OJP-top-link a.OJP-top-link-a {
  background: url("/assets/images/ojplogo/OJP_top_header-large-2x.gif") no-repeat left top #fff;
}

#DOJ_OJP_seal, #DOJ_OJP_seal-64, #DOJ_OJP_seal-128 {
  width: 34px;
  height: 34px;
  position: relative;
  top: 7px;
}

#DOJ_OJP_seal {
  left: 160px;
}

#DOJ_OJP_seal-128 {
  left: 170px;
}

#DOJ_OJP_seal-64 {
  left: 180px;
}

#shadow-under-ojplogo {
  width: 100%;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #818181;
  height: 0;
}

#homepage-top-link {
  width: 100%;
  height: 76px;
}

html.svg.cssgradients #homepage-top-link {
  background: url("/assets/images/header/OVC_TTAC-horiz-vector-540x40.svg") no-repeat 45px center, linear-gradient(to right, #1a325e 250px, #73b1e0) no-repeat 0px center;
}

html.no-cssgradients #homepage-top-link {
  background: #75b3e2 url("/assets/images/header/OVCTTAC-bluegradient_banner.jpg") no-repeat left top;
}

#homepage-top-link a {
  display: block;
  width: 100%;
  height: 76px;
  /*height: 71px;*/
}

#mobile-menu-buttons {
  display: none;
}

#chart_div {
  margin-bottom: 1em;
  width: 100%;
  height: 200px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}

#feedback-links {
  max-width: 600px;
}

#homepage-top-menu {
  display: block;
}

#menu-popup-button {
  display: none;
}

.three-col-wrap {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.three-col-wrap .col-left-thin {
  position: relative;
  float: left;
  margin-right: 2%;
  width: 25%;
}

@media only screen and (max-width: 375px) {
  .three-col-wrap .col-left-thin {
    width: 49%;
    clear: both;
  }
}
.three-col-wrap .col-mid-wide {
  position: relative;
  float: left;
  margin-right: 2%;
  width: 46%;
}

@media only screen and (max-width: 375px) {
  .three-col-wrap .col-mid-wide {
    width: 49%;
    margin-right: initial;
  }
}
.three-col-wrap .col-right-thin {
  position: relative;
  float: left;
  width: 25%;
}

@media only screen and (max-width: 375px) {
  .three-col-wrap .col-right-thin {
    width: 49%;
    float: none;
    left: 25%;
  }
}
.three-col-wrap .col-left {
  position: relative;
  float: left;
  margin-right: 2%;
  width: 32%;
}

@media only screen and (max-width: 375px) {
  .three-col-wrap .col-left {
    width: 49%;
  }
}
.three-col-wrap .col-mid {
  position: relative;
  float: left;
  margin-right: 2%;
  width: 32%;
}

@media only screen and (max-width: 375px) {
  .three-col-wrap .col-mid {
    width: 49%;
    margin-right: initial;
  }
}
.three-col-wrap .col-right {
  position: relative;
  float: left;
  width: 32%;
}

.four-col-wrap {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.four-col-wrap .col-a, .four-col-wrap .col-b, .four-col-wrap .col-c, .four-col-wrap .col-d, .four-col-wrap .col-e {
  position: relative;
  float: left;
  width: 23%;
}

.four-col-wrap .col-a {
  margin-right: 2%;
  margin-left: 1%;
}

.four-col-wrap .col-a:hover, .four-col-wrap .col-a:focus, .four-col-wrap .col-a:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.four-col-wrap .col-a .homepage-text-2019-hcwh:hover, .four-col-wrap .col-a .homepage-text-2019-sfa:hover, .four-col-wrap .col-a .homepage-text-2019-res:hover {
  text-decoration: underline;
}

.four-col-wrap .col-a:hover #Trng-text-2019, .four-col-wrap .col-a:hover #HT-text-2019, .four-col-wrap .col-a:hover #IM-text-2019 {
  text-decoration: underline;
}

.four-col-wrap .col-b:hover #CTA-text-2019, .four-col-wrap .col-b:hover #MV-text-2019, .four-col-wrap .col-b:hover #OT-text-2019 {
  text-decoration: underline;
}

.four-col-wrap .col-c:hover #SS-text-2019, .four-col-wrap .col-c:hover #SANE-SART-text-2019, .four-col-wrap .col-c:hover #Web-text-2019 {
  text-decoration: underline;
}

.four-col-wrap .col-d:hover #NVAA-text-2019, .four-col-wrap .col-d:hover #TVA-text-2019, .four-col-wrap .col-d:hover #VL-text-2019 {
  text-decoration: underline;
}

.four-col-wrap .col-b {
  margin-right: 2%;
}

.four-col-wrap .col-b:hover, .four-col-wrap .col-b:focus, .four-col-wrap .col-b:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.four-col-wrap .col-b .homepage-text-2019-hcwh:hover, .four-col-wrap .col-b .homepage-text-2019-sfa:hover, .four-col-wrap .col-b .homepage-text-2019-res:hover {
  text-decoration: underline;
}

.four-col-wrap .col-c {
  margin-right: 2%;
}

.four-col-wrap .col-c:hover, .four-col-wrap .col-c:focus, .four-col-wrap .col-c:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.four-col-wrap .col-c .homepage-text-2019-hcwh:hover, .four-col-wrap .col-c .homepage-text-2019-sfa:hover, .four-col-wrap .col-c .homepage-text-2019-res:hover {
  text-decoration: underline;
}

.four-col-wrap .col-d:hover, .four-col-wrap .col-d:focus, .four-col-wrap .col-d:active {
  box-shadow: 0 0 15px #4BB1BA;
}

.four-col-wrap .col-d .homepage-text-2019-hcwh:hover, .four-col-wrap .col-d .homepage-text-2019-sfa:hover, .four-col-wrap .col-d .homepage-text-2019-res:hover {
  text-decoration: underline;
}

@media only screen and (max-width: 450px) {
  .four-col-wrap .col-a, .four-col-wrap .col-b, .four-col-wrap .col-c, .four-col-wrap .col-d {
    width: 49%;
  }
  .four-col-wrap .col-b, .four-col-wrap .col-d {
    margin-right: initial;
  }
  .four-col-wrap .col-a {
    margin-left: initial;
  }
}
@media only screen and (max-width: 375px) {
  .three-col-wrap .col-right {
    width: 49%;
  }
  #Special-Focus-Areas-2019 .three-col-wrap .col-right, #Resources-2019 .three-col-wrap .col-right {
    margin-right: 2%;
  }
}
.two-col-wrap {
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

.two-col-wrap .col-a {
  position: relative;
  float: left;
  margin-right: 4%;
  width: 48%;
}

.two-col-wrap .col-b {
  position: relative;
  float: left;
  width: 48%;
}

.single-col-wrap {
  margin: 0 auto;
  width: 100%;
}

.single-col-sidebar-wrap {
  position: relative;
  width: 100%;
  float: left;
}

.single-col-sidebar-wrap .single-col {
  float: left;
  /*width: 690px;  made this change to fix wrapping issues replace this if there is an issue 05/2019*/
  max-width: 800px;
}

.single-col-sidebar-wrap .sidebar {
  float: right;
  width: 235px;
  clear: none;
}

.two-col-sidebar-wrap .col-a {
  position: relative;
  float: left;
  width: 35%;
  margin-right: 1%;
}

.two-col-sidebar-wrap .col-b {
  position: relative;
  float: left;
  width: 35%;
  margin-right: 1%;
}

.two-col-sidebar-wrap .sidebar {
  float: right;
  width: 235px;
}

.two-col-sidebar-wrap .col-a {
  position: relative;
  float: left;
  width: 35%;
  margin-right: 1%;
}

.two-col-sidebar-wrap .col-b {
  position: relative;
  float: left;
  width: 35%;
  margin-right: 1%;
}

.two-col-sidebar-wrap .sidebar {
  float: right;
  width: 235px;
}

#how-we-can-help-tile {
  float: left;
  padding-top: 7em;
}

#how-we-can-help-tile aside.global {
  float: left;
  text-align: left;
}

#how-we-can-help-tile aside.global:first-child {
  margin-right: 30px;
}

#menu-button {
  font-size: 1.5em;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 65px;
  left: 600px;
  display: block;
  color: white;
}

#menu-button .label {
  display: block;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}

#content a.ui-btn:hover {
  color: #fff !important;
}

.alpha-list {
  margin: 1em 0 0 2em;
  font-size: 14px;
  font-weight: bold;
}

#recent-spotlights-wrapper {
  display: block;
  margin-top: 1em;
  margin-bottom: 2em;
}

#current-spotlight {
  display: block;
  width: 60px;
  margin: 0.5em auto;
}

#recent-spotlights {
  display: table;
  margin: 0.5em auto;
  text-align: center;
}

.spotlight-photo {
  display: inline-block;
  padding: 5px;
  border: 1px solid #808080;
}

.spotlight-photo img {
  width: 50px;
  height: 50px;
}

#recent-spotlights-wrapper .button {
  display: table;
  text-align: center;
  margin: 0.5em auto;
}

#current-spotlight, #recent-spotlights {
  padding: 5px;
}

#current-spotlight .title, #recent-spotlights .title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
}

#current-spotlight, #recent-spotlights, #recent-spotlights-wrapper .button {
  display: inline-block;
  margin-right: 10px;
}

#consultant-spotlights-archives {
  display: block;
  margin: 10px auto;
}

#consultant-spotlights-archives div.block {
  position: relative;
  float: left;
  display: block;
  width: 200px;
  padding: 5px;
  padding-bottom: 60px;
  margin-right: 2%;
  margin-bottom: 2em;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}

#consultant-spotlights-archives .consultant-blurb {
  float: right;
  width: 115px;
}

#consultant-spotlights-archives .consultant-name {
  font-weight: bold;
  font-size: 13px;
}

#consultant-spotlights-archives .consultant-info {
  font-size: 12px;
  word-wrap: break-word;
}

#consultant-spotlights-archives .standard-btn-wrapper {
  text-align: center;
  margin: 0 auto;
  bottom: 15px;
  position: absolute;
  left: 50%;
}

#consultant-spotlights-archives .standard-btn-wrapper a {
  position: relative;
  left: -50%;
}

#bottom-goto {
  clear: both;
  margin-top: -1em;
  margin-bottom: 2em;
}

#PM-Resources .divider, #ORG-Resources .divider {
  margin-bottom: 2em;
}

#PM-Resources .photo, #ORG-Resources .photo {
  text-align: center;
}

.consultant-profile-wrapper {
  margin-right: 8%;
  display: table;
}

.consultant-content {
  display: table-row;
}

.consultant-profile .consultant-photo {
  vertical-align: top;
  display: table-cell;
  text-align: center;
  padding: 15px;
  /*width: 200px;*/
}

.consultant-profile .consultant-blurb {
  vertical-align: top;
  display: table-cell;
  padding: 15px;
  margin-right: 5px;
  margin-right: 8% !important;
}

.consultant-content {
  display: block;
  margin-right: 8% !important;
}

.consultant-profile.bordered {
  border: 1px solid #808080;
}

.consultant-profile.bordered .consultant-photo {
  border-right: 1px solid #808080;
}

.consultant-profile.bordered .consultant-blurb .button {
  float: right;
}

#PM-Resources .resource, #ORG-Resources .resource {
  display: block;
  float: left;
  clear: both;
  width: 100%;
}

#PM-Resources .photo, #ORG-Resources .photo {
  float: right;
  width: 24%;
  text-align: left;
}

#PM-Resources .description, #ORG-Resources .description {
  float: left;
  width: 70%;
}

#PM-Resources .divider, #ORG-Resources .divider {
  margin-bottom: 1em;
}

.divider, .divider-wide {
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.divider {
  background-image: url(/assets/images/divider.png);
  height: 7px;
  width: auto;
  max-width: 337px;
}

.divider-wide {
  background-image: url(/assets/images/dividerWide.png);
  background-repeat: no-repeat;
  height: 16px;
}

span.divider-black {
  display: inline-block;
  width: 0;
  height: 1.5em;
  border-left: 1px solid #000;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: -5px;
}

.divider-white {
  display: inline-block;
  color: #ffffff;
}

.resources .photo {
  text-align: center;
}

.resources .description {
  margin-bottom: 1em;
}

.top-menu-items {
  z-index: 1000;
  position: absolute;
  display: inline;
  top: 3px;
  right: 30px;
  font-size: 16px;
  text-align: right;
  box-sizing: border-box;
  width: 65%;
}

.top-menu-items a,
.top-menu-items a:link {
  /*font-weight: bold !important;*/
  text-decoration: none;
  white-space: nowrap;
  overflow: auto;
}

.top-menu-items a:hover {
  text-decoration: underline;
}

.resources {
  float: left;
  width: 70%;
}

#help-resources {
  width: auto;
}

.resources .resource {
  display: table-row;
  vertical-align: top;
}

.resources .photo,
.resources .description {
  display: table-cell;
  vertical-align: top;
}

.resources .photo {
  vertical-align: middle;
}

.resources .description {
  padding-left: 1em;
}

.resources .description p {
  margin-top: 0.25em;
}

#translate-this {
  position: relative;
  top: 0;
  left: 0;
  /*background-color: #fdd;*/
  float: left;
  margin-right: 4px;
  /*cursor: pointer;*/
  padding: 2px 3px;
  text-align: center;
  font-family: "bebas_neueregular" !important;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.085em;
  border-radius: 5px;
  color: #fff !important;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
  transition: color 0.25s, background-color 0.25s;
  /*z-index: -10 !important;*/
}

.goog-te-gadget, .goog-te-combo {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  opacity: 0;
  height: 100%;
  width: 100%;
}

.goog-te-combo {
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer;
}

.goog-te-gadget-simple * {
  display: none;
} /* hides the default Google 'Select Language' dropdown */
.goog-te-gadget-simple:first-child {
  width: 100%;
  height: 100%;
}

.lteIE8 .goog-te-gadget-simple:first-child {
  border: none;
  background: transparent;
}

#archived {
  width: 98%;
}

#archived .expander {
  width: 35%;
  background-color: #093667;
  border-top-right-radius: 5px 5px;
  font-family: "Oswald", sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0.25em 0.5em;
  color: #fff;
  cursor: pointer;
}

#archived .content {
  text-align: left;
  width: 98%;
  background-color: #e7e7e7;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0.5em;
  /*margin-bottom: 2em;*/
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #333333;
}

/*for PSE pages*/
.under {
  position: relative;
  left: 0px;
  top: 0px;
  border: 1px solid;
  /*z-index:-1;*/
}

.over {
  position: relative;
  left: 50px;
  bottom: 30px;
  border: 1px solid;
  /*z-index:-1;*/
}

.pse-quote {
  background-color: #e7e7e7;
  border: solid 1px #032f5f;
  padding-right: 1em;
  padding-left: 1em;
  margin-bottom: 1em;
}

table.col_Listtable {
  height: auto;
  width: 920px;
  padding: 0px;
  margin-left: 0px;
  margin-top: 0px;
  margin-bottom: 20px;
  border: 1px solid gray;
  border-collapse: collapse;
}

.col_Listtable td {
  background: #C7DDEE none repeat-x scroll center left;
  color: #000;
  padding: 7px 10px;
  border: 1px solid gray;
}

.col_Listtable tr.odd td {
  background: #fff url(row_bkg.png) repeat-x scroll center left;
  cursor: pointer;
  border: 1px solid gray;
}

.transfact {
  font-size: 10pt;
  font-weight: normal;
  margin-right: 40px;
  float: right;
}

.transfact a,
.transfact a:link {
  font-weight: normal !important;
  color: #0000EE !important;
  text-decoration: none;
}

.transfact a:hover {
  text-decoration: underline;
}

.transfact a:visited {
  color: #551A8B !important;
}

figure {
  margin: 0;
  position: relative;
  /* display: flex;
  align-items: center; */
}

figcaption.img_caption {
  color: black !important;
  font-size: xx-small;
  background-color: #fcfcfc;
  /* opacity: 0.9; */
  width: 100%;
  padding: 5px 0px;
  text-shadow: none;
  position: absolute;
  bottom: 0;
}

figcaption.img_caption .img_caption--author {
  font-style: italic;
  text-align: center;
  text-decoration: none;
  margin-left: 2px;
  margin-right: 2px;
}

/* Overrides to jQuery UI tab widget */
#content a, #content a:link {
  font-weight: normal;
  color: #2929FF;
}

#content a:visited {
  color: #551A8B;
}

#page .ui-panel-content-wrap {
  min-height: 0 !important;
  margin-top: 10px;
  z-index: -1;
  position: inherit;
}

/*div#tabs.ui-tabs.ui-widget.ui-widget-content {
	font-family: Arial, sans-serif;
	font-size: 1em;
	margin-bottom: 2em;
}

.ui-tabs-panel  a:link {color:#2929FF !important;} 
.ui-tabs-panel  a:visited {color:#551A8B !important;}
#content .ui-tabs-panel  a:hover {color:#993300 !important;}
.ui-tabs-panel  a:active {color:#0000FF !important;} 

*/
/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    font-weight: bold !important;
    font-size: 11px;
    color: #212121 !important;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited  {
	color: #555555 !important;
}*/
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
  font-weight: bold !important;
  color: #212121 !important;
  text-decoration: none;
}

.ui-body-c {
  background: #fff !important;
  background-image: none;
  /*background-repeat: repeat-y;*/
}

/*.is_focus:focus {
	border: 2px solid rgba(81, 203, 238, 1) !important; 
}

.ui-checkbox:focus {
	border: 2px solid rgba(81, 203, 238, 1) !important; 
}

input[type='text']:focus, input[type='checkbox']:focus, input[type='radio']:focus,  textarea:focus {
  border: 2px solid rgba(81, 203, 238, 1)  !important;
}*/
/* END: Overrides to jQuery UI tab widget */
.nowrap {
  white-space: nowrap;
}

body {
  background: #f5f5f5;
  height: auto !important;
}

header {
  position: relative;
  background-color: #fff;
  border-bottom: 1px solid #969a9b;
  width: 100%;
  height: 127px;
  margin: 0 auto;
  z-index: 0;
}

#topLeft_top {
  position: absolute;
  top: 0;
  left: 0;
  height: 49px;
  width: 50%;
  background-color: #fff;
  z-index: -1;
}

#topLeft_bottom {
  position: absolute;
  top: 49px;
  left: 0;
  height: 78px;
  width: 49%;
  background-color: #1a325e;
  z-index: -1;
}

#topRight_top {
  position: absolute;
  top: 0;
  left: 50%;
  height: 49px;
  width: 50%;
  z-index: -1;
}

.backgroundsize #topRight_top {
  background: #fff url("../images/header/OJP_masthead-lines@2x.png") no-repeat;
  background-size: 100% 49px;
}

.no-backgroundsize #topRight_top {
  background: #fff url("../images/header/OJP_masthead-lines.png") no-repeat;
}

#topRight_bottom {
  position: absolute;
  top: 50px;
  left: 50%;
  height: 78px;
  width: 50%;
  background-color: #73b1e0;
  z-index: -1;
}

#shadow-under-ojplogo2 {
  position: absolute;
  top: 49px;
  width: 100%;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #818181;
  height: 0;
  /*background: #75b3e2 url('/assets/images/header/shadow_under_ojplogo.gif') no-repeat left top;*/
}

#headerContent {
  /*width: 960px !important;*/
  display: block;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
}

#top-navbar {
  /*display: none;*/
}

#header-search-wrapper {
  position: absolute;
  top: 56px;
  right: 5px;
  display: block;
}

#header-search {
  position: relative;
  display: block;
  width: 250px;
  max-width: 250px;
  height: 28px;
}

#header-search .ui-input-search {
  padding: 0;
  padding-left: 3px;
  float: left;
  margin: 0;
  margin-right: 2px;
  height: 28px;
  border: 0;
  width: 217px;
  border-radius: 0;
  box-shadow: none;
}

#header-search {
  border: 1px solid #5F95C3;
}

#header-search #q {
  float: left;
  min-height: 0;
  border: 0;
  padding: 0;
  height: 100%;
}

#header-search #q::-moz-placeholder {
  /*	font-style:italic; */
}

#header-search #q::placeholder {
  /*	font-style:italic; */
}

#header-search #q::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-style: italic;
}

#header-search #q::-moz-placeholder { /* Firefox 19+ */
  font-style: italic;
}

#header-search #q:-ms-input-placeholder { /* IE 10+ */
  font-style: italic;
}

#header-search #q:-moz-placeholder { /* Firefox 18- */
  font-style: italic;
}

#header-search #q:focus {
  outline: thin dotted;
}

button.top-icon-search, #header-search input[type=submit] {
  height: 15px;
  width: 15px;
  /*width: 9.65517%;*/
  /*background: url("../images/header/magnify_glass.png") no-repeat scroll 6px -20px rgb(255, 255, 255);*/
  padding: 0px;
  margin: 0px;
  border: 0px none;
  outline: 0px none;
  background: white;
}

.ie7 #header-search #q {
  height: 28px !important;
  line-height: 28px;
}

.ie7 button.top-icon-search, .ie7 #header-search input[type=submit] {
  background: url("../images/header/magnifying-glass-28x28.png") no-repeat;
  /*background: url("../images/header/magnify_glass.png") no-repeat scroll 6px -20px rgb(255, 255, 255);*/
}

.wf-fontawesome-n4-active button.top-icon-search {
  background-image: none;
  background-color: white;
}

.wf-fontawesome-n4-active .top-icon-search:before {
  content: "\f002"; /* FontAwesome's fa-search: Unicode: f002 */
  font-family: "FontAwesome" !important;
  font-size: 18px;
  color: #0066cc;
  /*text-shadow: 1px 1px 2px #999;*/
}

.wf-fontawesome-n4-active button.top-icon-search:hover:before {
  font-size: 22px;
  text-shadow: 2px 2px 3px #999;
}

#header-search .ui-icon-searchfield:after {
  /*background-color: #666;*/
  background-color: transparent; /*rgba(0,0,0,.4);*/
  background-image: none; /*url(images/icons-18-white.png);*/
  background-repeat: no-repeat;
  /*
  -webkit-border-radius: 9px;
  border-radius: 9px;
  */
}

#search-results-wrap {
  width: 95%;
  position: relative;
}

#search-results-table {
  table-layout: fixed;
  width: 100%;
}

#search-results-table a {
  word-wrap: break-word !important;
}

#search-results-table .next-prev-links {
  background-color: #e7eaf6;
}

#search-results-table .next-prev-links a {
  padding: 0px;
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  #search-results-table {
    width: 75%;
    word-wrap: break-word;
  }
}
#header-icons {
  position: relative;
  margin-top: 1px;
}

#header-icons a, #translate-this {
  padding: 2px 3px;
  text-align: center;
  display: inline-block;
  font-family: "bebas_neueregular", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 300;
  /*color: #333 !important;*/
  /*color: #d9d9d9 !important;*/
  letter-spacing: 0.085em;
  /*text-shadow: none;*/
  /*font-stretch: condensed;*/
  /*text-shadow: #ccc 0px 1px 0px;*/
  border-radius: 5px;
  color: #fff !important;
  /*background-color: darkblue;*/
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
  /*-webkit-transition: all 0.25s;*/
  /*-webkit-transition: color 0.25s, background-color 0.25s;*/ /* Safari */
  /*transition: all 0.25s;*/
  transition: color 0.25s, background-color 0.25s;
}

button.top-icon-search, .wf-fontawesome-n4-inactive .top-icon-search {
  background: url("../images/header/magnifying-glass-28x28.png") no-repeat;
}

#header-icons a:hover,
#header-icons a:active,
#header-icons a:focus,
#translate-this:hover {
  /*text-decoration: underline !important;*/
  color: #fff !important;
  background-color: #525271;
  filter: none;
  /*font-size: 15px;*/
  /*background-color: darkblue;*/
  /*text-shadow: #111 0px 1px 2px;*/
}

.wf-fontawesome-n4-inactive #header-icons i.fa-language {
  background: url("../images/header/translate-etc_icons.png");
  background-position: -18px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #header-icons i.fa-envelope-o,
.wf-fontawesome-n4-inactive #tools-panel i.fa-envelope-o {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -76px 0;
  background-repeat: no-repeat;
  width: 25px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #header-icons i.fa-share-square-o,
.wf-fontawesome-n4-inactive #tools-panel i.fa-share-square-o {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -124px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #header-icons i.fa-print,
.wf-fontawesome-n4-inactive #tools-panel i.fa-print {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -166px 0;
  background-repeat: no-repeat;
  width: 23px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #tools-panel i.fa-align-left {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -96px 0;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #main-menu-panel i.fa-home {
  background-image: url("../images/header/translate-etc_icons.png");
  background-position: -120px 2px;
  background-repeat: no-repeat;
  width: 24px;
  height: 18px;
  display: inline-block;
}

.wf-fontawesome-n4-inactive #nvaa-content .fa-list {
  background: url("../images/header/translate-etc_icons.png");
  background-position: -144px 2px;
  width: 24px;
  height: 18px;
  display: inline-block;
  vertical-align: text-bottom;
}

#header-control-buttons {
  display: none;
}

#poll-popup {
  color: #333 !important;
  text-shadow: 0 1px 0 #fff;
}

#main-menu-panel * {
  white-space: normal !important;
}

/* makes button/link same length as collapsible "buttons" by counteracting the 15px left/right margin in .ui-panel-inner */
#main-menu-panel .single-menuitem {
  margin: 0 -15px;
}

#main-menu-panel .single-menuitem .ui-btn-inner {
  text-align: left !important;
  padding-left: 40px;
  /*background-color: red !important;*/
}

h1.page-title {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 1.75em;
  /*clear: both;*/
  /*float: left;*/
  /*text-align:left;*/
  font-weight: bold;
  color: #093667;
  width: 100%;
  margin: 0 0 1em 0;
  /*padding-bottom: 4px;*/
  /*display: block;*/
}

h2 {
  /*clear: both;*/
  /*float: left;*/
  /*text-align:left;*/
  font-weight: bold;
  color: #093667;
  /*width: 100%;*/
  /*margin: 0 20px;*/
  margin-top: 0;
  padding-bottom: 4px;
}

h2.homepage {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 21px;
  font-weight: bold;
  color: #093667 !important;
  margin-top: 0;
}

h2.educators {
  font-size: 14px;
  font-weight: bold;
  color: #093667;
}

h2.educators-tab-titles {
  font-family: "Oswald", Arial, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
  color: #093667 !important;
}

.center {
  display: block;
  margin: 0 auto;
}

.blue-bars {
  position: relative;
  color: #473a32;
  border-top: 0px;
  border-bottom: 1px solid #61abb8;
  margin-bottom: 10px;
}

.blue-bars:after {
  position: absolute;
  left: 0px;
  content: " ";
  padding-top: 8px;
  border-bottom: 3px solid #61abb8;
  width: 100%;
  margin-bottom: 5px;
}

.page-title.blue-bars:after {
  /*width: 930px;*/
  /*margin-left: 15px;*/
  padding-top: 4px;
}

.single-col-wrap,
.single-col-sidebar-wrap,
.two-col-wrap,
.two-col-sidebar-wrap,
.three-col-wrap {
  margin-bottom: 1.5em;
}

.single-col-wrap {
  /*
  margin: 0 auto;
  width: 100%;
  */
  /*background-color: red;*/
}

.single-col-sidebar-wrap {
  /*
  position: relative;
  width: 100%;
  float: left;
  */
}

.indent-1 {
  margin-left: 20px;
}

.indent-2 {
  margin-left: 40px;
}

.indent-3 {
  margin-left: 60px;
}

.single-col-sidebar-wrap .single-col {
  /*
  float: left;
  width: 690px;
  */
  /*margin-right: 1em;*/
  /*background-color: #fed;*/
}

.single-col-sidebar-wrap .single-col.indent-1 {
  width: 670px;
}

.single-col-sidebar-wrap .sidebar {
  display: block;
  margin: 0 auto;
  /*clear: both;*/
  /*
  float: right;
  width: 235px;
  */
}

.two-col-wrap {
  /*
  position: relative;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  clear: both;
  */
}

.two-col-wrap .col-a {
  /*
  position: relative;
  float: left;
  margin-right: 4%;
  width: 48%;
  */
}

.two-col-wrap .col-b {
  /*
  position: relative;
  float: left;
  width: 48%;
  */
}

.two-col-sidebar-wrap .col-a {
  position: relative;
  /*
  float: left;
  width: 35%;
  margin-right: 1%;
  */
}

.two-col-sidebar-wrap .col-b {
  position: relative;
  /*
  float: left;
  width: 35%;
  margin-right: 1%;
  */
}

.two-col-sidebar-wrap .sidebar {
  /*
  float: right;
  width: 235px;
  */
}

/*
#content a {color: #3333ff;}
#content a:hover {color: #993300;}
#content a:v {color: #993300;}
*/
#content a:hover {
  color: #993300;
}

div.sidebar {
  display: block;
  /*float: none;*/
  width: 236px;
  margin: 0 auto !important;
}

div.menubar {
  display: block;
  width: 20%;
  margin: 0 auto !important;
  float: left;
}

.notMenuStyle {
  float: left;
  width: 75%;
  margin-left: 2%;
}

ul.square {
  list-style-type: square;
}

ul.square li {
  margin-bottom: 0.25em;
}

ul.square15 {
  list-style-type: square;
  padding-left: 15px;
  margin-top: 0;
}

ul.square15 li {
  margin-bottom: 0.25em;
}

ul.one-em-margin-bottom li {
  margin-bottom: 1em;
}

ul.check {
  list-style-type: none;
  padding: 0px;
  margin: 0 0 0 2em;
}

ul.check li {
  background-image: url(/images/checkmark-greyback.gif);
  background-repeat: no-repeat;
  /*background-position: 0px 5px;*/
  padding-left: 1.75em;
}

ul.training-modules {
  list-style-type: square;
}

ul.training-modules > li {
  font-weight: bold;
  background-position: 15px;
}

ul.training-modules ul {
  list-style-type: square;
  font-weight: normal;
  padding: 0px;
  margin: 1em 0 2em 2em;
}

ul.training-modules li ul li {
  /* background-image: url(/images/checkmark-greyback.gif);
  background-repeat: no-repeat;
  padding-left: 1.75em; */
  margin-bottom: 0.5em;
}

.basic-aside {
  background-color: #e7e7e7;
  border: solid 1px #032f5f;
  padding: 0.25em 1em 1em 1em;
  margin-bottom: 2em;
}

aside.global {
  background-color: #f2f2f2;
  /*border: solid 2px #093667;*/
  padding-bottom: 2px;
  margin-bottom: 2em;
  word-wrap: break-word;
}

aside.global .widget-content {
  margin-left: 0.75em;
  margin-right: 0.75em;
  margin-bottom: 0.75em;
}

aside.global h4 {
  font-family: "Oswald", "Arial Narrow", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  text-shadow: none !important; /* override JQM's value */
  margin: 0;
  padding: 0.25em 0.5em;
  color: #fff;
  background-color: #093667;
}

/* adds shadow to images
aside.global img {
	-webkit-box-shadow: 2px 2px 4px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    2px 2px 4px rgba(50, 50, 50, 0.75);
	box-shadow:         2px 2px 4px rgba(50, 50, 50, 0.75);
}
*/
aside.global ul {
  list-style-type: square;
  padding: 0px;
  margin: 0 0 0 1.5em;
}

aside.global ul li {
  padding-left: 0.25em;
  margin-bottom: 0.25em;
}

.widget-btn-wrapper,
.standard-btn-wrapper {
  text-align: center;
}

#emailSubscribe {
  display: block;
  /*float:left; width:300px; margin:10px; padding-left:15px;*/
}

#emailSubscribe #email-signup,
#emailSubscribe #e-brief-blurb {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 65%;
}

@media only screen and (max-width: 550px) {
  #emailSubscribe #email-signup,
  #emailSubscribe #e-brief-blurb {
    width: 80%;
  }
}
#emailSubscribe #email-signup {
  padding: 0 4em 1em 2em;
}

#emailSubscribe #e-brief-blurb {
  margin-top: 2em;
}

#content aside.global a.widget-btn,
#content .standard-btn {
  text-align: center;
  color: rgb(255, 255, 255);
  /*text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.25);*/
  background-color: rgb(0, 142, 208);
  background-image: linear-gradient(to bottom, rgb(0, 154, 221), rgb(0, 125, 188));
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  padding: 2px 10px;
  font-size: 12px;
  font-weight: bold;
  letter-spacing: 0.083em;
  border-radius: 3px 3px 3px 3px;
  display: inline-block;
  margin: 0 auto;
  margin-bottom: 0px;
  line-height: 20px;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  cursor: pointer;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  /*text-shadow: 0px 1px 0px rgba(0, 0, 0, 127);*/
  border-width: 1px;
  border-style: solid;
  -moz-border-top-colors: none;
  -moz-border-right-colors: none;
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -o-border-image: none;
     border-image: none;
  box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.2) inset, 0px 1px 2px rgba(0, 0, 0, 0.05);
}

#content aside.global a.widget-btn:hover, #content aside.global a.widget-btn:focus, #content aside.global a.widget-btn:active,
#content .standard-btn:hover, #content .standard-btn:focus, #content .standard-btn:active {
  color: rgb(255, 255, 255) !important;
  background-color: red;
  background-color: rgb(0, 125, 188);
  outline-offset: -2px;
  text-decoration: none;
  /*background-position: 0px -15px;*/
  /*transition: background-position 0.1s linear 0s;*/
}

/*.button,.minibutton {
	position:relative;
	display:inline-block;
	font-size:13px;
	font-weight:700 !important;
	color:#333 !important;	
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
	text-decoration: none;
	white-space:nowrap;
	background-color:#eaeaea;
	background-image:linear-gradient(#fafafa,#eaeaea);
	background-repeat:repeat-x;
	border-radius:3px;
	border:1px solid #ddd;
	border-bottom-color:#c5c5c5;
	box-shadow:0 1px 3px rgba(0,0,0,0.05);
	vertical-align:middle;
	cursor:pointer;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-khtml-user-select:none;
	-moz-user-select:none;
	-ms-user-select:none;
	user-select:none;
	-webkit-appearance:none;
	outline:none;
	padding: 5px 12px;
}*/
/*.button:hover,.button:active,.button.zeroclipboard-is-hover,.button.zeroclipboard-is-active,.minibutton:hover,.minibutton:active,.minibutton.zeroclipboard-is-hover,.minibutton.zeroclipboard-is-active {
	text-decoration:none;
	background-color:#dadada;
	background-image:linear-gradient(#eaeaea,#dadada);
	background-repeat:repeat-x;
	border-color:#ccc #ccc #b5b5b5;
}
*/
/*.button:disabled,.button:disabled:hover,.button.disabled,.button.disabled:hover,.minibutton:disabled,.minibutton:disabled:hover,.minibutton.disabled,.minibutton.disabled:hover {
	opacity:.5;
	color:#666 !important;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
	background-image:none;
	background-color:#e5e5e5;
	cursor:default;
	box-shadow:none;
	border-color:#c5c5c5;
}*/
/*.button.blue,.minibutton.blue {
	color:#fff !important;

	text-shadow:0 -1px 0 rgba(0,0,0,0.3);
	background-color:#3072b3;
	background-image: linear-gradient(to bottom, rgb(0, 154, 221), rgb(0, 125, 188));
	background-repeat:repeat-x;
	border-color:#2a65a0;
}*/
/*.button.blue:hover,.minibutton.blue:hover,.button.blue:focus,.minibutton.blue:focus {
	color:#fff !important;
	background-color: #24629E;
	background-image:none;
	background-repeat:repeat-x;
	border-color:#2a65a0;
}
*/
/*.button.blue:active,.button.blue.selected,.minibutton.blue:active,.minibutton.blue.selected,.context-menu-container.active .blue.minibutton.switcher,.context-menu-container.active .blue.context-button {
background-color:#24629E;
background-image:none;
border-color:#2a65a0;
}

a.button.blue, a.button.blue:link, a.button.blue:visited  {
	color: #fff !important;
}*/
/*Learn More button within a tab for example on the NVAA Leadership Institute page, Instructors widget*/
#learnmore {
  color: #333 !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.3);
  background-color: #ffa84c !important;
  background-image: linear-gradient(to bottom, rgb(255, 168, 76) 0%, rgb(255, 123, 13) 100%);
  /*background-image:linear-gradient(#599bcd,#3072b3);*/
  background-repeat: repeat-x;
  border-color: #ff7b0d;
  padding: 5px;
  text-transform: uppercase;
  border-radius: 5px;
}

#learnmore:hover {
  color: #333 !important;
  background-color: #ffa84c !important;
  background-image: none;
  /*background-image:linear-gradient(#79d858,#569e3d);*/
  background-repeat: repeat-x;
  border-color: #ff7b0d;
}

#learnmore:active {
  background-color: #ffa84c !important;
  background-image: none;
  border-color: #ff7b0d;
}

/* Homepage tiles */
#recent-news-tile, #whats-new-tile {
  /*height: 300px;*/
  padding: 7px;
  border: thin solid #CCC;
}

/*#recent-news-tile .tile-content, #whats-new-tile .tile-content {
	height: 300px;
	overflow: auto;
}*/
#tile-content-recent-news, #tile-content-whats-new {
  height: 300px;
  overflow-x: auto;
}

#content #tile-content-recent-news *,
#content #tile-content-whats-new *,
#content #online-training-tile .recent-news-wrapper .title {
  color: #333 !important;
}

#online-training-tile, #how-we-can-help-tile {
  display: block;
  margin-top: 2em;
  margin-bottom: 3em;
}

#how-we-can-help-tile {
  padding-top: 7em;
}

#how-we-can-help-tile aside.global {
  /*width: 236px;*/
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.bottom-sidebar aside {
  float: left;
  width: 31%;
  margin-right: 2em;
}

.bottom-sidebar div.last aside {
  float: left;
  width: 31%;
  margin-right: 0;
}

.highlight-box {
  border: 1px solid #4BB1BA;
  padding: 0.75em;
  /* background-color:white; */
}

.ApplyBanner {
  background-color: #F2F2F2;
  padding: 10px;
  clear: both;
  text-shadow: none;
}

.lower-alpha {
  list-style-type: lower-alpha;
}

a.external {
  background: url(/assets/images/external-link.png) no-repeat scroll right center transparent;
  /*background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAVklEQVR4Xn3PgQkAMQhDUXfqTu7kTtkpd5RA8AInfArtQ2iRXFWT2QedAfttj2FsPIOE1eCOlEuoWWjgzYaB/IkeGOrxXhqB+uA9Bfcm0lAZuh+YIeAD+cAqSz4kCMUAAAAASUVORK5CYII=") no-repeat scroll right center transparent; */
  padding-right: 13px;
}

a[href^="mailto:"] {
  text-decoration: underline;
  background: url(/assets/images/email-icon.png) no-repeat scroll right center transparent;
  padding-right: 13px;
}

/*
a[href^="mailto:"]:-webkit-any-link:after,
#page a[href^="mailto:"]:after {
	content: "\f003";  FontAwesome's fa-envelope-o   : Unicode: f003 
	font-family: 'FontAwesome' !important;
	margin-left: 0.2em;
	text-decoration: none !important;
}
*/
footer {
  position: relative;
}

#footer-links {
  font-size: 12px !important;
  position: relative;
  width: 100%;
  /*margin-top: 3em;*/
  margin-left: auto;
  margin-right: auto;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #376105;
  text-shadow: none;
}

#footer-links h5 {
  font-size: 16px !important;
  margin: 0;
  padding: 0;
}

#footer-links h5, #footer-links a {
  color: #fff;
  text-decoration: none;
}

#footer-links h5 a {
  font-size: 16px !important;
  color: #fff;
  /*color: #8ab2d7;*/
  font-weight: bold;
}

#footer-lists {
  padding: 0;
  text-align: center;
  position: relative;
  /*width: 960px;
  display: block;	
  margin-left:auto; 
  margin-right:auto;*/
}

#footer-lists #inner-wapper {
  position: relative;
}

#footer-lists .category-links {
  margin-bottom: 1.5em;
}

#footer-resources-links-left, #footer-resources-links-right {
  clear: both;
  background-color: #264403;
  padding-top: 1em;
}

.blankLink {
  /*padding-bottom:26.15px;*/
}

#footer-lists ul {
  margin-top: 0.5em;
  padding: 0;
  list-style: none;
}

#footer-lists ul li {
  margin-bottom: 0.75em;
}

#footer-lists .list-wrapper {
  /*display: table;*/
  float: left;
  margin-right: 0.5%;
  text-align: left;
}

#no-category-links {
  display: block;
  margin-top: 1.75em;
  margin-right: 0;
}

#no-category-links a {
  border: none;
  white-space: nowrap;
}

.footer-navigation {
  text-align: center;
  margin-top: 1.5em;
}

.ie7 #footer-lists a {
  display: block;
}

#footer-lists a {
  /*display: table;*/
}

#footer-lists a, .footer-navigation a {
  font-size: 12px;
  font-weight: normal;
}

.footer-navigation ul {
  padding: 0;
}

.footer-navigation ul li {
  display: inline;
  border-right: solid 1px #fff;
  padding-right: 1em;
  padding-left: 1em;
}

.footer-navigation .last,
.footer-navigation ul li:last-child {
  border: none;
}

#footer-lists a:hover, .footer-navigation a:hover {
  text-decoration: underline !important;
}

@media only screen and (max-width: 480px) {
  #footer-lists .list-wrapper, #no-category-links {
    clear: both;
    padding-left: 1em;
  }
  #no-category-links {
    margin-top: 0;
  }
  #footer-resources-links-left, #footer-resources-links-right {
    width: 90%;
  }
  .blankLink {
    display: none;
  }
}
@media only screen and (min-width: 480px) {
  #footer-lists .two-list-wrapper {
    display: table;
    margin: 0px auto;
    width: 90%;
  }
  #footer-lists .list-wrapper {
    float: none;
    display: table-cell;
  }
  #footer-help-links, #no-category-links {
    padding-left: 3%;
  }
  #footer-resources-links-left, #footer-resources-links-right {
    margin-top: 1.75em;
  }
}
@media only screen and (min-width: 768px) {
  #footer-lists {
    display: block;
    margin-left: auto;
    margin-right: auto;
  }
  #footer-lists .two-list-wrapper {
    display: inline;
    margin: auto;
  }
  #footer-training-links {
    width: auto;
    padding-left: 1%;
  }
  #footer-help-links, #no-category-links {
    width: 24%;
    padding-left: 1%;
    margin-right: auto;
  }
  #footer-training-links {
    /*padding-left: 95px;*/
  }
  #footer-lists .list-wrapper {
    float: left;
    display: block;
  }
  #footer-resources-links-left, #footer-resources-links-right {
    clear: none;
    padding-left: 1.5em;
  }
  #no-category-links {
    /*width: auto !important;*/
    clear: both;
    /*float: none !important;*/
    margin-top: 0em;
    display: block;
  }
  #no-category-links ul {
    margin: 0px auto;
    text-align: center;
  }
  #no-category-links li {
    display: inline !important;
    border-right: solid 1px #fff;
    padding: 0 10px;
  }
  #no-category-links li:last-child {
    border-right: none;
  }
  .transfact {
    margin-right: 40px;
    float: right;
  }
}
@media only screen and (min-width: 925px) {
  #footer-lists {
    display: block;
    padding: 0;
    margin-left: auto;
    margin-right: auto;
  }
  #no-category-links {
    display: block;
    overflow: hidden;
    display: table;
    margin: 1.75em 0 0 1em !important;
    clear: none;
    float: left;
    width: auto;
  }
  #no-category-links ul {
    margin-left: 1em;
    padding-left: 0;
  }
  #no-category-links li {
    display: table !important;
    border: none;
    padding: inherit;
  }
  #footer-training-links {
    width: 20%;
    padding-left: 5%;
  }
  #footer-help-links, #no-category-links {
    padding-right: 2%;
  }
}
#footerContactInfo {
  position: relative;
  top: 0;
  /*float: left;*/
  width: 100%;
  /*margin-left:auto;
  margin-right:auto;*/
  /*clear: both;*/
  /*background-color: red;*/
  margin-top: 0;
  padding-top: 1em;
  /*padding-right: 1em;*/
  font-size: 11px;
  text-align: center;
  padding-bottom: 4em;
}

#footerContactInfo div {
  /*background-color: #fed; */ /* for debugging */
  /*
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  */
}

#footerContactInfo table {
  width: 100%;
}

#footerContactInfo td {
  width: 50%;
  vertical-align: top;
}

#footerContactInfo .ovcLogo {
  display: block;
  position: absolute;
  top: 1em;
  right: 2%;
  max-width: 30% !important;
  /*height: auto;*/
  /*
  max-width: 30% !important;
  height: auto;
  */
  /*width: auto;*/
  margin-left: 5%;
  /*
  max-width: 30% !important;
  height: auto;

  */
  /*
  width: 23.958333333333333333333333333333%;
  height: 100%;
  max-height: inherit;
  */
  /*
  width: 100%;
  height: 100%;
  max-width: 230px;
  max-height: 89px;
  */
  /*
  background: url('/assets/images/footer/OVC-vector-230x89.svg') ;
  background-size: 100% 100%;
  */
  /*background:  url('/downloads/mtest/assets/images/footer/OVC-vector-230x89.svg') ;*/
  /*background-size: 230px 89px;*/
  /*background-color: #fcc;*/ /* for debugging  */
}

#footerContactInfo .ovcLogo img {
  /*display: block;*/
  /*width: 230px;*/
  width: auto;
  max-width: 100% !important;
  height: auto;
  /*width: auto !important;*/
  /*min-width: 125px !important;*/
  /*max-width: 100% !important;*/
}

#ovcttac-footer-info {
  /*float:left;*/
  max-width: 63%;
  text-align: left;
  padding-left: 2%;
}

#footerContactInfo #contact-links {
  text-align: left;
}

#footerContactInfo .contact-link {
  white-space: nowrap;
  display: block;
}

.contact-link-separator {
  display: none;
}

#last-footer-info {
  display: block;
  /*margin-left: 10% !important;*/
  float: left;
  clear: both;
  max-width: 100%;
  padding: 0 2%;
  text-align: left;
}

/*@media only screen and (min-width: 960px) {

#header-search-wrapper {
	margin-left:703px;
}
#footerContactInfo {
	width: 960px;
}
}*/
@media only screen and (min-width: 568px) {
  #last-footer-info {
    /*margin-left: 5.2% !important;*/
    max-width: 80% !important;
    /*background-color: green !important; */ /* for debugging */
    padding: 0;
    padding-left: 2%;
    text-align: left;
  }
}
@media only screen and (min-width: 768px) {
  #ovcttac-footer-info {
    margin-left: 3% !important;
    max-width: 60% !important;
    text-align: center;
    padding: 0;
  }
  #footerContactInfo #contact-links {
    margin-top: auto;
    text-align: center !important;
  }
  #footerContactInfo .contact-link, #footerContactInfo .contact-link-separator {
    display: inline;
  }
  #last-footer-info {
    margin-left: 3% !important;
    max-width: 60% !important;
    padding: 0;
    text-align: center;
  }
}
@media only screen and (min-width: 825px) {
  #ovcttac-footer-info {
    margin-left: 3% !important;
    max-width: 65% !important;
    /*text-align: center !important;*/
    padding: 0;
  }
  #last-footer-info {
    margin-left: 3% !important;
    max-width: 65% !important;
    padding: 0;
  }
  .recent-news-wrapper-hover {
    background-color: #e1f2ff;
  }
}
#top-link a {
  font-family: "Lato", sans-serif;
  background: none repeat scroll 0% 0% #e6e6e6;
  border: 1px solid #CCC;
  border-radius: 5px 5px 0px 0px;
  color: #01285f;
  display: none;
  outline: none;
  font-size: 16px;
  margin-left: -85px;
  opacity: 0.8;
  padding: 7px;
  position: fixed;
  bottom: -3px;
  left: 50%;
  right: 0px;
  text-align: center;
  text-decoration: none;
  width: 150px;
  z-index: 999;
}

#top-link a:hover,
#top-link a:active,
#top-link a:focus {
  bottom: 0;
}

/* FAQs and Top links */
a[href^="#top"], .scroll-to {
  float: right;
  display: block;
  margin-bottom: 1.5em;
}

h2, .faqs h3 {
  clear: both;
}

.faqs h3 {
  margin-bottom: -0.75em;
}

/* END: FAQs and Top links */
#back-top {
  position: relative;
  margin: 0 auto;
  text-align: center;
  width: 100px;
}

#back-top a {
  text-decoration: none;
  font-weight: bold;
  display: block;
  background-color: green;
  color: #fff;
  padding: 15px 10px;
}

/**
http://nicolasgallagher.com/micro-clearfix-hack/

 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    contenteditable attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that are clearfixed.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */
.clearfix:before,
.clearfix:after {
  content: " "; /* 1 */
  display: table; /* 2 */
}

.clearfix:after {
  clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.ie7 .clearfix {
  *zoom: 1;
}

/* Training & Training Materials */
.training-materials {
  width: auto;
  background-image: url(/assets/images/divider-trainingmaterials.png);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: 100%;
  padding: 1em 0 1em;
  position: relative;
  /*padding-right: 135px;*/
  /*
  display: block;
  */
  /* old
  clear: both;
  width:90%;
  padding: 1em 0 1em;
  background-image:url(/assets/images/divider-trainingmaterials.png); background-repeat:no-repeat;
  */
}

.training-materials .training-desc {
  float: left;
  width: 48%;
  /* old
  float:left; 
  width: 40%;
  padding-right: 1em;
  */
}

.training-materials img {
  top: 8px;
  right: 5px;
  float: left;
  margin-left: 10px;
  /*position: absolute;*/
  /*
  top: 8px;
  right: 5px;
  */
  /*float: left;*/
  /*margin-left: .5em;*/
  /* old
  float:left;
  margin-left: 1em;
  */
}

.training-materials .training-links {
  /*margin-top: 0em;*/
  width: 95%;
  float: left;
  /* old
  float:right; 
  width:25%;
  */
}

.training-materials .training-links ul {
  width: 100%;
  padding-left: 1em;
}

.training-materials .training-links ul li {
  margin-bottom: 1em;
}

.training-materials .training-links a {
  /*display: table;*/
  /*margin-bottom: 1em;*/
}

@media only screen and (min-width: 568px) {
  .training-materials {
    /*width:90%;*/
  }
  .training-materials .training-desc {
    float: left;
    width: 40%;
    padding-right: 1em;
  }
  .training-materials img {
    position: static;
    float: left;
    margin-left: 1em;
  }
  .training-materials .training-links ul {
    padding-left: 1.3em;
  }
  .training-materials .training-links {
    float: left;
    width: 30%;
    margin-left: 1em;
  }
}
#training-cat-cal {
  display: block;
  clear: both;
  border: 1px solid #487dba;
  margin: 0px;
  padding: 10px 10px;
  background-color: #e1e4f4;
}

#training-cat-cal #training-catalog,
#training-cat-cal #ovc-events {
  display: block;
  position: relative;
}

#training-cat-cal #training-catalog {
  padding-right: 115px;
  min-height: 120px;
}

#training-cat-cal #ovc-events {
  padding-right: 105px;
  min-height: 120px;
}

#training-cat-cal .cell {
  position: absolute;
  top: 0px;
  right: 0px;
}

@media only screen and (min-width: 540px) {
  #training-cat-cal {
    padding: 0;
  }
  #training-cat-cal #training-catalog,
  #training-cat-cal #ovc-events {
    padding-right: inherit;
    min-height: inherit;
  }
  #training-cat-cal #training-catalog,
  #training-cat-cal #ovc-events {
    float: left;
    width: 48%;
    padding: 1%;
    vertical-align: top;
  }
  #training-cat-cal .description,
  #training-cat-cal .cell {
    display: table-cell;
    position: static !important;
    vertical-align: top;
    top: inherit;
    right: inherit;
    width: 50%;
  }
  #training-cat-cal .cell {
    text-align: center;
  }
  .ie7 #training-cat-cal .description,
  .ie7 #training-cat-cal .cell {
    float: left;
    display: inline;
  }
}
/* Training Catalog tables*/
.expand-collapse-all {
  display: block;
  margin-bottom: 20px;
  text-decoration: underline;
  cursor: pointer;
}

table#nvaa-trainings,
table#trainings-by-request,
table#online-trainings,
table#webinars {
  width: 100%;
}

#nvaa-trainings tr.title-th,
#trainings-by-request tr.title-th {
  width: 50%;
}

#online-trainings tr.title-th,
#webinars tr.title-th {
  width: 65%;
}

.training-info {
  border-top: 15px solid #093667;
}

.training-info td {
  text-align: left !important;
}

/*.trainings-list {
	.background-color:#093667;
}*/
.ui-responsive {
  border-collapse: collapse;
}

/*.ui-responsive ,*/
.ui-responsive td, .ui-responsive th {
  border: 1px solid #888;
  border-bottom: none;
}

.ui-responsive tbody {
  border-bottom: 1px solid #888 !important;
}

.ui-responsive .ui-table-cell-label {
  width: 75px;
  max-width: 75px !important;
  min-width: 0 !important;
  /*vertical-align:top;*/
  float: left;
}

.ui-table-cell-label {
  /*background: #fed;*/
}

table.trainings-list .online-title {
  text-align: left !important;
  /*display: table-row;*/
}

.title-link .new-training-icon, .title-link .coming-soon-icon {
  vertical-align: middle;
}

.online-title .title-link, .online-title .ui-table-cell-label {
  /*
  display: table-cell;
  width: 50%;
  */
}

.online-title div {
  display: inline-block;
  /*float: left;*/
  width: 75%;
  /*background: #eea;*/
}

.ceus {
  white-space: nowrap;
}

/* hide the summary row on page load*/
.summary, .desc {
  display: none;
  background: #c7ddee;
}

.summary-sp {
  display: none;
  background: #c7ddee;
}

.materials {
  display: none;
}

.expertbio {
  display: none;
}

.expertbiofull {
  display: none;
}

/*.summary-toggle, .title-summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle, .title-desc-toggle {
	text-decoration:underline;
	cursor:pointer;
}
.summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle {
	vertical-align:middle !important;
	text-align: center !important;
}

.title-summary-toggle, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .title-desc-toggle {
	white-space:nowrap;
	text-decoration: none;
	text-align: center;
	min-width: 110px;
}*/
.summary-toggle,
.summary-toggle .ui-table-cell-label,
.show-summary-th,
.summary .ui-table-cell-label,
.summary-sp .ui-table-cell-label,
.materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle {
  display: none !important;
}

.show-summary-th {
  width: 10%;
}

.summary td, .summary-sp td, .desc td {
  text-shadow: none !important;
}

@media (min-width: 35em) {
  .expand-collapse-all {
    margin-bottom: 10px;
  }
  table#nvaa-trainings {
    /*
    position: relative;
    width: 900px !important;
    */
  }
  .summary-toggle,
  .show-summary-th, .materials-toggle, .expertbio-toggle, .expertbiofull-toggle, .desc-toggle {
    display: table-cell !important;
    margin: 0;
  }
  .training-info {
    border-top: inherit;
  }
  .training-info td {
    text-align: center !important;
  }
  .title-summary-toggle {
    /*display: none;*/
  }
  .title-link {
    width: 100%;
  }
  #nvaa-trainings .online-title,
  #trainings-by-request .online-title,
  #online-trainings .online-title,
  #webinars .online-title {
    /*width: auto !important;*/
  }
  .online-title div {
    width: 100%;
    /*width: 90%;*/
  }
}
@media (max-width: 34.99em) {
  .ui-responsive .square15 {
    margin-left: 65px;
  }
}
table.trainings-list.ui-responsive {
  display: table;
  /*width: 100% !important;*/
  /*width: 95% !important;*/
}

table.trainings-list thead tr {
  background-color: #093667;
  padding: 0px;
  color: #ffffff;
  text-shadow: none;
  text-align: center !important;
}

table.trainings-list thead th {
  text-align: center !important;
}

.training-type-header {
  margin-top: 2em;
}

/* end Training Catalog tables*/
/* End Training & Training Materials */
#instructor-materials, #instructor-materials .image, #instructor-materials .description {
  border-collapse: collapse;
}

#instructor-materials {
  margin: 0 2%;
  margin-bottom: 2em;
  display: table;
}

#instructor-materials .material {
  display: table-row;
  border: 1px solid gray;
}

#instructor-materials .image, #instructor-materials .description {
  display: block;
  padding: 1em;
  vertical-align: top;
}

#instructor-materials .image {
  vertical-align: middle;
  text-align: center;
}

#instructor-materials .image img {
  width: 150px;
  height: auto;
}

@media only screen and (min-width: 568px) {
  #instructor-materials {
    margin-right: 3.33%;
  }
  #instructor-materials .image, #instructor-materials .description {
    width: 50%;
    display: table-cell;
    border: 1px solid gray;
  }
}
.let-others-know {
  margin-top: 0px;
  /*margin-left:15px;*/
  background-color: #ffffff;
}

.let-others-know-box {
  border: 1px solid gray;
  border-collapse: collapse;
  width: 100%;
}

.let-others-know-box thead {
  background-color: #093667;
  padding: 0.5em;
  color: #fff;
}

.let-others-know-box td {
  padding-left: 10px;
  padding-bottom: 5px;
  padding-top: 5px;
  line-height: 1.5;
  background-color: #ffffff;
}

/* Training & Training Materials >> National Victim Assistance Academy (NVAA) pages  */
/* keeps content from flowing around #nvaa-nav */
#nvaa-content {
  overflow: hidden;
  margin-top: 0;
  margin-right: 1.5em;
}

/* Overrides to jQuery UI left menu for Training & Training Materials >> National Victim Assistance Academy (NVAA) */
#nvaa-nav, #nvaa-nav-panel {
  width: 194px;
  float: left;
  margin-right: 1.5em;
  margin-bottom: 3em;
  z-index: 100;
}

#nvaa-nav .ui-widget,
#nvaa-nav-panel .ui-widget {
  background: none; /* removes default jQuery UI bg image */
  background-color: rgb(238, 238, 238);
  font-size: 0.95em;
}

#nvaa-nav .ui-menu,
#nvaa-nav-panel .ui-menu {
  box-shadow: 0px 0px 8px #888888;
}

#nvaa-nav .ui-menu-item a,
#nvaa-nav-panel .ui-menu-item a {
  text-decoration: underline !important;
  display: block;
  padding: 5px 0.4em;
  line-height: 1.5;
  min-height: 0px;
  font-weight: normal;
  color: rgb(34, 34, 34);
}

#nvaa-nav .ui-menu-item a:hover,
#nvaa-nav-panel .ui-menu-item a:hover {
  text-shadow: none;
  /*color: #fff;*/
}

#nvaa-nav .ui-state-focus,
#nvaa-nav-panel .ui-state-focus {
  background: none; /* removes default jQuery UI bg image */
  background-color: #003366;
  color: #fff !important;
}

#nvaa-nav {
  display: none;
}

#nvaa-nav-panel-trigger {
  display: table;
}

.nvva-menu {
  background-color: rgb(238, 238, 238);
  box-shadow: 0px 0px 8px rgb(136, 136, 136);
}

.nvva-menu ul {
  padding-left: 1.5em !important;
}

.nvva-menu a {
  border-radius: 5px;
}

.nvva-menu a:hover {
  color: #fff !important;
  background-color: #1A325E;
}

@media only screen and (min-width: 768px) {
  #nvaa-nav {
    display: block;
  }
  #nvaa-nav-panel-trigger {
    display: none;
  }
}
/* End overrides to jQuery UI left menu for Training & Training Materials >> National Victim Assistance Academy (NVAA) */
.nacp-topics-table {
  width: 95%;
  margin-bottom: 3em;
}

.nacp-topics-table .nacp-topic-num {
  width: 3em;
}

.nacp-topics-table .nacp-topic {
  width: 20em;
}

/* End: Training & Training Materials >> National Victim Assistance Academy (NVAA) pages  */
/* Recent news */
.recent-news-wrapper {
  width: 100%;
  overflow-x: hidden;
  overflow-y: hidden;
}

/*.recent-news-wrapper:hover, .recent-news-wrapper-hover {
	background-color: #e1f2ff;
}*/
.recent-news-item {
  display: block;
  margin: 0px;
  padding: 0px 0.4em 10px;
  min-height: 0px;
  font-weight: normal;
  width: 96%;
  font-size: 10pt;
}

#tile-content-recent-news img,
#tile-content-whats-new img,
#online-training-tile img {
  display: none;
}

#content #tile-content-recent-news .recent-news-more,
#content #tile-content-whats-new .recent-news-more,
#content #online-training-tile .recent-news-more {
  display: block;
  /*color: #009900*/ /*rgb(9, 54, 103)*/ /*!important;*/
  color: #376105 !important;
  font-weight: bold;
}

#content #tile-content-recent-news .recent-news-more .fa-arrow-circle-right,
#content #tile-content-whats-new .recent-news-more .fa-arrow-circle-right,
#content #online-training-tile .recent-news-more .fa-arrow-circle-right {
  /*color: #009900*/ /*rgb(9, 54, 103)*/ /*!important;*/
  color: #376105 !important;
}

/*.wf-fontawesome-n4-loading .fa-arrow-circle-right, */
.wf-fontawesome-n4-inactive .fa-arrow-circle-right {
  background: url("../images/icon-circle-arrow-right-14x14.png") center center no-repeat !important;
  width: 14px;
  height: 14px;
  display: inline-block;
  vertical-align: text-bottom;
}

.wf-fontawesome-n4-active .fa-arrow-circle-right {
  background-image: none !important;
  width: auto;
  height: auto;
  vertical-align: baseline;
}

.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch i.fa-envelope-o {
  background: url("../images/fa-icons-24x24.png");
  background-position: -24px 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.wf-fontawesome-n4-inactive div.widget-content.stay-in-touch .fa-calendar {
  background: url("../images/fa-icons-24x24.png");
  background-position: 0 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  vertical-align: text-bottom;
}

.recent-news-wrapper a:first-child {
  text-decoration: none;
  color: #333;
}

.recent-news-wrapper a:hover {
  text-decoration: none;
  color: #333;
}

.whats-new-item {
  display: block;
  margin: 0px;
  padding: 0px 0.4em 10px;
  min-height: 0px;
  font-weight: normal;
  width: 96%;
  font-size: 10pt;
}

.whats-new-item a {
  text-decoration: none;
  color: #333;
}

.whats-new-item a:hover {
  text-decoration: none;
  color: #333;
}

a.recent-news-more {
  text-decoration: none;
  color: #61abb8 !important;
}

#OJP-top-link {
  width: 100%;
  height: 25px;
  background: url("/assets/images/ojplogo/OJP_top_header-large-2x.gif") no-repeat left top #fff;
  background-size: 2480px 25px;
  max-width: 1440px;
  margin: auto;
}

#OJP-top-link a.OJP-top-link-a {
  display: block;
  width: 100%;
  height: 25px;
}

.backgroundsize #OJP-top-link a.OJP-top-link-a {
  background: url("/assets/images/ojplogo/OJP_top_header-large-2x.gif") no-repeat left top #fff;
  background-size: 2480px 25px;
}

.no-backgroundsize #OJP-top-link a.OJP-top-link-a {
  background: url("/assets/images/ojplogo/OJP_top_header-large-2x.gif") no-repeat left top #fff;
}

#OJP-top-link a:focus {
  border-color: black;
  border-style: solid;
  border-width: 2px;
  background-size: 2480px 22px !important;
}

#DOJ_OJP_seal, #DOJ_OJP_seal-64, #DOJ_OJP_seal-128 {
  width: 34px;
  height: 34px;
  position: relative;
  top: 7px;
}

#DOJ_OJP_seal {
  left: 160px;
}

#DOJ_OJP_seal-128 {
  left: 170px;
}

#DOJ_OJP_seal-64 {
  left: 180px;
}

#shadow-under-ojplogo {
  width: 100%;
  border-top: 1px solid #525252;
  border-bottom: 1px solid #818181;
  height: 0;
  /*background: #75b3e2 url('/assets/images/header/shadow_under_ojplogo.gif') no-repeat left top;*/
}

#homepage-top-link {
  width: 100%;
  height: 76px;
}

html.svg.cssgradients #homepage-top-link {
  background: url("/assets/images/header/OVC_TTAC-horiz-vector-540x40.svg") no-repeat 45px center, linear-gradient(to right, #1a325e 250px, #73b1e0) no-repeat 0px center;
}

html.no-cssgradients #homepage-top-link {
  background: #75b3e2 url("/assets/images/header/OVCTTAC-bluegradient_banner.jpg") no-repeat left top;
}

#homepage-top-link a {
  display: block;
  width: 100%;
  height: 76px;
  /*height: 71px;*/
}

@media only screen and (max-width: 875px) {
  html.svg.cssgradients #homepage-top-link {
    background-position: 10px, 0px;
  }
  html.no-cssgradients #homepage-top-link, html.no-cssgradients #OJP-top-link {
    background-position: -35px;
  }
}
@media only screen and (max-width: 825px) {
  html.svg.cssgradients #homepage-top-link {
    background-position: 0px;
    display: block;
    background-image: url("/assets/images/header/OVC_TTAC-vector-270x59.svg");
    /*background-color: #75b3e2;*/
    /*background-image:  url('/downloads/mtest/assets/images/header/OVCTTAC_logo_White_LtBlue-270x59.svg'), -webkit-linear-gradient(to right, #1a325e 250px, #73b1e0);*/
    /*
    , -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999))
    , -webkit-linear-gradient(left, #f00 250px, #73b1e0)
    */
    background: url("/assets/images/header/OVC_TTAC-vector-270x59.svg") 10px center no-repeat, linear-gradient(to right, #1a325e 250px, #73b1e0);
    /*
    -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999))
    -webkit-linear-gradient(top, #444444, #999999)
            linear-gradient(left, #1a325e , #73b1e0)
    ;
    */
    /* no-repeat 10px center */
    /*background-size: auto auto ;*/
    /*background-size: 512px 112px;*/
    /*
    background:  url("/downloads/mtest/assets/images/header/OVCTTAC_logo_White_LtBlue-270x59.svg");
    */
    /* , -webkit-linear-gradient(left,#1a325e 250px, #73b1e0);*/ /*url("/downloads/mtest/assets/images/header/OVCTTAC_logo_White_LtBlue-270x59.svg") 40px center no-repeat, -webkit-linear-gradient(left,black,blue 10%,blue 90%,black), linear-gradient(to right,  #1a325e 250px, #73b1e0), #1a325e;*/
    /*
    background-position: 40px center; 
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-attachment: scroll;
    */
    /* no-repeat scroll border-box padding-box*/
    /*background-position: 0px;*/
    /*background: #75b3e2 url('/downloads/mtest/assets/images/header/OVTTAC_logo_BLK_ and Color.png') no-repeat left top;
    background-position: 0;*/
  }
  html.no-cssgradients #homepage-top-link {
    background: #75b3e2 url("/assets/images/header/OVCTTAC_text_under-bluegradient_banner.jpg") no-repeat left top;
  }
}
#mobile-menu-buttons {
  display: none;
}

#chart_div {
  margin-bottom: 1em;
  width: 100%;
  height: 200px;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}

#feedback-links {
  max-width: 600px;
}

@media only screen and (min-width: 560px) {
  #homepage-top-menu {
    display: block;
  }
  #menu-popup-button {
    display: none;
  }
}
@media only screen and (max-width: 560px) {
  .single-col-wrap,
  .single-col-sidebar-wrap,
  .two-col-wrap,
  .three-col-wrap {
    display: block;
  }
  #content {
    /*width: 100%;*/
  }
  header,
  footer,
  #mega {
    /* display: none; */
  }
  #top-navbar {
    display: block;
  }
  /*
  #homepage-top-link {
  	position: relative;
  	float: left;
  	width: 80%;
  	height: 82px;
  }

  #homepage-top-link a {
  	float: left;
  	background: white url('/downloads/mtest/assets/images/header/header-mobile.png') no-repeat left top;
  }
  */
  /*
  #menu-popup-button {
  	width: 10%;
  	float: right;
  }
  */
  /* hide these from mobile phones on homepage */
  #online-training-tile,
  #how-we-can-help-tile {
    display: none;
  }
  #tile-content-recent-news, #tile-content-whats-new {
    width: auto;
    height: auto;
    overflow-x: hidden;
  }
}
@media only screen and (max-width: 767px) {
  /*#header-search-wrapper {
  	left: 66.5%;
  }*/
  header {
    height: 172px;
    background-color: #73B1E0;
  }
  #mobile-menu-buttons {
    position: absolute;
    top: 65px;
    right: 5px;
    display: block;
  }
  #header-search-wrapper {
    position: absolute;
    top: 134px;
    text-align: center;
    display: block;
    width: 100%;
  }
  #header-search {
    position: relative;
    display: block;
    margin: 0 auto !important;
    background: #ddd !important;
  }
  #header-icons {
    display: none;
  }
  /* hide the survey tab when the #header-control-buttons is visible */
  #feedback-tab {
    display: none;
  }
  #header-control-buttons {
    position: absolute;
    top: 55px;
    right: 4%;
    display: block;
  }
  #header-control-buttons a {
    display: inline-block;
    height: auto;
    width: auto;
    border-radius: 5px;
  }
  #header-control-buttons i {
    display: block;
  }
  #header-control-buttons .ui-btn-inner {
    height: auto;
    font-size: 16px;
  }
  .wf-fontawesome-n4-inactive #header-control-buttons .fa-list {
    background: url("../images/fa-icons-24x24.png");
    background-position: -48px 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .wf-fontawesome-n4-inactive #header-control-buttons .fa-wrench {
    background: url("../images/fa-icons-24x24.png");
    background-position: -72px 0;
    width: 24px;
    height: 24px;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .transfact {
    margin-left: 10px;
    margin-right: 10px;
    float: none;
    text-align: center;
  }
}
/*@media only screen and (max-width: 500px) {
	header {

		height: 172px;
		background-color: #73B1E0;
	}	
	html.svg.cssgradients #homepage-top-link {		
		background: url("/assets/images/header/OVC_TTAC-vector-270x59.svg") no-repeat scroll center center #1a325e;
		background-size: 205px 40px;
	}
	html.no-cssgradients #homepage-top-link {
		background: #1a325e url('/assets/images/header/OVC_TTAC-270x59.png') no-repeat center center;
	}	
	#header-control-buttons {
		position:absolute;
		top: 65px;
		display: block;
		right: auto;
		width: 100%;

	}
	header #header-control-buttons #main-menu-panel-btn {
		position: absolute;
		left: 3px;
	}	
	header #header-control-buttons #tools-panel-btn {
		position: absolute;
		right: 3px;
	}	
	#header-search-wrapper {
		position:absolute;
		top: 134px;
		text-align: center;
		display: block;
		width: 100%;
	}
}*/
@media only screen and (min-width: 825px) {
  .two-col-wrap {
    position: relative;
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    clear: both;
  }
  .two-col-wrap .col-a {
    position: relative;
    float: left;
    margin-right: 4%;
    width: 48%;
  }
  .two-col-wrap .col-a70 {
    position: relative;
    float: left;
    margin-right: 4%;
    width: 68%;
  }
  .two-col-wrap .col-b {
    position: relative;
    float: left;
    width: 48%;
  }
  .two-col-wrap .col-b30 {
    position: relative;
    float: left;
    width: 28%;
  }
}
#menu-button {
  font-size: 1.5em;
  text-align: center;
  text-decoration: none;
  position: absolute;
  top: 65px;
  left: 600px;
  display: block;
  color: white;
}

#menu-button .label {
  display: block;
  font-size: 12px;
  font-family: Helvetica, Arial, sans-serif;
}

#content a.ui-btn:hover {
  color: #333 !important;
}

.alpha-list {
  margin: 1em 0 0 2em;
  font-size: 14px;
  font-weight: bold;
}

/* Consultant Spotlight Gallery */
#recent-spotlights-wrapper {
  display: block;
  margin-top: 1em;
  margin-bottom: 2em;
}

#current-spotlight {
  display: block;
  width: 60px;
  margin: 0.5em auto;
}

#recent-spotlights {
  display: table;
  margin: 0.5em auto;
  text-align: center;
}

.spotlight-photo {
  display: inline-block;
  padding: 5px;
  border: 1px solid #808080;
}

.spotlight-photo img {
  width: 50px;
  height: 50px;
}

#recent-spotlights-wrapper .button {
  display: table;
  text-align: center;
  margin: 0.5em auto;
}

#current-spotlight,
#recent-spotlights {
  padding: 5px;
}

#current-spotlight .title,
#recent-spotlights .title {
  display: block;
  width: 100%;
  text-align: center;
  font-weight: bold;
  padding-bottom: 5px;
}

@media only screen and (min-width: 640px) {
  #current-spotlight,
  #recent-spotlights,
  #recent-spotlights-wrapper .button {
    display: inline-block;
    margin-right: 10px;
  }
}
#consultant-spotlights-archives {
  /*position: relative;*/
  /*float: left;*/
  display: block;
  margin: 10px auto;
  /*padding-left: 0;*/
  /*padding: 0;*/
  /*width: auto;*/
  /*background-color: red;*/
}

#consultant-spotlights-archives div.block {
  position: relative;
  float: left;
  display: block;
  width: 200px;
  padding: 5px;
  padding-bottom: 60px;
  margin-right: 2%;
  margin-bottom: 2em;
  border: 1px solid #bbb;
  box-shadow: 2px 2px 5px rgba(50, 50, 50, 0.75);
}

@media only screen and (max-width: 480px) {
  #consultant-spotlights-archives {
    /*margin: 0 auto !important;*/
    /*
    padding-left: inherit !important;
    margin: 0 auto !important;
    */
    /*
    margin-left: auto;
    margin-right: auto;
    */
    /*padding: inherit  !important;*/
    /*width: auto  !important;*/
    /*
    float: none;
    display: block;
    margin-left: auto;
    margin-right: auto;
    */
  }
  #consultant-spotlights-archives div.block {
    float: none;
    display: table;
    margin-left: auto;
    margin-right: auto;
    /*height: auto;*/
    /*
    margin-left: auto;
    margin-right: auto;
    */
  }
}
#consultant-spotlights-archives .consultant-blurb {
  float: right;
  width: 115px;
}

#consultant-spotlights-archives .consultant-name {
  font-weight: bold;
  font-size: 13px;
}

#consultant-spotlights-archives .consultant-info {
  font-size: 12px;
  word-wrap: break-word;
}

#consultant-spotlights-archives .standard-btn-wrapper {
  text-align: center;
  margin: 0 auto;
  bottom: 15px;
  position: absolute;
  left: 50%;
}

#consultant-spotlights-archives .standard-btn-wrapper a {
  position: relative;
  left: -50%;
}

#bottom-goto {
  clear: both;
  margin-top: -1em;
  margin-bottom: 2em;
}

#PM-Resources .divider, #ORG-Resources .divider {
  margin-bottom: 2em;
}

#PM-Resources .photo, #ORG-Resources .photo {
  text-align: center;
}

@media only screen and (min-width: 480px) {
  .consultant-profile-wrapper {
    margin-right: 8%;
    display: table;
  }
  .consultant-content {
    display: table-row;
  }
  .consultant-profile .consultant-photo {
    vertical-align: top;
    display: table-cell;
    text-align: center;
    padding: 15px;
    /*width: 200px;*/
  }
  .consultant-profile .consultant-blurb {
    vertical-align: top;
    display: table-cell;
    padding: 15px;
    margin-right: 5px;
    margin-right: 8% !important;
  }
  .consultant-content {
    display: block;
    margin-right: 8% !important;
  }
  .consultant-profile.bordered {
    border: 1px solid #808080;
  }
  .consultant-profile.bordered .consultant-photo {
    border-right: 1px solid #808080;
  }
  .consultant-profile.bordered .consultant-blurb .button {
    float: right;
  }
  #PM-Resources .resource, #ORG-Resources .resource {
    display: block;
    float: left;
    clear: both;
    width: 100%;
  }
  #PM-Resources .photo, #ORG-Resources .photo {
    float: right;
    width: 24%;
    text-align: left;
  }
  #PM-Resources .description, #ORG-Resources .description {
    float: left;
    width: 70%;
  }
  #PM-Resources .divider, #ORG-Resources .divider {
    margin-bottom: 1em;
  }
}
.divider, .divider-wide {
  background-repeat: no-repeat;
  background-size: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.divider {
  background-image: url(/assets/images/divider.png);
  height: 7px;
  width: auto;
  max-width: 337px;
}

.divider-wide {
  background-image: url(/assets/images/dividerWide.png);
  background-repeat: no-repeat;
  height: 16px;
}

span.divider-black {
  display: inline-block;
  width: 0;
  height: 1.5em;
  border-left: 1px solid #000;
  margin-right: 20px;
  margin-left: 20px;
  margin-bottom: -5px;
}

.resources .photo {
  text-align: center;
}

.resources .description {
  margin-bottom: 1em;
}

#translate-this {
  position: relative;
  top: 0;
  left: 0;
  /*background-color: #fdd;*/
  float: left;
  margin-right: 4px;
  /*cursor: pointer;*/
  padding: 2px 3px;
  text-align: center;
  font-family: "bebas_neueregular", "Arial Narrow", Arial, sans-serif;
  text-transform: uppercase;
  font-size: 14px;
  font-weight: 300;
  letter-spacing: 0.085em;
  border-radius: 5px;
  color: #fff !important;
  text-shadow: rgba(0, 0, 0, 0.75) 1px 1px 2px;
  transition: color 0.25s, background-color 0.25s;
  /*z-index: -10 !important;*/
}

/*
#translate-this * 
{
	z-index: 10;
}
*/
.goog-te-gadget, .goog-te-combo {
  position: absolute;
  top: 0px;
  left: 0px;
  overflow: hidden;
  opacity: 0;
  height: 100%;
  width: 100%;
}

.goog-te-combo {
  /*background-color: red;*/
  /*cursor: pointer;*/
  width: 100% !important;
  margin: 0 !important;
  cursor: pointer;
  /*z-index: 1000;*/
}

/*
.goog-te-gadget-simple {
	position: absolute;
	top: 0px;
	left: 0px;


	width: 100%;
	height: 100%;
}

*/
.goog-te-gadget-simple * {
  display: none;
} /* hides the default Google 'Select Language' dropdown */
.goog-te-gadget-simple:first-child {
  /*
  position: absolute;
  top: 0px;
  left: 0px;
  */
  width: 100%;
  height: 100%;
  /*
  width: 22px;
  height:18px;
  */
  /*
  overflow: hidden;
  border-left: 0px solid #ffffff;
  border-width: 0px;
  border-style: none;
  border-color: #ffffff;
  background: none;
  display: inline;
  */
  /*display: block;*/
  /*
  border: none;
  background: none;
  */
  /*background: transparent;*/
  /*opacity: 0;*/
  /*z-index: 100000 !important;*/
}

.lteIE8 .goog-te-gadget-simple:first-child {
  border: none;
  background: transparent;
}

/*These styles are for dspNews.cfm and dspNews_Preview.cfm*/
#archived {
  width: 98%;
}

#archived .expander {
  width: 35%;
  background-color: #093667;
  border-top-right-radius: 5px 5px;
  font-family: "Oswald", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  margin: 0;
  padding: 0.25em 0.5em;
  color: #fff;
  cursor: pointer;
}

#archived .content {
  text-align: left;
  width: 98%;
  background-color: #e7e7e7;
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
  padding: 0.5em;
  /*margin-bottom: 2em;*/
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #333333;
}

/*for PSE pages*/
.under {
  position: relative;
  left: 0px;
  top: 0px;
  border: 1px solid;
  /*z-index:-1;*/
}

.over {
  position: relative;
  left: 50px;
  bottom: 30px;
  border: 1px solid;
  /*z-index:-1;*/
}

.pse-quote {
  background-color: #e7e7e7;
  border: solid 1px #032f5f;
  padding-right: 1em;
  padding-left: 1em;
  margin-bottom: 1em;
}

.transfact {
  font-size: 10pt;
  font-weight: normal;
}

.transfact a,
.transfact a:link {
  font-weight: normal !important;
  color: #0000EE !important;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
}

.transfact a:hover {
  text-decoration: underline;
}

.transfact a:visited {
  color: #551A8B !important;
}

.NVAA tr.even {
  background-color: #EEE;
}

.NVAA tr.odd {
  background-color: #FFF;
}

@media only screen and (max-width: 768px) {
  .in-tab-widget {
    width: 240px;
    max-width: 240px;
    clear: both;
    float: none;
    display: block;
  }
}
@media screen and (max-width: 840px) {
  .appForm-container {
    width: 98% !important;
  }
  .global {
    width: 90%;
  }
}
.appForm-container {
  width: 100%;
}

.appForm-container .button {
  display: block;
  margin: 0 auto;
}

.fieldtitle {
  font-size: 16px;
}

.marginRight10 {
  margin-right: 10px;
}

#top-nav {
  position: relative;
  top: 6px;
  background: #5e7f36 url(/assets/images/navbar/nav_backgrnd.png) repeat-x;
  background-position: 0 0;
  z-index: -1; /* Keeps the translated facts dropdown over the mega-menu */
  /*
  float: left;
  */
}

#mega {
  z-index: -1; /* Keeps the translated facts dropdown over the mega-menu */
  /*max-width:960px;*/
  /*
  float: left;
  */
}

#mega-menu {
  /*width: 100%;*/
  display: none;
}

/*
.link-wrap {
	display: inline-block;
	width: 80px;
	line-height: 12px;
}

.link-wrap div {
	display: inline-block;
}
*/
@media only screen and (min-width: 960px) {
  #mega-menu {
    width: 960px;
  }
  #mega-menu li > a.single {
    padding-left: 1.33em;
    padding-right: 1.33em;
  }
}
@media only screen and (min-width: 768px) {
  #mega {
    position: relative;
    height: 45px;
    margin: auto;
    width: 100%;
    /*width: 960px;*/
    /*z-index: 100;*/ /* Keeps the slideshow slider under the second level mega-menu in IE7 */
  }
  #mega-menu {
    position: relative;
    /*background: #3a3a3a  url(/assets/images/navbar/nav_bckgrnd_sprite.png) repeat-x ;*/
    /*background-position: 0 0;*/
    top: 0px;
    height: 100%;
    margin: auto;
    padding: 0px;
    overflow: visible;
    display: block;
  }
  #mega-menu a {
    text-decoration: none;
    padding: 0px;
    margin: 0px;
    border: 0px;
  }
  #mega-menu .menu-second-line {
    display: block;
  }
  #mega-menu ul {
    position: absolute;
    top: 0px;
    /*left: 0px;*/
    display: block;
    width: 100%;
    height: 100%;
    /*background: #999;*/
    /*text-align: center;*/
    padding: 0 0 0 0;
    margin: 0px;
    border: 0px;
    list-style-image: none;
    font-size: 10px;
    /*font-size: 10px;*/
  }
  #mega-menu ul ul {
    position: absolute;
    top: 34px;
    left: -999em;
    /*background: #333;*/
    /*opacity: 0.95;*/
    /*
    background: -moz-linear-gradient(top,  rgba(14,14,14,1) 0%, rgba(14,14,14,0.8) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(14,14,14,1)), color-stop(100%,rgba(14,14,14,0.8)));
    background: -webkit-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(14,14,14,0.8) 100%);
    background: -o-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(14,14,14,0.8) 100%);
    background: -ms-linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(14,14,14,0.8) 100%);
    background: linear-gradient(top,  rgba(14,14,14,1) 0%,rgba(14,14,14,0.8) 100%);
    */
    width: 100%;
    height: auto;
    font-size: 20px;
  }
  #mega-menu li {
    display: inline;
    /*display: inline-block;*/
    list-style: none;
    padding: 0px;
    margin: 0px;
    margin-right: -1px;
    border: 0px;
    height: 34px;
    text-align: center;
  }
  #mega-menu li li {
    font-family: Arial, Helvetica, sans-serif;
    line-height: normal;
    margin: 0px;
    padding: 0px;
    height: 34px;
    display: inline;
    vertical-align: middle;
    margin-right: -3px;
    border: none;
  }
  #mega-menu li > a {
    /*padding: 0 2.6%;*/
    /*padding: 0 25px;*/
    display: inline-block;
    /*
    float: left;
    position: relative;
    top: 4px;
    */
    /*font-family: 'Istok Web', Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    white-space: nowrap;
    font-size: 18px;
    font-weight: bold;
    /*line-height: 16px;*/
    /*line-height: 12px;*/
    /*letter-spacing: 0.05em;*/
    height: 30px;
    /*height: 30px;*/
    /*width: auto;*/
    /*padding-top: 0px;*/
    padding-top: 4px;
    margin: 0;
    margin-left: -2px;
    text-align: center;
    vertical-align: bottom;
    /*border-right: solid 1px #FFF;*/
    color: #fff;
    text-shadow: 1px 1px #333;
  }
  span.divider {
    display: inline-block;
    width: 0;
    height: 2em;
    border-left: 1px solid #fff;
    margin-bottom: 8px;
  }
  #mega-menu li:first-child > a {
    margin-left: 0px;
  }
  #mega-menu li li > a, #mega-menu li li:link > a, #mega-menu li li:visited > a {
    padding: 0 9px;
    /*font-family: 'Istok Web', Arial, Helvetica, sans-serif;*/
    font-family: Arial, Helvetica, sans-serif;
    /*text-transform: uppercase;*/
    font-size: 18px;
    /*font-size: 10px;*/
    font-weight: bold;
    line-height: 12px;
    letter-spacing: normal;
    height: 30px;
    padding-top: 4px;
    width: auto;
    text-align: center;
    margin: 0;
    text-shadow: none;
  }
  #mega-menu li > a.single {
    line-height: 45px;
    padding-top: 0;
    height: 45px;
    box-sizing: border-box;
  }
  #mega-menu li:focus > a, #mega-menu li:hover > a, #mega-menu li:active > a, #mega-menu li.selected > a {
    background: #264403 url(/assets/images/navbar/nav_backgrnd.png) repeat-x;
    background-position: 0 -34px;
    color: #eee;
  }
  #mega-menu li:hover ul ul, #mega-menu li.selected ul ul {
    left: -999em;
  }
  #mega-menu li:hover ul, #mega-menu li.selected ul, #mega-menu li li:hover ul, #mega-menu li li li:hover ul, #mega-menu li li li li:hover ul {
    left: 0px;
    width: 100%;
  }
  #__become-consultant-link {
    position: absolute;
    right: 3.4375%;
    /*right: 33px;*/
    top: 5px;
    display: block;
    width: 12.1875%;
    /*width: 117px;*/
    height: 24px;
    background: url(/assets/images/header/become_consultant_sprite.png) no-repeat;
    background-position: 0 0;
  }
  #__become-consultant-link:hover {
    background: url(/assets/images/header/become_consultant_sprite.png) no-repeat;
    background-position: 0 -24px;
  }
  #become-consultant-link {
    color: #333333 !important;
    background-image: none;
    background-color: #ffec64;
    background: linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
    /* SVG as background image (IE9/Chrome/Safari/Opera) http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc5MSIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIwJSIgeTE9IjAlIiB4Mj0iMCUiIHkyPSIxMDAlIj4KPHN0b3Agc3RvcC1jb2xvcj0iI0ZGRUM2NCIgb2Zmc2V0PSIwIi8+PHN0b3Agc3RvcC1jb2xvcj0iI0ZGQUIyMyIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzkxKSIgLz4KPC9zdmc+) !important;
    border-radius: 5px;
    border: 1px solid #ffaa22 !important;
    font-size: 10px;
    font-weight: bold;
    text-decoration: none;
    white-space: nowrap;
    text-shadow: 0px 1px 0px #ffee66 !important;
    line-height: 17px !important;
    height: 17px !important;
    position: absolute;
    top: 7px;
    margin-left: 15px !important;
  }
  #become-consultant-link:hover, #become-consultant-link:active {
    background-image: none !important;
    background-image: none !important;
    background: #ffab23 !important;
    background: linear-gradient(to bottom, #ffab23 5%, #ffec64 100%) !important;
    /* SVG as background image (IE9/Chrome/Safari/Opera) http://ie.microsoft.com/testdrive/graphics/svggradientbackgroundmaker/ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9Imc0NTgiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkFCMjMiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkVDNjQiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2c0NTgpIiAvPgo8L3N2Zz4=) !important;
  }
  #become-consultant-link:active {
    position: absolute;
    top: 8px;
  }
  /*	#menu-training { width: 16.45833%;}
  	#menu-help { width: 15.416666%;}
  	#menu-resources { width: 11.97916%;}
  	#menu-news { width: 6.0%;}
  	#menu-aboutus { width: 8%;}
  	#menu-lc { width: 18.5416%;}
  	#become-consultant-link {width: 18%;}
  */
  /*#menu-training { width: 16.564%;}
  #menu-help { width: 16.564%;}
  #menu-resources { width: 16.564%;}
  #menu-news { width: 16.564%;}
  #menu-aboutus { width: 16.564%;}
  #menu-lc { width: 16.564%;}
  #menu-myttac { width: 16.564%; }*/
  /*#become-consultant-link {width: 18%;}*/
  .ie7 #become-consultant-link {
    /*margin-left: -25px !important;*/
    /*padding: auto;*/
  }
}
@media only screen and (min-width: 800px) {
  #menu-resources {
    width: 17%;
  }
  #menu-help {
    width: 25%;
  }
  #menu-news {
    width: 13%;
  }
  #menu-aboutus {
    width: 17%;
  }
  #menu-lc {
    width: 26%;
  }
  /*	#menu-myttac { width: 10%;}
  */
}
@media only screen and (max-width: 960px) {
  #sub-menu-help a {
    font-size: 9px !important;
  }
  #mega-menu li > a.single {
    padding-left: 0.83em;
    padding-right: 0.83em;
  }
}
@media only screen and (max-width: 835px) {
  #sub-menu-help a {
    font-size: 8px !important;
  }
  #mega-menu li > a.single {
    padding-left: 0.5em;
    padding-right: 0.5em;
  }
}
#radius-test {
  width: 200px;
  height: 100px;
  border: 1px solid green;
  border-radius: 8px;
  /*	
  	background: #FFEC64;background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFEC64), to(#ffab23));background: -webkit-linear-gradient(#FFEC64, #ffab23);background: -moz-linear-gradient(#FFEC64, #ffab23);background: -ms-linear-gradient(#FFEC64, #ffab23);background: -o-linear-gradient(#FFEC64, #ffab23);background: linear-gradient(#FFEC64, #ffab23);-pie-background: linear-gradient(#FFEC64, #ffab23);
  */
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImcyNDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiNGRkVDNjQiIG9mZnNldD0iMCIvPjxzdG9wIHN0b3AtY29sb3I9IiNGRkFCMjMiIG9mZnNldD0iMSIvPgo8L2xpbmVhckdyYWRpZW50Pgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2cyNDYpIiAvPgo8L3N2Zz4=);
  /*behavior: url(/downloads/mtest/assets/styles/PIE.htc);*/
}

/*homePageRefreash-2019 start This area is for the homepage refresh to keep it seperate from the old css*/
/*New Version 2.0 22 Oct 2019 - rfk*/
p {
  font-family: Helvetica;
  font-size: 16px;
  color: #000000;
  line-height: 1.5;
}

.bold-text {
  font-weight: bold;
}

header-2019 {
  position: relative;
  background-color: #ffffff;
  width: 1440px;
  height: 59px;
  margin: 0 auto;
  z-index: 0;
}

#header-banner-width {
  background-color: #01285f;
}

#header-text-2019 {
  color: #ffffff;
  margin-left: 5% !important;
  margin-right: 5% !important;
}

#header-links-2019 {
  font-size: 12px;
  position: relative;
  width: 100%;
  max-width: 1440px;
  margin: 0 auto;
  height: 65px;
  padding-top: 15px;
  padding-bottom: 15px;
  background-color: #01285f;
  text-shadow: none;
}

#searchForm {
  width: 250px;
  margin: 0;
  padding-left: 3px;
  display: inline-block;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  #header-links-2019 {
    font-size: 12px;
    position: relative;
    width: 100%;
    height: 65px;
    padding-top: 15px;
    padding-bottom: 20px;
    background-color: #01285f;
    text-shadow: none;
  }
  #searchForm {
    width: 250px;
    margin: 0;
    padding-left: 3px;
    display: inline-block;
  }
}
#header-links-2019 a {
  color: #ffffff;
  text-decoration: none !important;
}

#header-links-2019 a:hover {
  text-decoration: underline !important;
}

#header-2019-search {
  width: 5px;
  color: #ffffff;
}

#header-2019-topline {
  padding-top: 5px;
}

#ovcHeaderLogo {
  margin-left: 3%;
  margin-top: 5px;
}

#header-bottomNav {
  padding-top: 30px;
  white-space: nowrap;
}

.header-bottomNav-links {
  font-weight: bold;
  margin-right: 10px;
  margin-left: 10px;
}

#header-resources-blueline {
  display: inline-block;
  padding-bottom: 3px;
}

#header-howcanhelp-blueline {
  display: inline-block;
  padding-bottom: 3px;
}

#header-news-blueline {
  display: inline-block;
  padding-bottom: 3px;
}

#header-aboutus-blueline {
  display: inline-block;
  padding-bottom: 3px;
}

#header-learningcomms-blueline {
  display: inline-block;
  padding-bottom: 3px;
}

#header-mobile-2020 {
  display: none;
}

/*what determines the blue underline by section*/
.section {
  border-bottom: 6px solid #4BB1BA;
}

#message-area {
  display: block;
  padding-bottom: 25px;
}

.linkColor-2019 {
  color: #ffffff !important;
}

.linkColor-2019 a:hover {
  color: #2489ce;
  text-decoration: none !important;
}

.linkBlackColor-2019 {
  color: #000000 !important;
  padding-left: 5px !important;
}

.hamburgerMenu-2019 {
  color: #ffffff !important;
  margin-left: 25px;
  margin-top: 22px;
}

.hamburgerMenu-links-2019 {
  color: #000000 !important;
  padding-left: 5px !important;
  text-shadow: none;
  text-decoration: none;
  font-weight: bold;
}

footer-2019 {
  position: relative;
}

#footer-banner-width {
  background-color: #01285f;
}

#footer-text-2019 {
  color: #ffffff;
  margin-left: 5% !important;
  margin-right: 5% !important;
}

#footer-links-2019 {
  font-size: 14px !important;
  position: relative;
  width: 100%;
  padding-top: 1em;
  padding-bottom: 1em;
  background-color: #01285f;
  text-shadow: none;
  max-width: 1440px;
  margin: auto;
}

#footer-wrapper-2019 {
  padding-top: 1em;
  width: 100%;
  display: inline-block;
}

.footer-left-2019 {
  float: left;
  width: 75%;
  overflow: hidden;
}

.footer-right-2019 {
  width: 25%;
  overflow: hidden;
}

.footer-2019-facebook {
  width: 35px;
  /*margin-left:40px;*/
}

.footer-2019-twitter {
  width: 35px;
  margin-left: 10px;
}

.footer-2019-youtube {
  width: 35px;
  margin-left: 10px;
}

#footer-links-2019 h5 {
  font-size: 14px !important;
  margin: 0;
  padding: 0;
}

#footer-links-2019 a {
  font-size: 14px;
  font-weight: 400;
  color: #ffffff !important;
  text-decoration: none;
}

#footer-links-2019 a:hover, #footer-links-2019 a:focus {
  text-decoration: underline;
}

.footer-linksTitle-2019 {
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  margin-bottom: 15px;
}

.footer-linksTitle-2019 a:hover {
  text-decoration: underline !important;
}

#footer-links-2019 h5 {
  font-size: 16px !important;
  color: #fff;
  font-weight: bold;
}

#last-footer-info-2019 {
  max-width: 100%;
  text-align: left;
  margin-bottom: 25px;
}

/* DivTable.com */
.footer-2019-divTable {
  display: table;
  width: 100%;
  padding-bottom: 2em;
}

.footer-2019-divTableRow {
  display: table-row;
}

.footer-2019-divTableHeading {
  background-color: #01285f;
  display: table-header-group;
}

.footer-2019-divTableCell, .footer-2019-divTableHead {
  border: 0px;
  display: table-cell;
  background-color: #01285f;
}

.footer-2019-divTableHeading {
  background-color: #01285f;
  display: table-header-group;
  font-weight: bold;
}

.footer-2019-divTableFoot {
  background-color: #01285f;
  display: table-footer-group;
  font-weight: bold;
}

.footer-2019-divTableBody {
  display: table-row-group;
}

/*tab changes from jquery ui default*/
.ui-tabs .ui-tabs-nav {
  margin: 0;
  padding: 0;
}

.ui-widget-header {
  border: 0px;
  background: #ededed;
  color: #ffffff;
  font-weight: bold;
}

.ui-widget-content {
  border: 0px;
  background: #ffffff;
  color: #000000;
  font-family: Helvetica, Arial, sans-serif;
}

.ui-widget.ui-widget-content {
  border: none;
}

.ui-input-search {
  border-width: 1px !important;
  width: 250px !important;
  height: 25px !important;
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}

.ui-datepicker .ui-datepicker-title {
  color: black;
}

::-moz-placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #01285f;
  opacity: 1;
  /* Firefox */
}

::placeholder {
  /* Chrome, Firefox, Opera, Safari 10.1+ */
  color: #01285f;
  opacity: 1;
  /* Firefox */
}

:-ms-input-placeholder {
  /* Internet Explorer 10-11 */
  color: #01285f;
}

::-ms-input-placeholder {
  /* Microsoft Edge */
  color: #01285f;
}

.ui-input-search input {
  font-size: 12px !important;
}

.ui-input-has-clear {
  padding-right: 0 !important;
}

.is_focus:focus {
  outline: 2px solid #4BB1BA !important;
  outline-offset: -2px;
}

.ui-checkbox:focus {
  border: 2px solid #4BB1BA !important;
}

input[type=text]:focus, input[type=checkbox]:focus, input[type=radio]:focus, textarea:focus {
  border: 2px solid #4BB1BA !important;
}

/* Corner radius */
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
  border-top-left-radius: 0px;
}

.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
  border-top-right-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
  border-bottom-left-radius: 0px;
}

.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
  border-bottom-right-radius: 0px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
  font-weight: normal !important;
  font-size: 11px;
  color: #212121 !important;
  text-transform: uppercase;
}

.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
  color: #555555 !important;
}

.ui-state-active, .ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {
  border-top: 0;
  border-right: 0;
  border-left: 0;
  border-bottom: 2px solid #01285f !important;
  background: #ffffff;
  font-weight: normal !important;
  color: #01285f !important;
  text-transform: uppercase;
}

.ui-tabs .ui-tabs-nav li {
  list-style: none;
  float: left;
  position: relative;
  top: 0;
  margin: 0 0 0 0;
  border: 0;
  padding: 0;
  white-space: nowrap;
}

#header-search-phone {
  display: none;
}

.footer-strong {
  font-weight: bold;
  margin-bottom: 15px;
}

#footer-strong-address {
  font-weight: bold;
}

#footer-strong-address hr {
  display: none;
}

#footer-updateResponsive-2019 {
  visibility: hidden;
  display: none;
}

#footer-leftresponsive-2019 {
  visibility: hidden;
}

#leftText span {
  font-size: 30px;
  font-weight: bold;
  text-shadow: none;
  margin-top: 20px;
  margin-bottom: 20px;
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}

#Announcements-2019 {
  background-color: #e6e6e6;
  padding: 5px;
  text-shadow: none;
}

#AnnouncementsTitle {
  cursor: pointer;
  font-weight: normal;
  margin: 0.2em 0 0;
  padding-top: 10px;
}

.home-title-2019 {
  text-transform: uppercase;
  text-align: center;
  font-size: 2.25em !important;
  font-weight: bolder !important;
  /*margin-top: 35px !important;
  margin-bottom: 45px !important;*/
}

#annIcon {
  font-size: 16pt;
  vertical-align: top;
  padding-top: 15px;
  font-weight: normal;
}

#announcements-2019-text {
  padding-right: 20px;
  padding-left: 20px;
}

#internal-Title-2019 {
  font-family: "Oswald-Bold", Arial, sans-serif;
  font-kerning: none;
  font-size: 25px;
  font-weight: 600;
  text-transform: uppercase;
  color: #01285f;
  margin-bottom: 15px;
  margin-left: 5px;
}

.home-page-vert-spacer {
  float: left;
  width: 15px;
  height: 190px;
}

.home-page-horiz-spacer {
  height: 15px;
  clear: both;
}

.home-page-horiz-spacer-mobile {
  height: 0px;
}

#How-We-Can-Help-2019, #Special-Focus-Areas-2019, #Resources-2019 {
  /*margin-left: 75px;
  margin-right: 75px;*/
}

#How-We-Can-Help-2019, #Special-Focus-Areas-2019, #Resources-2019, #News-2019 {
  display: block;
  overflow: auto;
  padding: 20px;
}

#How-We-Can-Help-2019 h1 a:link, #How-We-Can-Help-2019 h1 a:visited, #Special-Focus-Areas-2019 h1 a:link, #Special-Focus-Areas-2019 h1 a:visited, #Resources-2019 h1 a:link, #Resources-2019 h1 a:visited, #News-2019 h1 a:link, #News-2019 h1 a:visited {
  color: #093667 !important;
}

#How-We-Can-Help-2019, #News-2019 {
  background-color: #e6e6e6;
}

#training-2019, #CTA-2019, #speaker-support-2019, #NVAA-2019, #PDS-2019, #legal-assistance-2019, #human-trafficking-2019, #mass-violence-2019, #TVA-2019, #SANE-SART-2019, #online-training-2019, #instructor-materials-2019, #webinars-2019, #toolkits-2019, #victimlaw-2019 {
  width: 100%;
  height: 100%;
}

#training-2019 p, #CTA-2019 p, #speaker-support-2019 p, #NVAA-2019 p, #legal-assistance-2019 p, #human-trafficking-2019 p, #mass-violence-2019 p, #TVA-2019 p, #SANE-SART-2019 p, #PDS-2019 p, #PDS-2019 p, #online-training-2019 p, #instructor-materials-2019 p, #webinars-2019 p, #toolkits-2019 p, #victimlaw-2019 p {
  background-color: #f2f2f2;
  padding: 10px;
  /* border-bottom-left-radius:10px;
    border-bottom-right-radius:10px; */
  margin: 0px;
  border-top: #4BB1BA 8px solid;
}

@media only screen and (min-width: 450px) and (max-width: 480px) {
  #training-2019 p, #CTA-2019 p, #speaker-support-2019 p, #NVAA-2019 p, #legal-assistance-2019 p, #human-trafficking-2019 p, #mass-violence-2019 p, #TVA-2019 p, #SANE-SART-2019 p, #PDS-2019 p, #PDS-2019 p, #online-training-2019 p, #instructor-materials-2019 p, #webinars-2019 p, #toolkits-2019 p, #victimlaw-2019 p {
    padding: 5px;
  }
}
/* fig1 = Hero image  */
#fig1.img_caption {
  bottom: -20px;
}

#fig1.img_caption .img_caption--author {
  text-align: left;
  padding-left: 35px;
}

.showccfig2, .showccfig5 {
  display: block;
}

.hideccfig2, .hideccfig5 {
  display: none;
}

@media only screen and (min-width: 1200px) {
  .showccfig2, .showccfig5 {
    display: none;
  }
  .hideccfig2, .hideccfig5 {
    display: block;
  }
}
#fig1.img_caption .img_caption--author a:link,
#fig1.img_caption .img_caption--author a:visited {
  text-decoration: none;
}

#fig1.img_caption .img_caption--author a:hover,
#fig1.img_caption .img_caption--author a:active,
#fig1.img_caption .img_caption--author a:focus {
  color: black !important;
  text-decoration: underline;
}

.homepage-a-2019:link, .homepage-a-2019:visited {
  text-decoration: none;
  font-weight: bolder !important;
}

.homepage-a-2019 a:hover {
  text-decoration: underline !important;
}

.homepage-img-2019 {
  width: 100%;
  height: auto;
  margin-bottom: -7px;
}

.homepage-text-2019, .seeall-text-2019 {
  font-size: 12pt;
  text-shadow: none;
  text-align: center;
}

.homepage-text-2019 a:link, .homepage-text-2019 a:visited {
  font-weight: bold !important;
  color: #01285f !important;
}

/*.homepage-outline:hover, .homepage-outline:active, .homepage-outline:focus {
	 -moz-box-shadow: 0 0 15px #4BB1BA;
	 -webkit-box-shadow: 0 0 15px #4BB1BA;
	 box-shadow: 0 0 15px #4BB1BA;
   }*/
.homepage-text-2019-hcwh {
  font-size: 12pt;
  text-shadow: none;
  text-align: center !important;
  height: 50px;
  font-weight: bold !important;
  color: #01285f !important;
  /*padding-top: 25px !important;*/
}

.homepage-text-2019-sfa {
  font-size: 12pt;
  text-shadow: none;
  text-align: center;
  height: 50px;
  font-weight: bold !important;
  color: #01285f !important;
}

.homepage-text-2019-res {
  font-size: 12pt;
  text-shadow: none;
  text-align: center;
  height: 50px;
  font-weight: bold !important;
  color: #01285f !important;
}

@media only screen and (min-width: 846px) and (max-width: 1355px) {
  .homepage-text-2019-hcwh, .homepage-text-2019-sfa, .homepage-text-2019-res {
    font-size: 11pt;
  }
}
@media only screen and (min-width: 578px) and (max-width: 845px) {
  .homepage-text-2019-hcwh, .homepage-text-2019-sfa, .homepage-text-2019-res {
    font-size: 10pt;
  }
}
@media only screen and (min-width: 543px) and (max-width: 577px) {
  .homepage-text-2019-hcwh, .homepage-text-2019-sfa, .homepage-text-2019-res {
    font-size: 9pt;
  }
}
@media only screen and (min-width: 450px) and (max-width: 542px) {
  .homepage-text-2019-hcwh, .homepage-text-2019-sfa, .homepage-text-2019-res {
    font-size: 8pt;
  }
}
.seeall {
  width: 100% !important;
}

.seeall-text-2019 {
  text-align: center;
  padding-top: 25px;
  padding-right: 0px;
  padding-bottom: 10px;
  padding-left: 0px;
  margin: 0px;
}

.seeall-text-2019 a:link, .seeall-text-2019 a:visited {
  font-weight: bold !important;
  color: #1F419A !important;
}

.seeall-text-2019 a:hover, .seeall-text-2019 a:hover {
  text-decoration-line: underline;
}

@media only screen and (max-width: 375px) {
  figcaption.img_caption {
    font-size: 5pt;
  }
}
.news-text-2019 {
  margin-top: 0px;
  padding-right: 10px;
  padding-left: 10px;
}

#announcements-2019-text p a.news-more-2019, .news-text-2019 a:first-child {
  text-decoration: none;
}

#content .news-text-2019 a, #content .news-text-2019 a:link, #content .news-text-2019 a:visited {
  color: #333;
}

.news-more-2019 {
  display: block;
  font-weight: bold !important;
  color: #2f5205 !important;
  text-transform: uppercase;
}

#Legal-text-2019, #HT-text-2019, #TVA-text-2019, #SANE-SART-text-2019 {
  margin-top: 0;
}

#How-We-Can-Help-2019 .two-col-wrap .col-a, #Special-Focus-Areas-2019 .two-col-wrap .col-a, #Resources-2019 .two-col-wrap .col-a {
  width: 49%;
  margin-right: 2%;
}

#How-We-Can-Help-2019 .two-col-wrap .col-b, #Special-Focus-Areas-2019 .two-col-wrap .col-b, #Resources-2019 .two-col-wrap .col-b {
  width: 49%;
}

/*responsive navigation*/
header-resp {
  top: 0;
  left: 0;
  background: #fff;
}

header-resp #button-menu {
  font-size: 30px;
  color: #01285f;
  cursor: pointer;
}

.navegacion {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
}

.navegacion ul {
  width: 350px;
  height: 100%;
  background: #fff;
  list-style: none;
  position: absolute;
  top: 0;
  left: -350px;
  transition: left 0.3s;
  padding-left: 0px;
}

.menu-topbar {
  border-top: 6px solid #4BB1BA;
  background: #F2F2F2;
}

.menu-topbar a {
  font-weight: bold !important;
}

.menu-indent {
  padding-left: 45px !important;
}

.navegacion .menu li.title-menu {
  padding: 20px;
  background: #5F6F81;
  color: #fff;
  text-align: center;
  font-size: 22px;
}

.navegacion .menu a {
  display: block;
  padding: 20px;
  border-bottom: 1px solid #4BB1BA;
  font-size: 22px;
  font-weight: 200;
  text-decoration: none;
  color: #01285f !important;
}

.navegacion .menu a:hover {
  background: #798DA3;
  color: #fff;
}

.navegacion .menu li span.icon-menu {
  margin-right: 12px;
}

.navegacion .menu .item-submenu > a::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  float: right;
  color: #C5C5C5;
}

/* Submenu ============*/
.navegacion .submenu li.title-menu {
  background: #01285f;
  color: #fff;
}

.navegacion .submenu li.go-back {
  padding: 10px 20px;
  background: #5F6F81;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.navegacion .submenu li.go-back::before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d9";
  margin-right: 10px;
}

.navegacion-search {
  position: absolute;
  top: 100%;
  left: 0;
  width: 0%;
  height: 100vh;
  background: rgba(0, 0, 0, 0);
}

.navegacion-search ul {
  width: 280px;
  height: 100%;
  background: #01285f;
  list-style: none;
  position: absolute;
  top: 0;
  left: -320px;
  transition: left 0.3s;
}

.navegacion-search .menu li.title-menu {
  padding: 20px;
  background: #5F6F81;
  color: #fff;
  text-align: center;
  font-size: 22px;
}

.navegacion-search .menu a {
  display: block;
  padding: 20px;
  border-bottom: 1px solid #C6D0DA;
  font-size: 22px;
  font-weight: 200;
  text-decoration: none;
  color: #fff;
}

.navegacion-search .menu a:hover {
  background: #798DA3;
  color: #fff;
}

.navegacion-search .menu li span.icon-menu {
  margin-right: 12px;
}

.navegacion-search .menu .item-submenu > a::after {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f105";
  float: right;
  color: #C5C5C5;
}

/* Submenu ============*/
.navegacion-search .submenu li.title-menu {
  background: #01285f;
  color: #fff;
}

.navegacion-search .submenu li.go-back {
  padding: 10px 20px;
  background: #5F6F81;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
}

.navegacion-search .submenu li.go-back::before {
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0d9";
  margin-right: 10px;
}

/*start home page phase II - Dec 2020*/
#herobannerbox {
  max-width: 1920px;
  height: auto;
  border: 0px;
}

#blueTrendingBox {
  position: absolute;
  top: 22%;
  left: 3%;
  width: 700px;
  height: 280px;
  /* background-color: #0B295B; */
  background: rgba(11, 41, 91, 0.8);
  border: 0px;
}

#darkblueTrendingBox {
  position: relative;
  left: 2%;
  width: 96%;
  height: 165px;
  background: #0b295b;
  border: 0px;
}

#intenaldarkblueTrendingBox {
  padding-top: 15px;
  padding-right: 15px;
  padding-bottom: 0px;
  padding-left: 15px;
}

#backgroundImageText-2019 {
  font-size: 24px;
  font-weight: bold;
  text-shadow: none;
  color: white;
  position: relative;
  /*margin-left: 2%;*/
  padding-top: 8px;
  text-align: center;
  /*letter-spacing: 1px;*/
}

#backgroundImageText-2019-Responsive {
  font-size: 20px;
  font-weight: bold;
  text-shadow: none;
  color: white;
  position: relative;
  margin-left: 8%;
  margin-right: 8%;
  padding-top: 42px;
  /*letter-spacing: 1px;*/
  display: none;
}

#blueBoxWhiteText {
  font-size: 12px;
  font-weight: bold;
  text-shadow: none;
  color: white;
  position: relative;
  padding-top: 10px;
  padding-right: 15px;
  padding-bottom: 15px;
  padding-left: 15px;
  padding-top: 10px;
  letter-spacing: 1px;
}

#backgroundImage-2019 {
  max-width: 100%;
  height: auto;
  margin-top: 14px;
  margin-bottom: 2px;
}

#backgroundImage-2019-Responsive {
  max-width: 100%;
  height: auto;
  margin-top: 14px;
  margin-bottom: 2px;
  display: none;
}

#lightblueBar {
  width: 100%;
  height: 10px;
  background-color: #4BB1BA;
  margin-top: -10px;
}

#blueBoxTable {
  border: none;
  width: 100%;
}

#blueBoxTable tr {
  height: 30px;
}

#blueBoxTable td {
  width: 50%;
}

#Videodiv {
  position: absolute;
  text-shadow: none;
  font-size: 12px;
  padding-top: 10px;
  color: white !important;
  text-decoration: underline !important;
  margin: auto;
  text-align: center;
  width: 100%;
}

#Videodiv a:link, #Videodiv a:visited, #Videodiv a:hover, #Videodiv a:active {
  color: white !important;
  text-decoration: underline !important;
  padding-left: 5px;
}

#responsive-hr-home {
  visibility: hidden;
}

#activity-map-text {
  width: 925px;
  margin: auto;
}

/*responsvie media effects below*/
/*
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   @@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
   */
@media only screen and (min-width: 1440px) and (max-width: 1464px) {
  .single-col-sidebar-wrap .sidebar {
    float: none !important;
    clear: both !important;
  }
}
@media only screen and (max-width: 1380px) {
  .homepage-text-2019-sfa {
    height: 75px;
  }
  #blueTrendingBox {
    width: 650px;
  }
  #darkblueTrendingBox {
    height: 165px;
  }
}
@media only screen and (max-width: 1365px) {
  #cssmenu {
    width: 250px;
  }
}
@media only screen and (max-width: 1280px) {
  #blueTrendingBox {
    width: 600px;
    height: 250px;
  }
  #darkblueTrendingBox {
    height: 145px;
  }
  #blueBoxTable tr {
    height: 25px;
  }
  #backgroundImageText-2019 {
    font-size: 20px;
  }
}
@media only screen and (max-width: 999px) {
  .top-menu-items {
    font-size: 12px;
    right: 0px;
  }
}
@media only screen and (max-width: 1140px) {
  #cssmenu {
    width: 225px;
  }
  .top-menu-items {
    width: 100%;
  }
}
@media only screen and (max-width: 1080px) {
  #blueTrendingBox {
    width: 500px;
    top: 25%;
    height: 210px;
  }
  #backgroundImageText-2019 {
    font-size: 12px;
  }
  #darkblueTrendingBox {
    height: 145px;
  }
  #intenaldarkblueTrendingBox {
    padding-top: 10px;
  }
  #blueBoxTable tr {
    height: 28px;
  }
  #Videodiv {
    font-size: 10px;
    padding-top: 8px;
  }
}
@media only screen and (max-width: 1024px) {
  #blueTrendingBox {
    width: 475px;
    height: 200px;
  }
  #darkblueTrendingBox {
    height: 140px;
  }
  #blueBoxWhiteText {
    padding-top: 5px;
  }
  #backgroundImageText-2019 {
    font-size: 13px;
  }
  #cssmenu {
    width: 200px;
  }
  .homepage-text-2019-sfa {
    height: 100px;
  }
  .homepage-text-2019-hcwh {
    height: 75px;
  }
  #feedback-tab {
    display: none;
  }
  .backgroundsize #OJP-top-link a.OJP-top-link-a {
    background: url("/assets/images/ojplogo/OJP_top_header-small-2x.gif") no-repeat left top #fff;
  }
  .ui-btn-up-b {
    border: 0;
    background: #01285f;
    font-weight: 700;
    color: #fff;
    text-shadow: none;
  }
  .ui-btn-inner {
    border-top: 0px;
  }
  #header-control-buttons .ui-btn-inner {
    height: auto;
    font-size: 16px !important;
  }
  #header-search-phone {
    display: inline;
    float: right;
    position: relative;
    top: -20px;
    margin-right: 5px;
  }
  /* DivTable.com */
  .footer-2019-divTable {
    display: inherit;
    width: 100%;
    padding-bottom: 2em;
  }
  .footer-2019-divTableRow {
    display: inherit;
  }
  .footer-2019-divTableHeading {
    background-color: #01285f;
    display: inherit;
  }
  .footer-2019-divTableCell, .footer-2019-divTableHead {
    border: 0px;
    display: contents;
    background-color: #01285f;
    margin-top: 20px;
  }
  .footer-2019-divTableHeading {
    background-color: #01285f;
    display: inherit;
    font-weight: bold;
  }
  .footer-2019-divTableFoot {
    background-color: #01285f;
    display: inherit;
    font-weight: bold;
  }
  .footer-2019-divTableBody {
    display: inherit;
  }
  #footer-links-2019 a {
    font-size: 14px !important;
    margin-bottom: 15px;
  }
  .footer-strong {
    font-weight: bold;
    margin-bottom: 25px;
    margin-top: 25px;
  }
  #footer-strong-address {
    font-weight: bold;
  }
  #footer-strong-address hr {
    display: block;
    height: 2px;
    border: 0;
    border-top: 2px solid #fff;
    margin-top: 35px;
    margin-bottom: 15px;
    padding: 0;
  }
  .footer-left-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .footer-right-2019 {
    display: block;
    padding: 0 0 0 0;
    /* margin-left: 55px;*/
    width: 100%;
  }
  .footer-2019-facebook {
    width: 35px;
    /*margin-left:40px;*/
  }
  .footer-2019-twitter {
    width: 35px;
    margin-left: 10px;
  }
  .footer-2019-youtube {
    width: 35px;
    margin-left: 10px;
  }
  .fa-lg {
    font-size: 2.5em !important;
  }
  .width30 {
    width: 100%;
  }
  #footer-updateResponsive-2019 {
    visibility: visible;
    display: inline;
  }
  #footer-leftresponsive-2019 {
    margin-top: 10px;
    visibility: visible;
  }
  .footer-2019-divTableCell p {
    margin: 0;
    padding: 0;
  }
  #footer-wrapper-2019 {
    display: none;
  }
}
@media only screen and (max-width: 955px) {
  #blueTrendingBox {
    height: 180px;
    top: 28%;
  }
  #darkblueTrendingBox {
    height: 120px;
  }
  #backgroundImageText-2019 {
    padding-top: 6px;
    /*letter-spacing: 1px;*/
  }
  #blueBoxTable tr {
    height: 20px;
  }
  #leftText span {
    font-size: 20pt;
  }
  #footer-wrapper-2019 {
    display: none;
  }
}
@media only screen and (max-width: 840px) {
  #page {
    overflow-x: initial;
  }
  #ovcHeaderLogo {
    margin-left: 34%;
    margin-right: 34%;
    margin-bottom: 20px;
  }
  .top-menu-items {
    display: none;
  }
  #Announcements-2019 {
    padding: 5px;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  #Announcements-2019 p {
    font-size: 75%;
  }
  #How-We-Can-Help-2019, #Special-Focus-Areas-2019, #Resources-2019 {
    margin-left: 25px;
    margin-right: 25px;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  #header-links-2019 {
    background-color: #ffffff;
    height: 100px;
  }
  #ovcHeaderLogo {
    display: none;
  }
  #header-mobile-2020 {
    padding-left: 15px;
    display: block;
  }
  #ovcHeaderLogoSM {
    margin-left: 32%;
    /*margin-right: 18%;*/
  }
  #header-mobile-search {
    margin-left: 34%;
  }
  .fa {
    font-size: 28pt !important;
    color: #01285f;
  }
  #leftText span {
    font-size: 14pt;
  }
  #navbar-2020 {
    display: none;
  }
  #content-2020 {
    width: 100%;
  }
  .box {
    margin-left: 35px;
  }
  .recording-box-bottom, .pds-checklist {
    flex-direction: column;
  }
  .recording-box-bottom-left, .pds-checklist-left, .pds-checklist-right {
    width: 100%;
  }
  .pds-checklist-item {
    align-items: center;
    padding-bottom: 10px;
  }
  .pds-checklist-checkmark {
    padding-top: initial;
  }
  .recording-box-bottom-right {
    width: 100%;
    border-left: 0px;
    border-top: 2px solid #4BB1BA;
  }
  .breadcrumbs {
    position: relative;
    font-size: 12px;
    text-align: left;
    margin-left: 25px;
    margin-top: 25px;
    z-index: -1;
  }
  .width05, .width10, .width15, .width20, .width25, .width30, .width35, .width40, .width45, .width50, .width55, .width60, .width65, .width70, .width75, .width80, .width85, .width90, .width95, .width100 {
    width: 100%;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  .footer-left-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .ui-input-search.ui-input-has-clear .ui-btn.ui-input-clear, .ui-input-text.ui-input-has-clear .ui-btn.ui-input-clear {
    right: -30px !important;
    top: -12px !important;
  }
}
@media only screen and (max-width: 812px) {
  #blueTrendingBox {
    height: 180px;
    top: 12%;
  }
}
@media only screen and (max-width: 780px) {
  #blueTrendingBox {
    width: 100%;
    top: 100%;
    left: 0px;
    background: #0b295b;
    height: 245px;
  }
  #responsive-hr-home {
    visibility: visible;
  }
  #backgroundImage-2019 {
    display: none;
  }
  #backgroundImage-2019-Responsive {
    display: inherit;
  }
  #backgroundImageText-2019 {
    display: none;
  }
  #backgroundImageText-2019-Responsive {
    display: inherit;
  }
  #blueBoxTable tr {
    height: 30px;
  }
  #blueBoxWhiteText {
    font-size: 16px;
  }
  #Videodiv {
    font-size: 12px;
    padding-top: 1px;
  }
  #Resources-2019 {
    padding-top: 260px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
  }
  #leftText {
    width: 100%;
    height: initial;
    line-height: initial;
  }
  #leftText span {
    width: 100%;
    padding: 5px;
    text-align: center;
    margin-left: 0px;
  }
  #videoPopup {
    padding: 5px 5px 0px 5px;
    float: none;
    display: block;
  }
  #footer-wrapper-2019 {
    display: none;
  }
}
@media only screen and (max-width: 540px) {
  #blueTrendingBox {
    height: 280px;
  }
  #Resources-2019 {
    padding-top: 265px;
  }
  .ui-input-search:after {
    margin-top: -6px;
  }
}
@media only screen and (max-width: 450px) {
  #backgroundImageText-2019-Responsive {
    font-size: 14px;
    margin-left: 4%;
    margin-right: 4%;
    letter-spacing: 1px;
  }
  #blueTrendingBox {
    height: 230px;
  }
  #Resources-2019 {
    padding-top: 245px;
  }
  #ovcHeaderLogoSM {
    margin-left: 18%;
  }
  #header-mobile-search {
    margin-left: 18%;
  }
  .homepage-text-2019-hcwh {
    height: 50px;
    font-size: 10pt;
  }
  .homepage-text-2019-sfa {
    height: 75px;
    font-size: 10pt;
  }
  .homepage-text-2019-res {
    height: 25px;
    font-size: 10pt;
  }
  .home-page-horiz-spacer-mobile {
    height: 15px;
    clear: both;
  }
}
@media only screen and (max-width: 415px) {
  #Videodiv {
    padding-top: 0px;
  }
}
@media only screen and (max-width: 375px) {
  #backgroundImageText-2019-Responsive {
    font-size: 12px;
    margin-left: 2%;
    margin-right: 2%;
    letter-spacing: 1px;
  }
  #blueBoxWhiteText {
    font-size: 14px;
  }
  #header-links-2019 {
    background-color: #ffffff;
  }
  #ovcHeaderLogo {
    display: none;
  }
  #ovcHeaderLogoSM {
    margin-left: 15%;
  }
  #header-mobile-search {
    margin-left: 15%;
  }
  .box {
    margin-left: 15px;
  }
  #Resources-2019 .two-col-wrap, #Special-Focus-Areas-2019 .two-col-wrap {
    clear: none;
    height: 0px;
  }
  #Special-Focus-Areas-2019 .two-col-wrap .col-a, #Resources-2019 .two-col-wrap .col-a {
    margin-right: initial;
  }
  #Special-Focus-Areas-2019 .two-col-wrap .col-b, #Resources-2019 .two-col-wrap .col-b {
    float: none;
    left: 25%;
    clear: both;
  }
  .slick-list {
    padding: 0 20% 0 0;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  .footer-left-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .footer-right-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .homepage-text-2019-hcwh {
    height: 50px;
    font-size: 10pt;
  }
  .homepage-text-2019-sfa {
    height: 75px;
    font-size: 10pt;
  }
  .homepage-text-2019-res {
    height: 25px;
    font-size: 10pt;
  }
}
@media only screen and (max-width: 360px) {
  #blueTrendingBox {
    height: 240px;
  }
  #Videodiv {
    font-size: 10px;
  }
}
@media only screen and (max-width: 325px) {
  #ovcHeaderLogoSM {
    margin-left: 9%;
  }
  #header-mobile-search {
    margin-left: 9%;
  }
  #footer-wrapper-2019 {
    display: none;
  }
  .footer-left-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
  .footer-right-2019 {
    visibility: hidden;
    margin: 0 0 0 0;
    padding: 0 0 0 0;
  }
}
/*homePageRefresh-2019 end */
@media screen and (max-width: 320px) {
  .navegacion ul {
    width: 100%;
  }
  #Videodiv {
    font-size: 8px;
  }
  #header-mobile-search {
    margin-left: 1%;
  }
}
.videoDetails {
  text-align: center;
  padding: 1em 0;
  /* border: #424242 1px solid;
    border-width: 0 1px 1px 1px; */
  border-radius: 0 0 5px 5px;
  margin-bottom: 32px;
}

.videoDetails, .videoDetails a {
  background-color: #01285f;
}

.ui-tabs-panel .videoDetails, .videoDetails a:link, .ui-tabs-panel .videoDetails, .videoDetails a:visited,
.ui-tabs-panel .videoDetails, .videoDetails a:hover {
  color: #ffffff !important;
  text-shadow: none;
}

.videoDetails .transcriptWrapper {
  margin-top: 16px;
}

.videoDetails .transcript {
  background: #efefef;
  color: #424242;
  max-height: 300px;
  margin-top: 8px;
  padding: 8px;
  overflow-y: scroll;
  text-align: left;
}

.transcript {
  display: none;
}

@media only screen and (max-width: 1024px) {
  .mob_lh {
    line-height: 2;
  }
}
/* Browser Update CSS - Info found at https://browser-update.org/
	   We don't want the buttons displayed */
.buorg-buttons {
  display: none !important;
}


.cke_notifications_area {
	display: none !important;
}
/* @import 'responsive_navigation'; */