/* =============================================================================
   
   a bunch of normalizing elements from htmlboilerplate
   ========================================================================== */
/* HTML5 display definitions*/
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
}
[hidden] {
  display: none;
}
/* better IE and iOS behaviors */
html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}
/* Improve readability of pre-formatted text in all browsers */
pre {
  white-space: pre;
  white-space: pre-wrap;
  word-wrap: break-word;
}
/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
/* 1. Improve image quality when scaled in IE7: h5bp.com/d */
img {
  -ms-interpolation-mode: bicubic;
}
/*
 * Correct overflow not hidden in IE9
*/
svg:not(:root) {
  overflow: hidden;
}
/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
*/
legend {
  border: 0;
  *margin-left: -7px;
  padding: 0;
  white-space: normal;
}
/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
*/
button,
input,
select,
textarea {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  *vertical-align: middle;
}
/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/
button,
input {
  line-height: normal;
}
/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  *overflow: visible;
}
/*
 * Re-set default cursor for disabled elements
*/
button[disabled],
input[disabled] {
  cursor: default;
}
/*
 * Consistent box sizing and appearance
*/
input[type="checkbox"],
input[type="radio"] {
  box-sizing: border-box;
  padding: 0;
  *width: 13px;
  *height: 13px;
}
input[type="search"] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
/* Contain floats: h5bp.com/q */
.clearfix:before,
.clearfix:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after {
  content: "";
  display: table;
}
.clearfix:after,
.container:after,
.container-fluid:after,
.row:after {
  clear: both;
}
.clearfix,
.container,
.container-fluid,
.row {
  *zoom: 1;
}
/* ======================================================
 *That's the end of the boilerplate fixes.
 * ======================================================
*/
body {
  font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.65em;
  color: #333333;
}
/*lucida sans unicode doens't do bold/italics well */
strong,
em,
b,
i {
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
pre {
  font-family: "Andale Mono", "Courier New", Courier, monospace;
}
body {
  margin: 0;
  padding: 0;
  background-color: #ffffff;
}
/* --------base styles for standard elements -------------*/
h1 {
  color: #333333;
  font-weight: normal;
  font-size: 240%;
  line-height: 1.2em;
  margin-bottom: 0;
}
h2 {
  color: #39842A;
  font-weight: normal;
  font-size: 190%;
  margin-bottom: 4px;
  line-height: 1.2em;
}
h3 {
  color: #333333;
  font-weight: normal;
  font-size: 135%;
  margin-bottom: 0;
}
h4,
h4 a,
h4 a:visited {
  color: #333333;
  margin-bottom: 0;
}
h2 a,
h3 a,
h2 a:visited,
h3 a:visited {
  color: #39842A;
}
h2 a:hover,
h3 a:hover {
  color: #333333;
}
/* link colors */
a {
  color: #285E8F;
}
a:visited {
  color: #683131;
}
p {
  margin-top: 0;
  margin-bottom: 1em;
  text-align: left;
}
ol {
  margin: 1%;
  padding-left: 7%;
}
ul {
  margin: 1%;
  padding-left: 7%;
}
li {
  margin: 1%;
}
img {
  border: 0px;
  max-width: 100%;
  height: auto;
  image-orientation: none;
}
.original-image-container {
  max-width: 100%;
}
hr {
  height: 1px;
}
dt {
  font-weight: bold;
  margin-left: 1.5em;
}
dd {
  margin-bottom: 1em;
  margin-left: 1.5em;
}
fieldset {
  margin-top: 2em;
  margin-bottom: 2em;
}
legend {
  color: #000;
  font-weight: bold;
  font-size: 110%;
}
th {
  font-weight: normal;
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #dedede;
  padding-left: 2px;
}
#skip a,
.visuallyhidden,
.navskip a {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip a:focus,
.navskip a:focus {
  position: absolute;
  top: 0px;
  left: 0px;
  display: block;
  z-index: 100000;
  color: #ffffff;
  background: #f60000;
  padding: 4px;
  width: auto;
  height: auto;
}
.navskip a:focus {
  position: relative;
}
#header {
  padding: 0px;
  margin: 0px;
  margin-top: 20px;
  background-repeat: no-repeat;
  width: auto;
}
#titlebar {
  position: absolute;
  right: 5px;
  top: 10px;
}
#header img {
  border: 0;
}
.headerimagelink {
  display: block;
  width: auto;
  margin: 0px;
}
#header .logo-link a .logo-header {
  margin-top: 0;
  font-size: 240%;
  margin-bottom: 10px;
}
#header .logo-link a,
#header.logo-link a:visited {
  color: #333333;
  text-decoration: none;
  margin-left: 20px;
  padding: 10px;
  display: inline-block;
}
/*--display by default in new chrome's set display:none in local chrome if we don't want it --*/
#serc-account-bar {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 1.4em;
  display: block;
  background: #ccc;
  width: 100%;
  height: 20px;
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
}
#serc-account-bar #serc-quick-links {
  display: inline-block;
  float: right;
  margin-right: 0px;
  text-align: right;
}
@media (max-width: 650px) {
  #serc-account-bar #serc-quick-links {
    display: none;
  }
}
#serc-account-link {
  float: right;
  margin-right: 0px;
  display: block;
  width: 250px;
}
#serc-account-link:hover {
  z-index: 100;
  cursor: pointer;
}
#serc-account-link a {
  text-decoration: none;
}
#serc-account-link a:hover {
  text-decoration: underline;
}
/* breadcrumb styles */
#crumbs {
  border-bottom: 1px solid #cccccc;
  border-top: 2px solid #333333;
  margin: 0;
  padding: 3px;
  line-height: 1em;
  font-size: 0.8em;
  color: #757575;
}
#crumbs a {
  text-decoration: none;
  color: #285E8F;
}
#crumbs a:hover {
  text-decoration: underline;
}
#crumbs em {
  font-weight: normal;
  font-style: normal;
}
/*-- includes default left margin to leave space for nav ---*/
#serc-contentwrapper {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}
.serc-content {
  flex: 1;
  padding: 0px;
  padding-left: 20px;
  margin-right: 30px;
  padding-top: 0px;
  padding-bottom: 50px;
  max-width: 990px;
}
.navexpander {
  color: #777;
  font-size: 85%;
  text-align: center;
}
.nextprev {
  float: right;
  margin-right: 20px;
}
.nextprev a {
  text-decoration: none;
}
.relatedlinks {
  width: 170px;
  float: right;
  padding: 0px;
  margin: 10px 0px 5px 5px;
  clear: all;
  z-index: 1;
}
#serc-sidebar {
  flex-basis: auto;
  width: 150px;
  margin-rigth: 1.5em;
}
/*if the screen is more than 650px put the sidebar on the left
 *  at smaller sizes we put it after the content (in it's natural location)
 *  under the assumption that the nav menu has been moved by js to the top
 */
@media (min-width: 650px) {
  #serc-sidebar {
    order: -1;
  }
  #serc-contentwrapper {
    flex-direction: row;
  }
}
/*-------default width nav --------------*/
#nav {
  line-height: 1.3em;
  margin-top: 2em;
  padding: 0;
  padding-left: 15px;
  background: #fff;
  overflow-wrap: break-word;
  word-wrap: break-word;
  hyphens: auto;
}
#nav a {
  display: block;
  padding: 3px;
  text-decoration: none;
  color: #333333;
  margin: 0;
  font-size: 0.9em;
  padding: 7px 2px 3px 6px;
  border-bottom: 1px solid #cccccc;
}
#nav .fullnavelement .topnavelement a {
  background: #333333;
  color: #ffffff;
  font-weight: bold;
  font-size: 1em;
  margin-left: -0.5em;
}
#nav .fullnavelement .topnavelement a:hover {
  color: #ffffff;
}
#nav a.currentlocation,
#nav .fullnavelement a.currentlocation,
#nav .fullnavelement a:hover {
  background: #785145;
  color: #ffffff;
}
#nav a:hover {
  background: #333333;
  color: #ffffff;
}
#nav ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
  padding-left: 0.5em;
}
#nav #localnav ul {
  padding-left: 1em;
}
#nav .fullnavelement ul {
  padding-left: 1em;
}
#nav li {
  margin: 0;
  padding: 0;
}
.navelement {
  padding-left: 0px;
}
#nav li.navsubelement {
  padding-left: 0.5em;
}
#nav li.navsubsubelement {
  padding-left: 1em;
}
#nav li.navsubsubsubelement {
  padding-left: 1.5em;
}
.nav-heading {
  color: #ffffff;
  background: #39842A;
}
#nav li.ttenavlink a {
  margin-left: -1.2em;
  color: #555;
  font-size: 0.8em;
}
#nav li.ttenavlink a:hover {
  color: #fff;
}
#footer {
  height: 60px;
  margin: 0;
  padding: 0;
  margin-top: 100px;
  width: auto;
  z-index: 1;
  clear: both;
}
#footer img {
  border: 0;
}
#subfooter {
  color: #757575;
  margin: 0;
  padding: 1px;
  padding-left: 14px;
  border-top: 2px solid #333333;
  border-bottom: 7px solid #333333;
  width: auto;
  z-index: 1;
  clear: both;
  font-size: x-small;
  line-height: 1em;
}
#subfooter .label {
  color: #777;
}
#subfooter a {
  color: #777;
  text-decoration: none;
}
/* 2014 footer */
#subfooter-2014 {
  background: #eee;
  font-size: 14px;
  line-height: 16px;
  padding-left: 10%;
  padding-bottom: 50px;
  z-index: 1;
  clear: both;
  word-wrap: break-word;
}
#subfooter-2014 abbr {
  border-bottom: 1px grey dotted;
}
#subfooter-2014 .col {
  width: 100px;
  min-height: 100px;
  display: inline-block;
  vertical-align: top;
  margin-left: 2%;
}
#subfooter-2014 .col-150 {
  width: 150px;
}
#subfooter-2014 .col-200 {
  width: 200px;
}
#subfooter-2014 .col-300 {
  width: 300px;
}
#subfooter-2014 .col-400 {
  width: 400px;
}
#subfooter-2014 .col h3 {
  padding: 10px;
  padding-left: 0;
}
#subfooter-2014 .col ul {
  margin: 0;
  padding: 0;
}
#subfooter-2014 .col ul li,
#subfooter-2014 #media_reuse_list ul li {
  list-style: none;
  padding: 3px;
  padding-left: 0;
}
#subfooter-2014 #media_reuse_list,
#subfooter-2014 #page_reuse_text {
  display: none;
}
#subfooter-2014 #media_reuse_list ul li {
  padding: 4px;
  margin-bottom: 10px;
}
#subfooter-2014 #media_reuse_list h5,
#subfooter-2014 #page_reuse_text h5 {
  margin: 8px 0 0;
}
#subfooter-2014 #page_reuse_text {
  margin: 10px 0;
}
#footer .footer-sponsors {
  display: flex;
  justify-content: space-around;
}
#footer .footer-sponsors area {
  display: inline-block;
  padding-left: 3%;
}
@media screen and (max-width: 600px) {
  #subfooter-2014 {
    padding-left: 2%;
  }
}
@media screen and (max-width: 480px) {
  #subfooter-2014 .col-400,
  #subfooter-2014 .col-300,
  #subfooter-2014 .col-150 {
    width: 90%;
  }
}
/* only the required parts of dijit+claro styles for the tooltips */
/* dijit.css */
.dijitTooltip {
  position: absolute;
  z-index: 2000;
  display: block;
  left: 0;
  top: -10000px;
  overflow: visible;
}
.dijitTooltipContainer {
  border: solid black 2px;
  background: #b8b5b5;
  color: black;
  font-size: small;
}
.dijitTooltipFocusNode {
  padding: 2px 2px 2px 2px;
}
.dijitTooltipConnector {
  position: absolute;
}
.dijit_a11y .dijitTooltipConnector {
  display: none;
}
.dijitTooltipData {
  display: none;
}
.dijitBackgroundIframe {
  /* IMPORTANT: iframe used to prevent problems with PDF or other applets overlaying menus etc */
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  border: 0;
  padding: 0;
  margin: 0;
}
/* end dijit.css */
/* Dialog.css (all) */
.claro .dijitDialog {
  border: 1px solid #769dc0;
  -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.25);
}
.claro .dijitDialogPaneContent {
  background: #ffffff repeat-x top left;
  border-top: 1px solid #769dc0;
  padding: 10px 8px;
  position: relative;
}
.claro .dijitDialogPaneContentArea {
  margin: -10px -8px;
  padding: 10px 8px;
}
.claro .dijitDialogPaneActionBar {
  background-color: #efefef;
  padding: 3px 5px 2px 7px;
  text-align: right;
  border-top: 1px solid #d3d3d3;
  margin: 10px -8px -10px;
}
.claro .dijitDialogPaneActionBar .dijitButton {
  float: none;
}
.claro .dijitDialogTitleBar {
  border: 1px solid #ffffff;
  border-top: none;
  background-color: #abd6ff;
  background-image: url("images/titlebar.png");
  background-repeat: repeat-x;
  padding: 5px 7px 4px 7px;
}
.claro .dijitDialogTitle {
  padding: 0 1px;
  font-size: 1.091em;
}
.claro .dijitDialogCloseIcon {
  background: url("images/dialogCloseIcon.png");
  background-repeat: no-repeat;
  position: absolute;
  right: 5px;
  height: 15px;
  width: 21px;
}
.dj_ie6 .claro .dijitDialogCloseIcon {
  background-image: url("images/dialogCloseIcon8bit.png");
}
.claro .dijitDialogCloseIconHover {
  background-position: -21px;
}
.claro .dijitDialogCloseIconActive {
  background-position: -42px;
}
.claro .dijitTooltip,
.claro .dijitTooltipDialog {
  background: transparent;
}
.dijitTooltipBelow {
  padding-top: 13px;
  padding-left: 3px;
  padding-right: 3px;
}
.dijitTooltipAbove {
  padding-bottom: 13px;
  padding-left: 3px;
  padding-right: 3px;
}
.claro .dijitTooltipContainer {
  background-color: #ffffff;
  background-image: url("images/tooltipGradient.png");
  background-repeat: repeat-x;
  background-position: bottom;
  border: 1px solid #769dc0;
  padding: 6px 8px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
  font-size: 1em;
}
.dj_ie6 .claro .dijitTooltipContainer {
  background-image: none;
}
.claro .dijitTooltipConnector {
  border: 0;
  z-index: 2;
  background-image: url("images/tooltip.png");
  background-repeat: no-repeat;
  width: 16px;
  height: 14px;
}
.dj_ie6 .claro .dijitTooltipConnector {
  background-image: url("images/tooltip8bit.png");
}
.claro .dijitTooltipABRight .dijitTooltipConnector {
  left: auto !important;
  right: 3px;
}
.claro .dijitTooltipBelow .dijitTooltipConnector {
  top: 0;
  left: 3px;
  background-position: -31px 0;
  width: 16px;
  height: 14px;
}
.claro .dijitTooltipAbove .dijitTooltipConnector {
  bottom: 0;
  left: 3px;
  background-position: -15px 0;
  width: 16px;
  height: 14px;
}
.dj_ie7 .claro .dijitTooltipAbove .dijitTooltipConnector,
.dj_ie6 .claro .dijitTooltipAbove .dijitTooltipConnector {
  bottom: -1px;
}
.claro .dijitTooltipLeft {
  padding-right: 14px;
}
.claro .dijitTooltipLeft .dijitTooltipConnector {
  right: 0;
  background-position: 0 0;
  width: 16px;
  height: 14px;
}
.claro .dijitTooltipRight {
  padding-left: 14px;
}
.claro .dijitTooltipRight .dijitTooltipConnector {
  left: 0;
  background-position: -48px 0;
  width: 16px;
  height: 14px;
}
.claro .dijitDialogUnderlay {
  background: #ffffff;
}
/* end Dialog.css */
.dropshadow {
  -moz-box-shadow: 1px 1px 2px #ddd;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  box-shadow: 1px 1px 2px #ddd;
}
.dropshadow-dark {
  -moz-box-shadow: 1px 1px 2px #777;
  -webkit-box-shadow: 1px 1px 2px #777;
  box-shadow: 1px 1px 2px #777;
}
ol.arabic-numbers {
  list-style-type: arabic-numbers;
}
ol.lower-alpha {
  list-style-type: lower-alpha;
}
ol.upper-alpha {
  list-style-type: upper-alpha;
}
ol.lower-roman {
  list-style-type: lower-roman;
}
ol.upper-roman {
  list-style-type: upper-roman;
}
/* ----------support for standard cms tag generate styles------------ */
.skiplinks {
  font-size: 50%;
  color: #fff;
}
.skiplinks a {
  font-size: 50%;
  color: #fff;
}
.disclaimer {
  font-size: 80%;
  line-height: 100%;
}
.small {
  font-size: max(70%, 11px);
  line-height: 140%;
}
.smallpale {
  font-size: 9px;
  color: #aaa;
  text-decoration: none;
}
.em2 {
  color: #a77;
  font-style: normal;
}
.mediumsmall {
  font-size: max(80%, 11px);
  line-height: 160%;
}
.small .small,
.small .mediumsmall,
.mediumsmall .small,
.mediumsmall .mediumsmall {
  font-size: inherit;
}
.mediumpale {
  font-size: 11px;
  line-height: 14px;
  color: #aaa;
}
img.thumbnail {
  margin: 10px;
}
.floating {
  margin: 10px;
  float: left;
}
.floatingright {
  margin: 10px;
  float: right;
}
.textcenter {
  text-align: center;
}
.inline-block {
  display: inline-block;
}
.inline-block h1 {
  text-align: left;
}
dev.floating {
  margin: 10px;
  float: left;
}
div.floating p {
  text-align: center;
}
.halfcolumnright {
  float: right;
  width: 48%;
  margin-left: 2%;
}
@media screen and (max-width: 700px) {
  .halfcolumnright {
    float: none;
    margin-left: 0;
    width: 100%;
    clear: both;
  }
}
.column-element-no-wrap {
  display: inline-block;
  width: 100%;
}
/* put around content to autoflow over two or three columns*/
.twocolumn {
  column-count: 2;
  -webkit-column-count: 2;
  -moz-column-count: 2;
  padding: 15px;
}
.twocolumn h2,
.twocolumn h3,
.twocolumn h4 {
  margin-top: 0;
}
.threecolumn {
  column-count: 3;
  -webkit-column-count: 3;
  -moz-column-count: 3;
  padding: 15px;
}
.threecolumn h2,
.threecolumn h3,
.threecolumn h4 {
  margin-top: 0;
}
.threecolumn ul li,
.twocolumn ul li {
  -webkit-column-break-inside: avoid;
  break-inside: avoid;
}
/* total hack to deal with FF not doing break-inside
 * FF won't break tables, need to wrap li content in a
 * p so that the li retains its marker
 */
.threecolumn ul li p,
.twocolumn ul li p {
  display: inline-table;
}
.link-bar-left .twocolumn,
.link-bar-left .threecolumn {
  padding: 5px;
}
.relatedlinks {
  font-size: 11px;
  line-height: 11px;
  color: #000;
  border: 1px solid #d22;
  border-bottom: 1px solid #d22;
  background: #fff;
  position: relative;
}
.relatedlinks h3 {
  font-size: 16px;
  line-height: 16px;
  border: 0;
  margin: 0;
  color: #fff;
  background: #b22;
  font-weight: normal;
}
.relatedlinks p {
  padding: 2px;
  margin: 0;
}
.relatedlinks ul {
  list-style-type: none;
  padding: 2px;
  margin: 0;
}
.relatedlinks li {
  margin: 0;
  padding: 0;
  margin-bottom: 6px;
}
.author,
.attribution,
.publicationhistory {
  margin-bottom: 8px;
  font-size: max(95%, 11px);
  line-height: 110%;
  color: #757575;
}
.attribution a,
.publicationhistory a,
.attribution a:visited,
.publicationhistory a:visited {
  color: #757575;
}
.publicationhistory .showntitle a,
.attribution .showntitle a {
  background: #757575;
  color: #fff;
  padding: 2px 4px 0px 4px;
  font-size: 90%;
  border-radius: 7px 7px 0 0;
}
.publicationhistory .shownbody,
.attribution .shownbody {
  border-radius: 7px;
  border: 3px solid #757575;
  margin-bottom: 10px;
}
.authortemplated .left_right_flex .serc-editable p {
  margin-bottom: 0;
}
.clearboth {
  clear: both;
  display: block;
  content: "";
}
.rightcolumn {
  float: right;
  width: 250px;
  border-left: 1px solid #999;
  border-bottom: 1px solid #999;
  margin-left: 10px;
  margin-bottom: 5px;
  padding-left: 8px;
  padding-bottom: 5px;
  background: #fff;
}
.rightcolumn-flex {
  min-width: 250px;
  max-width: 300px;
  padding: 10px;
  padding-top: 0px;
}
.rightlink {
  float: right;
  font-weight: bold;
  font-size: 80%;
  margin-bottom: 5px;
}
/* Some standard contextbox definitions */
.pullquote {
  color: #4d4d4d;
  float: center;
  background-color: #daf2d5;
  border: 3px solid #39842A;
  padding: 10px;
  margin: 10px 40px 10px 40px;
  border-radius: 3px;
}
.descriptionpullquote {
  font-size: 1.1em;
  float: center;
  background-color: #ffffff;
  border: 2px solid #39842A;
  border-bottom: 3px solid #39842A;
  padding: 5px;
  padding-top: 0px;
  margin: 15px 10px 10px 5px;
  color: #333333;
  overflow: auto;
  border-radius: 4px;
}
.descriptionpullquote h4,
.descriptionpullquote h2 {
  margin-top: 0;
  color: #ffffff;
  background: #39842A;
  display: block;
  border-bottom: 1px solid #39842A;
  padding: 2px;
  margin-left: -5px;
  margin-right: -5px;
}
.descriptionpullquote h2 {
  font-size: 1.1em;
}
.descriptionpullquote p {
  padding: 5px;
  margin: 0px;
}
.descriptionpullquote .thumbimage {
  margin-right: 15px;
}
.context,
.context3 {
  color: #000000;
}
.context > h2:first-child,
.context3 > h2:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > p:first-child:empty + h2,
.context3 > p:first-child:empty + h2 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > br:first-child + h2,
.context3 > br:first-child + h2 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > h3:first-child,
.context3 > h3:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > p:first-child:empty + h3,
.context3 > p:first-child:empty + h3 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > br:first-child + h3,
.context3 > br:first-child + h3 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > h4:first-child,
.context3 > h4:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > p:first-child:empty + h4,
.context3 > p:first-child:empty + h4 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > br:first-child + h4,
.context3 > br:first-child + h4 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context > h2:first-child,
.context3 > h2:first-child,
.context > p:first-child:empty + h2,
.context3 > p:first-child:empty + h2,
.context > br:first-child + h2,
.context3 > br:first-child + h2 {
  background: #39842A;
  color: #daf2d5;
}
.context > h2:first-child a,
.context3 > h2:first-child a,
.context > p:first-child:empty + h2 a,
.context3 > p:first-child:empty + h2 a,
.context > br:first-child + h2 a,
.context3 > br:first-child + h2 a {
  color: inherit;
}
.context > h3:first-child,
.context3 > h3:first-child,
.context > p:first-child:empty + h3,
.context3 > p:first-child:empty + h3,
.context > br:first-child + h3,
.context3 > br:first-child + h3 {
  background: #39842A;
  color: #daf2d5;
}
.context > h3:first-child a,
.context3 > h3:first-child a,
.context > p:first-child:empty + h3 a,
.context3 > p:first-child:empty + h3 a,
.context > br:first-child + h3 a,
.context3 > br:first-child + h3 a {
  color: inherit;
}
.context > h4:first-child,
.context3 > h4:first-child,
.context > p:first-child:empty + h4,
.context3 > p:first-child:empty + h4,
.context > br:first-child + h4,
.context3 > br:first-child + h4 {
  background: #39842A;
  color: #daf2d5;
}
.context > h4:first-child a,
.context3 > h4:first-child a,
.context > p:first-child:empty + h4 a,
.context3 > p:first-child:empty + h4 a,
.context > br:first-child + h4 a,
.context3 > br:first-child + h4 a {
  color: inherit;
}
.context2 {
  border: 5px solid #333333;
  border-radius: 4px;
  background: #bfbfbf;
  margin-left: 0;
  margin-right: 0;
  color: #000000;
}
.context2 > h2:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > p:first-child:empty + h2 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > br:first-child + h2 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > h3:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > p:first-child:empty + h3 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > br:first-child + h3 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > h4:first-child {
  margin-top: -10px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > p:first-child:empty + h4 {
  margin-top: -26px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > br:first-child + h4 {
  margin-top: -36px;
  margin-bottom: 10px;
  margin-left: -10px;
  margin-right: -10px;
  padding: 5px;
}
.context2 > h2:first-child,
.context2 > p:first-child:empty + h2,
.context2 > br:first-child + h2 {
  background: #333333;
  color: #bfbfbf;
}
.context2 > h2:first-child a,
.context2 > p:first-child:empty + h2 a,
.context2 > br:first-child + h2 a {
  color: inherit;
}
.context2 > h3:first-child,
.context2 > p:first-child:empty + h3,
.context2 > br:first-child + h3 {
  background: #333333;
  color: #bfbfbf;
}
.context2 > h3:first-child a,
.context2 > p:first-child:empty + h3 a,
.context2 > br:first-child + h3 a {
  color: inherit;
}
.context2 > h4:first-child,
.context2 > p:first-child:empty + h4,
.context2 > br:first-child + h4 {
  background: #333333;
  color: #bfbfbf;
}
.context2 > h4:first-child a,
.context2 > p:first-child:empty + h4 a,
.context2 > br:first-child + h4 a {
  color: inherit;
}
.context3 {
  background: #daf2d5;
  float: right;
  margin-right: 5px;
  width: 38%;
}
@media only screen and (max-width: 650px) {
  .pullquote.context3 {
    width: 100%;
    float: none;
    margin: 0;
  }
}
.context4 {
  background: #ffffff;
  border: 1px solid #cccccc;
  padding: 6px;
  margin: 0;
  -moz-box-shadow: 1px 1px 2px #ddd;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  box-shadow: 1px 1px 2px #ddd;
}
.context6 {
  margin: 15px 10px 10px 5px;
  font-size: 22px;
  color: #39842A;
  border: none;
  background: none;
  line-height: 26px;
}
.context6:before {
  content: '\201C';
  font-size: 50px;
  float: left;
  color: #cccccc;
  font-family: Georgia, serif;
}
.context6:after {
  content: '\201D';
  font-size: 50px;
  line-height: 0;
  position: relative;
  top: 23px;
  color: #cccccc;
  font-family: Georgia, serif;
}
a.linkbutton,
a.view-more-link {
  -moz-box-shadow: 1px 1px 2px #ddd;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  box-shadow: 1px 1px 2px #ddd;
  background: -moz-linear-gradient(top, #525252, #333333);
  background: -webkit-linear-gradient(top, #525252, #333333);
  background: -o-linear-gradient(top, #525252, #333333);
  background: -ms-linear-gradient(top, #525252, #333333);
  background: linear-gradient(to bottom, #525252, #333333);
  background-color: #333333;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  display: inline-block;
  cursor: pointer;
  color: #ffffff;
  font-size: 100%;
  font-weight: normal;
  padding: 5px 12px;
  text-decoration: none;
}
a.linkbutton:hover,
a.linkbutton:visited,
a.linkbutton:active,
a.view-more-link:hover,
a.view-more-link:visited,
a.view-more-link:active {
  color: #ffffff;
}
a.linkbutton:hover,
a.view-more-link:hover {
  background: #333333;
}
a.linkbutton:active,
a.view-more-link:active {
  position: relative;
  top: 1px;
}
a.biglinkbutton {
  font-size: 130%;
  padding: 6px 20px;
}
.shownversion {
  display: none;
}
.hiddenversion {
  display: block;
}
.hiddenversion h3 {
  display: inline-block;
}
/*--if it has class showatstart  then don't hide to start--*/
.showatstart.shownversion {
  display: block;
}
.showatstart.hiddenversion {
  display: none;
}
.shownbody {
  border: 1px solid #bbb;
  padding: 8px;
}
.showntitle {
  position: relative;
  top: 10px;
  background-color: none;
  padding: 8px;
}
.showntitle a {
  text-decoration: none;
}
.hiddenversion a {
  text-decoration: none;
}
H4.hiddenheader {
  margin-top: 0;
}
.rightfloat {
  float: right;
}
.leftfloat {
  float: left;
}
.bigfirstline:first-line {
  font-size: 133%;
}
.narrowbox {
  font-size: 1.3em;
  font-weight: bold;
  float: right;
  width: 300px;
  padding: 0px;
  margin: 2px;
  margin-right: 0;
  margin-bottom: 10px;
  clear: both;
  color: #555;
}
.red {
  color: #f00;
}
.green {
  color: #0f0;
}
.blue {
  color: #00f;
}
.vocabprefix {
  color: #757575;
}
.form-file-upload {
  max-width: 600px;
  padding: 10px;
  background: #eff3ef;
  margin-bottom: 20px;
  margin-top: 20px;
  border: 2px solid #353;
}
.form-file-upload .shownbody {
  background: #fafafa;
}
/* lots of styles for faceted search display */
.facetwrapper {
  width: 300px;
  float: right;
  margin-left: 10px;
}
.searchtrivia {
  color: #333;
}
p.searchhit {
  margin-bottom: 0px;
}
.searchhitdiv {
  clear: left;
  padding-bottom: 5px;
}
.searchreturndetails {
  color: #4B774B;
}
.searchnextprev {
  float: right;
  margin-right: 20px;
  font-size: 1.1em;
}
.limitbox {
  border: 1px solid #aaa;
  border-top: none;
  margin-bottom: 10px;
  border-radius: 0 0 3px 3px;
  box-shadow: 2px 2px 4px 1px #eee;
  margin-right: 314px;
}
.facetwrapper .limit-full-description {
  display: none;
}
.currentsearchlimits {
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1.1em;
  text-align: center;
  padding: 0px;
  padding-right: 20px;
  margin: 0px;
  border: 1px solid #aaa;
  background: #f1f1f1;
  color: #a8a8a8;
  border-radius: 3px 3px 0 0 ;
  margin-right: 314px;
}
.browseshowall a,
.browseshowall a:visited {
  font-size: 0.85em;
  font-weight: normal;
  color: #757575;
  text-decoration: none;
}
.browseshowall a:hover {
  text-decoration: underline;
  color: #285E8F;
}
.facettooltip {
  padding-top: 20px;
  font-size: 120%;
}
/* need to rework these to reduce redundancy with a common browselimit */
/* class and  separate limit1, limit2.... classes to hold the different colors */
.browselimit {
  font-size: 0.85em;
  margin: 0;
  color: #757575;
}
.browselimit h2 {
  margin: 0;
  color: #fff;
  background: #6F6F8B;
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 2px;
  display: inline;
  border: none;
}
.browselimit em {
  font-weight: bold;
  font-size: 1.2em;
  font-style: normal;
}
.browselimit .bubble-facet-label {
  color: #fff;
  padding: 4px;
  border-radius: 12px 0 0 12px;
  background: #6F6F8B;
}
.browselimit .bubble-facet-label a,
.browselimit .bubble-facet-label a:visited {
  color: #fff;
  text-decoration: none;
}
.browselimit .bubble-facet-value {
  padding: 4px;
}
.bubble-facet-limit {
  border: 1px solid #bbb;
  background-color: #f7f7f7;
  margin: 5px;
  margin-top: 0;
  border-radius: 12px;
  display: inline-flex;
}
.browsevocab {
  font-size: 0.85em;
  border: 1px solid #6F6F8B;
  line-height: 1em;
  background: #fff;
  float: right;
  width: 300px;
  padding: 0px;
  margin: 5px;
  margin-right: 0;
  clear: both;
  color: #333;
  box-shadow: 2px 2px 4px 1px #eee;
  border-radius: 3px;
}
.browsevocab ul {
  list-style-type: none;
  padding: 0;
  margin: 4px;
  margin-left: 7px;
}
.browsevocab li {
  margin: 3px;
  padding: 1px;
}
.browsevocab h1 {
  display: block;
  margin: 0;
  background: #6F6F8B;
  color: #fff;
  font-size: 1.1em;
  line-height: 1.2em;
  padding: 2px;
  padding-left: 4px;
}
.browsevocab h1 a,
.browsevocab h1 a:visited {
  color: #fff;
  font-weight: normal;
  font-size: 0.9em;
  text-decoration: none;
  display: inline-block;
  float: right;
  margin-right: 5px;
}
.browsevocab h2 {
  font-size: 1.1em;
  font-weight: bold;
  margin-top: 0;
  padding-top: 2px;
  color: #333;
  border: none;
}
/*-- browse colors --*/
.browsevocab0 h1,
.browselimit0 h2,
.browselimit0 .bubble-facet-label {
  background: #333333;
}
.browsevocab0 {
  border: 1px solid #333333;
}
.browsevocab1 h1,
.browselimit1 h2,
.browselimit1 .bubble-facet-label {
  background: #333333;
}
.browsevocab1 {
  border: 1px solid #333333;
}
.browsevocab2 h1,
.browselimit2 h2,
.browselimit2 .bubble-facet-label {
  background: #39842A;
}
.browsevocab2 {
  border: 1px solid #39842A;
}
.browsevocab3 h1,
.browselimit3 h2,
.browselimit3 .bubble-facet-label {
  background: #785145;
}
.browsevocab3 {
  border: 1px solid #785145;
}
.browsevocab4 h1,
.browselimit4 h2,
.browselimit4 .bubble-facet-label {
  background: #333333;
}
.browsevocab4 {
  border: 1px solid #333333;
}
.browsevocab5 h1,
.browselimit5 h2,
.browselimit5 .bubble-facet-label {
  background: #333333;
}
.browsevocab5 {
  border: 1px solid #333333;
}
.searchresults-twocolumn .searchhitdiv .showntitle {
  margin-top: 20px;
}
.best-bets {
  padding: 5px;
  margin-bottom: 10px;
  margin-right: 320px;
  margin-top: 10px;
  background: #eef;
}
.best-bets h3 {
  background: #aac;
  color: #fff;
  padding: 3px;
  margin: -5px;
  margin-bottom: 5px;
  font-size: 1em;
}
.best-bets .searchhitdiv {
  margin-top: 6px;
  background: #fafaff;
  padding: 4px;
  min-height: 80px;
}
.searchhitdiv div.reviewed-label {
  color: #696969;
  background: #f2f2f2;
  font-weight: bold;
  font-size: 0.85em;
  line-height: 1em;
  text-align: center;
  border: 2px solid #ddd;
  padding: 4px;
  float: left;
  display: inline-block;
  margin-bottom: 10px;
  margin-top: 3px;
  margin-right: 10px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
}
.searchhitdiv div.reviewed-label .righttip {
  font-weight: normal;
  text-align: left;
  line-height: 1.3em;
}
.searchhitdiv div.reviewid-38 {
  color: #5A775A;
  background: #F3F7F3;
  border: 2px solid #ded;
  font-size: 12px;
  font-family: Arial, Helvetica, sans-serif;
}
.searchhitdiv div.reviewid-9 {
  color: #bad761;
  background: #111;
  border: 2px solid #e9742e;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
}
.searchhitdiv div.reviewid-3 {
  color: #ecbd45;
  background: #fcf9ef;
  border: 2px solid #f3d179;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Lucida, Arial, Helvetica, sans-serif;
}
.searchhitdiv div.reviewid-40,
.searchhitdiv div.reviewid-41 {
  color: #11528a;
  background: #dfeaf5;
  border: 2px solid #11528a;
}
.searchhitdiv div.reviewid-45 {
  color: #236e9e;
  background: #e3edf7;
  border: 2px solid #236e9e;
}
.searchhitdiv div.reviewid-53 {
  color: #D78825;
  background: #fff;
  border: 2px solid #0076A8;
}
.searchhitdiv {
  padding: 6px;
  border: 2px solid #f6f6f6;
  margin-bottom: 10px;
  border-radius: 3px;
}
.searchhitdiv:hover {
  border: 2px solid #eee;
  background: #fafafa;
}
/* -- two column tiled search results  --*/
.tiledsearch .searchresults {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-around;
}
.tiledsearch .searchresults .searchhitdiv {
  min-width: 270px;
  width: 29%;
  margin-right: 10px;
  padding: 15px;
}
@media only screen and (max-width: 970px) {
  .tiledsearch .searchresults .searchhitdiv {
    min-width: 550px;
    width: 80%;
  }
}
@media only screen and (max-width: 550px) {
  .tiledsearch .searchresults .searchhitdiv {
    min-width: 100px;
    width: 90%;
  }
}
/* scale the search facet width down at smaller screens */
@media screen and (max-width: 900px) {
  .facetwrapper,
  .facetwrapper .narrowbox,
  .facetwrapper .browsevocab {
    width: 200px;
    max-width: 98%;
  }
  .currentsearchlimits,
  .limitbox,
  .best-bets {
    margin-right: 5%;
  }
}
@media screen and (max-width: 500px) {
  .facetwrapper,
  .facetwrapper .narrowbox,
  .facetwrapper .browsevocab {
    width: 100px;
  }
}
@media screen and (max-width: 400px) {
  .facetwrapper,
  .facetwrapper .narrowbox,
  .facetwrapper .browsevocab {
    display: none;
  }
}
table.cms {
  background: #aaa;
  margin: 5px;
  border-collapse: collapse;
}
caption.cms {
  caption-side: bottom;
  font-size: 0.85em;
  line-height: 1em;
}
table.cms th {
  padding: 5px;
  border: 1px solid #fff;
  border-width: 0 1px 1px 0;
}
table.cms th {
  background: #73869e;
  color: #fff;
}
table.cms tr:hover td {
  background: #c9daef;
}
table.cms tr:hover th {
  background: #c9daef;
  color: #111;
}
table.cms td {
  padding: 5px;
  border: 1px solid #ddd;
  border-width: 0 1px 1px 0;
  text-align: center;
}
table.cms tbody tr {
  background-color: #fff;
}
table.cms tbody tr:nth-child(odd) {
  background-color: #eee;
}
#content .hl0 {
  background-color: #FFFFcf;
}
#content .hl1 {
  background-color: #FFFFcf;
}
#content .hl2 {
  background-color: #FFFFcf;
}
#content .hl3 {
  background-color: #FFFFcf;
}
#content .hl4 {
  background-color: #FFFFcf;
}
.img-shadow {
  background: url(/images/dropshadow/shadowAlpha.png) no-repeat bottom right !important;
  background: url(/images/dropshadow/shadow.gif) no-repeat bottom right;
  margin: 10px 10px 5px 10px !important;
  margin: 10px 10px 5px 5px;
  position: relative;
}
.img-shadow img {
  display: block;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 4px;
}
.tooltip,
.tooltip:visited {
  position: relative;
  z-index: 24;
  text-decoration: none;
  color: #333;
  border: 1px solid #fff;
  border: none;
}
.tooltip:hover {
  z-index: 25;
  border: 1px solid #ccc;
}
.tooltip span.thetip {
  display: none;
  line-height: 1.2em;
}
.tooltip:hover span.thetip,
.tooltip:hover span.righttip,
.tooltip:hover span.belowtip {
  /*the span will display just on :hover state*/
  display: block;
  position: absolute;
  width: 300px;
  margin: 2px;
  padding: 8px;
  background-color: #fff;
  color: #000;
  border: 2px solid #ccc;
  text-decoration: none;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}
.tooltip:hover span.thetip {
  top: 0.5em;
  left: -325px;
}
.tooltip span.righttip {
  display: none;
}
.tooltip:hover span.righttip {
  /*the span will display just on :hover state*/
  top: 10px;
  left: 30px;
}
.tooltip span.belowtip {
  display: none;
}
.tooltip:hover span.belowtip {
  /*the span will display just on :hover state*/
  top: 1em;
  left: 10px;
}
.shownlink {
  text-decoration: underline;
  color: #22f;
}
/* threaded discussion related tags */
.discussionlogin {
  padding: 10px;
  border: 2px solid #ccc;
}
.discussiontable {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}
table.discussiontable {
  background: #ddd;
}
.discussiontable th {
  padding: 5px;
  background: #ccc;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
}
.discussiontable th a {
  text-decoration: none;
  color: #fff;
}
.discussiontable th a .sortlink {
  font-size: 7px;
  text-decoration: underline;
}
.discussiontable td {
  padding: 7px;
}
.discussiontable tr {
  background: #fff;
}
table.discussiontable tbody tr:nth-child(odd) {
  background-color: #f7f7f7;
}
.discussiontable tr:hover td {
  background: #ded;
}
.discussion-post-row {
  margin-top: 5px;
  min-height: 125px;
}
.discussion-cell {
  display: table-cell;
}
.discussion-post-user-info {
  min-width: 150px;
  min-height: 100px;
  max-height: 130px;
}
.discussion-post-user-info p {
  text-align: center;
}
.discussion-post-user-info img {
  max-height: 50px;
  max-width: 50px;
}
a.discussion-author,
a.discussion-author:visited {
  color: #50728A;
  font-weight: bold;
}
a.discussion-author:hover {
  color: #5C9ECC;
}
.discussion-carrot {
  width: 0;
  height: 0;
  margin-top: 10px;
  float: left;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-right: 12px solid rgba(0, 0, 0, 0.17);
}
.discussion-post-content {
  width: 100%;
  word-wrap: break-word;
  vertical-align: top;
  overflow: hidden;
  border: 1px solid #b9b9b9;
  border-radius: 4px;
  box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.17);
}
.discussion-post-text {
  min-height: 90px;
  padding: 10px;
}
.discussion-post-media {
  padding-left: 10px;
  border-top: 1px solid #D9D9D9;
  background-color: #F7F7F7;
}
.discussion-post-actions {
  text-align: right;
  padding: 0 10px;
  background-color: #F7F7F7;
  overflow: hidden;
  height: 26px;
}
.discussion-post-id {
  margin: 3px;
}
div[id^='discussion-post-delete'] {
  display: none;
}
.discussion-button {
  display: inline-block;
  padding: 0px 8px;
  height: 100%;
  background: #609CD1;
  color: white;
  text-decoration: none;
  border-left: 1px solid #F7F7F7;
  margin-right: 8px;
  font-size: 13px;
  border: 0;
}
.discussion-button:hover {
  background: #7BB5E8;
}
.discussion-button:visited {
  color: white;
}
.discussion-button-post {
  background: #0DA30D;
  padding: 8px;
  font-size: 14px;
}
.discussion-button-post:hover {
  background: #52D152;
}
.discussion-button-edit,
.discussion-button-share {
  background: #0DA38F;
}
.discussion-button-edit:hover,
.discussion-button-share:hover {
  background: #58C7B8;
}
.discussion-button-delete {
  background: #b22;
}
.discussion-button-delete:hover {
  background: lightcoral;
}
.discussion-quote-container {
  width: 100%;
  height: auto;
}
.discussion-quote-carrot {
  width: 0;
  height: 0;
  float: left;
  margin-top: 4px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right: 6px solid #99BBF2;
}
/* .discussion-quote-message and .discussion-quote-carrot have some precise pixel
	properties. Careful to change margin/padding/borders */
.discussion-quote-message {
  background-color: #D9E7FF;
  border: 1px solid #99BBF2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 5px;
  margin-left: 5px;
  font-style: italic;
}
.discussion-quote-message:before {
  content: '\201C';
  float: left;
  font-size: 200%;
  color: #87B3FA;
  margin-right: 10px;
}
.discussion-quote-message:after {
  content: '\201D';
  float: right;
  font-size: 200%;
  color: #87B3FA;
  margin-left: 10px;
  margin-top: -8px;
}
.discussion-quote-message > p {
  width: 93%;
  margin: 5px 0;
}
.discussion-post-edit {
  background: #eeffee;
  margin-top: 10px;
  padding: 10px;
  border: 1px solid #383;
}
.discussion-thread {
  padding: 15px;
  border: 6px solid #eee;
  border-radius: 30px;
  margin-top: 10px;
}
.discussion-thread .threadspool-link-top,
.discussion-thread .threadspool-link-bottom {
  border: 2px solid #eee;
  display: block;
  width: fit-content;
  margin-left: -20px;
  border-left: 0;
  padding-left: 15px;
}
.discussion-thread .threadspool-link-top {
  padding: 10px 10px 5px 20px;
  margin-top: -20px;
  border-radius: 0 0 10px 0;
  border-top: 0;
}
.discussion-thread .threadspool-link-bottom {
  padding: 5px 10px 10px 20px;
  margin-bottom: -20px;
  border-radius: 0 10px 0 0;
  border-bottom: 0;
}
.discussion-thread h2 {
  margin-top: 15px;
  padding-bottom: 0;
}
.discussion-thread .discussion-notifications {
  float: right;
  border: 2px solid #eee;
  display: block;
  width: fit-content;
  padding: 10px;
  margin-top: -20px;
  margin-right: -20px;
  border-top: 0;
  border-right: 0;
  border-radius: 0 0 0 10px ;
}
.discussion-thread h3 {
  margin-bottom: 0;
  display: block;
}
.discussion-thread #post_text,
.discussion-thread #post_text_edit {
  font-size: 100%;
  margin: 0;
  vertical-align: baseline;
  width: 100%;
  min-height: 100px;
  max-width: 1500px;
  field-sizing: content;
}
#notification-form {
  border: 1px solid #bbb;
  margin: 10px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px #ccc;
  -webkit-box-shadow: 1px 1px 2px #ccc;
  box-shadow: 1px 1px 2px #ccc;
  margin-bottom: 10px;
}
/* the not often used pop-up survey box */
#popupsurvey {
  position: absolute;
  top: 125px;
  right: -600px;
  width: 600px;
  border: 2px solid #e99;
  background: #fdd;
  padding: 3px;
  font-size: 11px;
  z-index: 100;
}
.workspace-edit {
  float: right;
  width: 138px;
  padding: 2px;
  margin: 5px;
  border: 1px solid #a55;
  background: #feeeee;
  font-size: 80%;
  line-height: 100%;
  clear: both;
}
.workspace-edit .shownbody {
  border: none;
}
.workspace-edit .showntitle {
  background: #feeeee;
  padding: 1px;
}
.workspace-edit .shownversion {
  padding: 0px;
  margin: 0;
}
.deactivateLiveEdit input {
  font-size: 11px;
  color: #383;
  border: 1px solid #383;
  text-decoration: none;
}
.content-squeezed-for-liveedit {
  margin-right: 180px;
  margin-left: 10px;
}
.nav-squeezed-for-liveedit {
  width: 0px;
}
.liveEditButton {
  font-size: 11px;
  color: #383;
  border: 1px solid #383;
  text-decoration: none;
  margin-left: 5px;
  background: #fefefe;
  width: auto;
  overflow: visible;
  padding-left: 5px;
  padding-right: 5px;
}
/*only some of the liveEditButtons are actually buttons
to appease IE */
div.liveEditButton {
  padding: 5px;
}
.liveEditButton:hover {
  color: #a30;
  border: 1px solid #a30;
  background: #fff;
  cursor: pointer;
}
.workspace .dijitButton {
  border: 1px solid #383;
}
.workspace-edit h3 {
  padding: 3px;
  margin-right: -10px;
  margin-left: -10px;
  margin-bottom: 5px;
  padding-left: 15px;
}
.serc-pagelist h4,
.serc-filelist h4 {
  font-size: 11px;
  margin-bottom: 3px;
}
#editFormContainer .saving {
  color: #f00;
  font: 24px;
  font-weight: bold;
  position: fixed;
  top: 250px;
  right: 150px;
}
#editFormContainer .saved {
  color: #3a3;
  font: 48px;
  font-weight: bold;
  position: fixed;
  top: 250px;
  right: 150px;
}
.editFormSubmit {
  position: fixed;
  top: 140px;
  right: 150px;
  width: 50px;
  border: 3px solid #55f;
  color: #55f;
  background: #fff;
  padding: 2px;
  font-weight: bold;
}
.uploadbutton,
.newpagebutton,
.newentrybutton {
  border: 2px solid #777;
  background: #fff;
  padding: 2px;
}
.uploadbutton:hover {
  color: #493;
  border: 2px solid #493;
}
.workspace-newpagebox {
  position: absolute;
  top: 100px;
  right: 170px;
  width: 300px;
  display: none;
  border: 1px solid #a55;
  background: #feeeee;
  padding: 10px;
  z-index: 1000000;
}
#workspace-newpage-alert {
  position: absolute;
  top: 100px;
  right: 170px;
  width: 350px;
  display: none;
  border: 1px solid #a55;
  background: #feeeee;
  padding: 5px;
  font-size: 11px;
}
.workspace-uploadbox {
  position: absolute;
  top: 100px;
  right: 170px;
  width: 430px;
  display: none;
  border: 1px solid #a55;
  background: #feeeee;
  padding: 10px;
  z-index: 1000000;
}
#workspace-uploadbox-alert,
#creatingformalert {
  position: fixed;
  top: 100px;
  right: 170px;
  width: 250px;
  display: none;
  border: 1px solid #a55;
  background: #feeeee;
  padding: 5px;
  z-index: 10000;
}
#creatingformalert {
  width: 400px;
  top: 150px;
  left: 35%;
}
#workspace-help {
  position: absolute;
  top: 100px;
  right: 170px;
  width: 400px;
  display: none;
  border: 1px solid #a55;
  background: #feeeee;
  padding: 10px;
  z-index: 1000000;
}
#form_creation_dialog,
.create_dialog {
  position: fixed;
  top: 150px;
  left: 20%;
  width: 650px;
  display: none;
  border: 3px solid #4D673F;
  background: #fff;
  padding: 15px;
  padding-top: 5px;
  z-index: 10000;
  line-height: 1.4em;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 5px #aaa;
  -webkit-box-shadow: 1px 1px 5px #aaa;
  box-shadow: 1px 1px 5px #aaa;
}
.contentUndo {
  float: right;
  padding: 0 3px 0 3px;
}
.contentDeactivate {
  margin-left: 10px;
  float: right;
  width: 60px;
  margin-right: 0px;
}
.contenthints,
.contentUndo,
.contentDeactivate {
  font-size: 0.8em;
}
.contentUndo,
.contentDeactivate {
  margin-top: -10px;
}
.contentUndo a:hover,
.contentDeactivate a:hover {
  text-decoration: underline;
}
.contenthints a,
.contentUndo a,
.contentDeactivate a {
  color: #66f;
}
.closeButton {
  float: right;
  width: 46px;
  border: 2px solid #ccc;
  background: #fff;
  padding: 1px;
  font-size: 11px;
  border-radius: 4px 4px 4px 4px;
}
.closeButton img {
  margin-bottom: -2px;
}
.modalCloseButton {
  margin-left: 50%;
  width: 60px;
  border: 2px solid #777;
  background: #fff;
  padding: 5px;
}
.modalCloseButton:hover,
.closeButton:hover {
  border: 2px solid #f33;
  color: #f33;
  background: #faa;
}
.definitionterm {
  color: #383;
}
.file-archive-item {
  padding: 5px;
  border: 1px solid #ccc;
  background: #f3f3f3;
  margin-bottom: 10px;
}
.file-archive-item:hover {
  border: 1px solid #555;
  background: #fff;
}
.live-edit-link {
  float: right;
  width: 40px;
  color: #f00;
  clear: both;
}
.live-edit-link:hover {
  cursor: pointer;
}
.live-edit-box {
  float: right;
  width: 138px;
  padding: 2px;
  margin: 5px;
  border: 1px solid #709670;
  background: #e5f1e5;
  font-size: 80%;
  line-height: 100%;
  clear: both;
}
.live-edit-box h2 {
  font-size: 14px;
  background: #95b695;
  color: #fff;
  padding: 5px;
  margin: -2px;
  margin-bottom: 15px;
  text-align: center;
}
.live-edit-box h3.divider {
  color: #5a5;
  background: #cadbca;
  padding: 5px;
  margin-left: -2px;
  margin-right: -2px;
  margin-bottom: 10px;
  font-size: 12px;
  font-weight: normal;
  border: 1px solid #709670;
  border-right: none;
  border-left: none;
}
.live-edit-box .mediaentry {
  line-height: 12px;
  background: #f5fef5;
  padding: 2px;
  border: 1px solid #999;
}
.serc-editable {
  display: inline;
}
.serc-editable-clickable {
  border: 1px solid #333;
  padding: 3px;
  margin: 3px;
  background: #f3f3f3;
  padding-top: 20px;
  display: block;
}
.serc-editable-active {
  display: block;
  padding-top: 20px;
  width: auto;
}
.serc-resourcelist {
  margin-top: 10px;
}
.serc-content-name {
  position: relative;
  top: -15px;
  color: #bbb;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 0;
  margin-bottom: -15px;
  width: 75%;
}
#nav-edit-controls {
  border: 2px solid #aaa;
  border-top: none;
  padding: 0px;
  position: absolute;
  background: #fff;
  -moz-border-radius: 0 5px 5px 0;
  -webkit-border-radius: 0 5px 5px 0;
  border-radius: 0 5px 5px 0 ;
  box-shadow: 2px 2px 4px #aaa;
  border-left: none;
  margin-left: -3px;
  text-align: center;
  top: 200px;
  left: 410px;
  backgposition: fixed;
  width: 145px;
}
#nav-edit-controls h4 {
  background: #aaa;
  color: #fff;
  margin-top: 0px;
}
a.nav-edit-controls-button,
a.nav-edit-controls-button:visited {
  display: inline-block;
  color: #fff;
  width: 75px;
  background: #aaa;
  margin: 3px;
  padding: 3px;
  font-size: 13px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 1px 3px #aaa;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  text-decoration: none;
}
a.nav-edit-controls-button:hover {
  background: #999;
}
.claro .serc-editable-active .dijitTextArea {
  font-size: 14px;
  font-family: Verdana;
}
.blog h2 {
  display: inline;
}
.blog h2 a {
  text-decoration: none;
  color: #333;
}
.blog h2 a:hover {
  text-decoration: underline;
}
.event_date_span {
  font-style: italic;
}
.event_date_current {
  font-weight: bold;
  color: #f00;
}
.serc-radiobuttonpair {
  padding: 2px;
}
.serc-radiobuttonpair:hover {
  background: #eee;
}
ul.review_item_list li {
  margin-bottom: 20px;
  list-style-type: none;
  border: 1px solid #ccc;
  padding: 5px;
}
.activityidea {
  font-weight: bold;
}
div[id^='widget_departmentCombo'] {
  width: 420px;
}
div[id^='widget_institutionCombo'] {
  width: 420px;
}
/* 17% allows up to 5 cols of thumbimages... 18+ wraps */
.thumbimage {
  width: 17%;
  max-width: 200px;
}
.quarterimage {
  width: 27%;
  max-width: 324px;
}
.narrowimage {
  width: 38%;
  max-width: 456px;
}
.largeimage {
  width: 62%;
  max-width: 744px;
}
.fullimage {
  width: 100%;
  max-width: 1200px;
}
.centerfloat {
  margin: 0 auto;
}
.image-left-margin {
  margin-right: 2.5%;
}
.image-right-margin {
  margin-left: 2.5%;
}
.image-caption,
.caption-text {
  font-size: 11px;
  line-height: 13px;
}
.caption-text {
  min-height: 16px;
}
div[id^='image-'] {
  margin-bottom: 10px;
  position: relative;
  word-break: break-word;
}
.original-image-container.leftfloat ~ ul li,
div[id^='image-'].leftfloat ~ ul li {
  list-style-position: inside;
}
/* if the the image is wrapped in a link, reset the link's style (/serc/site_guides/people.html)*/
div[id^='image-'] > a,
.link-reset {
  border: 0 !important;
  text-decoration: none !important;
  padding: 0 !important;
  margin: 0 !important;
}
div[id^='image-'] .main-image {
  width: 100%;
  cursor: pointer;
  margin-bottom: 7px;
}
.shadow {
  -webkit-box-shadow: 3px 3px 5px #ccc;
  -moz-box-shadow: 3px 3px 5px #ccc;
  box-shadow: 3px 3px 5px #ccc;
  background: #ffffff;
}
.shadow-dark {
  -webkit-box-shadow: 3px 3px 5px #777;
  -moz-box-shadow: 3px 3px 5px #777;
  box-shadow: 3px 3px 5px #777;
  background: #ffffff;
}
.border {
  padding: 3px;
  border: 1px solid #ccc;
  background: #ffffff;
}
div[id^='image-'] div.hover {
  position: absolute;
  left: 0;
  bottom: 0;
  margin-bottom: 6px;
  width: 100%;
  color: #fff;
  padding: 4px;
  background-color: rgba(0, 0, 0, 0.7);
  opacity: 0;
  filter: alpha(opacity=0);
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
div[id^='image-']:hover div.hover {
  opacity: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa000000', endColorstr='#aa000000');
}
div[id^='image-'] div.hover a {
  float: right;
  padding: 5px 10px;
}
div[id^='image-'] div.hover span {
  display: block;
  padding: 5px 8px;
}
/* push new image tags a little to the left (inside the context box) */
.descriptionpullquote div[id^='image-'],
.pullquote div[id^='image-'] {
  margin-right: 1.5%;
}
div[class^=twocolgm] div[id^=image-],
div[class^=twocoleven] div[id^=image-],
div[class^=threecoleven] div[id^=image-],
div[class^=fourcoleven] div[id^=image-] {
  max-width: 90% !important;
}
div[class^=twocolgm] div[id^=image-] > img.main-image:first-of-type,
div[class^=twocoleven] div[id^=image-] > img.main-image:first-of-type,
div[class^=threecoleven] div[id^=image-] > img.main-image:first-of-type,
div[class^=fourcoleven] div[id^=image-] > img.main-image:first-of-type {
  max-width: 95% !important;
}
.toggle-display {
  color: #8c4242;
}
div[id^="modal-"] {
  display: none;
}
div.underlay {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 979;
  background-color: grey;
  opacity: 0.5;
  /*IE... order matters */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50);
  cursor: pointer;
}
div.contents {
  position: fixed;
  top: 5%;
  bottom: 5%;
  z-index: 980;
  max-width: 80%;
  max-height: 90%;
  /* on modal image only */
  background: #D9D9D9;
  padding: 6px;
  overflow: hidden;
}
div.contents img {
  height: 100%;
  width: 100%;
  z-index: 981;
}
div.contents div.modal-exit {
  position: absolute;
  right: 6px;
  top: 5px;
  padding: 3px 6px 9px;
  background: #D9D9D9;
  z-index: 982;
  opacity: 0.7;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
  filter: alpha(opacity=70);
  border-bottom: 1px solid #ccc;
  border-left: 1px solid #ccc;
}
div.contents div.modal-exit .exit-click {
  font-size: 3.6em;
  text-align: center;
  display: block;
  margin: 0 auto;
  padding: 10px 4px;
  width: 45px;
}
div.contents div.modal-exit:hover {
  text-shadow: 0px 0px 10px #5c5c5c;
  filter: dropshadow(color=#5c5c5c, offx=0, offy=0);
  opacity: 1;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: alpha(opacity=100);
  cursor: pointer;
}
.modal-wrapper .contents {
  min-width: 80%;
  bottom: auto;
  overflow: scroll;
  left: 7%;
}
.modal_app .video-style {
  position: relative;
}
.modal_app .image-caption {
  padding: 5px;
}
span.assessment-question {
  display: block;
  margin: 5px 0;
}
div.assessment-item {
  margin-bottom: 15px;
}
div.assessment-item input {
  float: left;
  margin: 5px 8px 0 15px;
}
div.assessment-item label {
  /**/
}
div.assessment-choice {
  min-height: 18px;
  display: block;
  margin: 5px;
}
span.question-feedback {
  display: none;
  margin-left: 25px;
  padding: 0px 3px;
}
.question-feedback-icon {
  float: left;
  padding: 1px 6px;
}
/*add padding to new images in the feedback block
 other elements may need it too but it is
 risky to apply this padding to all children */
span.question-feedback > div[id^='image-'] {
  padding: 5px 25px 5px 5px;
}
img.slideshare-thumb {
  cursor: pointer;
  padding: 3px;
  border: 1px solid #ccc;
}
.slideshare-click-msg {
  text-align: center;
  margin-left: 6px;
  width: 170px;
  display: block;
}
.slideshare-content.leftfloat {
  margin-right: 15px;
}
.slideshare-content.rightfloat {
  margin-left: 15px;
}
/******************/
/**responsive css**/
/******************/
@media screen and (max-width: 600px) {
  div[id^='image-'] div.hover {
    position: relative;
    width: 100%;
    opacity: 1;
    float: none;
    border: 1px solid #ccc;
    background: none;
    min-height: 25px;
    color: black;
    padding: 3px;
  }
  .thumbimage,
  .quarterimage,
  .narrowimage,
  .largeimage {
    width: 100%;
    max-width: none;
  }
}
/* temp fix for Chrome (browser) until Dojo 1.8+
   http://bugs.dojotoolkit.org/ticket/15599 */
.dijitButton,
.dijitButtonNode {
  -webkit-transition-duration: 0s, 0s !important;
}
/**
* 1.8 dijit tree style fixes (keep past 1.8 unless unneeded)
**/
.dijitTree {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.dijitTree .dijitTreeRow {
  width: 100%;
}
/* When activating plugins (view source and find/replace that change the height
of the editor toolbar or something else, it incorrectly sets heights to parent nodes
which stops auto expanding */
.dijitEditor,
.dijitEditor .dijitEditorIFrameContainer {
  height: auto !important;
}
.left_right_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.authorprofilelink {
  display: block;
  color: #fff;
  background: #aaa;
  padding: 0px 3px;
  font-size: 11px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 1px 1px 3px #aaa;
  border-radius: 5px;
  border: none;
  cursor: pointer;
  text-decoration: none;
  float: right;
}
.author .authorprofilelink {
  float: none;
}
.authorprofile {
  float: right;
}
.authorprofilelink:visited {
  color: #fff;
}
.authorprofile-hideshow {
  display: inline;
}
.authorprofile-hideshow .shownversion {
  background: #fff;
}
.person-card {
  width: 120px;
  padding: 12px;
}
.person-card.large {
  width: 200px;
  padding: 15px;
}
.person-card.medium {
  width: 120px;
  padding: 12px;
}
.person-card.small {
  width: 80px;
  padding: 10px;
}
.person-card.rightfloat {
  margin-left: 15px;
}
.person-card.leftfloat {
  margin-right: 15px;
}
.person-card .person-image {
  display: table-cell;
  float: none;
  width: 120px;
}
.person-card .person-image.large {
  width: 200px;
}
.person-card .person-image.medium {
  width: 120px;
}
.person-card .person-image.small {
  width: 80px;
}
.person-card .person-image IMG {
  width: 120px;
  height: auto;
  border-radius: 50%;
  box-shadow: 1px 1px 2px #ddd;
}
.person-card .person-image IMG.large {
  width: 200px;
}
.person-card .person-image IMG.medium {
  width: 120px;
}
.person-card .person-image IMG.small {
  width: 80px;
}
.person-card .person-spacer {
  height: 12px;
}
.person-card .person-spacer.large {
  height: 15px;
}
.person-card .person-spacer.medium {
  height: 12px;
}
.person-card .person-spacer.small {
  height: 10px;
}
.person-card .person-name {
  font-size: 1em;
  font-weight: bold;
  margin: 0;
  line-height: 1.3em;
  float: none;
}
.person-card .person-name.large {
  font-size: 1.3em;
}
.person-card .person-name.medium {
  font-size: 1em;
}
.person-card .person-name.small {
  font-size: 0.95em;
}
.person-card .person-name .person-institution {
  font-size: 0.9em;
}
/* added 8/12 ml - use css for input width, not col attr or inline */
.serc-form input[type='text'],
.serc-form input[type='email'] {
  width: 40%;
  /*min-width here breaks dijits like DateTextbox and Combobox applied on input[type='text'] nodes*/
}
.serc-form textarea {
  width: 60%;
  min-width: 250px;
}
:required label {
  font-weight: bold;
}
.serc-form .required_field {
  color: #e32;
  font-size: 11px;
}
/* Dropdown icon (downwards arrow) via pseudo element: use with empty <span> */
/* From Atlassian UI framework: https://developer.atlassian.com/display/AUI/AUI+Dropdown2#AUIDropdown2-Whatisit? */
.aui-icon-dropdown,
.aui-icon-dropdown-white {
  border: 4px solid transparent;
  border-top-color: #333;
  content: "";
  display: inline-block;
  height: 0;
  overflow: hidden;
  text-align: left;
  text-indent: -999em;
  position: relative;
  vertical-align: baseline;
  width: 0;
  color: black;
}
.aui-icon-dropdown-white {
  border-top-color: #fff;
}
.animate-bounce {
  /* This class bounces the element 10 times */
  /* name duration timing-function delay iteration-count direction */
  -webkit-animation: bounce 1s ease-out 1s 10;
  -moz-animation: bounce 1s ease-out 1s 10;
  -o-animation: bounce 1s ease-out 1s 10;
  animation: bounce 1s ease-out 1s 10;
}
@-webkit-keyframes bounce {
  0% {
    -webkit-transform: translateY(0);
  }
  10% {
    -webkit-transform: translateY(-20%);
  }
  20% {
    -webkit-transform: translateY(-30%);
  }
  30% {
    -webkit-transform: translateY(-40%);
  }
  40% {
    -webkit-transform: translateY(-30%);
  }
  50% {
    -webkit-transform: translateY(-20%);
  }
  60% {
    -webkit-transform: translateY(0);
  }
}
@keyframes bounce {
  0% {
    transform: translateY(0);
  }
  10% {
    transform: translateY(-20%);
  }
  20% {
    transform: translateY(-30%);
  }
  30% {
    transform: translateY(-40%);
  }
  40% {
    transform: translateY(-30%);
  }
  50% {
    transform: translateY(-20%);
  }
  60% {
    transform: translateY(0);
  }
}
/* page-wide image as with [imagebanner] tag */
.imagebanner {
  top: 0;
  /*this one should be over-riden in local chrome */
  width: 100%;
  position: relative;
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  background-repeat: no-repeat;
  z-index: 0;
}
.imagebanner-transparent-fade {
  position: absolute;
  top: 0px;
  z-index: -2;
  background: transparent;
}
/* Show/hide divs based on user's NAGT membership status */
body div[class^=nagt_] {
  display: none;
}
body.nagt_member div.nagt_member,
body.nagt_not_member div.nagt_not_member,
body.nagt_status_active div.nagt_status_active,
body.nagt_status_lapsed div.nagt_status_lapsed,
body.nagt_status_waiting div.nagt_status_waiting,
body.nagt_status_in_progress div.nagt_status_in_progress {
  display: block;
}
/* Do the same for logged in and not */
body div.logged_in,
body div.not_logged_in {
  display: none;
}
body.logged_in div.logged_in,
body.nagt_not_member div.nagt_not_member,
body.not_logged_in div.not_logged_in {
  display: block;
}
/* image-block-bottom is linked image rectangle with text overlayed in transparent block at bottom 
 *image-block-tall is like bottom but the image is only at the top of the
 * block and the text area is larger
 */
a.image-block-bottom,
a.image-block-tall {
  display: inline-block;
  position: relative;
  margin: 15px;
  border: 1px solid #ccc;
  background-repeat: no-repeat;
  background-clip: padding-box;
  color: #fff;
  text-decoration: none;
  border-radius: 3px;
  -moz-box-shadow: 1px 1px 2px #ddd;
  -webkit-box-shadow: 1px 1px 2px #ddd;
  box-shadow: 1px 1px 2px #ddd;
}
a.image-block-bottom:hover,
a.image-block-tall:hover,
a.image-block-bottom:visited,
a.image-block-tall:visited,
a.image-block-bottom:active,
a.image-block-tall:active {
  color: #fff;
}
.image-block-bottom .image-block-content,
.image-block-tall .image-block-content {
  position: absolute;
  bottom: 0;
  background: #333;
  padding: 10px;
  line-height: 1.2em;
  overflow: hidden;
}
.image-block-content .image-block-rollover {
  display: none;
  font-size: 85%;
  padding: 5px 10px 10px 10px;
  margin: 5px -10px -10px -10px;
  background: rgba(0, 0, 0, 0.2);
  -webkit-transition: all 0.5s ease-in-out;
  -o-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}
.image-block-bottom .image-block-content {
  background-color: rgba(17, 17, 17, 0.7);
}
a.image-block-bottom {
  background-size: cover;
}
a.image-block-tall {
  background-size: auto 38%;
}
.image-block-tall .image-block-content {
  background-color: #333333;
}
/*support different sized image-blocks
 * set heights here for image-block-bottom
 * and then override for image-block-tall
*/
.image-block-small {
  width: 150px;
  font-size: 85%;
}
.image-block-small .image-block-content {
  width: 140px;
  padding: 5px;
}
.image-block-medium {
  width: 290px;
  font-size: 100%;
}
.image-block-medium .image-block-content {
  width: 270px;
  padding: 10px;
}
.image-block-large {
  width: 450px;
  font-size: 120%;
}
.image-block-large .image-block-content {
  width: 430px;
  padding: 10px;
}
.image-block-bottom.image-block-small {
  height: 100px;
}
.image-block-bottom.image-block-medium {
  height: 200px;
}
.image-block-bottom.image-block-large {
  height: 290px;
}
.image-block-tall.image-block-small {
  height: 300px;
}
.image-block-tall.image-block-medium {
  height: 610px;
}
.image-block-tall.image-block-large {
  height: 700px;
}
.image-block-tall .image-block-content {
  height: 62%;
}
/* link-bar-left is a full width linked bar with image at left edge
*  image-block-left-clear is the same but with a clear background, no rounded corner
*  and the entire image always visible (image floating next to text as a link)
*/
a.link-bar-left,
.link-bar-left {
  background: #333333;
  border-radius: 50px 50px 50px 50px;
  -moz-box-shadow: 1px 1px 2px #777;
  -webkit-box-shadow: 1px 1px 2px #777;
  box-shadow: 1px 1px 2px #777;
}
a.link-bar-left,
.link-bar-left {
  width: 97%;
  display: block;
  position: relative;
  margin: 15px;
  margin-bottom: 30px;
  background-repeat: no-repeat;
  background-clip: padding-box;
  background-position: 0 10%;
  background-size: auto 120%;
  text-decoration: none;
  min-height: 100px;
  color: #ffffff;
}
a.link-bar-left:hover,
.link-bar-left:hover {
  -moz-box-shadow: 1px 1px 2px #777;
  -webkit-box-shadow: 1px 1px 2px #777;
  box-shadow: 1px 1px 2px #777;
}
a.link-bar-left:visited {
  color: #ffffff;
}
a.link-bar-left img,
.link-bar-left img {
  float: left;
  margin-right: 15px;
  width: 5%;
}
a.link-bar-left .link-bar-content,
.link-bar-left .link-bar-content {
  padding: 10px;
  margin-left: 22%;
  border-radius: 0px 50px 50px 0px;
  min-height: 100px;
  background: #333333;
}
.ie8 a.link-bar-left .link-bar-content,
.ie8 .link-bar-left .link-bar-content {
  margin-left: 0%;
}
a.link-bar-left h2,
.link-bar-left h2 {
  color: #daf2d5;
}
a.link-bar-left h3,
.link-bar-left h3 {
  font-size: 155%;
  line-height: 1.2em;
  margin-top: 0;
  color: #bfbfbf;
}
a.link-bar-left h3 b,
.link-bar-left h3 b {
  font-weight: bold;
}
a.image-block-left-clear .image-block-content h2,
a.image-block-left-clear .image-block-content h3 {
  margin-top: 0;
}
a.image-block-left-clear {
  width: 97%;
  display: block;
  position: relative;
  margin: 15px;
  margin-bottom: 30px;
  text-decoration: none;
  min-height: 100px;
  color: #333333;
}
a.image-block-left-clear .image-block-content {
  padding: 10px;
  min-height: 100px;
}
a.image-block-left-clear img {
  margin-right: 10px;
}
a.image-block-left-clear:hover {
  border: 1px solid #eee;
}
@media screen and (max-width: 800px) {
  a.link-bar-left .link-bar-content,
  .link-bar-left .link-bar-content {
    margin-left: 0;
    border-radius: 50px 50px 50px 50px;
    padding-left: 20px;
  }
}
.abs-center {
  width: 100%;
  height: 50%;
  overflow: visible;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}
/*--standard faceted search form ---*/
.facetedsearch {
  padding: 10px;
  background: #f6f6f6;
  border-radius: 3px;
  max-width: 350px;
}
.facetedsearch input {
  background-color: #fff;
  border: 1px solid #bbb;
  color: #333;
  font-size: 1.1em;
  border-radius: 3px;
}
.facetedsearch input[type='text'] {
  width: 70%;
}
.facetedsearch input[type='submit'] {
  width: 25%;
}
.facetedsearch input:-webkit-input-placeholder {
  color: #aaa;
}
.facetedsearch input::-moz-placeholder {
  color: #aaa;
}
@media screen and (max-width: 790px) {
  .facetedsearch {
    max-width: 250px;
  }
}
.facetedsearch + a.searchhelp {
  margin-top: -10px;
  display: block;
  float: left;
}
.padded2 {
  padding: 2%;
}
.padded10 {
  padding: 10%;
}
.padding-box2 {
  padding: 2%;
}
.padding-box3 {
  padding: 3%;
}
.padding-box6 {
  padding: 6%;
}
.padding-box10 {
  padding: 10%;
}
.horizontal-padding-box2 {
  padding-left: 2%;
  padding-right: 2%;
}
.horizontal-padding-box10 {
  padding-left: 10%;
  padding-right: 10%;
}
.floatbox > * {
  float: left;
  margin-right: 3%;
}
/*---twocolumn with flexbox ----*/
.twocolumn-container,
.twocolumngm-container,
.threecolumn-container,
.fourcolumn-container {
  display: flex;
  box-sizing: border-box;
}
.column50,
.column33,
.column25,
.columngm1,
.columngm2 {
  box-sizing: border-box;
}
column66 {
  width: 64%;
}
.column50 {
  width: 48%;
}
.column33 {
  width: 31%;
}
.column25 {
  width: 24%;
}
.columngm1 {
  width: 61%;
}
.columngm2 {
  width: 37%;
}
@media screen and (max-width: 650px) {
  .twocolumn-container,
  .twocolumngm-container,
  .threecolumn-container,
  .fourcolumn-container {
    flex-direction: column;
  }
  .column66,
  .column50,
  .column33,
  .column25,
  .columngm1,
  .columngm2 {
    width: 96%;
    margin-top: 5px;
  }
}
/*---equal height columns--*/
/*  two-column layout */
.twocoleven-bg2 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}
.twocoleven-bg1 {
  float: left;
  width: 100%;
  position: relative;
  right: 50%;
}
.twocoleven-col1 {
  float: left;
  width: 46%;
  position: relative;
  left: 52%;
  overflow: hidden;
}
.twocoleven-col2 {
  float: left;
  width: 46%;
  position: relative;
  left: 56%;
  overflow: hidden;
}
@media screen and (max-width: 555px) {
  .twocoleven-col1,
  .twocoleven-col2 {
    width: 96%;
    left: 2%;
    height: auto;
  }
  .twocoleven-bg1 {
    right: 0;
    background: #fff;
  }
}
/*  two-column golden mean layout */
.twocolgm-bg2 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}
.twocolgm-bg1 {
  float: left;
  width: 100%;
  position: relative;
  right: 38%;
}
.twocolgm-col1 {
  float: left;
  width: 58%;
  position: relative;
  left: 40%;
  overflow: hidden;
}
.twocolgm-col2 {
  float: left;
  width: 34%;
  position: relative;
  left: 44%;
  overflow: hidden;
}
@media screen and (max-width: 555px) {
  .twocolgm-col1,
  .twocolgm-col2 {
    width: 96%;
    left: 2%;
    height: auto;
  }
  .twocolgm-bg1 {
    right: 0;
    background: none;
  }
}
/* three-column layout */
.threecoleven-bg3 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}
.threecoleven-bg2 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 33.333%;
}
.threecoleven-bg1 {
  float: left;
  width: 100%;
  position: relative;
  right: 33.33%;
}
.threecoleven-col1 {
  float: left;
  width: 29.33%;
  position: relative;
  left: 68.67%;
  overflow: hidden;
}
.threecoleven-col2 {
  float: left;
  width: 29.33%;
  position: relative;
  left: 72.67%;
  overflow: hidden;
}
.threecoleven-col3 {
  float: left;
  width: 29.33%;
  position: relative;
  left: 76.67%;
  overflow: hidden;
}
@media screen and (max-width: 555px) {
  .threecoleven-col1,
  .threecoleven-col2,
  .threecoleven-col3 {
    width: 96%;
    left: 2%;
    height: auto;
  }
  .threecoleven-bg1,
  .threecoleven-bg2 {
    right: 0;
    background: #fff;
  }
}
/* four-column layout */
.fourcoleven-bg4 {
  clear: left;
  float: left;
  width: 100%;
  overflow: hidden;
}
.fourcoleven-bg3 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}
.fourcoleven-bg2 {
  clear: left;
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}
.fourcoleven-bg1 {
  float: left;
  width: 100%;
  position: relative;
  right: 25%;
}
.fourcoleven-col1 {
  float: left;
  width: 21%;
  position: relative;
  left: 77%;
  overflow: hidden;
}
.fourcoleven-col2 {
  float: left;
  width: 21%;
  position: relative;
  left: 81%;
  overflow: hidden;
}
.fourcoleven-col3 {
  float: left;
  width: 21%;
  position: relative;
  left: 85%;
  overflow: hidden;
}
.fourcoleven-col4 {
  float: left;
  width: 21%;
  position: relative;
  left: 89%;
  overflow: hidden;
}
.drop-menu-block {
  /* container */
}
.drop-menu-block > a {
  display: none;
}
.drop-menu-block ul {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.drop-menu-block li {
  position: relative;
  margin: 0;
}
/* first level */
.drop-menu-block > ul {
  /*height: 3.75em;*/
}
.drop-menu-block > ul > li {
  float: left;
}
/* second level */
.drop-menu-block li ul {
  display: none;
  position: absolute;
  top: 100%;
  background-color: #333333;
}
.drop-menu-block li:hover ul {
  display: block;
}
@media screen and (max-width: 655px) {
  .fourcoleven-col1,
  .fourcoleven-col2,
  .fourcoleven-col3,
  .fourcoleven-col4 {
    width: 96%;
    left: 2%;
    height: auto;
  }
  .fourcoleven-bg1,
  .fourcoleven-bg2,
  .fourcoleven-bg3 {
    right: 0;
    background: #fff;
  }
}
/*-- Fixed height hero boxes for front pages --*/
.hero200 {
  float: left;
  width: 100%;
  height: 200px;
  border-bottom: 2px solid #111;
}
.hero300 {
  float: left;
  width: 100%;
  height: 300px;
  border-bottom: 2px solid #111;
}
.hero400 {
  float: left;
  width: 100%;
  height: 400px;
  border-bottom: 2px solid #111;
}
.blocklist li {
  list-style: none;
  display: block;
  padding: 3px;
}
.blocklist li:hover {
  background: #fafafa;
}
/*--style for the rotator --*/
.bx-viewport {
  background: none;
  border: none;
  box-shadow: none;
  box-sizing: content-box;
  padding-top: 10px;
  padding-bottom: 10px;
}
/*---generic phone width linearization ---*/
@media screen and (max-width: 480px) {
  #nav {
    position: static;
    width: 90%;
    margin: 1em auto;
  }
  .serc-content {
    margin-left: 5px;
    margin-right: 5px;
  }
  #searchbox {
    position: relative;
    width: 95%;
    top: 0;
  }
  span.serc-radiobuttonpair {
    display: block;
  }
  .flexbox-vertsmall {
    flex-direction: column;
  }
}
/*---bump up everthing at very wide screens --*/
@media screen and (min-width: 1400px) {
  .serc-content {
    max-width: 1200px;
    margin-left: 110px;
  }
  body {
    font-size: 1em;
  }
  #nav {
    width: 215px;
    font-size: 1em;
  }
}
#recommend-block {
  position: relative;
  min-height: 230px;
  background: #e0e0e0;
  border-bottom: 1px solid #333333;
  padding-bottom: 50px;
}
#recommend-block .label {
  line-height: inherit;
}
#recommend-wrapper {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-top: 10px;
  padding-bottom: 35px;
  margin-left: 30px;
}
#recommend-block .recommend-element {
  display: block;
  flex: 0 0 auto;
  max-width: 140px;
  overflow-wrap: break-word;
  margin: 10px 20px 0 0;
  padding: 10px;
}
#recommend-block .recommend-element a {
  text-decoration: none;
}
#recommend-block h3 {
  font-size: 14px;
  margin-top: 0;
  color: #fff;
  background: #333333;
  padding: 2px;
  padding-left: 40px;
}
#recommend-block .recommend-description {
  padding-left: 40px;
}
#recommend-block .quarterimage {
  width: auto;
  max-width: 200px;
}
#recommend-block .recommender-module-context {
  font-size: max(70%, 11px);
  line-height: 140%;
}
#recommend-block .recommender-module-context #recommend-block .recommender-module-context {
  font-size: inherit;
}
#recommend-block .recommendation-admin {
  display: none;
}
#recommend-block .recommend-element:has(.featured) {
  max-width: 170px;
}
#recommend-block .featured {
  margin-top: -25px;
  padding: 10px;
  box-shadow: 2px 2px 9px rgba(0, 0, 0, 0.2);
  padding-right: 20px;
  padding-top: 5px;
  border-radius: 10px;
}
#recommend-block .featured h4 {
  margin-top: 0;
}
/** START SEARCHBOX **/
#searchbox {
  position: absolute;
  top: 20px;
  right: 0px;
  color: #333333;
  background: #bfbfbf;
  background: rgba(255, 255, 255, 0.5);
  font-size: 80%;
  padding: 6px;
  width: 170px;
  border-radius: 9px 0 0 0;
  z-index: 4;
  padding-bottom: 0;
}
#searchbox .radio-template {
  font-size: 100%;
}
#searchbox form {
  margin: 0;
}
#searchbox input {
  font-size: 11px;
}
#searchbox .searchboxsubmit {
  background: #333333;
  color: #ffffff;
  border: none;
  padding-top: 2px;
  padding-bottom: 2px;
}
.search-group {
  display: table;
  padding: 10px;
}
.search-bar-wrapper {
  background-color: #eee;
}
.search-nav,
.search-input,
.search-action {
  display: inline-block;
  float: left;
  border-collapse: separate;
}
.search-input input,
.search-action button {
  /*height: 34px; */
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #eee;
  vertical-align: top;
}
.searchbox .radio-template,
#searchbox .radio-template {
  display: inline-block;
  border: 1px solid #aaa;
  border-top: none;
  padding: 5px;
  border-radius: 0 0 3px 3px;
  background-color: #eee;
  position: absolute;
}
.search-input input[type='text'] {
  width: 350px;
  color: black;
  background-color: #fff;
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAANCAYAAABy6+R8AAAAb0lEQVR42p2RMQ7AIAhFWXsG1h7Gtffo6urqyJGpwyetomnwJ38BH/wgfZSaS7PABbVOqkqm3Fzx6IQTatlDb5PJi21YBy1iuNgjJIgzFXqyCcXj1Z1DXNGTiw01aP252DCCgH7Fk41h8KaAGMDxADnaOPucd/m3AAAAAElFTkSuQmCC');
  background-position: 8px 9px;
  background-repeat: no-repeat;
  padding-left: 28px;
  border: 1px solid #ccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
/* don't make the input wider than the screen for narrow screens */
@media screen and (max-width: 500px) {
  .search-input input[type='text'] {
    width: 100%;
  }
}
.search-group input:focus {
  border-color: #333;
  outline: 0;
}
.search-action button {
  color: black;
  background-color: #eee;
  border: 1px solid #ccc;
  -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
  -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
  transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}
.search-action button:hover {
  /*background-color: white;*/
  border: 1px solid #555;
}
.search-action button:active {
  background: #ccc;
}
.search-radio-buttons {
  color: #777;
}
.search-radio-buttons label {
  display: inline-block;
  margin: 4px 4px 0;
}
.typeahead,
.tt-query,
.tt-hint {
  width: 396px;
  height: 30px;
  padding: 8px 12px;
  font-size: 24px;
  line-height: 30px;
  border: 2px solid #ccc;
}
.tt-dropdown-menu {
  width: 450px;
  color: black;
  margin-top: 0;
  padding: 0px 0;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
}
.tt-suggestion {
  padding: 3px 20px;
  font-size: 18px;
  line-height: 24px;
}
.tt-suggestion.tt-cursor {
  background-color: #eee;
}
.tt-suggestion p {
  margin: 0;
}
/** END SEARCHBOX **/
div.paywall {
  position: relative;
  background: #f7f7f7;
  min-height: 100px;
}
div.paywall .message {
  position: absolute;
  top: 10px;
  left: 10%;
  right: 10%;
  min-height: 100px;
  padding: 10px;
  z-index: 10;
}
div.paywall span {
  opacity: 0.5;
  display: inline-block;
  background: #cccccc;
  margin: 2px 3px;
}
form.serc-form .form-fields {
  width: 73%;
  display: inline-block;
}
form.serc-form .form-nav {
  margin: 10px -15px 10px 10px;
  width: 22%;
  border: 1px solid #DDD;
  padding: 15px;
  border-radius: 4px;
  display: inline-block;
  vertical-align: top;
}
form.serc-form .form-nav p {
  text-align: center;
  font-size: max(80%, 11px);
  line-height: 160%;
  color: #AAA;
}
form.serc-form .form-nav p form.serc-form .form-nav p {
  font-size: inherit;
}
form.serc-form .form-nav ol.pages li.current-page {
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
form.serc-form .form-nav ol.pages li:not(.current-page):not(.prev-page) {
  opacity: 0.5;
}
.payment-confirmation-box {
  display: inline-block;
  border: 1px solid #DDD;
  padding: 15px;
  border-radius: 4px;
  margin: 20px 0px;
  width: 70%;
}
.payment-confirmation-box .review-selections {
  font-weight: bold;
  font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
}
.payment-confirmation-box ul.items {
  padding-left: 0;
  margin-left: 0;
}
.payment-confirmation-box ul.items li {
  margin-left: 0;
  display: inline-table;
  width: 100%;
  border-bottom: 1px solid #ddd;
}
.payment-confirmation-box ul.items .cost {
  margin-left: 25px;
  float: right;
}
.payment-confirmation-box .total {
  padding-right: 1%;
  text-align: right;
}
input[type="submit"]:before {
  content: " ";
  display: block;
  clear: both;
}
div#nagt_discount_status_msg {
  width: 66%;
  min-width: 300px;
  margin-top: 10px;
}
.payment-error-message {
  font-weight: bold;
  color: red;
}
.community_list ul {
  list-style-type: none;
}
.fadeboxmore {
  position: absolute;
  display: block;
  text-align: center;
  width: 100%;
  z-index: 10;
}
.fadeboxmore .fadeboxmorelink,
.fadeboxless .fadeboxlesslink {
  border-radius: 20px;
  display: inline-block;
  padding: 1px 5px 1px 5px;
  background-color: #bfbfbf;
}
.fadeboxless {
  display: none;
  text-align: center;
  width: 100%;
  bottom: 0px;
}
.fadeboxmore:hover,
.fadeboxless:hover {
  cursor: pointer;
}
#tte-footer .tte-box {
  display: flex;
  border: none;
  justify-content: space-evenly;
}
#tte-footer .tte-box img {
  display: none;
}
.tte-box {
  margin-top: 10px;
  border: 2px solid #eee;
  border-left: none;
  border-radius: 0 8px 8px 0;
  padding-bottom: 5px;
}
.tte-box a:hover {
  background-color: #fff !important;
  text-decoration: underline;
}
.tte-box a {
  border-bottom: none;
  text-decoration: none;
}
.tte-box h2 {
  color: #39842A;
  font-size: 1em;
  padding: 3px;
  padding-left: 10px;
  padding-right: 10px;
  margin: 0;
}
.tte-box img {
  margin: auto;
  display: flex;
}
.tte-box a.tte-target {
  display: block;
}
.ttclose {
  float: right;
  margin: -3px -9px 0 0;
  clear: both;
}
.vertalign {
  display: flex;
  align-items: center;
}
.flexbox {
  display: flex;
}
.centeredpopup,
.centeredpopupwrapper {
  position: fixed;
  top: 10%;
  background: #ffffff;
  width: 80%;
  left: 10%;
  z-index: 980;
}
.centeredpopup .closeButton,
.centeredpopupwrapper .closeButton {
  line-height: 2em;
  z-index: 1000;
  position: relative;
  top: 15px;
  right: -30px;
}
.centeredpopup {
  border: 2px solid #cccccc;
  padding: 20px;
  font-size: 1.5em;
  line-height: 1.5em;
  padding-top: 10px;
}
.popuptextcentered {
  text-align: center;
  margin-right: 50px;
}
.ngss-blurb {
  float: right;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.ngss-blurb h4 {
  margin-top: 0;
  font-weight: normal;
}
.ngss-blurb .showntitle a {
  background: #386383;
  color: #fff;
  padding: 3px;
  padding-bottom: -1px;
  font-size: 90%;
  border-radius: 7px 7px 0 0;
}
.ngss-blurb .shownbody {
  border-radius: 7px;
  border: 3px solid #386383;
  margin-bottom: 10px;
}
.activity-vocab-summary .ngss-blurb {
  float: none;
  align-items: flex-start;
  margin-top: 5px;
}
.activity-vocab-summary .ngss-blurb .shownbody {
  border: 3px solid #386383;
}
.ngss-term-parent {
  font-weight: bold;
}
.ngss-blurb .ngss-numeric-label {
  font-size: 11px;
}
.ngss-blurb-boilerplate {
  font-size: 90%;
  color: #999;
}
.ngss-blurb-boilerplate img {
  float: left;
  margin-right: 5px;
}
.ngss-blurb h3.ngss-pe {
  background: #cb6760;
  color: #fff;
  padding: 4px;
}
.ngss-blurb h3.ngss-dci {
  background: #feb55b;
  color: #fff;
  padding: 4px;
}
.ngss-blurb h3.ngss-ccc {
  background: #a9c76b;
  color: #fff;
  padding: 4px;
}
.ngss-blurb h3.ngss-sep {
  background: #6592c9;
  color: #fff;
  padding: 4px;
}
.hide {
  display: none;
}
/*styles to support event session pages, mostly borrowed from Rendezvous */
.event-leaders .leader-row {
  display: inline-block;
  margin-right: 20px;
  width: 45%;
  min-width: 325px;
}
@media (max-width: 970px) {
  .event-leaders .leader-row {
    width: 90%;
    min-width: none;
  }
}
.event-leaders .leader-row:only-of-type {
  width: 90%;
  min-width: none;
}
.event-leaders .leader-image {
  display: table-cell;
  width: 90px;
}
.event-leaders .leader-image IMG {
  width: 80px;
  border-radius: 40px;
  box-shadow: 1px 1px 2px #ddd;
  -webkit-filter: brightness(110%) contrast(110%) grayscale(100%);
  filter: brightness(110%) contrast(110%) grayscale(100%);
}
.event-leaders .leader-name {
  display: table-cell;
  vertical-align: top;
  font-size: 130%;
  padding-top: 25px;
}
.event-type {
  margin: 10px 0;
}
.event-type .contributed-session-info {
  font-size: 75%;
}
.event-type .label {
  line-height: inherit;
}
.event-info {
  font-weight: bold;
}
.event-date:after,
.event-time:after {
  content: " | ";
}
.event-description {
  display: block;
  padding: 10px 0;
}
.event-themes {
  clear: both;
  margin-top: 10px;
}
.event-themes UL {
  margin: 2px 0;
  padding-left: 0;
}
.event-themes UL:before {
  content: "Theme(s): ";
  font-size: 0.8em;
  font-weight: bold;
  color: #333333;
}
.event-themes LI {
  display: inline-block;
  margin: 2px 0;
  list-style-type: none;
}
.event-themes .theme-name A {
  display: inline-block;
  margin: 0;
  font-size: 0.8em;
  padding: 3px 5px;
  font-size: 0.75em;
  line-height: 1.1em;
  color: #333333;
  background: #f2f2f2;
  border: 1px solid #bfbfbf;
  border-radius: 0.25em;
  text-decoration: none;
}
.event-themes .theme-name A:hover {
  background: #ffffff;
}
.event-themes.theme-nav {
  padding: 0 5px;
  background: #f9f9f9;
  border: 1px dotted #ddd;
  border-radius: 5px;
}
.event-themes.theme-nav UL:before {
  content: "Available Themes: ";
  font-size: 0.8em;
  font-weight: bold;
  color: #333333;
}
.event-themes.event-tracks UL:before {
  content: "Track(s): ";
  font-size: 0.8em;
  font-weight: bold;
  color: #333333;
}
.ckeditor-block-indent-a {
  margin-left: 10%;
}
.ckeditor-block-indent-b {
  margin-left: 20%;
}
.ckeditor-block-indent-c {
  margin-left: 30%;
}
table.form_radio_table {
  border-collapse: collapse;
  width: 75%;
  padding: 10px;
  font-size: inherit;
}
.form_radio_table tr:hover {
  background: #f4f4f4;
}
.form_radio_table_underline {
  border-bottom: 3px solid #ddd;
}
.form_radio_table_heading_question {
  border: none;
  padding: 10px;
}
.form_radio_table_heading_answer {
  border: none;
  text-align: center;
}
.form_radio_table_row_question {
  padding: 10px;
}
.form_radio_table_row_answer {
  text-align: center;
}
/*--  integrate materials style download pdf of materials menu --*/
.moduledownloadmenu {
  color: #ffffff;
  margin-right: 0px;
  font-size: 80%;
  padding-left: 10px;
  border-top: none;
  border: none;
  width: 300px;
  border-radius: 0;
  z-index: 5;
  position: absolute;
  margin-top: -1px;
  right: 0px;
  top: 134px;
}
.moduledownloadmenu a,
.moduledownloadmenu a:visited {
  color: #ffffff;
  text-decoration: none;
}
.moduledownloadmenu a:hover {
  text-decoration: underline;
}
.moduledownloadmenu .hiddenversion {
  width: 90px;
  margin-left: 200px;
  background: #39842A;
  padding-left: 10px;
}
.moduledownloadmenu .hiddenversion a img.twiddle {
  display: none;
}
.moduledownloadmenu .showntitle {
  background: #39842A;
  margin-top: -10px;
}
.moduledownloadmenu .showntitle img {
  display: none;
}
.moduledownloadmenu .shownbody {
  width: 283px;
  background: #39842A;
  font-size: 110%;
  border: none;
  border-bottom: 1px solid #333333;
  border-right: 1px solid #333333;
  border-radius: 0 0 0 9px;
  margin-right: 10px;
}
/*
form sections that display like formsets
 */
form.serc-form section.form-section {
  position: relative;
  border: 2px solid #ddd;
  padding: 10px;
  margin-top: 2em;
  margin-bottom: 2em;
}
form.serc-form span.form-section-label {
  position: absolute;
  top: 0;
  line-height: 1;
  margin: -0.5em 0 0;
  /* half of font-size */
  background: #fff;
  padding: 0 3px;
  color: #000;
  font-weight: bold;
  font-size: 110%;
}
/*
boxes that display vocabs with link up to TTE on ActivitySheets
 */
.activity-vocab-summary {
  margin: 0 10px 10px 5px;
  border: 2px solid #333333;
  border-radius: 3px;
  padding: 10px;
}
.activity-vocab-summary p.vocab-expand-prompt {
  text-align: center;
  margin-bottom: -11px;
  margin-top: 10px;
}
.activity-vocab-summary p.vocab-expand-prompt span {
  display: inline-block;
  border: 1px solid #11528A;
  border-radius: 3px 3px 0 0;
  padding: 3px 12px 0 12px;
  font-size: 0.9em;
  background: #bfbfbf;
  color: #333333;
}
.activity-vocab-summary .shownbody {
  border: none;
}
.activity-vocab-summary .showntitle {
  padding-top: 0;
}
.activity-vocab-summary h2 {
  font-size: 1.4em;
  margin-top: 0;
}
.activity-vocab-summary h3 {
  font-size: 1.2em;
}
.activity-vocab-heading {
  display: flex;
  justify-content: center;
  margin-top: 20px;
}
.activity-vocab-heading .blurb {
  padding: 8px;
  max-width: 400px;
}
.activity-vocab-heading img {
  max-width: none;
}
.community_contribution {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 12px;
  margin-left: 10px;
  clear: both;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.community_contribution .author {
  color: #333333;
  font-weight: bold;
}
.community_contribution .attachments {
  clear: both;
  margin-top: 15px;
}
.community_contribution .edit-button {
  float: right;
  color: #a00;
}
.community_contribution .edit_date {
  color: #aaa;
  font-style: italic;
}
.activity_feedback_link {
  float: right;
  max-width: 26em;
  margin-top: 8px;
  margin-bottom: 5px;
}
#community_contribution_container .activity_feedback_link {
  float: none;
}
.sharetool {
  position: fixed;
  z-index: 1000;
  right: -2000px;
  font-family: Lucida Sans Unicode, Lucida Grande, Lucida Sans, Verdana, Helvetica, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.65em;
  color: #333333;
}
.sharetool.align-horizontal {
  bottom: 0;
}
.sharetool.align-horizontal UL {
  box-shadow: -2px -1px 3px 0 rgba(153, 153, 153, 0.25);
  border-radius: 10px 0 0 0;
  height: 36px;
  background: #eee;
}
.sharetool.align-horizontal LI#sharetool_closer {
  background: none;
  border-radius: 10px 0 0 0;
  display: inline-block;
  width: 30px;
}
.sharetool.align-horizontal #sharetool_close {
  display: inline-block;
  border: 1px solid #eee;
  border-width: 1px 0 0 0;
  border-radius: 10px 0 0 0;
  padding: 5px 4px 8px 10px;
  background: #ccc;
  font-size: 30px / 2;
  line-height: 30px / 2;
}
.sharetool.align-horizontal #sharetool_open {
  display: none;
  border-top: 1px solid #fff;
  border-left: 1px solid #eee;
  border-radius: 10px 0 0 0;
  padding: 30px / 10 30px / 10*5 30px / 10*3 30px / 10*2;
  margin: -5px 0 0 -10px;
  background: #e5e5e5;
  box-shadow: -1px 1px 5px 0 rgba(153, 153, 153, 0.25);
}
.sharetool.align-horizontal #sharetool_close,
.sharetool.align-horizontal #sharetool_open {
  height: 30px;
  width: 21px;
  cursor: pointer;
}
.sharetool.align-horizontal #sharetool_close:hover,
.sharetool.align-horizontal #sharetool_open:hover {
  background: #99c;
  color: #fff;
}
.sharetool.align-horizontal #sharetool_mover {
  display: none;
  cursor: ew-resize;
  padding: 0;
}
.sharetool.align-horizontal LI.sharetool_buttons {
  display: inline-block;
  width: 95px;
  border-left: 1px solid #eee;
}
.sharetool.align-horizontal LI.sharetool_buttons:last-child {
  width: 100px;
}
.sharetool.align-horizontal A {
  border-width: 1px 1px 0 0;
  margin: 0;
}
.sharetool.align-horizontal A:hover {
  position: relative;
  top: -3px;
  padding-bottom: 3px;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  margin-top: -1px;
}
.sharetool.align-horizontal.icon-only #sharetool_close {
  float: left;
}
.sharetool.align-horizontal.icon-only LI.sharetool_buttons {
  width: 35.85px;
}
.sharetool.align-horizontal.icon-only LI.sharetool_buttons:last-child {
  width: 40.8px;
}
.sharetool.align-vertical {
  top: 220px;
}
.sharetool.align-vertical LI#sharetool_closer {
  box-shadow: none;
  background: none;
  height: 20px;
}
.sharetool.align-vertical #sharetool_close {
  display: block;
  border: 1px solid #eee;
  border-width: 1px 0 0 0;
  border-radius: 10px 0 0 0;
  padding: 2px 8px;
  background: #ccc;
  font-size: 30px / 2;
  line-height: 30px / 2;
}
.sharetool.align-vertical #sharetool_open {
  display: none;
  border: 1px solid #eee;
  border-top: 1px solid #fff;
  border-width: 1px 0 1px 1px;
  border-radius: 10px 0 0 10px;
  padding: 30px / 10;
  background: #e5e5e5;
  box-shadow: -1px 1px 5px 0 rgba(153, 153, 153, 0.25);
}
.sharetool.align-vertical #sharetool_close,
.sharetool.align-vertical #sharetool_open {
  float: right;
  font-size: 30px / 2;
  line-height: 30px / 2;
  cursor: pointer;
}
.sharetool.align-vertical #sharetool_close:hover,
.sharetool.align-vertical #sharetool_open:hover {
  background: #99c;
  color: #fff;
}
.sharetool.align-vertical #sharetool_mover {
  display: none;
  cursor: ns-resize;
  padding: 0;
  text-align: right;
  letter-spacing: -0.5em;
  margin-left: -5px;
}
.sharetool.align-vertical LI {
  box-shadow: -3px 2px 3px 0 rgba(153, 153, 153, 0.25);
}
.sharetool.align-vertical LI:nth-child(2) {
  border-radius: 5px 0 0 0;
}
.sharetool.align-vertical LI:nth-child(2) A {
  border: 1px solid #ddd;
  border-width: 1px 0 0 0;
  border-radius: 5px 0 0 0;
  height: 29px;
}
.sharetool.align-vertical LI:last-child {
  border-radius: 0 0 0 5px;
}
.sharetool.align-vertical LI:last-child A {
  border-radius: 0 0 0 5px;
}
.sharetool.align-vertical LI A:hover {
  position: relative;
  right: 2px;
  padding-right: 5px;
  border-left: 1px solid #ddd;
  margin-left: -1px;
}
.sharetool.icon-only LI.sharetool_buttons {
  width: 40.8px;
}
.sharetool.icon-only A {
  margin: 0;
  width: 30px;
}
.sharetool.icon-only A .text {
  display: none;
}
.sharetool.icon-only .icon {
  margin: 4.5px;
}
.sharetool .icon {
  background-repeat: no-repeat;
  display: inline-block;
  height: 21px;
  width: 21px;
  float: left;
  margin: 4.5px 9px;
}
.sharetool .icon-share {
  background-image: url(https://serc.carleton.edu/images/icons/share_icon.png);
  background-size: 21px 18.046875px;
  margin: 0;
  padding: 0;
}
.sharetool .icon-fb-like {
  background-image: url(https://serc.carleton.edu/images/icons/fb_like_icon.png);
  background-size: 21px 17.390625px;
}
.sharetool .icon-fb-share {
  background-image: url(https://serc.carleton.edu/images/icons/fb_icon.png);
  background-size: 100% 100%;
}
.sharetool .icon-twitter {
  background-image: url(https://serc.carleton.edu/images/icons/twitter_icon.png);
  background-size: 21px 17.0625px;
}
.sharetool .icon-mail {
  background-image: url(https://serc.carleton.edu/images/icons/mail_icon.png);
  background-size: 21px 16.40625px;
}
.sharetool UL {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.sharetool UL LI {
  margin: 0;
  padding: 0 !important;
  display: block;
  height: 35px;
  background-color: #eee;
}
.sharetool UL LI A {
  width: 90px;
  height: 30px;
  margin: 0;
  font-size: 30px / 2.25;
  color: #444;
  background: white;
  text-decoration: none;
  display: inline-block;
  padding: 2px 5px;
}
.sharetool UL LI A .text {
  display: inline-block;
  line-height: 30px;
  vertical-align: top;
}
.sharetool UL LI A:hover {
  background-color: #eee;
}
[v-cloak] {
  display: none;
}
.nexgen h3 {
  color: #435e9e;
}
.nexgen .modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  text-align: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  align-items: center;
}
.nexgen .modal img {
  max-width: 90vw;
  max-height: 80vh;
  z-index: 100;
  padding: 20px;
  background: #fff;
  border-radius: 10px;
  border: 1px solid #ddd;
}
#nexgensidebar {
  font-family: Helvetica Neue, Helvetica, sans-serif;
}
#nexgensidebar .warning {
  font-weight: strong;
  color: #f00;
  font-size: 120%;
}
#nexgensidebar {
  position: sticky;
  position: -webkit-sticky;
  top: 30px;
  margin-top: 20px;
  margin-right: 25px;
  float: right;
  z-index: 1;
}
#nexgensidebar.active #mainbar {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 10px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 200px;
  z-index: 3;
  box-shadow: 0 0 8px #bbb;
  box-sizing: border-box;
}
#nexgensidebar button,
#nexgenworkspacefooter button {
  font-family: Helvetica Neue, Helvetica, sans-serif;
  font-size: 13px;
  background-color: #435e9e;
  border: 1px solid #ddd;
  color: #fff;
  padding: 5px 8px 6px 8px;
  border-radius: 4px;
  cursor: pointer;
}
#nexgensidebar button.bigbutton,
#nexgenworkspacefooter button.bigbutton {
  font-size: 15px;
  padding: 6px 40px;
  margin-top: 15px;
}
#nexgensidebar button:hover,
#nexgenworkspacefooter button:hover {
  background-color: #254ead;
}
#nexgensidebar .exitButton,
#nexgensidebar .enterButton {
  background-color: #a32;
  position: relative;
  top: 15px;
}
#nexgensidebar .enterButton {
  right: 0;
  min-width: 70px;
  padding: 5px 0px 6px 0px;
}
#nexgensidebar .exitButton {
  right: -130px;
}
#nexgensidebar .exitButton:hover,
.enterButton:hover {
  background-color: #b32;
}
#nexgensidebar .saveButton {
  position: relative;
  top: 15px;
  left: -100px;
}
#nexgensidebar .editFormSubmit {
  display: none;
}
#nexgensidebar #editFormContainer .saving,
#nexgensidebar #editFormContainer .saved {
  right: 250px;
}
#nexgensidebar .fade-enter-active,
#nexgensidebar .fade-leave-active {
  transition: opacity 0.5s;
}
#nexgensidebar .fade-enter,
#nexgensidebar .fade-leave-to {
  opacity: 0;
}
#nexgensidebar .slide-in-from-right-enter-active,
#nexgensidebar .slide-in-from-right-leave-active {
  transition: all 0.5s;
}
#nexgensidebar .slide-in-from-right-enter,
#nexgensidebar .slide-in-from-right-leave-to {
  transform: translateX(100%);
  opacity: 0;
}
.nexgen .dialog {
  border: 1px solid #ccc;
  background-color: #eee;
  padding: 10px;
  border-radius: 3px;
  box-shadow: 0 0 8px #bbb;
}
.nexgen .dialog h2 {
  margin: -20px -20px 20px -20px;
  color: #666;
  font-weight: bold;
  padding: 8px 5px;
  background-color: #ddd;
  font-size: 12px;
  border: 1px solid #ccc;
}
#nexgensidebar .dialog .dialogClose,
#nexgenworkspacefooter .paneldialog .dialogClose {
  float: right;
  text-decoration: none;
  color: #66b;
  font-weight: normal;
  margin-right: 1px;
  cursor: pointer;
}
#nexgensidebar .dialog select,
#nexgenworkspacefooter .paneldialog select {
  font-size: 80%;
}
#nexgensidebar .dialog .subbox,
#nexgenworkspacefooter .paneldialog .subbox {
  background-color: #fefefe;
  border: 1px solid #eee;
  padding: 7px;
  margin-left: -5px;
  margin-right: -5px;
}
#nexgensidebar .linkDialog,
#nexgensidebar .helpDialog,
#nexgensidebar .enlivenDialog {
  padding: 20px;
  position: absolute;
  right: 215px;
  z-index: -1;
}
#nexgensidebar .helpDialog {
  z-index: 0;
}
#nexgensidebar .helpbutton,
#nexgensidebar .enlivenbutton {
  margin-top: -10px;
  font-size: 80%;
  border: 2px solid #ddd;
  border-top: none;
  padding: 3px;
  padding-top: 0;
  padding-bottom: 0;
  background: none;
  color: #444;
  border-radius: 0 4px 0 4px;
  margin-left: -20px;
}
#nexgensidebar .enlivenDialog {
  font-size: 90%;
  width: 300px;
}
#nexgensidebar .enlivenDialog textarea {
  width: 100%;
}
#nexgensidebar .enlivenbutton {
  margin-top: 10px;
  margin-bottom: -7px;
  border-radius: 4px;
  border-top: 2px solid #ddd;
}
#nexgensidebar .helpbutton:hover,
#nexgensidebar .enlivenbutton:hover {
  background: #fafafa;
}
#nexgensidebar .helpDialog,
#nexgensidebar .enlivenDialog {
  min-width: 200px;
}
#nexgensidebar .linkDialog textarea,
#nexgensidebar .linkDialog input {
  min-width: 250px;
  font-size: 12px;
}
#nexgensidebar .googleDialog {
  position: absolute;
  top: 20px;
  right: 290px;
  width: 340px;
  padding: 20px;
  max-height: calc(100vh - 250px);
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
}
#nexgensidebar .sidebarFileList {
  max-height: calc(100vh - 250px);
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
  padding-top: 4px;
  margin-top: 7px;
}
#nexgensidebar .sidebarFileList .mediaIdLabel {
  border: 1px solid #ccc;
  padding: 1px 3px;
  border-radius: 7px;
  color: #bbb;
  float: right;
  background: #fafafa;
  margin-right: -9px;
  margin-top: -8px;
  font-size: 11px;
}
#nexgensidebar .fileListItem {
  font-size: 12px;
  background-color: #fafafa;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 3px;
  margin-bottom: 5px;
  width: 91%;
  line-height: 1.2em;
  max-width: 160px;
  word-wrap: break-word;
}
#nexgensidebar .fileListItem:hover {
  background-color: #fff;
  border: 1px solid #777;
  cursor: pointer;
}
.nexgen .fileDialog {
  padding: 20px;
  position: absolute;
  right: 215px;
  top: 35px;
  z-index: -1;
  font-size: 12px;
  line-height: 1.5em;
  /* tilde and quotes are to keep less from messing up the calc */
  max-height: calc(100vh - 120px);
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
}
#nexgenworkspacefooter .fileDialog {
  z-index: 2;
  top: 68px;
  right: 100px;
}
.nexgen .fileDialog,
.nexgenr .fileDialog textarea,
.nexgen .fileDialog input {
  min-width: 250px;
}
.nexgen .smallButton {
  float: right;
  display: inline-block;
  color: #999;
  border: 2px solid #DDD;
  padding: 3px;
  padding-top: 2px;
  padding-bottom: 0;
  border-radius: 5px;
  line-height: 1.3em;
}
.nexgen .smallButton:hover {
  color: #333;
  cursor: pointer;
}
.nexgen .fileEditableMetadata {
  margin-bottom: 15px;
  border: 2px solid #ddd;
  padding: 6px;
  border-radius: 5px;
  background: #f5f5f5;
}
.nexgen .file_detail {
  color: #999;
}
.nexgen #nexgen-new-file-upload {
  border: 2px solid #ddd;
  border-radius: 5px;
  width: 165px;
  margin-top: 10px;
  min-height: 60px;
  padding: 10px;
}
#nexgensidebar #nexgen-new-file-upload .dz-message {
  margin: 0;
}
#nexgensidebar #nexgen-new-file-upload .smallbutton {
  float: right;
  font-size: 11px;
  margin-right: -20px;
  margin-top: -15px;
  background: #fff;
}
#nexgensidebar .circlequestion {
  color: #fff;
  background: #ddd;
  display: inline-block;
  padding: 0px 5px;
  border-radius: 10px;
  font-size: 12px;
}
#nexgensidebar .hideSidebarButton {
  display: none;
}
#nexgensidebar.narrow {
  width: 70px;
}
#nexgensidebar.narrow .saveButton,
#nexgensidebar.narrow .exitButton,
#nexgensidebar.narrow .showSidebarButton {
  width: 60px;
  padding: 5px 0 6px 0;
}
#nexgensidebar.narrow .saveButton,
#nexgensidebar.narrow .exitButton {
  left: 0;
  top: 0;
  margin-bottom: 10px;
}
#nexgensidebar.narrow .exitButton {
  right: -120px;
}
@media screen and (max-width: 700px) {
  #nexgensidebar {
    margin-right: 0;
  }
  #nexgensidebar .exitButton {
    right: -120px;
  }
  #nexgensidebar .hideSidebarButton {
    display: block;
    right: 0;
    top: 0;
    margin-left: -14px;
  }
  #nexgensidebar .fileDialog,
  #nexgensidebar .linkDialog {
    right: 50px;
    left: none;
    top: 85px;
    z-index: 100;
  }
  #nexgenworkspacefooter .workspace-label {
    display: none;
  }
}
#nexgenworkspacefooter {
  position: fixed;
  bottom: 0;
  background: #435e9e;
  font-family: Helvetica Neue, Helvetica, sans-serif;
  color: #fff;
  width: 100%;
  z-index: 100;
}
#nexgenworkspacefooter.collapsed {
  width: 120px;
  right: 0;
  border-radius: 5px 0 0 0;
}
#nexgenworkspacefooter .footerhideshow {
  font-size: 12px;
  float: right;
  margin-right: 20px;
}
#nexgenworkspacefooter .workspace-label {
  border-right: 2px solid #a9bac7;
  display: inline-block;
  padding-right: 10px;
  padding-left: 20px;
  font-size: 13px;
  color: #ffffff;
  background: #435e9e;
}
#nexgenworkspacefooter .footer-tab-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  background: #435e9e;
}
#nexgenworkspacefooter .footer-tab {
  cursor: pointer;
  font-size: 16px;
  padding-bottom: 3px;
  border-right: 2px solid #a9bac7;
  flex-grow: 1;
  text-align: center;
}
#nexgenworkspacefooter .footer-tab:hover {
  background: #254ead;
}
#nexgenworkspacefooter .footer-tab.active {
  box-shadow: inset -1px -3px 18px 0px #203050;
  background: #345288;
}
#nexgenworkspacefooter button.bigbutton {
  font-size: 15px;
  padding: 6px 40px;
  margin-top: 15px;
  margin-bottom: 5px;
}
#nexgenworkspacefooter button.tabbutton {
  margin-bottom: -1px;
  border: 2px solid #254ead;
  border-radius: 4px 4px 0 0;
}
#nexgenworkspacefooter button.tabbutton.inactive {
  background-color: #a3b0d0;
  border: 2px solid #a3b0d0;
}
#nexgenworkspacefooter .footer-tab-panel {
  height: calc(100vh - 150px);
  position: fixed;
  bottom: 25px;
  left: 0;
  padding: 20px;
  padding-bottom: 0;
  background-color: #fff;
  border: 2px solid #254ead;
  border-left: none;
  border-bottom: none;
  width: 90%;
  border-radius: 0 20px 0 0;
  color: #435e9e;
  box-shadow: 0 0 10px #666;
  z-index: -20;
  min-height: 300px;
}
#nexgenworkspacefooter .panelCloseButton {
  float: right;
  display: inline-block;
  color: #fff;
  background-color: #435e9e;
  padding: 7px;
  border-radius: 0 0 5px 5px;
  line-height: 1.3em;
  font-size: 13px;
  margin-top: -20px;
  margin-right: 10px;
}
#nexgenworkspacefooter .panelCloseButton:hover {
  background-color: #254ead;
  cursor: pointer;
}
#nexgenworkspacefooter .paneldialog .panelCloseButton {
  font-size: 11px;
  margin-right: -5px;
  padding: 5px;
}
#nexgenworkspacefooter .paneldialog .paneldialoglabel {
  float: left;
  display: inline-block;
  color: #fff;
  background-color: #435e9e;
  padding: 4px 7px 4px;
  border-radius: 0 0 5px 0px;
  line-height: 1.3em;
  font-size: 13px;
  margin-top: -20px;
  margin-left: -20px;
}
#nexgenworkspacefooter .naveditpanel {
  width: 400px;
  margin-left: -216px;
  max-height: calc(100vh - 350px);
  overflow: scroll;
  overflow-x: auto;
  overflow-y: auto;
}
#nexgenworkspacefooter .editNavSave {
  position: fixed;
  color: #fff;
  padding: 7px;
  background-color: #229615;
  border-radius: 5px;
  line-height: 1.3em;
  font-size: 13px;
  margin-top: 30px;
  margin-left: -15px;
}
#nexgenworkspacefooter .naveditpanel .showsaved {
  position: fixed;
  margin-left: -10px;
  margin-top: 60px;
  font-weight: bold;
  color: #f55;
}
#nexgenworkspacefooter .editNavSave:hover {
  background-color: #257b25;
  cursor: pointer;
}
#nexgenworkspacefooter .paneldialog {
  padding: 20px;
  max-width: 400px;
  position: absolute;
  border: 2px solid #435e9e;
  background: #f4f6fb;
  border-radius: 0 0 3px 3px;
  box-shadow: 0 2px 12px 2px #bbb;
  margin-top: 0;
  font-size: 12px;
}
.nexgen .fileDialog.fullscreen,
#nexgenworkspacefooter .paneldialog.fullscreen {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  max-width: none;
}
.nexgen .loader {
  display: block;
  margin: auto;
}
#nexgenworkspacefooter .panel-list {
  max-height: calc(100vh - 250px);
  overflow-y: auto;
  border-top: 2px solid #435e9e;
  box-shadow: inset 0 8px 15px -3px #ddd;
  padding: 10px;
  padding-left: 20px;
}
#nexgenworkspacefooter .panel-list-element {
  padding: 5px;
  width: 98%;
  border-bottom: 1px solid #efefef;
}
.panel-list-element .panelitemButton {
  font-size: 12px;
  border: 1px solid #435e9e;
  background-color: #fff;
  padding: 3px;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 4px;
  text-decoration: none;
  cursor: pointer;
}
.panel-list-element a.panelitemButton {
  text-decoration: none;
}
#nexgenworkspacefooter .panel-list-element a {
  text-decoration: none;
  color: #777;
}
#nexgenworkspacefooter .panel-list-element:hover a {
  text-decoration: underline;
  color: #254ead;
}
#nexgenworkspacefooter .panel-list-element:hover {
  background: #eee;
  border-radius: 5px;
  border-bottom: 1px solid #fff;
}
#nexgenworkspacefooter .panel-list-element .hoveronly {
  visibility: hidden;
}
#nexgenworkspacefooter .panel-list-element:hover .hoveronly {
  visibility: visible;
}
#nexgenworkspacefooter .paneldialog input,
#nexgenworkspacefooter .paneldialog textarea {
  min-width: 250px;
  font-size: 12px;
}
#nexgenworkspacefooter .panel-list-element .panel-left-group {
  display: flex;
  align-items: center;
}
#nexgenworkspacefooter .panel-list-element .panel-left-group > * {
  margin-right: 10px;
}
.nexgen .panel-block-list {
  display: flex;
  flex-wrap: wrap;
  max-height: calc(100vh - 250px);
  overflow: scroll;
  overflow-y: auto;
  border-top: 2px solid #435e9e;
  box-shadow: inset 0 8px 15px -3px #ddd;
  padding: 10px;
  padding-left: 20px;
  background: #f8f8f8;
}
.nexgen .panel-list-block-element {
  flex-basis: 200px;
  flex-grow: 1;
  padding: 10px;
  border: 2px solid #435e9e;
  border-radius: 5px;
  margin: 5px;
  display: flex;
  background: #fff;
}
.nexgen .panel-list-block-element a {
  display: inline-block;
  font-size: 11px;
  background: #a3b0d0;
  color: #fff;
  padding-left: 8px;
  padding-right: 8px;
  border-radius: 9px;
  clear: both;
  text-decoration: none;
  margin-top: 5px;
}
.nexgen .panel-list-block-element:hover {
  border: 2px solid #254ead;
  box-shadow: 0 0 8px #bbb;
}
.nexgen .panel-list-block-element img {
  max-width: none;
}
#nexgenworkspacefooter .slide-in-from-bottom-enter-active,
#nexgenworkspacefooter .slide-in-from-bottom-leave-active {
  transition: all 0.5s;
}
#nexgenworkspacefooter .slide-in-from-bottom-enter,
#nexgenworkspacefooter .slide-in-from-bottom-leave-to {
  transform: translateY(100%);
  opacity: 0;
}
#nexgenworkspacefooter .dissolve-in-enter-active,
#nexgenworkspacefooter .dissolve-in-leave-active {
  transition: all 0.5s;
}
#nexgenworkspacefooter .dissolve-in-enter,
#nexgenworkspacefooter .dissolve-in-leave-to {
  opacity: 0;
}
#nexgenworkspacefooter .dissolve-out-enter-active {
  transition: all 3s;
}
#nexgenworkspacefooter .dissolve-out-enter {
  opacity: 1;
}
#nexgenworkspacefooter .dissolve-out-enter-to {
  opacity: 0;
}
@media screen and (max-width: 700px) {
  #nexgenworkspacefooter .workspace-label {
    display: none;
  }
}
::-webkit-scrollbar {
  -webkit-appearance: none;
}
::-webkit-scrollbar:vertical {
  width: 11px;
}
::-webkit-scrollbar:horizontal {
  height: 11px;
}
::-webkit-scrollbar-thumb {
  border-radius: 8px;
  border: 2px solid white;
  /* should match background, can't be transparent */
  background-color: rgba(0, 0, 0, 0.5);
}
::-webkit-scrollbar-track {
  background-color: #fff;
  border-radius: 8px;
}
.wib-heading {
  font-size: 1em;
  color: #fff;
  background: #333333;
  padding: 5px;
  padding-left: 20px;
  margin-top: none;
}
.wib-heading a,
.wib-heading a:visited {
  color: #fff;
  text-decoration: none;
}
.wib-heading a:hover {
  text-decoration: underline;
}
#wib-content {
  display: flex;
  flex-wrap: nowrap;
  overflow-x: auto;
  padding-top: 10px;
  padding-bottom: 35px;
}
.wib-page-wrapper {
  display: block;
  flex: 0 0 auto;
  border-top: 1px solid #333333;
  max-width: 170px;
  overflow-wrap: break-word;
}
.wib-page-wrapper-new-project {
  margin-left: 30px;
  border-left: 1px solid #333333;
  border-image: linear-gradient(#333333, rgba(255, 255, 255, 0)) 1;
  max-width: 340px;
}
a.wib-project-label,
a.wib-project-label:visited {
  text-decoration: none;
  visibility: hidden;
  oolor: #fff;
  background-color: #333333;
  padding: 3px 8px 3px 8px;
  margin: 0;
  white-space: nowrap;
}
.wib-page-wrapper-new-project a.wib-project-label {
  visibility: visible;
  color: #fff;
}
a.wib-project-label:hover {
  text-decoration: underline;
}
a.wib-page-link,
a.wib-page-link:visited {
  display: block;
  padding: 10px;
  margin-left: 10px;
  border-radius: 3px;
  max-width: 140px;
  text-decoration: none;
  margin-top: 10px;
}
a.wib-page-link:hover {
  text-decoration: underline;
}
a.wib-page-link img {
  box-sizing: border-box;
}
#wib-block {
  position: relative;
  clear: both;
  border-bottom: 1px solid #333333;
}
.wib-scroll-buttons {
  position: absolute;
  bottom: 15px;
  right: 20px;
}
@media screen and (max-width: 700px) {
  a.wib-page-link,
  a.wib-page-link:visited {
    max-width: 110px;
    font-size: 12px;
    line-height: 1.3em;
  }
}
#serc-account-link #fullAccountMenu a {
  text-decoration: none;
  color: #555;
}
#serc-account-link #fullAccountMenu ul {
  margin: 0;
  padding: 0;
  text-align: left;
}
#serc-account-link #fullAccountMenu li {
  border: 1px solid #fff;
  color: #333;
  padding: 1px;
  padding-left: 3px;
  list-style-type: none;
  line-height: 20px;
  margin-bottom: 3px;
}
#serc-account-link #fullAccountMenu li:hover {
  border: 1px solid #ddd;
  background: #f7f7f7;
}
#serc-account-link #fullAccountMenu h2 {
  color: #737373;
  font-weight: normal;
  font-size: 120%;
  margin-bottom: 4px;
  line-height: 1.2em;
  text-align: left;
  border: 1px solid #ddd;
  border-left: none;
  border-right: none;
  margin-left: -6px;
  margin-right: -6px;
  padding-left: 4px;
  background: #fafafa;
}
#serc-account-link #fullAccountMenu button.addThisToFavoritesButton {
  margin-right: 20px;
  border: none;
  background: none;
  padding-left: 0;
  color: #555;
}
#serc-account-link #fullAccountMenu hr {
  margin: 0;
}
#serc-account-link #fullAccountMenu {
  display: none;
  width: 250px;
  position: absolute;
  right: 30px;
  padding: 6px;
  border: 1px solid #999;
  border-right: 0;
  border-top: 0;
  background: #fff;
  z-index: 100;
  -moz-border-radius: 0px 0 0px 5px;
  -webkit-border-radius: 0px 0 0px 5px;
  border-radius: 0px 0 5px 5px;
  box-shadow: 0px 2px 4px 2px #aaa;
  margin-left: 0;
}
#accountMenuTitle {
  padding: 1px;
  display: block;
  margin: 0px;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #494949;
}
#accountMenuTitle button,
#accountMenuTitle button:visited,
#serc-quick-links a,
#serc-quick-links a:visited {
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color: #494949;
  background: none;
  border: none;
}
#serc-account-link #accountMenuTitle button:hover {
  color: #fff;
  background: #333;
  margin-bottom: 0;
  text-decoration: none;
}
/* bump the menu down on admin pages */
#serc-account-link.nav-set #accountMenuTitle {
  height: 35px;
}
#serc-account-link.nav-set #accountMenuTitle button {
  font-family: Helvetica,Arial;
  font-weight: normal;
  font-size: 14px;
  margin-top: 5px;
}
#favAddedAlert {
  display: block;
  font-weight: bold;
  color: #fff;
  background: #fff;
  position: relative;
  font-size: 12px;
  padding: 10px;
  background-color: rgba(100, 100, 100, 0.7);
}
#favoritesPopup {
  position: absolute;
  top: 10px;
  right: 10px;
  max-width: 500px;
  background: #fff;
  color: #333;
  padding: 20px;
  padding-top: 10px;
  border: 2px solid #999;
  box-shadow: 0px 2px 4px 2px #666;
  border-radius: 5px;
  z-index: 1000;
}
#addFavoriteForm input:not([type="checkbox"]),
#addFavoriteForm textarea {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
  border: 1px solid #ccc;
  padding: 4px;
}
#favoritesDisplay a {
  display: block;
  text-decoration: none;
  color: #557;
}
#favoritesDisplay ul {
  margin: 0;
  padding: 0;
}
#favoritesDisplay li {
  list-style-type: none;
  padding: 2px;
  padding-left: 4px;
  margin-bottom: 1px;
}
#favoritesDisplay li:hover {
  border: 1px solid #ddd;
  padding: 1px;
  padding-left: 3px;
  background: #f7f7f7;
}
.favoritesSubmit {
  margin-top: 6px;
  padding: 5px 15px;
  border-radius: 5px;
  border: none;
  background: #eee;
  color: #333;
  font-size: 110%;
  border: 1px solid #fff;
}
#favoritesAddSubmit:hover {
  border: 1px solid #0b7a1f;
  background: #d5f4da;
}
.favoritesEditDelete {
  border: 2px solid #f00;
  color: #f00;
}
#old_sites {
  z-index: 500;
  position: fixed;
  left: 10px;
  margin-right: 10%;
  top: 0;
  padding: 0;
  color: #ba031a;
  font-size: 18px;
  line-height: 28px;
}
#old_sites .hiddenversion {
  background: #fff;
  display: inline-block;
  padding: 5px;
  border: 2px solid #ba031a;
  border-radius: 0 0 5px 5px;
  border-top: none;
}
#old_sites .shownbody {
  background: #fff;
  padding: 10px;
  border: 2px solid #ccc;
  border-radius: 5px;
  box-shadow: 0px 2px 4px 2px #666;
  max-width: 500px;
}
#old_sites .showntitle {
  background: #fff;
  padding: 2px 5px 0 5px;
  border: 2px solid #ccc;
  border-radius: 5px;
  display: inline-block;
  top: 0px;
}
.label {
  display: inline;
  padding: 0.2em 0.6em 0.3em;
  font-size: 75%;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  text-align: center;
  white-space: nowrap;
  vertical-align: baseline;
  border-radius: 0.25em;
}
a.label:hover,
a.label:focus {
  color: #fff;
  text-decoration: none;
  cursor: pointer;
}
.label:empty {
  display: none;
}
.btn .label {
  position: relative;
  top: -1px;
}
.label-default {
  background-color: #999999;
}
.label-default[href]:hover,
.label-default[href]:focus {
  background-color: #808080;
}
.label-primary {
  background-color: #428bca;
}
.label-primary[href]:hover,
.label-primary[href]:focus {
  background-color: #3071a9;
}
.label-success {
  background-color: #5cb85c;
}
.label-success[href]:hover,
.label-success[href]:focus {
  background-color: #449d44;
}
.label-info {
  background-color: #5bc0de;
}
.label-info[href]:hover,
.label-info[href]:focus {
  background-color: #31b0d5;
}
.label-warning {
  background-color: #f0ad4e;
}
.label-warning[href]:hover,
.label-warning[href]:focus {
  background-color: #ec971f;
}
.label-danger {
  background-color: #d9534f;
}
.label-danger[href]:hover,
.label-danger[href]:focus {
  background-color: #c9302c;
}
.label-primary-serc {
  background-color: #333333;
}
.label-primary-serc[href]:hover,
.label-primary-serc[href]:focus {
  background-color: #1a1a1a;
}
.label-secondary-serc {
  background-color: #39842A;
}
.label-secondary-serc[href]:hover,
.label-secondary-serc[href]:focus {
  background-color: #285d1e;
}
.label-tertiary-serc {
  background-color: #785145;
}
.label-tertiary-serc[href]:hover,
.label-tertiary-serc[href]:focus {
  background-color: #583b32;
}
.label-quaternary-serc {
  background-color: #386383;
}
.label-quaternary-serc[href]:hover,
.label-quaternary-serc[href]:focus {
  background-color: #29485f;
}
.alert {
  padding: 15px;
  margin-bottom: 20px;
  border: 1px solid transparent;
  border-radius: 4px;
}
.alert h4 {
  margin-top: 0;
  color: inherit;
}
.alert .alert-link {
  font-weight: bold;
}
.alert > p,
.alert > ul {
  margin-bottom: 0;
}
.alert > p + p {
  margin-top: 5px;
}
.alert-dismissable {
  padding-right: 35px;
}
.alert-dismissable .close {
  position: relative;
  top: -2px;
  right: -21px;
  color: inherit;
}
.alert-success {
  background-color: #dff0d8;
  border-color: #d6e9c6;
  color: #3c763d;
}
.alert-success hr {
  border-top-color: #c9e2b3;
}
.alert-success .alert-link {
  color: #2b542c;
}
.alert-info {
  background-color: #d9edf7;
  border-color: #bce8f1;
  color: #31708f;
}
.alert-info hr {
  border-top-color: #a6e1ec;
}
.alert-info .alert-link {
  color: #245269;
}
.alert-warning {
  background-color: #fcf8e3;
  border-color: #faebcc;
  color: #8a6d3b;
}
.alert-warning hr {
  border-top-color: #f7e1b5;
}
.alert-warning .alert-link {
  color: #66512c;
}
.alert-danger {
  background-color: #f2dede;
  border-color: #ebccd1;
  color: #a94442;
}
.alert-danger hr {
  border-top-color: #e4b9c0;
}
.alert-danger .alert-link {
  color: #843534;
}
.alert-primary-serc {
  background-color: #d9d9d9;
  border-color: #333333;
  color: #000000;
}
.alert-primary-serc hr {
  border-top-color: #262626;
}
.alert-primary-serc .alert-link {
  color: #000000;
}
.alert-secondary-serc {
  background-color: #fcfefc;
  border-color: #39842A;
  color: #000000;
}
.alert-secondary-serc hr {
  border-top-color: #317124;
}
.alert-secondary-serc .alert-link {
  color: #000000;
}
.alert-tertiary-serc {
  background-color: #ffffff;
  border-color: #785145;
  color: #f0e8e5;
}
.alert-tertiary-serc hr {
  border-top-color: #68463c;
}
.alert-tertiary-serc .alert-link {
  color: #decbc5;
}
.alert-quaternary-serc {
  background-color: #ffffff;
  border-color: #386383;
  color: #e1ebf2;
}
.alert-quaternary-serc hr {
  border-top-color: #305571;
}
.alert-quaternary-serc .alert-link {
  color: #bed3e3;
}
/*@import '../bootstrap/3.2.0/scaffolding.less';*/
.container {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
@media (min-width: 768px) {
  .container {
    width: 750px;
  }
}
@media (min-width: 992px) {
  .container {
    width: 970px;
  }
}
@media (min-width: 1200px) {
  .container {
    width: 1170px;
  }
}
.container-fluid {
  margin-right: auto;
  margin-left: auto;
  padding-left: 15px;
  padding-right: 15px;
}
.row {
  margin-left: -15px;
  margin-right: -15px;
}
.col-xs-1,
.col-sm-1,
.col-md-1,
.col-lg-1,
.col-xs-2,
.col-sm-2,
.col-md-2,
.col-lg-2,
.col-xs-3,
.col-sm-3,
.col-md-3,
.col-lg-3,
.col-xs-4,
.col-sm-4,
.col-md-4,
.col-lg-4,
.col-xs-5,
.col-sm-5,
.col-md-5,
.col-lg-5,
.col-xs-6,
.col-sm-6,
.col-md-6,
.col-lg-6,
.col-xs-7,
.col-sm-7,
.col-md-7,
.col-lg-7,
.col-xs-8,
.col-sm-8,
.col-md-8,
.col-lg-8,
.col-xs-9,
.col-sm-9,
.col-md-9,
.col-lg-9,
.col-xs-10,
.col-sm-10,
.col-md-10,
.col-lg-10,
.col-xs-11,
.col-sm-11,
.col-md-11,
.col-lg-11,
.col-xs-12,
.col-sm-12,
.col-md-12,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0%;
}
@media (min-width: 768px) {
  .col-sm-1,
  .col-sm-2,
  .col-sm-3,
  .col-sm-4,
  .col-sm-5,
  .col-sm-6,
  .col-sm-7,
  .col-sm-8,
  .col-sm-9,
  .col-sm-10,
  .col-sm-11,
  .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 992px) {
  .col-md-1,
  .col-md-2,
  .col-md-3,
  .col-md-4,
  .col-md-5,
  .col-md-6,
  .col-md-7,
  .col-md-8,
  .col-md-9,
  .col-md-10,
  .col-md-11,
  .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0%;
  }
}
@media (min-width: 1200px) {
  .col-lg-1,
  .col-lg-2,
  .col-lg-3,
  .col-lg-4,
  .col-lg-5,
  .col-lg-6,
  .col-lg-7,
  .col-lg-8,
  .col-lg-9,
  .col-lg-10,
  .col-lg-11,
  .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0%;
  }
}
@-ms-viewport {
  width: device-width;
}
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.visible-print {
  display: none !important;
}
@media print {
  .visible-print {
    display: block !important;
  }
  table.visible-print {
    display: table;
  }
  tr.visible-print {
    display: table-row !important;
  }
  th.visible-print,
  td.visible-print {
    display: table-cell !important;
  }
}
.visible-print-block {
  display: none !important;
}
@media print {
  .visible-print-block {
    display: block !important;
  }
}
.visible-print-inline {
  display: none !important;
}
@media print {
  .visible-print-inline {
    display: inline !important;
  }
}
.visible-print-inline-block {
  display: none !important;
}
@media print {
  .visible-print-inline-block {
    display: inline-block !important;
  }
}
@media print {
  .hidden-print {
    display: none !important;
  }
}
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn:focus,
.btn:active:focus,
.btn.active:focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}
.btn:hover,
.btn:focus {
  color: #333;
  text-decoration: none;
}
.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=(65));
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #333;
  background-color: #fff;
  border-color: #ccc;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333;
  background-color: #e6e6e6;
  border-color: #adadad;
}
.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fff;
  border-color: #ccc;
}
.btn-default .badge {
  color: #fff;
  background-color: #333;
}
.btn-primary {
  color: #fff;
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #3071a9;
  border-color: #285e8e;
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #428bca;
  border-color: #357ebd;
}
.btn-primary .badge {
  color: #428bca;
  background-color: #fff;
}
.btn-success {
  color: #fff;
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #fff;
  background-color: #449d44;
  border-color: #398439;
}
.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}
.btn-success .badge {
  color: #5cb85c;
  background-color: #fff;
}
.btn-info {
  color: #fff;
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #fff;
  background-color: #31b0d5;
  border-color: #269abc;
}
.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}
.btn-info .badge {
  color: #5bc0de;
  background-color: #fff;
}
.btn-warning {
  color: #fff;
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #fff;
  background-color: #ec971f;
  border-color: #d58512;
}
.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}
.btn-warning .badge {
  color: #f0ad4e;
  background-color: #fff;
}
.btn-danger {
  color: #fff;
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #fff;
  background-color: #c9302c;
  border-color: #ac2925;
}
.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}
.btn-danger .badge {
  color: #d9534f;
  background-color: #fff;
}
.btn-link {
  color: #285E8F;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #173753;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #999999;
  text-decoration: none;
}
.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
.btn-primary-serc {
  color: #fff;
  background-color: #333333;
  border-color: #1a1a1a;
}
.btn-primary-serc:hover,
.btn-primary-serc:focus,
.btn-primary-serc:active,
.btn-primary-serc.active,
.open > .dropdown-toggle.btn-primary-serc {
  color: #fff;
  background-color: #1a1a1a;
  border-color: #000000;
}
.btn-primary-serc:active,
.btn-primary-serc.active,
.open > .dropdown-toggle.btn-primary-serc {
  background-image: none;
}
.btn-primary-serc.disabled,
.btn-primary-serc[disabled],
fieldset[disabled] .btn-primary-serc,
.btn-primary-serc.disabled:hover,
.btn-primary-serc[disabled]:hover,
fieldset[disabled] .btn-primary-serc:hover,
.btn-primary-serc.disabled:focus,
.btn-primary-serc[disabled]:focus,
fieldset[disabled] .btn-primary-serc:focus,
.btn-primary-serc.disabled:active,
.btn-primary-serc[disabled]:active,
fieldset[disabled] .btn-primary-serc:active,
.btn-primary-serc.disabled.active,
.btn-primary-serc[disabled].active,
fieldset[disabled] .btn-primary-serc.active {
  background-color: #333333;
  border-color: #1a1a1a;
}
.btn-primary-serc .badge {
  color: #333333;
  background-color: #fff;
}
.btn-secondary-serc {
  color: #fff;
  background-color: #39842A;
  border-color: #285d1e;
}
.btn-secondary-serc:hover,
.btn-secondary-serc:focus,
.btn-secondary-serc:active,
.btn-secondary-serc.active,
.open > .dropdown-toggle.btn-secondary-serc {
  color: #fff;
  background-color: #285d1e;
  border-color: #142f0f;
}
.btn-secondary-serc:active,
.btn-secondary-serc.active,
.open > .dropdown-toggle.btn-secondary-serc {
  background-image: none;
}
.btn-secondary-serc.disabled,
.btn-secondary-serc[disabled],
fieldset[disabled] .btn-secondary-serc,
.btn-secondary-serc.disabled:hover,
.btn-secondary-serc[disabled]:hover,
fieldset[disabled] .btn-secondary-serc:hover,
.btn-secondary-serc.disabled:focus,
.btn-secondary-serc[disabled]:focus,
fieldset[disabled] .btn-secondary-serc:focus,
.btn-secondary-serc.disabled:active,
.btn-secondary-serc[disabled]:active,
fieldset[disabled] .btn-secondary-serc:active,
.btn-secondary-serc.disabled.active,
.btn-secondary-serc[disabled].active,
fieldset[disabled] .btn-secondary-serc.active {
  background-color: #39842A;
  border-color: #285d1e;
}
.btn-secondary-serc .badge {
  color: #39842A;
  background-color: #fff;
}
.btn-tertiary-serc {
  color: #fff;
  background-color: #785145;
  border-color: #583b32;
}
.btn-tertiary-serc:hover,
.btn-tertiary-serc:focus,
.btn-tertiary-serc:active,
.btn-tertiary-serc.active,
.open > .dropdown-toggle.btn-tertiary-serc {
  color: #fff;
  background-color: #583b32;
  border-color: #31211c;
}
.btn-tertiary-serc:active,
.btn-tertiary-serc.active,
.open > .dropdown-toggle.btn-tertiary-serc {
  background-image: none;
}
.btn-tertiary-serc.disabled,
.btn-tertiary-serc[disabled],
fieldset[disabled] .btn-tertiary-serc,
.btn-tertiary-serc.disabled:hover,
.btn-tertiary-serc[disabled]:hover,
fieldset[disabled] .btn-tertiary-serc:hover,
.btn-tertiary-serc.disabled:focus,
.btn-tertiary-serc[disabled]:focus,
fieldset[disabled] .btn-tertiary-serc:focus,
.btn-tertiary-serc.disabled:active,
.btn-tertiary-serc[disabled]:active,
fieldset[disabled] .btn-tertiary-serc:active,
.btn-tertiary-serc.disabled.active,
.btn-tertiary-serc[disabled].active,
fieldset[disabled] .btn-tertiary-serc.active {
  background-color: #785145;
  border-color: #583b32;
}
.btn-tertiary-serc .badge {
  color: #785145;
  background-color: #fff;
}
.btn-quaternary-serc {
  color: #fff;
  background-color: #386383;
  border-color: #29485f;
}
.btn-quaternary-serc:hover,
.btn-quaternary-serc:focus,
.btn-quaternary-serc:active,
.btn-quaternary-serc.active,
.open > .dropdown-toggle.btn-quaternary-serc {
  color: #fff;
  background-color: #29485f;
  border-color: #162834;
}
.btn-quaternary-serc:active,
.btn-quaternary-serc.active,
.open > .dropdown-toggle.btn-quaternary-serc {
  background-image: none;
}
.btn-quaternary-serc.disabled,
.btn-quaternary-serc[disabled],
fieldset[disabled] .btn-quaternary-serc,
.btn-quaternary-serc.disabled:hover,
.btn-quaternary-serc[disabled]:hover,
fieldset[disabled] .btn-quaternary-serc:hover,
.btn-quaternary-serc.disabled:focus,
.btn-quaternary-serc[disabled]:focus,
fieldset[disabled] .btn-quaternary-serc:focus,
.btn-quaternary-serc.disabled:active,
.btn-quaternary-serc[disabled]:active,
fieldset[disabled] .btn-quaternary-serc:active,
.btn-quaternary-serc.disabled.active,
.btn-quaternary-serc[disabled].active,
fieldset[disabled] .btn-quaternary-serc.active {
  background-color: #386383;
  border-color: #29485f;
}
.btn-quaternary-serc .badge {
  color: #386383;
  background-color: #fff;
}
#mobile_menubar {
  display: none;
  position: fixed;
  top: 0;
  z-index: 3000;
  width: 100%;
  min-height: 30px;
  padding: 0.25em 0.75em;
  border-bottom: 2px solid rgba(119, 119, 119, 0.9);
  font-size: 1.2em;
  background: rgba(68, 68, 68, 0.9);
  color: #eee;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
#mobile_menubar:hover {
  background: rgba(34, 34, 34, 0.95);
  color: #fff;
  cursor: pointer;
}
@media only screen and (max-width: 650px) {
  .serc-content {
    margin-left: 5px;
  }
  #nav {
    max-height: 90%;
    max-height: 90vh;
    overflow-y: scroll;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
  }
  #nav.mobileNav {
    position: fixed !important;
    z-index: 200;
    width: 100%;
    margin: 0;
    left: 0;
  }
  #nav A {
    min-height: 30px;
    font-size: 1.2em !important;
  }
  #mobile_menubar.shown {
    display: block;
    top: 0;
  }
  #mobile_menubar:before {
    content: "+ ";
  }
  #mobile_menubar:after {
    content: "MENU";
  }
  #mobile_menubar.opened {
    font-weight: bold;
    letter-spacing: 0.1em;
  }
  #mobile_menubar.opened:before {
    content: "× ";
  }
  #mobile_menuOpenPane {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 150;
    background: rgba(136, 136, 136, 0.5);
  }
}
body,
input,
button,
strong,
em,
b,
i {
  font-family: 'Roboto', sans-serif;
}
body {
  font-size: 16px;
  background-color: #eee;
}
#serc-contentwrapper {
  justify-content: center;
}
.serc-content {
  margin-left: 0;
  max-width: 1600px;
  padding-left: 0;
  background-color: #fff;
}
#content {
  margin-right: 0;
}
/*collapse at mobile sizes*/
@media (max-width: 640px) {
  .topcontent .rightside,
  #searchbox,
  nav.headernav,
  .featured {
    display: none;
  }
  .topcontent .leftside .logo-tagline p {
    font-size: 200%;
  }
}
@media screen and (min-width: 640px) {
  #serc-sidebar {
    display: none;
  }
}
#nexgensidebar {
  display: none;
}
.topbox {
  height: 300px;
}
.topbox .imagebanner {
  border: 0;
}
.topcontent {
  padding: 60px 5% 10px 5%;
  display: flex;
  justify-content: space-between;
}
.logo-tagline p {
  font-size: 260%;
  color: #fff;
  margin-top: 20px;
  font-weight: 300;
}
.topcontent .social-media img {
  height: 30px;
  width: auto;
  margin-right: 10px;
}
.topcontent .rightside a,
.topcontent .rightside a:hover {
  border-radius: 1px;
  color: #333333;
  background-color: #fff;
  display: block;
  cursor: pointer;
  font-size: 100%;
  font-weight: bold;
  padding: 5px 12px;
  text-decoration: none;
  margin-top: 20px;
  min-width: 100px;
  text-align: center;
  border: 2px solid #333333;
}
.topcontent .rightside a:hover {
  color: #333333;
  border: 2px solid #333333;
}
#searchbox {
  top: 0px;
  right: 4%;
  border-radius: 0;
  background: none;
  width: auto;
}
#searchbox .search-group {
  background: none;
}
#searchbox .search-input input {
  width: 200px;
  font-size: 16px;
}
#searchbox .search-action button {
  height: 36.85px;
}
.centertext {
  padding: 40px 8% 2px 8%;
}
.featured {
  float: right;
  background-color: #386383;
  padding-top: 20px;
  margin-left: 5%;
}
.featured strong {
  display: block;
  color: #fff;
  text-align: center;
  font-size: 1em;
  font-weight: normal;
  margin-top: -2em;
  background-color: #386383;
}
a.image-block-tall.image-block-medium {
  height: 350px;
  width: 250px;
  margin-top: 3px;
  margin-bottom: 3px;
  border: none;
  box-shadow: none;
  background-color: #386383;
}
a.image-block-tall {
  background-size: contain;
}
a.image-block-tall .image-block-content {
  background-color: #386383 !important;
  color: #fff;
  height: 45%;
  width: 231px;
  line-height: 1.3em;
  text-overflow: ellipsis;
  font-size: 0.9em;
  padding-bottom: 15px;
  display: flex !important;
  justify-content: center;
  flex-direction: column;
}
a.image-block-tall .image-block-content h3 {
  color: #fff;
  margin-top: 5px;
  margin-bottom: 8px;
}
.photorun {
  display: flex;
  justify-content: space-around;
  overflow: hidden;
  clear: both;
  margin-top: 150px;
}
.photorun .photorunblock {
  margin-left: 10px;
  margin-right: 10px;
  display: flex;
  flex-direction: column;
}
.photorun .photorunblock img {
  max-height: 300px;
  width: auto;
}
.nextprev {
  display: none;
}
#footer {
  background-color: #449733;
  height: auto;
  margin-top: 0px;
  justify-content: center;
  display: flex;
}
.footer-content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  padding: 30px 20px 20px 20px;
  box-sizing: border-box;
  max-width: 1600px;
  border-top: 2px solid #39842A;
  font-size: 15px;
}
.footer-content,
.footer-content a,
.footer-content a:visited {
  color: #000;
}
#footer ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
#footer .lefttext {
  min-width: 130px;
}
/**
 * Clicky menu css
 * Initial state, hidden off screen.   
 */
.clicky-menu > ul > li > ul {
  position: absolute;
  top: 100%;
  left: 0;
  visibility: hidden;
  /*[1]*/
}
/**
 * No JS fallback
 *
 * Triggers menus on hover rather than click. Supports keyboard navigation in modern browsers.
 */
.clicky-menu.no-js li:hover > ul {
  visibility: visible;
}
.clicky-menu.no-js li:focus-within > ul {
  /*[2]*/
  visibility: visible;
}
/**
 * Open/Close Menu Behavior with JS
 */
.clicky-menu > ul > li > ul[aria-hidden="false"] {
  visibility: visible;
}
/* Prevent offscreen-submenus */
.clicky-menu > ul > li > ul.sub-menu--right {
  left: auto !important;
  right: 0 !important;
}
/**
 * Footnotes
 *
 * [1] Using visibility instead of display allows for easier transitions and animation of submenus
 * [2] Must be a separate ruleset so that hover works in non-modern browsers
 */
.clicky-menu > ul {
  justify-content: stretch;
  margin: 0;
  padding: 0;
  list-style: none;
}
@media (min-width: 540px) {
  .clicky-menu > ul {
    display: flex;
  }
}
/* General Link & Button Styles */
.clicky-menu a,
.clicky-menu button {
  margin: 0.25em;
  padding: 1em;
  background: transparent;
  color: #000;
  font-weight: bold;
  text-decoration: none;
  font-family: inherit;
  border-radius: 3px;
}
.clicky-menu a:hover,
.clicky-menu button:hover {
  background: #fff;
}
.clicky-menu a:focus,
.clicky-menu button:focus {
  outline: 0.125em dotted purple;
  outline-offset: -0.125em;
}
/* Top Level Items */
.clicky-menu > ul > li {
  position: relative;
  flex: 1 1 auto;
  display: flex;
  justify-content: stretch;
  flex-wrap: wrap;
}
.clicky-menu > ul > li > a,
.clicky-menu > ul > li > button {
  flex: 1 0 auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border: 0;
  font-size: 120%;
  line-height: 1.5;
  cursor: pointer;
}
@media (min-width: 540px) {
  .clicky-menu > ul > li > a,
  .clicky-menu > ul > li > button {
    justify-content: center;
  }
}
/* Submenu Styles */
.clicky-menu > ul > li > ul {
  min-width: 100%;
  width: 12em;
  margin-top: 0.25em;
  padding: 0;
  list-style: none;
  background-color: #eee;
  border-radius: 3px;
}
@media (min-width: 540px) {
  .clicky-menu > ul > li > ul {
    box-shadow: 2px 4px 4px rgba(0, 0, 0, 0.2);
  }
}
/* Responsive Submenu Behavior */
.clicky-menu > ul > li > ul[aria-hidden="false"] {
  position: static;
  width: 100%;
  flex: 0 0 auto;
}
@media (min-width: 540px) {
  .clicky-menu > ul > li > ul[aria-hidden="false"] {
    position: absolute;
    width: auto;
  }
}
/* Submenu Links */
.clicky-menu > ul > li > ul a {
  display: block;
  padding-top: 0.375em;
  padding-bottom: 0.375em;
}
@media (min-width: 540px) {
  .clicky-menu > ul > li > ul a {
    padding: 0.375em 1em;
    white-space: nowrap;
  }
}
/* end core clicky-menu */
nav.headernav {
  padding-right: 70px;
  /* hack to deal with the right menu overflowing*/
}
.clicky-menu ul {
  z-index: 2;
}
nav.headernav,
nav.headernav button:hover,
.clicky-menu a:hover,
.clicky-menu > ul > li > ul {
  background-color: #333333;
}
nav.headernav button {
  color: #fff;
  margin: 0;
  padding: 0;
  font-weight: normal;
}
.clicky-menu a {
  color: #fff;
  font-weight: normal;
}
.clicky-menu a:hover {
  text-decoration: underline;
}