@charset "UTF-8";
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body {
  font-size: 100%;
}

body {
  color: #282729;
  padding: 0;
  margin: 0;
  font-family: "AvenirStd", "Helvetica Neue", Arial, sans-serif !important;
  font-weight: normal;
  font-style: normal;
  font-size: 0.836rem !important;
  line-height: 1;
  position: relative;
  cursor: default;
}

@media only screen and (min-width: 1441px) {
  body {
    font-size: 0.92rem!important;
  }
}

a {
  text-decoration: none;
}

a:hover {
  cursor: pointer;
  text-decoration: underline;
}

a:focus {
  outline: none;
}

img,
object,
embed {
  max-width: 100%;
  height: auto;
}

object,
embed {
  height: 100%;
}

img {
  -ms-interpolation-mode: bicubic;
}

#map_canvas img,
#map_canvas embed,
#map_canvas object,
.map_canvas img,
.map_canvas embed,
.map_canvas object {
  max-width: none !important;
}

.non-federal-link {
  visibility: visible;
}

.static {
  position: static!important;
}

.relative {
  position: relative!important;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

@media (min-width: 768px) {
  .pull-right {
    float: right;
  }
}

.text-left {
  text-align: left !important;
}

.text-right {
  text-align: right !important;
}

.text-center {
  text-align: center !important;
}

.text-justify {
  text-align: justify !important;
}

.hide, .hidden {
  display: none !important;
}

.nm {
  margin: 1px 0!important;
}

.verticalMiddle {
  vertical-align: middle !important;
}

.clear {
  clear: both;
}

.clear-left {
  clear: left;
}

.clear-right {
  clear: right;
}

.error {
  color: red;
}

.half,
half-width {
  width: 50%;
}
@media only screen and (max-width: 520px) {
  .half,
  half-width {
    width: 100%;
  }
}

.full-width,
.fullWidth {
  width: 100%!important;
  max-width: 100%!important;
}

.vertFlip {
  transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
}

.semibold {
  font-weight: 700!important;
}

.no-text-select {
  -webkit-user-select: none;
  user-select: none;
}

.no-textdec {
  text-decoration: none;
}
.no-textdec:hover {
  text-decoration: none!important;
}

.no-outline {
  -moz-box-shadow: none!important;
  -webkit-box-shadow: none!important;
  box-shadow: none!important;
  border: none!important;
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.invisible {
  visibility: hidden;
}

.i, .inline {
  display: inline!important;
}

.b, .block {
  display: block!important;
}

.ib, .inline-block {
  display: inline-block!important;
}

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

html[xmlns] .clearfix {
  display: block;
}

* html .clearfix {
  height: 1%;
}

.pad0 {
  padding: 0!important;
}

.pad1 {
  padding: 5px !important;
}

.pad2 {
  padding: 15px !important;
}

.pad3 {
  padding: 30px !important;
}

.pad4 {
  padding: 35px !important;
}

.pad5 {
  padding: 50px !important;
}

.vertPad1 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.vertPad2 {
  padding-top: 15px !important;
  padding-bottom: 15px !important;
}

.vertPad3 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}

.vertPad4 {
  padding-top: 35px !important;
  padding-bottom: 35px !important;
}

.vertPad5 {
  padding-top: 50px !important;
  padding-bottom: 50px !important;
}

.tPad1 {
  padding-top: 5px !important;
}

.tPad2 {
  padding-top: 15px !important;
}

.tPad3 {
  padding-top: 30px !important;
}

.tPad4 {
  padding-top: 35px !important;
}

.tPad5 {
  padding-top: 50px !important;
}

.bPad1 {
  padding-bottom: 5px !important;
}

.bPad2 {
  padding-bottom: 15px !important;
}

.bPad3 {
  padding-bottom: 30px !important;
}

.bPad4 {
  padding-bottom: 35px !important;
}

.bPad5 {
  padding-bottom: 50px !important;
}

.sidePad1 {
  padding-left: 5px !important;
  padding-right: 5px !important;
}

.sidePad2 {
  padding-left: 15px !important;
  padding-right: 15px !important;
}

.sidePad3 {
  padding-left: 30px !important;
  padding-right: 30px !important;
}

.sidePad4 {
  padding-left: 35px !important;
  padding-right: 35px !important;
}

.sidePad5 {
  padding-left: 50px !important;
  padding-right: 50px !important;
}

.lPad1 {
  padding-left: 5px !important;
}

.lPad2 {
  padding-left: 15px !important;
}

.lPad3 {
  padding-left: 30px !important;
}

.lPad4 {
  padding-left: 35px !important;
}

.lPad5 {
  padding-left: 50px !important;
}

.rPad1 {
  padding-right: 5px !important;
}

.rPad2 {
  padding-right: 15px !important;
}

.rPad3 {
  padding-right: 30px !important;
}

.rPad4 {
  padding-right: 35px !important;
}

.rPad5 {
  padding-right: 50px !important;
}

.margin0 {
  margin: 0 !important;
}

.vertMargin1 {
  margin-top: 5px !important;
  margin-bottom: 5px !important;
}

.vertMargin2 {
  margin-top: 15px !important;
  margin-bottom: 15px !important;
}

.vertMargin3 {
  margin-top: 25px !important;
  margin-bottom: 25px !important;
}

.vertMargin4 {
  margin-top: 35px !important;
  margin-bottom: 35px !important;
}

.vertMargin5 {
  margin-top: 50px !important;
  margin-bottom: 50px !important;
}

.tMargin1 {
  margin-top: 5px !important;
}

.tMargin2 {
  margin-top: 15px !important;
}

.tMargin3 {
  margin-top: 25px !important;
}

.tMargin4 {
  margin-top: 35px !important;
}

.tMargin5 {
  margin-top: 50px !important;
}

.bMargin1 {
  margin-bottom: 5px !important;
}

.bMargin2 {
  margin-bottom: 15px !important;
}

.bMargin3 {
  margin-bottom: 25px !important;
}

.bMargin4 {
  margin-bottom: 35px !important;
}

.bMargin5 {
  margin-bottom: 50px !important;
}

.sideMargin1 {
  margin-left: 5px !important;
  margin-right: 5px !important;
}

.sideMargin2 {
  margin-left: 15px !important;
  margin-right: 15px !important;
}

.sideMargin3 {
  margin-left: 25px !important;
  margin-right: 25px !important;
}

.sideMargin4 {
  margin-left: 35px !important;
  margin-right: 35px !important;
}

.sideMargin5 {
  margin-left: 50px !important;
  margin-right: 50px !important;
}

.lMargin1 {
  margin-left: 5px !important;
}

.lMargin2 {
  margin-left: 15px !important;
}

.lMargin3 {
  margin-left: 25px !important;
}

.lMargin4 {
  margin-left: 35px !important;
}

.lMargin5 {
  margin-left: 50px !important;
}

.rMargin1 {
  margin-right: 5px !important;
}

.rMargin2 {
  margin-right: 15px !important;
}

.rMargin3 {
  margin-right: 25px !important;
}

.rMargin4 {
  margin-right: 35px !important;
}

.rMargin5 {
  margin-right: 50px !important;
}

.scrollbox {
  height: 175px;
  overflow: auto;
}

.fixed-loading-gif {
  position: fixed;
  display: block;
  height: 55px;
  width: 55px;
  top: 40%;
  left: 16%;
  right: 0;
  margin: auto;
  background: transparent url("/Content/Images/ajax-loader-xlarge.gif") no-repeat 0 0;
}

.centered-loading-gif {
  position: absolute;
  display: block;
  height: 55px;
  width: 55px;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  background: transparent url("/Content/Images/ajax-loader-xlarge.gif") no-repeat 0 0;
}

.antialiased {
  -webkit-font-smoothing: antialiased;
}

img {
  display: inline-block;
  vertical-align: middle;
}

textarea {
  height: auto;
  min-height: 5em;
}

select {
  width: auto;
}

.page {
  padding: 20px 20px 30px 20px;
}
@media (max-width: 1025px) {
  .page {
    padding: 20px 0;
  }
}

/*Eric Myers reset stylesheet*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

/* only ie shows extra space on right
   need better fix but no other containers appear to
   be causing it */
html {
  overflow-x: hidden;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

body {
  line-height: 1.5;
}

ol, ul {
  list-style: none;
}

section {
  display: block;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: separate;
  border-spacing: 0;
}

caption, td {
  text-align: left;
  font-weight: normal;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
}

blockquote, q {
  quotes: "" "";
}

/*GSA SF Styles*/
/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body.print {
  background-color: white;
}

/* Although the proper way to submit a form is a submit input, sometimes we want it to look like
 * a hyperlink.
 */
form.hyperlinkyForm {
  display: inline;
  text-wrap: normal;
}

form.hyperlinkyForm input[type="submit"] {
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 1em;
  color: #1f6cdf;
  text-decoration: none;
  background-color: transparent;
  border: none;
  cursor: pointer;
  white-space: normal;
  text-wrap: normal;
  text-align: inherit;
}

form.hyperlinkyForm input[type="submit"]:hover {
  text-decoration: underline;
}

/* PRIMARY LAYOUT ELEMENTS
----------------------------------------------------------*/
body {
  background: white;
}

body.Home #main {
  width: 100%;
  max-width: 100%;
  padding: 0;
  margin: 0;
  margin: auto;
}

#main {
  padding-top: 20px;
  min-height: 360px;
}

.page {
  padding: 20px 20px 30px 20px;
  margin: 0 auto;
  width: 100%;
  max-width: 87em;
  position: relative;
}

body.Home .page {
  padding: 0;
  max-width: 100%;
}

#searchTitleWrap {
  padding: 15px;
}

.name .logo {
  display: none;
  white-space: nowrap;
}
.name .logo a {
  line-height: 45px;
  background-size: 50px;
}
@media only screen and (max-width: 520px) {
  .name .logo a {
    text-indent: -999px;
    /*Adding the text clear for accesability */
    overflow: hidden;
  }
}
@media (max-width: 1000px) {
  .name .logo {
    display: block;
  }
}

.logo {
  font-size: 1.3em;
  white-space: nowrap;
}
@media (max-width: 1000px) {
  .logo {
    display: none;
  }
}
@media only screen and (min-width: 1441px) {
  .logo {
    font-size: 1.4em;
  }
}
.logo a {
  display: inline-block;
  background: url("/Content/Images/sftool_logo.gif") no-repeat 0 1px;
  background-size: 56px;
  line-height: 48px;
  padding: 0 1px 0 68px;
  color: #222222;
}
.logo a:hover {
  text-decoration: none;
}
.logo a span {
  font-size: 0.75em;
  margin-left: -5px;
  margin-right: 5px;
  vertical-align: top;
}

#title {
  padding: 20px;
}
#title h1 {
  background: transparent url(/Content/Images/sftool_logo.gif) top left no-repeat;
  height: 70px;
  line-height: 2.9em;
}
#title h1 a {
  display: block;
  text-indent: 90px;
}
#title h1 a:hover {
  text-decoration: none;
}
#title h1 a:visited {
  color: black;
}

#footer {
  clear: both;
  color: #222222;
  line-height: normal;
  font-size: .9em;
  margin: 0 auto;
  max-width: 1140px;
}
#footer h4 {
  padding-top: 0;
}
#footer ul {
  margin-top: 0;
}
#footer p {
  clear: both;
  padding: 8px 5px 0 5px;
  text-align: center;
}

#footer {
  clear: both;
  color: #C8CFDD;
  text-align: center;
  line-height: normal;
  background: #354b5e;
  font-size: 1.1em;
  margin: 0 auto;
  padding: 30px 0.8em 16px 0.8em;
  max-width: none;
}
#footer a,
#footer a.gsa,
#footer #stayConnected ul li a {
  color: #b4bbca;
  -ms-transition: color 0.15s ease-in-out;
  -moz-transition: color 0.15s ease-in-out;
  -webkit-transition: color 0.15s ease-in-out;
  transition: color 0.15s ease-in-out;
}
#footer a:hover,
#footer a.gsa:hover,
#footer #stayConnected ul li a:hover {
  color: #dbdbdb;
  text-decoration: none;
}
#footer h4, #footer h5, #footer .h4, #footer .h5 {
  color: #dbdbdb;
  font-size: 1.23em;
  clear: both;
}
#footer .footer-btn {
  border-radius: 1px;
  padding-left: 27px;
  padding-right: 27px;
  font-size: 1em;
  color: #e8ebf0;
  -webkit-box-shadow: none;
  box-shadow: none;
  background-color: #354b5e;
  border: solid 2px #d5dae5;
  -ms-transition: .3s ease-out;
  -moz-transition: .3s ease-out;
  -webkit-transition: .3s ease-out;
  transition: .3s ease-out;
}
#footer .footer-btn:hover {
  background-color: #2d323f;
  border-color: #2d323f;
}
#footer .footer-btn .fa {
  margin-left: 3px;
}
@media (min-width: 800px) and (max-width: 900px) {
  #footer .footer-btn {
    padding-left: 13px;
    padding-right: 13px;
  }
}
#footer #providedBy h4,
#footer #stayConnected h4 {
  margin-bottom: 8px;
}
#footer a.gsa span {
  display: inline-block;
  font-weight: normal;
  font-size: 1.14em;
}
#footer a.gsa span:first-child {
  background: url("/Content/Images/main-sprite.png") no-repeat scroll -215px 0 transparent;
  height: 48px;
  width: 48px;
  vertical-align: -9px;
}

.footer-links li {
  margin-bottom: 3px;
}

/* Homepage
----------------------------------------------------------*/
body.Home [id^="mi-"] .dropdown_fullwidth {
  box-shadow: 3px 21px 17px 4px rgba(70, 70, 70, 0.7);
}

@media only screen and (min-width: 1100px) {
  body.Home .x-large-4 {
    position: relative;
    width: 33.33333%;
  }
  body.Home .x-large-8 {
    position: relative;
    width: 66.66667%;
  }
}

.fade-1.init {
  opacity: 0;
  transition: none;
}

.fade-up-1.init,
.fade-up-2.init,
.fade-up-3.init {
  opacity: 0;
  transition: none;
}

.fade-1 {
  opacity: 1;
  transition: 1.25s opacity;
}

.fade-up-1 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s opacity, transform 1s;
}

.fade-up-2 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s opacity ease .2s, transform 1s ease .2s;
}

.fade-up-3 {
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition: 1s opacity ease .4s, transform 1s ease .4s;
}

@media (max-width: 800px) {
  #hp-slider-container {
    padding: 0;
  }
}

#hp-slider {
  margin-top: 55px;
  overflow: hidden;
  position: relative;
  border: solid 1px rgba(255, 255, 255, 0.4);
}
@media (min-width: 1025px) {
  #hp-slider {
    max-height: 360px !important;
  }
}
@media (min-width: 1024px) {
  #hp-slider {
    max-height: 500px;
  }
}
@media (max-width: 1000px) {
  #hp-slider {
    margin-top: 50px;
    margin-left: 50px;
  }
}
@media (max-width: 800px) {
  #hp-slider {
    margin-left: 0;
    margin-left: 0;
    margin-top: 38px;
    border: 0;
    overflow: visible;
  }
}
#hp-slider .slider .slide-content .hp-slider-title h3 {
    display: block;
    background-color: rgba(0, 0, 0, 0.4);
    font-weight: 100;
    font-size: 1.255rem;
    top: 5px;
    padding: 12px 12px 12px 12px;
    letter-spacing: 1px;
    position: center;
    z-index: 999;
}
@media (max-width: 800px) {
  #hp-slider .hp-slider-title h3 {
    top: -14px;
  }
}
#hp-slider .hp-slider-title h3 span {
  font-weight: 800;
}
#hp-slider .slider {
  background: rgba(255, 255, 255, 0.825);
}
@media (max-width: 800px) {
  #hp-slider .slider {
    background: #fafbff;
    border-bottom: solid 3px #ddd;
  }
}
#hp-slider .slick-slide {
  min-height: 270px;
}
#hp-slider .slide-content img {
  height: 317px;
  width: 100%;
}
#hp-slider .slide-content > div > img {
    height: 152px;
    width: 100%;
}
@media (max-width: 800px) {
  #hp-slider .slide-content img {
    height: 330px;
  }
}
#hp-slider .slide-content h5 {
  padding: 12px 12px 12px 36px;
  font-size: 1.4em;
  font-weight: 800;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media (max-width: 1000px) {
  #hp-slider .slide-content h5 {
    padding-left: 12px;
  }
}
@media (max-width: 800px) {
  #hp-slider .slide-content h5 {
    padding-top: 22px;
  }
}
#hp-slider .slide-content h5 a {
  color: #1f6cdf;
}
#hp-slider .slide-content .slide-description {
  padding: 0 36px 12px 36px;
}
@media (max-width: 1000px) {
  #hp-slider .slide-content .slide-description {
    padding-left: 12px;
    padding-right: 12px;
  }
}
#hp-slider .slide-content .slide-description,
#hp-slider .slide-content .slide-description p {
  color: #304e55 !important;
  font-size: 0.836rem !important;
  text-shadow: 1px 1px 1px #ddd !important;
  margin-bottom: 26px;
}
#hp-slider .slide-content .slide-description p,
#hp-slider .slide-content .slide-description p p {
  margin: 0;
}

#hp-hero {
  position: relative;
  background-repeat: no-repeat;
  background-size: cover !important;
  min-height: 430px;
}
@media (max-width: 1000px) {
  #hp-hero {
    background-position: center top;
    background-size: inherit !important;
    max-height: 200px;
  }
}
@media (max-width: 800px) {
  #hp-hero {
    background-position: center top !important;
  }
}
#hp-hero .intro h1, #hp-hero .intro p {
  color: #fff;
  font-size: 2.7em;
  text-shadow: 1px 1px 5px #333;
  margin-top: 40px;
  margin-bottom: 0px
}
@media (max-width: 1100px) {
  #hp-hero .intro h1, #hp-hero .intro p {
    font-size: 2.28em;
  }
}
@media (max-width: 800px) {
  #hp-hero .intro h1, #hp-hero .intro p {
    text-align: center;
  }
}
@media (max-width: 500px) {
  #hp-hero .intro h1, #hp-hero .intro p {
    font-size: 1.8em;
    margin-top: 24px;
  }
}
#hp-hero .intro p {
  margin-top: 0px;
  font-weight: 300;
  font-size: 1.4em;
}
@media (max-width: 1000px) {
  #hp-hero .intro p {
    font-size: 1.3em;
  }
}
@media (min-width: 767px) and (max-width: 1024px) {
  #hp-hero .intro p {
    font-size: 1.6em;
  }
}
@media (max-width: 500px) {
  #hp-hero .intro p {
    font-size: 1.1em;
  }
}

.hero-citation {
  color: #fff;
  color: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  right: 0;
  padding: 7px 12px 4px 12px;
  text-shadow: 1px 1px 1px #000;
  font-size: 0.669rem;
}

#hp-searchbox {
  margin-top: 24px;
  max-width: 476px;
}
@media (max-width: 800px) {
  #hp-searchbox {
    margin: auto;
  }
}
@media (max-width: 767px) {
  #hp-searchbox {
    display: none;
  }
}
#hp-searchbox .hp-searchbox-inner {
  position: relative;
}
#hp-searchbox .hp-searchbox-inner input[type=text] {
  font-size: 1.2em;
  height: 47px;
  line-height: normal;
  padding-left: 14px;
  padding-right: 52px;
  color: #fff;
  background: #5165a2;
  background: rgba(21, 29, 80, 0.36);
  border-color: #cfddff;
}
#hp-searchbox .hp-searchbox-inner input[type=text]::-webkit-input-placeholder {
  color: #dedede;
  line-height: normal;
}
#hp-searchbox .hp-searchbox-inner input[type=text]::-moz-placeholder {
  color: #dedede;
  line-height: 28px;
}
#hp-searchbox .hp-searchbox-inner input[type=text]:-ms-input-placeholder {
  color: #dedede;
  line-height: normal;
}
#hp-searchbox .hp-searchbox-inner button[type=submit] {
  position: absolute;
  bottom: 0;
  right: 0;
  margin: 0;
  padding-right: 14px;
  background: none;
  border: 0;
  height: 47px;
}

#hp-topics {
  padding-top: 26px;
  padding-bottom: 6px;
  font-size: 0.836rem;
  background-color: #F2F2F2;
  background-color: #eef1fc;
}
#hp-topics h3 {
  color: #6B6B8D;
  text-shadow: 1px 1px 0px #cbd3e4;
  padding: 0;
  font-weight: 500;
  padding: 0;
  margin-top: 12px;
  margin-bottom: 8px;
  background: none;
  overflow: visible;
  font-size: 1.68em;
}
#hp-topics h3 span {
  font-weight: 800;
}
#hp-topics .large-6 a.explore-link {
  position: relative;
  display: block;
  margin: 6px 24px 22px 22px !important;
  padding: 6px 6px 0px 6px !important;
  overflow: hidden;
  border-style: dashed;
  transition: background-color 0.2s ease 0.35s, border-color 0.2s ease 0.35s !important;
}
#hp-topics .large-6 a.explore-link:hover {
  background-color: #f1f1f1;
  border-color: #b9b9b9;
  transform: none !important;
}
#hp-topics .large-6 a.explore-link:hover .explore-link-overlay {
  transform: translate3d(0, 0, 0);
}
#hp-topics .large-6 a.explore-link .explore-link-overlay {
  text-align: center;
  position: absolute;
  padding: 10px 8px 10px 8px;
  margin: auto;
  width: 175px;
  left: 0;
  right: 0;
  bottom: 0;
  transform: translate3d(0, 100px, 0);
  color: #fff;
  text-shadow: 1px 1px 1px #333;
  border-radius: 8px 8px 0px 0px;
  background: rgba(47, 56, 85, 0.7);
  transition: transform .175s ease .35s !important;
  font-weight: bold;
  font-size: 0.92rem;
}
#hp-topics .large-6 a.explore-link .explore-link-overlay span {
  display: block;
  font-weight: normal;
  font-size: 0.836rem;
}
@media (max-width: 1099px) {
  #hp-topics .large-6 {
    padding-left: 0.9375em !important;
  }
}
#hp-topics .large-6 a {
  display: inline-block;
  color: #1c8921;
  padding: 12px 16px;
  border-radius: 3px;
  min-height: 116px;
  border: solid 2px transparent;
  transition: transform 0.175s ease 0.075s, background-color 0.175s ease 0.1s, border-color 0.175s ease 0.1s !important;
}
@media (max-width: 1099px) {
  #hp-topics .large-6 a {
    background: #fafbff;
    border: solid 1px #d8dce8;
    margin-bottom: 22px;
    min-height: 132px !important;
  }
  #hp-topics .large-6 a:hover {
    transform: translate3d(0, 0, 0) !important;
  }
}
@media (max-width: 800px) {
  #hp-topics .large-6 a {
    margin-bottom: 16px;
    display: block;
  }
}
#hp-topics .large-6 a:hover {
  text-decoration: none;
  transform: translate3d(9px, 0, 0);
  color: #1f6cdf;
}
#hp-topics .large-6 a:hover h4 {
  color: #1f6cdf;
}
#hp-topics .large-6 a:hover .fa {
  color: #1f6cdf;
  border-color: #1f6cdf;
}
#hp-topics .large-6 a.translate-left:hover {
  transform: translate3d(-9px, 0, 0);
}
@media (max-width: 1099px) {
  #hp-topics .large-6 a .left {
    float: right !important;
    margin-left: 15px !important;
    margin-right: 0 !important;
  }
}
#hp-topics .large-6 a .fa {
  transition: background-color .175s ease .1s;
}
#hp-topics .large-6 a .hp-icon {
  max-width: 76px;
  display: none;
}
#hp-topics .large-6 a h4 {
  display: inline-block;
  position: relative;
  padding-bottom: 2px;
  font-weight: 400;
}
@media (max-width: 600px) {
  #hp-topics .large-6 a h4 {
    font-size: 0.92rem;
  }
}
#hp-topics .large-6 a p {
  color: #304e55;
  padding-top: 2px;
  font-size: 1.06em;
  margin-bottom: 0;
}
@media (max-width: 600px) {
  #hp-topics .large-6 a p {
    font-size: 0.753rem;
  }
}
#hp-topics .large-6 .hp-topic {
  overflow: hidden;
}
#hp-topics .large-6 h4 {
  margin-top: 0;
  padding-top: 0;
  font-weight: normal;
  font-size: 1.3em;
}
#hp-topics p {
  margin-top: 0;
}
#hp-topics .fa {
  background: none;
  color: #1c8921;
  padding: 13px;
  font-size: 2.133rem;
  height: 64px;
  width: 64px;
  border: solid 3px #1c8921;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  -ms-border-radius: 50%;
  border-radius: 50%;
}
#hp-topics .fa-book, #hp-topics .fa-wrench {
  padding: 13px 14px;
}
#hp-topics .fa-building-o {
  padding: 12px 16px;
}
#hp-topics .fa-calendar {
  padding: 13px 15px;
  font-size: 1.945rem;
}
#hp-topics .fa-retweet {
  padding: 12px 12px;
}
#hp-topics .fa-check-square-o {
  padding: 13px 14px;
  font-size: 2.258rem;
}
@media (max-width: 1099px) {
  #hp-topics #hp-centerpiece {
    display: none;
  }
}

#hp-about {
  padding: 26px 0px 10px 0;
  font-size: 0.836rem;
}
@media (max-width: 1099px) {
  #hp-about {
    padding-top: 0;
  }
  #hp-about .large-12 {
    text-align: center;
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 30px;
  }
  #hp-about .lPad3 {
    padding-left: 0 !important;
  }
}
#hp-about .row {
  padding-top: 10px;
  padding-bottom: 10px;
}
@media (max-width: 1099px) {
  #hp-about .row {
    padding-top: 0;
  }
}
#hp-about h3, #hp-about h5, #hp-about p {
  color: #304e55;
  font-size: 2em;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif !important;
  font-weight: 600;
}
@media (max-width: 530px) {
  #hp-about h3, #hp-about h5, #hp-about p {
    font-size: 1.9em;
  }
}
#hp-about .hp-about-link {
  display: block;
  font-size: 1em;
  border-radius: 6px;
  padding: 16px;
  border: solid 2px transparent;
  min-height: 164px;
  transition: background-color 0.2s ease 0.075s, border-color 0.2s ease 0.075s !important;
}
#hp-about .hp-about-link:hover {
  text-decoration: none;
  background-color: #eef1fc;
  border-color: #dfe3ef;
}
#hp-about .hp-about-link:hover h2,
#hp-about .hp-about-link:hover .fa-youtube-play {
  color: #1f6cdf;
}
#hp-about h3 {
  color: #fff;
  font-weight: 500;
  margin-bottom: 18px;
  overflow: visible;
  font-size: 1.68em;
}
@media (max-width: 1099px) {
  #hp-about h3 {
    display: block;
  }
}
@media (max-width: 530px) {
  #hp-about h3 {
    font-size: 1.8em;
  }
}
#hp-about h3 span {
  font-weight: 800;
}
#hp-about p {
  font-weight: normal !important;
  font-size: 1.17em;
  margin: 4px 0;
}
@media (max-width: 1099px) {
  #hp-about p {
    font-size: 1.37em;
    padding-left: 20px;
    padding-right: 20px;
  }
}
@media (max-width: 600px) {
  #hp-about p {
    font-size: 1em;
  }
}
#hp-about ul {
  font-size: 1.2em;
}
#hp-about ul li {
  margin: 12px 0;
}
#hp-about strong > a {
  color: #1c8921;
  text-decoration: underline;
}
#hp-about .b-none {
  border: none;
}
#hp-about .video-link h3 {
  margin-bottom: 16px;
}
#hp-about .video-link:hover {
  text-decoration: none;
}
#hp-about .video-link:hover h6 {
  color: #527eb0;
}
#hp-about .video-link:hover .fa {
  transform: scale(1.1);
  color: #527eb0;
}
#hp-about .sftool-video-play {
  text-align: center;
}
#hp-about .sftool-video-play .fa {
  font-size: 5.646rem;
  color: #6B6B8D;
  transition: color .2s ease .075s, transform .1s ease .075s;
}
#hp-about .sftool-video-play h6 {
  color: #6B6B8D;
  background: none;
  transition: color .2s ease .075s;
}

.hp-trending {
  margin-top: 0;
}
.hp-trending span {
  font-weight: bold;
  color: #6B6B8D;
}
.hp-trending li {
  margin: 4px !important;
}
.hp-trending a {
  font-size: 1.1em;
  padding: 0 2px;
}

#plan-intro p {
  font-size: 1.63em;
  color: #555555;
}
@media (max-width: 700px) {
  #plan-intro p {
    font-size: 1.2em;
  }
}

.plan-breakdown-section {
  position: relative;
  padding: 2em 0 0 0;
  text-align: center;
  border: solid 2px #ddd;
}
.plan-breakdown-section h4 {
  color: #7a5ecc;
  font-size: 1.5em;
}
.plan-breakdown-section h4 a {
  color: #7a5ecc;
}
.plan-breakdown-section p {
  font-size: 1.1em;
  text-align: left;
  padding: 0px 60px 10px 60px;
}
.plan-breakdown-section span {
  display: block;
  position: absolute;
  background-color: #7a5ecc;
  width: 64px;
  height: 64px;
  top: -33px;
  left: 0;
  right: 0;
  border: solid 6px white;
  margin: auto;
}
.plan-breakdown-section ul {
  border-top: dotted 1px #ddd;
  margin: 0;
}
.plan-breakdown-section ul li a {
  display: block;
  font-size: 0.9em;
  padding: 8px 0;
  background-color: #f5f5f5;
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #ddd;
  transition: all .3s ease-out;
}
.plan-breakdown-section ul li a:hover {
  text-decoration: none;
  background-color: #e3ecf2;
}

#pb-overall-strategies span {
  background: #7a5eca url(/content/Images/Icons/gears.png) 0px 1px no-repeat;
  background-size: 52px;
}

#pb-project-types span {
  background: #7a5ec9 url(/content/practice/images/icons/secondary/Commissioning.png) 9px 5px no-repeat;
  background-size: 35px;
}

#pb-plan-for-future span {
  background: #7a5eca url(/content/practice/images/icons/primary/workspace.png) 10px 4px no-repeat;
  background-size: 33px;
}

.project-types-breakdown {
  margin: 1.5em 0 1em 0;
}
.project-types-breakdown .plan-breakdown-section {
  padding: 5.5em 4px 0px 4px;
  display: block;
  float: left;
  line-height: 1.1;
  margin-right: 14px;
  margin-bottom: 12px;
  width: 18%;
  height: 140px;
  color: dimgray;
  background-color: #eee;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  transition: all .3s ease-out;
}
@media (max-width: 800px) {
  .project-types-breakdown .plan-breakdown-section {
    width: 46%;
    padding: 6.5em 4px 0 4px;
  }
}
.project-types-breakdown .plan-breakdown-section:hover {
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #ccc;
  color: #5c5c5c;
}
.project-types-breakdown .plan-breakdown-section span {
  width: 60px;
  height: 60px;
  top: 9px;
  border: 0;
  -ms-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
  transition: all .3s;
}
.project-types-breakdown #pb-content1 span {
  background: #7a5ec7 url(/content/practice/images/icons/secondary/Furniture.png) 0.6em 0.2em no-repeat;
  background-size: 3em;
}
.project-types-breakdown #pb-content2 span {
  background: #7a5eca url(/content/practice/images/icons/secondary/OfficeLayout.png) 0.56em 0.2em no-repeat;
  background-size: 3em;
}
.project-types-breakdown #pb-content3 span {
  background: #7a5eca url(/content/Images/Icons/tools.png) 0 0.45em no-repeat;
  background-size: 4.15em;
}
.project-types-breakdown #pb-content4 span {
  background: #7a5eca url(/content/practice/images/icons/secondary/HVACComponents.png) 0.6em 0.15em no-repeat;
  background-size: 3em;
}
.project-types-breakdown #pb-content5 span {
  background: #7a5eca url(/content/practice/images/icons/secondary/HVACMaintenance.png) 0.55em 0.2em no-repeat;
  background-size: 3em;
}

.sidenav-icon {
  background: #7a5eca;
  display: inline-block;
  border-radius: 18px;
  padding: 4px 16px;
}

.sidenav-icon img {
  width: 100px;
  max-height: 113px;
  display: block;
  margin: auto;
}

.gpcSearchResultsList ul.searchContentLevels > li {
  background: url("/Content/Images/Icons/green_check.png") no-repeat scroll 0 5px transparent;
  padding: 2px 0 0 22px;
}
@media only screen and (min-width: 1441px) {
  .gpcSearchResultsList ul.searchContentLevels > li {
    background-position: 0 6px;
  }
}

/* Styles for flash messages
-----------------------------------------------------------*/
.flash {
  border: 1px solid;
  cursor: pointer;
  font-size: 0.836rem;
  z-index: 99999;
  position: fixed;
  overflow: hidden;
  width: 310px;
  right: 16px;
  right: -400px;
  top: 16px;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
  transition-property: right;
  -moz-transition-property: right;
  -webkit-transition-property: right;
  -o-transition-property: right;
  transition-duration: .25s;
  -moz-transition-duration: .25s;
  -webkit-transition-duration: .25s;
  -o-transition-duration: .25s;
  transition-timing-function: linear;
  -moz-transition-timing-function: linear;
  -webkit-transition-timing-function: linear;
  -o-transition-timing-function: linear;
}
.flash.active {
  right: 16px;
  z-index: 99999;
}
.flash div.relative {
  padding: 24px 40px;
}
.flash #flash-icon {
  font-size: 6.023rem;
  position: absolute;
  bottom: -16px;
  left: -16px;
  color: #d6eccd;
  z-index: -1;
}
.flash .fa-times {
  position: absolute;
  top: 6px;
  right: 7px;
}

.flash-success {
  color: #468847;
  background-color: #DFF0D8;
  border-color: #bcdba1;
}
.flash-success #flash-icon:after {
  content: "\f05d";
}

.flash-info {
  color: #c09853;
  background-color: #fcf8e3;
  border-color: #F7E3BC;
}
.flash-info #flash-icon {
  color: #fbf5d5;
}
.flash-info #flash-icon:after {
  content: "\f05a";
}

.flash-warning {
  color: #987b48;
  background-color: #FCF8E3;
  border-color: #f7dba6;
}
.flash-warning #flash-icon {
  color: #fbf5d5;
}
.flash-warning #flash-icon:after {
  content: "\f071";
}

.flash-error {
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #e0aeb6;
}
.flash-error #flash-icon {
  color: #eed3d3;
}
.flash-error #flash-icon:after {
  content: "\f071";
}

.flash.no-click {
  cursor: default;
  cursor: default;
  width: 100%;
  position: relative;
  padding: 9px;
  text-align: center;
  left: 0;
  top: 0;
}
.flash.no-click a {
  color: inherit;
  line-height: inherit;
  font-weight: bold;
}

/*End Flash Messages*/
#navcontainer {
  clear: both;
}

#logindisplay {
  font-weight: bold;
  padding: 7px 0 2px 18px;
  margin-bottom: -1px;
}
@media (max-width: 1000px) {
  #logindisplay {
    display: none;
  }
}

#logindisplay-m {
  font-weight: bold;
  display: block;
}

.gsaTop {
  background: transparent url("/Content/Images/logo_gsa.jpg") top left no-repeat;
  margin-left: 20px;
  float: right;
  display: block;
  height: 70px;
  width: 70px;
  text-indent: -9999px;
}

div.actions {
  width: 100%;
  clear: both;
  overflow: auto;
  padding: 5px 0;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #ff0000;
  display: block;
  margin-bottom: 10px;
  margin-top: -4px;
  font-size: 0.9em;
}

.field-validation-valid {
  display: none;
}

.input-validation-error {
  border: 1px solid #ff0000;
  background-color: #ffeeee;
}

.validation-summary-errors {
  font-weight: bold;
  color: #ff0000;
  font-size: 0.8em;
}

.validation-summary-errors > ul {
  list-style: square inside !important;
}

.validation-summary-errors > ul > li {
  background-image: none !important;
  font-size: 0.9em;
}

.validation-summary-valid {
  display: none;
}

.errorHeader {
  font-size: 1.7em;
  margin: 0 auto;
  padding: 5px 18px;
}
@media (min-width: 520px) {
  .errorHeader {
    background: url("/Content/Images/greenhouse.jpg") no-repeat scroll 0 0 transparent;
    color: white;
    height: 330px;
    padding: 112px 47px;
    width: 400px;
  }
}

.errorText {
  font-size: 1.3em;
  padding: 10px 47px;
  width: 500px;
  display: block;
  margin: 0 auto;
}
@media only screen and (max-width: 520px) {
  .errorText {
    width: auto;
  }
}

.error-search {
  padding: 8px 0;
  margin: 0 auto;
  margin-bottom: 10px;
  width: 80%;
}
@media only screen and (max-width: 520px) {
  .error-search {
    width: 100%;
  }
}

/* Login Page
----------------------------------------------------------*/
#login-oauth, #login-account {
  padding: 10px 20px 20px 20px;
}

#or {
  margin: 90px 0;
  text-align: center;
}
@media (max-width: 801px) {
  #or {
    margin: 0 !important;
  }
}
@media (min-width: 801px) {
  #or span {
    display: none;
  }
}

#login-oauth-container {
  margin-top: 10px;
}

#login-oauth h3, #login-account h3 {
  font-size: 1.422rem;
  font-weight: bold;
}

#oauth-buttons {
  margin-top: 60px;
}

#oauth-buttons a {
  display: block;
  height: 32px;
  width: 111px;
  border: 1px solid #aaa;
  float: left;
  margin-right: 5px;
}

#openid_identifier_input {
  font-size: large;
  padding-top: 5px;
  padding-bottom: 5px;
}

.OpenIdAjaxTextBox input[type='button'] {
  font-size: large;
}

.OpenIdAjaxTextBox .yui-button span button {
  font-size: large;
  margin-top: 2px;
}

.OpenIdAjaxTextBox img {
  padding-top: 7px;
}

.classiclogon {
  font-size: large;
  padding-top: 2px;
  padding-bottom: 2px;
}

.logonMsgWrap {
  background-color: #f2f7f6;
  color: black;
  margin: 10px 0;
  padding: 20px;
}

.logonMsgWrap > h2 {
  font-size: 2em;
}

.logonMsgWrap > div {
  margin: 20px 0px;
  font-weight: bold;
}

.logonMsgWrap > div > span {
  margin-right: 10px;
}

body.LogOn .LogOnForm form {
  display: none;
}

@media (min-width: 1000px) {
  body.LogOn .LogOnForm {
    width: 255px;
  }
}

/***************individual Space Styles*********************/
.spaceOverviewContent {
  margin: 0;
  padding: 0;
}

.spaceDirections {
  font-size: 0.8em;
  color: #6c6c6c;
}

#imageWrap {
  width: 100%;
  margin: 0 auto;
  border: 4px solid white;
  -moz-box-shadow: 1px 1px 4px #ccc;
  -webkit-box-shadow: 1px 1px 15px #ccc;
  box-shadow: 1px 1px 15px #ccc;
  margin-bottom: 15px;
}

.roomImage {
  display: block;
  position: relative;
  width: 100%;
  padding-top: 72.222222222%;
  margin: 0;
  background-size: cover;
  background-position: top left;
  background-repeat: no-repeat;
  overflow: visible !important;
}

.roomImage > li.hover {
  display: block;
  width: 16.7%;
  height: 15.4%;
  position: absolute;
  background: transparent url(/Content/Images/hotspot_read.png) no-repeat center center;
  margin-top: 10px;
  -moz-border-radius: 100%;
  -webkit-border-radius: 100%;
  border-radius: 100%;
}

.roomImage > li.hover > a {
  display: none;
  padding: 3px;
  font-size: 0.8em;
  background-color: rgba(0, 0, 0, 0.7);
  border-color: rgba(255, 255, 255, 0.4);
  border-radius: 3px;
  position: absolute;
  top: 34%;
  left: 63%;
  color: white;
}
@media only screen and (max-width: 520px) {
  .roomImage > li.hover > a {
    top: 15%;
    left: 75%;
  }
}
@media (max-width: 800px) {
  .roomImage > li.hover > a {
    display: block;
  }
}

.roomImage > li.hover > a:hover {
  color: white;
  text-decoration: none;
}

.roomImage > li > a {
  display: block;
  padding: 5px;
  background: white;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  color: Black;
  text-decoration: none;
  border: 1px solid #999;
  -moz-box-shadow: 0 0 4px 1px #999;
  -webkit-box-shadow: 0 0 4px #999;
}

.roomImage > li > a:hover {
  text-decoration: underline;
  color: Green;
}

#imageNav {
  display: block;
  overflow: auto;
}

#imageNav > li {
  display: block;
  height: 150px;
  width: 210px;
  margin: 0 auto 5px;
  position: relative;
  padding: 5px;
}

#imageNav > li.current {
  background: #EEE;
}

#imageNav > li > a {
  display: block;
  padding: 10px 0px;
  width: 100%;
  position: absolute;
  text-align: center;
  color: white;
  background: #2C2B33;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  bottom: 0;
  left: 0;
}

#imageNav > li > a.current {
  background: green;
}

#imageHead {
  display: block;
  width: 100%;
}

#spaceMenu {
  display: block;
  float: right;
  clear: right;
  margin: 0;
  padding: 0;
  width: 200px;
}

#spaceMenu > a {
  float: right;
  display: block;
  padding: 10px;
  background: white;
  border-bottom: solid 1px black;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  color: black;
  text-decoration: none;
  font-weight: bold;
}

#spaceMenu > div {
  display: none;
  width: 290px;
  position: absolute;
  margin-top: 30px;
}

#spaceMenu > div > div {
  background: transparent url(/Content/Images/menu_bg.png) no-repeat center top;
  color: Black;
  padding: 40px 25px 0px 25px;
  margin-bottom: 32px;
}

#spaceMenu > div.open {
  display: block;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  z-index: 950;
}

#spaceMenu > div > div > h4 {
  display: block;
  color: Black;
  padding: 5px 0px;
  font-weight: bold;
  z-index: 950;
  border-bottom: solid 1px black;
}

.spaceMenuClose {
  position: absolute;
  top: 35px;
  right: 20px;
}

#spaceMenu .menuFooter {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  background: transparent url(/Content/Images/menu_bg_bottom.png) no-repeat center top;
  height: 32px;
  width: 290px;
}

#spaceContent {
  clear: both;
  margin-top: 5px;
}
@media (min-width: 362px) and (max-width: 520px) {
  #spaceContent {
    width: 90% !important;
    margin: 0 auto;
    float: none;
  }
}
@media (min-width: 520px) and (max-width: 900px) {
  #spaceContent {
    width: 97% !important;
    margin: 0 auto;
    float: none;
  }
}

#gpc-link {
  padding-right: 0;
}

.materialAddTooltip {
  position: absolute;
  right: 0;
  top: -1.5em;
  display: none;
  color: Green;
}

.mat_subgroup {
  border-bottom: 1px solid #ccc;
  padding-bottom: 10px;
  margin-bottom: 10px;
  overflow: auto;
}

.materialName {
  font-weight: bold;
  display: block;
  float: left;
  margin-top: 3px;
  width: 110px;
}

.compareCbx {
  margin-top: 4px;
  margin-right: 5px;
}

.materialCompareWrap {
  overflow: auto;
  clear: both;
}

.materialCompareLi {
  float: left;
  border: 1px solid #ccc;
  min-height: 50px;
  margin: 5px 10px 15px 0;
  position: relative;
  padding: 5px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.materialCompareLi label {
  font-weight: bold;
  padding-right: 8px;
}

.selectedMaterial {
  border: 1px solid Green;
  background: #D5FFDA;
}

a.waiting {
  background: url(/Content/Images/button-loader.gif) center center no-repeat;
  cursor: default;
  text-indent: -9999px;
}

.AddRemoveWaiting {
  background: url(/Content/Images/button-loader.gif) right center no-repeat;
  padding-right: 20px;
}

/*** Accordion Styles ***/
.accordion {
  margin-top: 10px;
  margin-bottom: 20px;
}

.accordion h3 {
  display: block;
  background-color: #f6f6f6;
  margin: -1px 0 0 0;
  padding: 8px 15px;
  font-size: 1em;
  font-weight: 600;
  border: 1px solid #ccc;
  cursor: pointer;
  color: black;
}
@media only screen and (max-width: 520px) {
  .accordion h3 {
    padding: 12px 15px;
  }
}

.accordion h3.current {
  background: #e9e9e9;
}

.accordion .pane {
  border-width: 0 2px;
  display: none;
  padding: 15px;
  color: #333;
  background-color: #fff;
}
@media (max-width: 801px) {
  .accordion .pane {
    padding: 15px 0;
  }
}

/*** Tooltip Styles ***/
li.toolTipWrap {
  width: 50%;
  max-width: 30em;
  z-index: 101;
  padding-bottom: 5px;
  font-size: 0.95em;
  margin-top: 25px;
  position: absolute;
  background: white;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
  border-radius: 15px;
  border: solid 8px #1c8921;
  display: none;
}

li.toolTipWrap:after,
li.toolTipWrap::after {
  content: "";
  width: 0;
  bottom: -2.1em;
  left: 2em;
  position: absolute;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 49px solid transparent;
  border-top: 25px solid #1c8921;
}

li.toolTipWrap.bottom:after,
li.toolTipWrap.bottom::after {
  border: none !important;
}

li.toolTipWrap.left {
  margin-top: 15px;
  margin-left: 10px;
}

li.toolTipWrap.left:after,
li.toolTipWrap.left::after {
  content: "";
  width: 0;
  bottom: -2.1em;
  right: 2em;
  left: auto;
  position: absolute;
  height: 0;
  border-left: 49px solid transparent;
  border-right: 0px solid transparent;
  border-top: 25px solid #1c8921;
}

li.toolTipWrap > div {
  padding: 15px 15px 0px 15px;
  overflow: auto;
}

li.toolTipWrap.bottom {
  padding-bottom: 5px;
}

li.toolTipWrap.bottom:before,
li.toolTipWrap.bottom::before {
  content: "";
  width: 0;
  top: -2.1em;
  left: 2em;
  position: absolute;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 49px solid transparent;
  border-bottom: 25px solid #1c8921;
}

li.toolTipWrap.bottom.left:before,
li.toolTipWrap.bottom.left::before {
  content: "";
  width: 0;
  top: -2.1em;
  left: auto;
  right: 2em;
  position: absolute;
  height: 0;
  border-left: 49px solid transparent;
  border-right: 0px solid transparent;
  border-bottom: 25px solid #1c8921;
}

li.toolTipWrap.bottom.left:after,
li.toolTipWrap.bottom.left::after {
  border: none !important;
}

li.toolTipWrap.bottom > div {
  padding: 15px 15px 0px 15px;
}

li.toolTipWrap h4 {
  font-weight: bold;
  margin: 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #ccc;
  color: Black;
}

a.colInfoTip {
  background: none repeat scroll 0 0 #1c8921;
  border-radius: 17px;
  color: White;
  display: inline-block;
  font-style: italic;
  height: 17px;
  line-height: 17px;
  text-align: center;
  width: 18px;
}
a.colInfoTip:hover {
  text-decoration: none;
}

.colTip {
  width: 30%;
  max-width: 24em;
  background: #111;
  color: #F8F8F8;
  padding: 10px;
  position: absolute;
  display: none;
  font-size: 0.8em;
  font-weight: bold;
  line-height: 15px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 4px #8D8D8D;
  -webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  box-shadow: 1px 1px 4px #8D8D8D;
  display: none;
}

.colTip.green {
  background: #137A18;
  border-color: #137A18;
}

@media (min-width: 801px) {
  .colTip:after,
  .colTip::after {
    content: "";
    width: 0;
    bottom: -1.1em;
    left: 2em;
    position: absolute;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 35px solid transparent;
    border-top: 15px solid #111;
  }

  .colTip.green:after,
  .colTip.green::after {
    border-top-color: #137A18;
  }

  .colTip.bottom:after,
  .colTip.bottom::after {
    border: none !important;
  }

  .colTip.left:after,
  .colTip.left::after {
    content: "";
    width: 0;
    bottom: -1.1em;
    right: 2em;
    left: auto;
    position: absolute;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 0px solid transparent;
  }

  .colTip.bottom {
    margin-top: 20px;
  }

  .colTip.bottom:before,
  .colTip.bottom::before {
    content: "";
    width: 0;
    top: -1.1em;
    left: 2em;
    position: absolute;
    height: 0;
    border-left: 0px solid transparent;
    border-right: 35px solid transparent;
    border-bottom: 15px solid #111;
  }

  .colTip.green.bottom:before,
  .colTip.green.bottom::before {
    border-bottom-color: #1c8921;
  }

  .colTip.bottom.left:before,
  .colTip.bottom.left::before {
    content: "";
    width: 0;
    top: -1.1em;
    left: auto;
    right: 2em;
    position: absolute;
    height: 0;
    border-left: 35px solid transparent;
    border-right: 0px solid transparent;
  }

  .colTip.bottom.left:after,
  .colTip.bottom.left::after {
    border: none !important;
  }
}
.no-js .colTip {
  display: block;
}

/*****************space DetailHovers Styles******************/
.materialRefList > li {
  margin-bottom: 10px;
}

.materialRefLink {
  display: block;
}

.materialRefDesc {
  display: block;
}

.design {
  background: transparent url(/Content/Images/icons/icon_design.gif) no-repeat top left;
  padding: 8px 5px 8px 40px;
  display: block;
  margin: 0;
}

.compare {
  background: transparent url(/Content/Images/icons/icon_compare.gif) no-repeat top left;
  padding: 5px 5px 5px 40px;
  display: block;
  margin: 0;
}

.regulation {
  background: transparent url(/Content/Images/icons/federal_requirements_icon_small.png) no-repeat 0 8px;
  padding: 8px 5px 10px 40px;
  display: block;
  margin: 0;
}

.designGuidanceWrap {
  *padding-top: 7px;
}

.tipgoals {
  padding: 5px 5px 0 5px;
}
.tipgoals p {
  margin: 0;
  padding: 3px 0;
  font-style: italic;
  font-weight: bold;
  font-size: 0.9em;
}
@media only screen and (min-width: 1441px) {
  .tipgoals p {
    font-size: 0.8em;
  }
}

.tipDetails {
  *padding-top: 7px;
}

.tiplinks {
  padding: 8px 0;
  overflow: hidden;
}

/*.roomImage > li > div > ul{background:white; min-width:135px; padding:10px; margin-left:14px; border-radius:6px; -moz-border-radius:6px; -webkit-border-radius:6px;}*/
ul.detailTooltip {
  z-index: 1002;
  margin-top: 0;
}

ul.detailTooltip li {
  padding: 2px 0;
  float: left;
  margin-right: 10px;
  width: 7.5em;
  text-align: center;
}
@media (max-width: 900px) {
  ul.detailTooltip li {
    font-size: 0.9em;
  }
}

ul.detailTooltip li.last {
  margin-right: 0;
}

ul.detailTooltip li a {
  display: block;
  border: 1px solid #ccc;
  padding: 40px 10px 5px 10px;
  background-position: 50% 10%;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
}

ul.detailTooltip li a:hover {
  border-color: #1c8921;
  -moz-box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
  -webkit-box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
  box-shadow: 0 0 8px rgba(26, 139, 31, 0.5);
}

/* Modal System Details
----------------------------------------------------------*/
#modalWrap {
  position: relative;
}

#modalWrap h2 {
  font-weight: bold;
  font-size: 1.5em;
  float: left;
}

#modalWrap .modalNav {
  overflow: auto;
  float: right;
  width: 65%;
  margin: 0;
}

#modalWrap .modalNav > li {
  display: block;
  float: left;
  margin: 0 1px 0 0;
  overflow: auto;
  text-align: center;
  width: 33%;
}
@media only screen and (max-width: 520px) {
  #modalWrap .modalNav > li {
    margin: 0;
  }
}

#modalWrap .modalNav > li > a {
  padding: 5px 0px;
  display: block;
  background-color: #eee;
  text-decoration: none;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  color: #6c6c6c;
  font-weight: bold;
}

#modalWrap .modalNav > li > a.current {
  color: white;
  background-color: #1c8921;
}

.modalPanes {
  clear: both;
  border-top: 1px solid black;
  padding-top: 20px;
}

.shadow {
  -moz-box-shadow: 1px 1px 15px #000;
  -webkit-box-shadow: 1px 1px 15px #000;
  box-shadow: 1px 1px 15px #000;
  /* For IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
  /* For IE 5.5 - 7 */
  filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
  zoom: 1;
}

/* Alternative Views
----------------------------------------------------------*/
#altViews {
  position: absolute;
  top: 0;
  left: 0;
  width: 700px;
  height: 1px;
}

#altViewBox {
  height: 150px;
  padding: 10px 0 10px 17px;
  background-color: #000;
  display: none;
}

#altViewBox ul {
  overflow: auto;
}

#altViewBox > ul > li {
  display: block;
  height: 150px;
  width: 210px;
  float: left;
  margin-right: 17px;
  position: relative;
  display: none;
}

#altViewBox > ul > li.current {
  background: #EEE;
}

#altViewBox > ul > li > a {
  display: block;
  padding: 10px 0px;
  width: 100%;
  position: absolute;
  text-align: center;
  color: white;
  background: #2C2B33;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  bottom: 0;
  left: 0;
}

#altViewBox > ul > li > a.current {
  background: green;
}

#altViews > a.tab {
  float: right;
  display: block;
  width: 100px;
  padding: 5px 10px;
  background-color: Blue;
  color: White;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  z-index: 100;
}

/*regulation styling*/
.regulation-tabs {
  overflow: hidden;
  padding: 0;
  bottom: 1px;
  margin: 23px 0 -2px 0;
  position: relative;
}
.regulation-tabs li {
  float: left;
  background-color: #eee;
  color: #767676 !important;
  margin: 0;
  margin-right: -1px;
  padding: 8px 15px;
  font-size: 1em;
  font-weight: normal;
  border: 1px solid #ccc;
  cursor: pointer;
  text-align: center;
  color: black;
}
.regulation-tabs li:hover {
  color: #222 !important;
}
.regulation-tabs li.current {
  z-index: 2;
  border-bottom-color: white;
  color: #222 !important;
  background-color: white;
}
.regulation-tabs li.current:hover {
  cursor: default;
}
@media (max-width: 520px) {
  .regulation-tabs li {
    width: 50%;
    padding: 8px;
  }
}

.regulation-content {
  padding-top: 10px;
  border-top: solid 1px #ccc;
}

#regulationList > li > label {
  border-bottom: solid 1px Gray;
  display: block;
  width: 100%;
}

#regulationList > li > label > span {
  color: #767676;
  float: right;
  font-style: italic;
  font-size: 0.9em;
}

#regs {
  margin-left: 0;
}

#regs > li > .contentLinks > a {
  display: block;
  margin-left: 42px;
}

.hiddenReg {
  display: none;
}

.regulation > a.hideReg {
  display: none;
}

.meta {
  background-color: #F0F0F0;
  color: #666666;
  font-size: 0.8em;
  padding: 2px 4px;
}

/*********Comparison Overlay***************/
.simple_overlay {
  display: none;
  background-color: white;
  width: 800px;
  padding: 30px;
  min-height: 200px;
  border: 5px solid #1c8921;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  z-index: 3000;
  border-radius: 10px;
  /* CSS3 styling for latest browsers    -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999;   */
}

.comparison {
  width: 100%;
}

.simple_overlay .close {
  background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
  position: absolute;
  right: -13px;
  top: -13px;
  cursor: pointer;
  height: 28px;
  width: 28px;
}

ul#strategies {
  float: left;
  width: 240px;
  position: relative;
}

ul#strategies > li {
  position: absolute;
  display: block;
  width: 100%;
}

#Details {
  height: 130px;
}

#Details > li {
  position: absolute;
  display: block;
  width: 100%;
}

#tblComp ul {
  list-style-type: disc;
}

#tblComp ul li {
  margin-left: 20px;
}

/***************Landing Page Styles*********************/
.guides {
  margin-top: 20px;
  margin-left: -10px;
}

ul.guides li {
  display: block;
  height: 48px;
  margin: 15px 2.5%;
}
@media (min-width: 600px) and (max-width: 801px) {
  ul.guides li {
    margin: 5px 2.5%;
  }
}
@media (min-width: 801px) and (max-width: 940px) {
  ul.guides li {
    font-size: 0.85em;
  }
}
@media only screen and (min-width: 801px) {
  ul.guides li {
    width: 45%;
    float: left;
  }
}

ul.guides li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 8px 0 0 50px;
  text-transform: uppercase;
}
@media (max-width: 801px) {
  ul.guides li a {
    padding-top: 10px;
  }
}

ul.guides li.facility {
  background: transparent url("/Content/Images/icons/guide-icons.png") 0 4px no-repeat;
}

ul.guides li.procurement {
  background: transparent url("/Content/Images/icons/guide-icons.png") 0 -45px no-repeat;
}

ul.guides li.lease {
  background: transparent url("/Content/Images/icons/guide-icons.png") 0 -94px no-repeat;
}

ul.guides li.project {
  background: transparent url("/Content/Images/icons/guide-icons.png") 0 -144px no-repeat;
}

#GPCSidebarContent #gpc-video {
  margin-top: 14px;
  position: relative;
}
#GPCSidebarContent #gpc-video .flex-video.masked {
  zoom: 1;
  filter: alpha(opacity=5);
  opacity: 0.05;
}
#GPCSidebarContent #gpc-video .flex-video-mask {
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.89);
  text-align: center;
  line-height: 3.6em;
  font-size: 1.506rem;
  color: #cccccc;
  border-radius: 5px;
  font-weight: normal;
  letter-spacing: 0.01em;
}
#GPCSidebarContent #gpc-video .flex-video-mask .fa-youtube-play {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  height: 60px;
  width: 60px;
  color: dimgrey;
  font-size: 3.701rem;
}

#sample-contract-language header p {
  font-family: AvenirStd;
  font-size: 1.4em;
  font-weight: 200;
  color: #444;
}
#sample-contract-language h1 {
  font-family: 'AvenirStd', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 1.9em;
}
#sample-contract-language p {
  font-size: 1.14em;
}
#sample-contract-language em {
  font-style: italic;
}
#sample-contract-language em strong.note {
  text-transform: uppercase;
  text-decoration: underline;
  color: dimgrey;
  font-weight: normal;
}
#sample-contract-language article {
  margin: 20px 0 40px 0;
}
#sample-contract-language .article-box {
  margin: 10px 0;
  border-left: solid 3px #1c8921;
  padding: 12px 12px;
  background: #f5f5f5;
  font-family: 'AvenirStd', 'Helvetica Neue', 'Helvetica', Helvetica, Arial, sans-serif;
  font-weight: bold;
  font-size: 1.14em;
}

#scl-menu {
  position: fixed;
  width: 285px;
}
@media (max-width: 801px) {
  #scl-menu {
    display: none;
  }
}
@media (max-width: 1440px) {
  #scl-menu {
    width: 260px;
  }
}

#epeat-matrix {
  border-collapse: collapse;
}
#epeat-matrix th, #epeat-matrix td {
  border: solid 1px;
}
#epeat-matrix th {
  line-height: 1;
}

/*****Learn and Plan******/
.mainPost, .mainPostNoChecks {
  float: left;
  width: 65%;
  margin-right: 5%;
  margin-bottom: 20px;
  position: relative;
  padding-top: 8px;
  min-height: 200px;
}

.mainPost li {
  margin-top: 0.5em;
  margin-bottom: 0.5em;
}

.feature {
  position: relative;
}

.feature h3 {
  position: absolute;
  top: 60px;
  left: 0px;
}
@media only screen and (max-width: 520px) {
  .feature h3 {
    top: auto;
    bottom: 2px;
    font-size: 0.85em;
  }
}

.feature img {
  width: 100%;
}

.mainPost h4 {
  margin-top: 20px;
}

.mainPost ol > li {
  list-style-type: decimal;
  margin-left: 24px;
}

.mainPost ul > li {
  background: transparent url(/Content/Images/icons/green_check.png) no-repeat 0 5px;
  padding: 2px 0 2px 22px;
}

.mainPost ul.noCheck > li {
  background-image: none;
}

.sideBar {
  float: left;
  width: 30%;
}

.sideBar img {
  max-width: 100%;
}

.page .plan,
.sideBar.plan {
  border-right: 1px solid #EFF3F2;
}

.sideBar.plan ul li {
  margin-bottom: 15px;
  padding: 5px 0px;
}

.lower {
  clear: both;
  display: block;
  height: 260px;
  padding-top: 6px;
}

.contentLinks {
  padding-bottom: 10px;
}

.full {
  width: 100%;
}

.mainPost.leftSidebar {
  float: none;
  width: auto;
  margin: 0 0 0 180px;
}

#planHeaderArticle {
  clear: both;
  margin: 10px 0px 20px;
}

#planNav {
  float: left;
  width: 25%;
  margin-right: 2.5%;
  margin-bottom: 20px;
  padding: 2.5%;
  background: #D5FFDA;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius: 10px;
}

#planContent {
  float: left;
  width: 65%;
  margin-bottom: 20px;
}

.regulationTitle {
  margin-top: 10px;
}

.subCategory {
  padding: 0px 10px;
}

.subCategory > p {
  margin-top: 5px;
}

/*Annotation Styles
------------------------------------------------ */
#annotationLeadIn {
  /*-moz-box-sizing: border-box;*/
  background: #EEE;
  margin: 10px 0;
  overflow: auto;
  padding: 10px;
}

#annotationLeadIn > h4 {
  color: black;
  font-size: 1.2em;
  margin: 0;
}

#annotationLeadIn span.h3 {
  margin: 0 0 -3px 0;
  font-size: 1em;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

#annotationLeadIn > div > h4 {
  margin: 10px 0;
}

a.annotationType_1,
.annotationType_1 {
  color: #1f6cdf;
  font-weight: bold;
  font-size: 0.985em;
}

a.annotationType_2,
.annotationType_2 {
  color: darkgreen;
  font-weight: bold;
  font-size: 0.985em;
}

a.annotationType_3,
.annotationType_3 {
  color: #BF2860;
  font-weight: bold;
  font-size: 0.985em;
}

a.selected.annotationType_1,
a.bg.annotationType_1,
.bg.annotationType_1 {
  color: white;
  background: #1f6cdf;
}

a.selected.annotationType_2,
a.bg.annotationType_2,
.bg.annotationType_2 {
  color: white;
  background: darkgreen;
}

a.selected.annotationType_3,
a.bg.annotationType_3,
.bg.annotationType_3 {
  color: white;
  background: #BF2860;
}

a.selected.annotationType_1,
a.selected.annotationType_2,
a.selected.annotationType_3 {
  font-weight: bold;
  display: inline;
  text-decoration: none;
  padding: 1px 2px;
}

.annotationsPage h3 {
  display: block;
  line-height: 25px;
}

.annotationsPage.mainPost ul > li {
  background-image: none;
}

.fixedSlide {
  position: fixed !important;
  top: 0;
  padding-top: 10px;
}

.annotationsPage .fixedSlide {
  top: 0;
  max-width: 240px;
}

.annotationScroll {
  width: 100%;
}

#annotationContent .close {
  position: absolute;
  top: 10px;
  right: 10px;
}

#annotationContent em {
  display: block;
  font-size: .9em;
  font-style: italic;
  margin-bottom: 10px;
}

.annotationCitation h4,
.annotationsPage h4 {
  text-transform: capitalize;
}

.js #annotations-section {
  display: none;
}

/*Fun Fact and Case Study
------------------------------------------------*/
.funfact {
  display: block;
  background-color: #f2f7f6;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding: 24px 15px 10px 15px;
  position: relative;
  margin: 14px 0;
  word-wrap: break-word;
}
.funfact.space-to-gpc {
  padding: 8px 8px 12px 8px;
  margin-top: 0;
  line-height: 1.1;
}
@media (max-width: 900px) {
  .funfact.space-to-gpc {
    display: none;
  }
}
.funfact.space-to-gpc h4 {
  font-size: 0.9em;
  padding: 0 2px 2px 2px;
  margin-bottom: 6px;
}
.funfact.space-to-gpc a {
  line-height: 1.2;
  font-size: 0.88em;
}

.upperLegend.funfact {
  margin-top: 25px;
}

.funfact h3 {
  position: absolute;
  top: -16px;
  left: 15px;
}

.funfact h3.moveRight {
  left: 30px;
}

.adminHelp .funfact {
  margin: 40px 0;
}

.js .adminHelp .funfact h3 {
  padding-right: 25px;
  cursor: pointer;
  background-image: url(/Content/Images/icons/yellow_info.png);
  background-position: 97% center;
  background-repeat: no-repeat;
}

.js .adminHelp .funfact > div {
  display: none;
  padding-top: 20px;
}

span.source {
  font-size: .8em;
  font-style: italic;
  display: block;
  margin-top: 5px;
}

.casestudy {
  padding-bottom: 20px;
}

.gallery {
  margin-top: 10px;
  overflow: auto;
}

.gallery div.image {
  float: left;
  margin: 0 10px 10px 0;
  width: 30%;
}

.gallery img {
  width: 100%;
  max-height: 130px;
}

.leading {
  word-wrap: break-word;
  margin-bottom: 10px;
}

.leading p {
  margin: 0;
}

#imageLightBox {
  width: auto;
  padding: 5px;
  border: 2px solid #1c8921;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  /* CSS3 styling for latest browsers     -moz-box-shadow:0 0 15px 5px #999; -webkit-box-shadow: 0 0 15px #999;   */
}

/* Category Specific Styles
----------------------------------------------------------*/
.c41 {
  margin-top: 10px;
}

.c41 img {
  float: left;
  max-width: 100px;
  margin-right: 20px;
}

.c41 p {
  margin-top: 0;
}

.c2 a {
  display: block;
  padding: 5px 0;
}

.c2 a.readMore, .c41 a.readMore {
  display: none;
}

/***************Space Tour Styles*********************/
#building-systems {
  display: none;
  position: relative;
  margin: 0 auto;
  border: 4px solid white;
  -moz-box-shadow: 1px 1px 4px #ccc;
  -webkit-box-shadow: 1px 1px 15px #ccc;
  box-shadow: 1px 1px 15px #ccc;
  overflow: hidden;
}

#WBAMain .socialWrap {
  float: right;
}

.hoverPoint {
  display: block;
  position: absolute;
  background: transparent url(/Content/Images/hotspot_read.png) no-repeat left center;
  overflow: visible;
  cursor: pointer;
  padding: 1px 0;
}

.hoverPoint.leftLabel {
  background-position: right center;
}

.hoverPoint > em,
.hoverPoint > a > em {
  background-color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0.7);
  color: White;
  font-size: 0.8em;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 4px;
  margin-left: 25px;
  display: inline-block;
}
@media (max-width: 430px) {
  .hoverPoint > em,
  .hoverPoint > a > em {
    display: none;
  }
}

.hoverPoint.leftLabel > em,
.hoverPoint.leftLabel > a > em {
  margin-left: 0;
  margin-right: 25px;
}

.wbaHoverModal blockquote {
  font-style: italic;
  font-size: .8em;
  padding: 6px 8px;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  background-color: #f3f3f3;
  margin-top: 5px;
}

.wbaHoverModal blockquote img {
  display: block;
  margin: 0 auto;
}

.wbaHoverModal ul {
  list-style-type: circle;
}

.wbaHoverModal ul li {
  margin-left: 20px;
  margin-bottom: 10px;
}

.wbaHoverModal b {
  color: Black;
}

.systemOverviewImage {
  background-size: 700px;
}

.systemRelationships div {
  margin-bottom: 5px;
}

.wbaTabNav {
  overflow: hidden;
  margin: 0;
}

.wbaTabNav > li {
  display: block;
  float: left;
  margin: 6px 6px 0 0;
  overflow: auto;
  text-align: center;
  padding: 5px;
  background-color: #eee;
  text-decoration: none;
  color: #6c6c6c;
  font-weight: bold;
  cursor: pointer;
}
@media only screen and (min-width: 801px) {
  .wbaTabNav > li {
    padding: 5px 10px;
    margin: 0 1px 0 0;
    -webkit-border-top-left-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topleft: 4px;
    -moz-border-radius-topright: 4px;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
  }
}

.wbaTabNav > li.current {
  color: white;
  background-color: #1c8921;
  cursor: default;
}

body.explore .page {
  padding-top: 8px;
  padding-bottom: 50px;
  max-width: 98em;
}

#explore-title {
  float: left;
  margin-top: 3px;
}
@media (max-width: 1025px) {
  #explore-title {
    margin: 15px 0 0 0;
    padding-left: 12px;
  }
}
@media (max-width: 767px) {
  #explore-title {
    margin: -5px 0 15px 0;
  }
}

#explore-wrap {
  position: relative !important;
  display: table;
  width: 100%;
  height: 100%;
  border-spacing: 0;
  table-layout: fixed;
  border: solid 1px #bbb;
  box-shadow: 0px 8px 20px #c3c3c3;
}
@media (max-width: 767px) {
  #explore-wrap {
    border: 0;
    box-shadow: none;
  }
}

#explore-nav,
#explore-content {
  display: table-cell;
  float: none;
  position: relative;
  height: 100%;
  vertical-align: bottom;
}

#explore-nav {
  width: 250px;
  background: url("/Content/Images/subtle-white.jpg") center center no-repeat;
  background-size: cover;
}
@media (max-width: 767px) {
  #explore-nav {
    background: none;
  }
}
@media (max-width: 1140px) {
  #explore-nav {
    width: 220px;
  }
}

#explore-nav {
  box-shadow: 10px 11px 20px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
#explore-nav #spaces-nav,
#explore-nav #systems-nav {
  margin: 0;
  padding-top: 4px;
  padding-bottom: 6px;
}
#explore-nav #spaces-nav li,
#explore-nav #systems-nav li {
  height: 35px;
  position: relative;
}
@media (max-width: 767px) {
  #explore-nav #spaces-nav li,
  #explore-nav #systems-nav li {
    height: auto;
  }
}
#explore-nav #explore-menu {
  margin: -1px 0 0 0;
}
#explore-nav .nav-title {
  color: #333;
  background: #eee;
  margin: 0;
  padding: 12px 16px 10px 16px;
  font-weight: 700;
  font-size: 1.06em;
  letter-spacing: 1.5px;
  display: block;
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
#explore-nav .explore-nav-btn {
  color: #000;
  font-size: 1.1em;
  letter-spacing: .5px;
  padding: 0 16px;
  display: block;
  line-height: 38px;
  width: 120%;
  transition: width .15s ease;
}
#explore-nav .explore-nav-btn:hover, #explore-nav .explore-nav-btn:focus {
  text-decoration: none;
}
#explore-nav .explore-nav-btn > a {
  display: none;
}
@media (max-width: 767px) {
  #explore-nav .explore-nav-btn {
    width: 100%;
    text-align: center;
    font-size: 1.3em;
  }
}
#explore-nav .explore-nav-btn.active {
  background: url(/Content/Images//explore-active-item.png) right center no-repeat;
  position: absolute;
  width: 125%;
  z-index: 98;
  overflow: visible;
  top: -1px;
  left: 0;
  margin: auto;
  color: #fff;
  font-weight: 700;
  height: 41px;
  line-height: 40px;
}
#explore-nav .explore-nav-btn.active > a {
  float: right;
  display: inline-block;
  width: 88px;
  height: 41px;
  margin-right: -15px;
  z-index: 1;
  color: #fff;
  font-size: 0.753rem;
  font-weight: 600;
  padding: 1px 12px;
  transition: all .2s;
  font-size: 0.753rem;
  letter-spacing: 1px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 1px 9px;
}
#explore-nav .explore-nav-btn.active > a:hover {
  text-decoration: none;
  color: #ffe200;
  text-shadow: 5px 5px 25px #2d0179;
}

@media (max-width: 767px) {
  #explore-content {
    display: none;
  }
}
@media (min-width: 1025px) {
  #explore-content {
    padding-right: 0;
  }
}
#explore-content #overview-wrap {
  z-index: 2;
  width: 80%;
  min-height: 135px;
  background: #fff;
  padding: 18px 0px;
  font-size: 1.25em;
  position: absolute;
  bottom: 30px;
  left: 0;
  right: 0;
  margin: auto;
  transition: all 0.7s cubic-bezier(0, 0, 0.2, 1), opacity 0.15s cubic-bezier(0, 0, 0.2, 1);
}
#explore-content #overview-wrap.disable {
  opacity: 0;
  transform: translate3d(0, 5px, 0);
}
#explore-content #overview-wrap.enable {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
#explore-content #overview-wrap #overview {
  font-size: 0.89em;
  padding: 4px 24px 3px 24px;
}
#explore-content #overview-wrap #overview .h3 {
  font-size: 1.2em;
  background: none;
  color: #1c8921;
  padding: 2px 0 12px 0;
  text-transform: uppercase;
}
#explore-content #overview-wrap #overview p {
  line-height: 1.35;
  margin: 0;
  color: #1c8921;
}
#explore-content #overview-wrap #overview p a {
  color: #1f6cdf;
}
@media (min-width: 768px) {
  #explore-content #overview-wrap #overview .small-4 {
    display: none;
  }
}
@media (min-width: 768px) {
  #explore-content #overview-wrap #overview .small-8 {
    width: 100%;
  }
}
#explore-content #floorplates {
  margin: 0;
  height: 100%;
  width: 100%;
  top: 0;
}

#tab-box {
  margin-top: -18px;
  min-height: 195px;
}
#tab-box .wbaTabNav {
  background-color: #eee;
}
#tab-box .wbaTabNav li {
  border-radius: 0;
  padding: 10px 12px 6px 12px;
  text-transform: uppercase;
  font-size: 1.004rem;
  letter-spacing: 1px;
  margin: 0;
  width: 33.333%;
}
@media (min-width: 1150px) {
  #tab-box .wbaTabNav li > span {
    display: block;
  }
  #tab-box .wbaTabNav li > span.mobile-text {
    display: none;
  }
}
@media (max-width: 1149px) {
  #tab-box .wbaTabNav li > span {
    display: none;
  }
  #tab-box .wbaTabNav li > span.mobile-text {
    display: block;
  }
}
#tab-box .wbaTabNav li.current {
  background-color: #fff;
  color: #1c8921;
}
#tab-box .wbaTabNav li:not(.current):hover {
  color: #666;
}
#tab-box .tabContent {
  padding: 12px 36px;
}
#tab-box .tabContent h3 {
  background: none;
  color: #1c8921;
  display: block;
  padding: 0;
  font-weight: 400;
  font-size: 1em;
  text-indent: 30px;
  margin-bottom: 24px;
}
#tab-box .tabContent [class^="impact"] {
  padding: 6px 10px;
  text-indent: 47px;
  display: block;
}

#tab-box p {
  font-size: .92em;
  color: #1c8921;
}

.skewed-btn {
  float: right;
  color: #fff;
  padding: 8px 17px 6px 17px;
  display: inline-block;
  font-size: 0.92rem;
  background: #7a5eca;
  transform: skew(-12deg);
  letter-spacing: .5px;
  transition: background-color .2s;
}
.skewed-btn > span {
  transform: skew(12deg);
  display: inline-block;
}
.skewed-btn:hover {
  background: #593ab1;
}

.split-links {
  float: none;
  display: block;
  position: relative;
  font-weight: 700;
}
.split-links li {
  display: block;
  width: 50%;
  padding: 2px 0;
}
.split-links li:nth-child(odd) {
  float: left;
  border-right: solid 1px #bbb;
}
.split-links.bordered li:nth-child(odd) {
  width: 44.5%;
}
.split-links li:nth-child(even) {
  float: right;
}
@media (max-width: 1149px) {
  .split-links li {
    border: none !important;
    float: none !important;
    width: 100% !important;
  }
}

.space-details,
.system-details {
  display: none;
}
@media (max-width: 767px) {
  .space-details,
  .system-details {
    display: block;
  }
}
@media (max-width: 495px) {
  .space-details .small-4,
  .system-details .small-4 {
    width: 208px !important;
    float: none;
    margin: auto;
  }
}
@media (max-width: 495px) {
  .space-details .small-8,
  .system-details .small-8 {
    display: none !important;
  }
}
.space-details .thumbnail-box,
.system-details .thumbnail-box {
  display: none;
  position: relative;
  border: solid 2px whitesmoke;
  margin-bottom: 15px;
  width: 100%;
  max-width: 100%;
  background-size: cover !important;
  -moz-box-shadow: 1px 1px 15px #ccc;
  -webkit-box-shadow: 1px 1px 15px #ccc;
  -o-webkit-box-shadow: 1px 1px 15px #ccc;
  -ms-webkit-box-shadow: 1px 1px 15px #ccc;
  box-shadow: 1px 1px 15px #ccc;
}
@media (max-width: 767px) {
  .space-details .thumbnail-box,
  .system-details .thumbnail-box {
    display: block;
  }
  .space-details .thumbnail-box:active,
  .system-details .thumbnail-box:active {
    -moz-box-shadow: 1px 1px 20px #4d4d4d;
    -webkit-box-shadow: 1px 1px 20px #4d4d4d;
    -o-webkit-box-shadow: 1px 1px 20px #4d4d4d;
    -ms-webkit-box-shadow: 1px 1px 20px #4d4d4d;
    box-shadow: 1px 1px 20px #4d4d4d;
  }
}
.space-details .thumbnail-box span,
.system-details .thumbnail-box span {
  text-align: center;
  display: block;
  color: #fff;
  background: #268ce2;
  padding: 5px;
  margin: -4px 0 0 0;
}

#floorplate,
#floorplate-hl {
  width: 100%;
  height: 100%;
  display: block !important;
  -moz-border-radius: 2px 2px 0 0;
  -webkit-border-radius: 2px 2px 0 0;
  border-radius: 2px 2px 0 0;
  position: absolute;
  top: 0;
  left: 0;
}
#floorplate.highlighted,
#floorplate-hl.highlighted {
  zoom: 1;
  filter: alpha(opacity=0);
  opacity: 0;
  display: block !important;
}

#floorplate-hl {
  position: absolute;
  top: 0;
  left: 0;
}

@media (min-width: 350px) and (max-width: 520px) {
  #share-container {
    width: 350px;
  }
}
@media (min-width: 768px) and (max-width: 999px) {
  #share-container {
    width: 724px;
  }
}
#share-container .v-divider {
  display: inline-block;
  width: 2px;
  height: 36px;
  background: #c6c6c6;
  margin: 0 12px 0 14px;
  vertical-align: 0px;
}

.h3-blue,
.share-section-overview h3 {
  font-size: 1.4em;
  padding-left: 0;
  padding-bottom: 2px;
  margin: 0;
  color: #4e7caf;
  background: none;
}

.h3-blue {
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 5px 0px;
}

a.social-link {
  margin-right: 10px;
  transition: all .3s;
}
a.social-link:hover, a.social-link:focus, a.social-link:active {
  text-decoration: none;
  opacity: .8;
}

a.img-link {
  margin-bottom: 24px;
  display: block;
}
a.img-link:hover, a.img-link:focus, a.img-link:active {
  text-decoration: none;
}
a.img-link:hover h3, a.img-link:hover p, a.img-link:focus h3, a.img-link:focus p, a.img-link:active h3, a.img-link:active p {
  color: #1f6cdf;
}
a.img-link:hover img, a.img-link:focus img, a.img-link:active img {
  opacity: .8;
  box-shadow: 1px 2px 7px #000;
}
a.img-link.centered {
  text-align: center;
}
a.img-link img {
  display: block;
  margin: 0;
  width: 100%;
  max-width: 100%;
  height: auto;
  box-shadow: 1px 2px 4px #919191;
  transition: all 0.3s;
}
@media (max-width: 999px) {
  a.img-link img {
    max-height: none !important;
  }
}
a.img-link h3 {
  display: block;
  color: #333333;
  font-size: 1.6em;
  background: none;
  margin: 8px 0 -12px 0;
  transition: color .3s;
}
@media only screen and (min-width: 801px) {
  a.img-link h3 {
    font-size: 1.6em;
  }
}
a.img-link p {
  color: #282729;
  line-height: 1.3;
  font-size: 1.28em;
  transition: color .3s;
}

.table-minimal {
  border: 0;
  border-collapse: collapse;
}
.table-minimal thead {
  border: 0;
  background: none !important;
}
.table-minimal thead th {
  border: 0;
  color: #1B2431;
  font-size: 0.669rem;
  text-transform: uppercase;
  font-weight: 800;
  letter-spacing: .04em;
}
.table-minimal tbody tr:nth-of-type(even) {
  background: none !important;
}
.table-minimal tbody tr td {
  line-height: 1.5;
  padding-top: 14px;
  padding-bottom: 12px;
  border-top: 1px solid #DBE0E4;
  border-bottom: 1px solid #DBE0E4;
}

.share-section-overview p {
  margin: 0px 0 16px 0;
  font-size: 1.15em;
}

.s-read-more {
  padding: 10px;
}

#social-share-cards .large-6 {
  padding-right: 18px;
  margin-right: 0;
}
@media (min-width: 520px) and (max-width: 801px) {
  #social-share-cards .large-6 {
    width: 50%;
  }
}
@media (min-width: 801px) and (max-width: 999px) {
  #social-share-cards .large-6 {
    width: 100%;
  }
}

.social-card {
  position: relative;
  background: white;
  padding: 0 0 10px 0;
  margin: 0 0 26px 0;
  word-break: break-word;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #CACACA;
  border-top: none;
  -moz-box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  -o-box-shadow: 2px 2px 10px #ccc;
  -ms-box-shadow: 2px 2px 10px #ccc;
  box-shadow: 2px 2px 10px #ccc;
}
.social-card.twitter:before {
  border-top: solid 4px #55ACEE;
  display: block;
  content: "";
}
.social-card.pinterest:before {
  border-top: solid 4px #cb2027;
  display: block;
  content: "";
}
.social-card.facebook:before {
  border-top: solid 4px #3b5999;
  display: block;
  content: "";
}
.social-card .sc-article-src {
  display: inline-block;
  font-size: 0.836rem;
  padding: 0 10px 15px 10px;
  font-weight: bold;
}
.social-card dl {
  clear: both;
  margin: 0;
  padding: 0 10px 10px 10px;
}
.social-card dl dt {
  display: block;
  font-size: 0.669rem;
  color: #222;
  margin: 0;
  padding: 2px 0 1px 0;
}
.social-card dl dd {
  font-size: 0.9em;
  margin: 0;
}
.social-card dl dd a {
  padding: 0 1px 0 1px;
}
.social-card p {
  clear: both;
  margin: 0;
  padding: 2px 10px 10px 10px;
  font-size: 0.9em;
}

.card-category {
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 6px 4px 6px;
  z-index: 0;
}
.card-category.twitter {
  background-color: #55ACEE;
}
.card-category.pinterest {
  background-color: #cb2027;
}
.card-category.facebook {
  background-color: #3b5999;
}

.sc-provider-info {
  float: left;
  padding: 10px 10px 4px 10px;
  z-index: 99;
}
.sc-provider-info .sc-provider {
  display: inline-block;
  padding: 0 0 2px 8px;
  font-size: 0.92rem;
  font-weight: bold;
  color: #222;
  margin-top: 6px;
}
.sc-provider-info .sc-datestamp {
  display: block;
  font-size: 0.669rem;
  padding: 2px 0;
  margin: 0 0 0 8px;
}
.sc-provider-info .sc-datestamp b {
  padding: 3px 0;
}
.sc-provider-info .sc-datestamp span {
  color: #b7b7b7;
  font-weight: bold;
}
.sc-provider-info .sc-profile-pic {
  width: 40px;
  height: 40px;
  float: left;
}

.sc-img img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 175px;
}

#ask-sftool {
  position: relative;
  display: block;
  background: #55ACEE;
  color: white;
  margin-bottom: 26px;
  font-size: 1em;
  padding: 10px 10px 10px 70px;
  -webkit-transition: background 0.25s linear;
  -moz-transition: background 0.25s linear;
  -ms-transition: background 0.25s linear;
  -o-transition: background 0.25s linear;
  transition: background 0.25s linear;
}
#ask-sftool strong {
  display: block;
  color: white;
  padding-top: 6px;
  font-size: 1.2em;
}
#ask-sftool span {
  background: transparent url("/Content/Images/Icons/twitter-logo-white-med.png") no-repeat 0 0;
  height: 34px;
  width: 42px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  margin: auto;
}
#ask-sftool:hover {
  text-decoration: none;
  background: #1686db;
}

#featured-story {
  margin-bottom: 26px;
  background: white;
  box-sizing: border-box;
  border: 1px solid #CACACA;
  border-top-color: #DADADA;
  border-left-color: #DADADA;
  -moz-box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  -o-box-shadow: 2px 2px 10px #ccc;
  -ms-box-shadow: 2px 2px 10px #ccc;
  box-shadow: 2px 2px 10px #ccc;
}
#featured-story .h2 {
  line-height: 1.12;
  font-size: 1.5em;
  padding: 6px 0 0px 0;
}
#featured-story img {
  display: block;
  width: 100%;
  max-width: 100%;
  max-height: 300px;
  border-bottom: solid 4px #1c8921;
}
#featured-story .fs-details {
  padding: 6px 10px 10px 10px;
}
#featured-story .s-tag-box {
  padding-left: 0;
  padding-top: 4px;
}

.story-tile {
  float: left;
  width: 47%;
  margin: 0 0 26px 0;
  border: 1px solid #c6c6c6;
  box-shadow: 1px 1px 10px #ccc;
  transition: all 0.3s;
}
@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
  .story-tile {
    width: 100%;
    float: none;
  }
}
.story-tile a {
  display: block;
}
.story-tile .st-inner {
  border: solid 4px white;
  position: relative;
  overflow: hidden;
}
.story-tile h5 {
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  padding: 10px;
  color: white;
  filter: alpha(opacity=75);
  background: #222;
  background: rgba(0, 0, 0, 0.75);
}
@media (min-width: 801px) and (max-width: 999px) {
  .story-tile h5 {
    font-size: 1.25em;
    padding: 16px 10px;
  }
}
.story-tile img {
  display: block;
  width: 100%;
  max-width: 100%;
  min-height: 150px;
  max-height: 150px;
}
@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
  .story-tile img {
    max-height: 300px;
  }
}
.story-tile:hover {
  cursor: pointer;
  opacity: .8;
  -moz-box-shadow: 1px 1px 15px #0d0d0d;
  -webkit-box-shadow: 1px 1px 15px #0d0d0d;
  -o-webkit-box-shadow: 1px 1px 15px #0d0d0d;
  -ms-webkit-box-shadow: 1px 1px 15px #0d0d0d;
  box-shadow: 1px 1px 15px #0d0d0d;
}

.st-divider {
  width: 26px;
  float: left;
  padding-top: 150px;
}
@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
  .st-divider {
    padding-top: 0;
  }
}

.s-tag-box {
  font-size: 0.753rem;
  font-weight: bold;
  padding: 0 10px 10px 10px;
}
.s-tag-box div {
  float: left;
  display: inline-block;
}
.s-tag-box .tag-header {
  min-width: 36px;
  padding-top: 5px;
}
.s-tag-box a {
  background: #f5f5f5 !important;
  border: solid 1px #c6c6c6;
  border-radius: 2px;
  width: auto !important;
  color: #888;
  text-shadow: none;
  display: inline-block;
  word-wrap: break-word;
  margin: 0 0 3px 0px;
  line-height: 1;
  padding: 4px 7px;
  -moz-transition: all 125ms linear;
  -webkit-transition: all 125ms linear;
  -o-transition: all 125ms linear;
  transition: all 125ms linear;
}
.s-tag-box a:hover {
  text-decoration: none;
  color: white;
  background: #888 !important;
  border-color: #909090 !important;
}

#share-story-callout {
  border: none;
  background: none;
  padding-top: 0;
  padding-right: 0;
  padding-left: 0;
}
@media (max-width: 520px), (min-width: 801px) and (max-width: 999px) {
  #share-story-callout {
    width: 100%;
    padding: 0 34px 0 0;
    float: none !important;
  }
}
#share-story-callout > :first-child {
  padding-top: 0;
}
#share-story-callout h4 {
  font-size: 1.9em;
  margin-bottom: 0;
}
@media (max-width: 520px) {
  #share-story-callout h4 {
    font-size: 1.6em;
  }
}
#share-story-callout p {
  font-size: 1.15em;
  margin-bottom: 1em;
}
#share-story-callout .button {
  padding-left: 0.9em;
  padding-right: 0.9em;
  font-size: 0.87em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
@media (min-width: 801px) and (max-width: 999px) {
  #share-story-callout .button {
    font-size: 1em;
  }
}

/* Admin styles */
#twitter-intent-form input {
  font-size: 0.75em;
}
#twitter-intent-form input[type=submit] {
  font-size: 0.75em;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-color: #55ACEE;
  border-color: #6cb7f0;
}
#twitter-intent-form input[type=submit]:hover {
  background-color: #1d91e8;
}

#twitter-admin {
  position: relative;
}
#twitter-admin form {
  padding-left: 10px;
  padding-right: 10px;
}
#twitter-admin #loading-gif {
  background: transparent url("/Content/Images/ajax-loading.gif") no-repeat 0 0;
  height: 16px;
  width: 16px;
  float: right;
  display: inline-block;
  margin: -4px 0 0 8px;
}

#tweet-results-message {
  float: right;
  color: red;
}

#twitter-admin-noscript {
  position: absolute;
  top: 220px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding: 30px;
  width: 625px;
  border: solid #444;
  border-radius: 8px;
  background: #eee;
  font-size: 1.255rem;
  color: #333;
}

#twitter-admin-table {
  border-collapse: collapse;
}
#twitter-admin-table .button {
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  background-color: #55ACEE;
  border-color: #6cb7f0;
}
#twitter-admin-table .button:hover {
  background-color: #1d91e8;
}
#twitter-admin-table .social-card {
  width: 100%;
  margin-bottom: 0;
  padding-bottom: 0;
  float: left;
}
#twitter-admin-table .social-card .url-edit-box label {
  margin-left: 12px;
}
#twitter-admin-table .social-card .sc-article-src {
  width: 255px;
  padding: 0.5em;
  margin-left: 10px;
  margin-bottom: 12px;
  background: none;
  font-weight: normal;
}
#twitter-admin-table .social-card .sc-article-src.display {
  color: #1f6cdf;
  display: inline-block;
  padding-left: 0;
  margin-left: 10px;
  font-size: 0.92rem;
  font-weight: bold;
  box-shadow: none;
  border: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
#twitter-admin-table .social-card .upload-results-message {
  color: red;
  font-weight: bold;
  display: block !important;
  margin-top: 9px;
  font-size: 0.669rem;
}
#twitter-admin-table .social-card .upload-img-form {
  float: left;
  margin: 0 0 0 62px;
  width: 225px;
}
#twitter-admin-table .social-card .upload-img-form h5 {
  margin-top: 0;
  padding-top: 0;
}
#twitter-admin-table .social-card .upload-img-form .button {
  padding-left: 22px;
  padding-right: 22px;
}
#twitter-admin-table .social-card .sc-img {
  position: relative;
  margin: 0 0 10px 10px;
}
#twitter-admin-table .social-card .content-img {
  position: relative;
  display: inline-block;
  width: 190px;
  height: 120px;
  float: left;
}
#twitter-admin-table .social-card .content-img img {
  height: 120px;
  max-height: auto;
}
#twitter-admin-table .social-card .content-img.none:before {
  content: "No Image";
  position: absolute;
  top: 0;
  font-size: 0.836rem;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 55px;
  height: 10px;
}
#twitter-admin-table .social-card .content-img.none img {
  background: #eee;
}
#twitter-admin-table .social-card .content-img.none .delete-content-img-icon {
  display: none;
}
#twitter-admin-table .social-card .content-img .delete-content-img-icon {
  position: absolute;
  height: 24px;
  width: 24px;
  cursor: pointer;
  top: 0px;
  background-color: #55ACEE;
  right: 0px;
  background-position: -451px 5px;
  -webkit-transition: background-color 250ms ease-in-out;
  transition: background-color 250ms ease-in-out;
}
#twitter-admin-table .social-card .content-img .delete-content-img-icon:hover {
  background-color: #1d91e8;
}
#twitter-admin-table .social-card dl {
  padding-bottom: 4px;
}
#twitter-admin-table .social-card dl dd {
  width: 400px;
  font-size: 0.836rem;
}
#twitter-admin-table .social-card .sc-edit-display-url {
  font-size: 0.92rem;
  font-weight: bold;
  color: #222;
}
#twitter-admin-table .social-card .sc-edit-display-url:hover {
  cursor: pointer;
}
#twitter-admin-table .social-card .s-tag-box {
  width: 45%;
}
#twitter-admin-table .social-card .s-tag-box .tag-content {
  width: 84%;
}
#twitter-admin-table .social-card .s-tag-box input {
  display: inline;
  float: left;
  width: 150px;
  margin: 0 0 10px 0;
}
#twitter-admin-table .social-card .s-tag-box .add-tag-btn {
  margin: 0px 0 0 -1px;
  padding: 5px 10px;
  border-bottom: solid 2px #55ACEE;
}
#twitter-admin-table .social-card .s-tag-box a:hover {
  background: #f5f5f5 !important;
  border: solid 1px #c6c6c6 !important;
  color: #888;
  cursor: default;
}
#twitter-admin-table .social-card .s-tag-box .delete-tag:hover {
  cursor: pointer;
}
#twitter-admin-table tbody tr:hover {
  background: white !important;
}
#twitter-admin-table tbody tr:nth-of-type(even):hover {
  background: #f9f9f9 !important;
}
#twitter-admin-table td {
  padding: 1em;
  border-right: 0;
  border-bottom: 0 !important;
  line-height: 1;
}
#twitter-admin-table td input[type="checkbox"] {
  margin: 0;
}

/*expand and contract help text*/
.accordion h3 > .helpText {
  float: right;
  font-style: italic;
  color: #767676;
  font-size: 0.85em;
}

/******Material Group No-JS Styles*******************/
.guidanceText {
  font-size: 1em;
}

/******************System Compare table**************/
.pro {
  background: url("/Content/Images/icons/add.png") 0 3px no-repeat;
  display: block;
  padding-left: 20px;
}

.con {
  background: url("/Content/Images/icons/delete.png") 0 3px no-repeat;
  display: block;
  padding-left: 20px;
}

.info {
  background: url("/Content/Images/icons/information_yellow.gif") 0 3px no-repeat;
  display: block;
  padding: 1px 0 0 20px;
}

.cost1 {
  background: url("/Content/Images/icons/money1.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

.cost2 {
  background: url("/Content/Images/icons/money2.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

.cost3 {
  background: url("/Content/Images/icons/money3.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

span.low {
  background: url("/Content/Images/icons/money1.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

span.medium {
  background: url("/Content/Images/icons/money2.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

span.high {
  background: url("/Content/Images/icons/money3.png") 0 3px no-repeat;
  display: block;
  padding-top: 24px;
}

/*******FeedBack Styles*********************/
#feedbackDescHeader {
  margin: 10px 0 10px;
  text-align: left;
  display: block;
  width: 18%;
}

#footerWrap {
  z-index: 1050;
}

#feedback-wrap .h5 {
  text-align: left;
  padding: 0;
  margin-top: 3px;
}
#feedback-wrap p {
  text-align: left;
  padding: 0;
  margin: 6px 0;
  word-spacing: -1px;
  font-size: 0.98em;
  margin-bottom: 10px;
}
#feedback-wrap .button {
  float: left;
}
@media (max-width: 800px) {
  #feedback-wrap {
    text-align: center;
  }
  #feedback-wrap .h5, #feedback-wrap p {
    display: none;
  }
  #feedback-wrap .button {
    clear: left;
    float: none;
  }
}

div.loading {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  height: 5em;
  display: block;
  z-index: 5000;
  width: 160px;
  padding: 20px;
  background-color: #1c8921;
  border: 2px solid #fff;
  color: #fff;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  text-align: center;
  display: none;
  font-size: 1.2em;
}

/* Implement Styles
----------------------------------------------------------*/
#projectSummaryWrap {
  overflow: auto;
}

#projectSummaryWrap h4 {
  margin-top: 0;
}

.projectSidebar {
  width: 26%;
  background-color: #1c8921;
  color: White;
  padding: 3px 1.5%;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

#projectSidebar > h4 {
  display: block;
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
  width: 100%;
}

#projectSidebar > a {
  display: block;
  width: 60%;
  margin: 0 auto 10px;
  text-align: center;
  padding: 10px;
  background: white;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

.additionalProjectSelections {
  margin: 10px 0 20px;
}

.projectGrid {
  margin: 0px;
}

.comingSoon {
  cursor: default;
  display: block;
  width: 100%;
}

.comingSoon:hover {
  color: #767676;
  font-style: italic;
}

.addMaterialsProject {
  font-weight: bold;
  font-size: 0.9em;
}

.projectCompare {
  float: right;
  clear: both;
  margin-top: 10px;
}

/*report*/
.projectTipWrap {
  margin-bottom: 40px;
}

.materialTip {
  margin-bottom: 50px;
  border-bottom: 1px solid gray;
  page-break-inside: avoid;
}

.materialTip > h3 {
  width: 98%;
  display: block;
  /*border-bottom: 1px solid #1c8921;*/
}

.reportTipWrap {
  padding-left: 10px;
}

.reportTipWrap > ul {
  margin-left: 10px;
}

/*site map*/
#siteMap {
  font-size: 0.9em;
  overflow: auto;
}

#siteMap > li {
  display: block;
  float: left;
  width: 13%;
  margin-right: 1%;
}

#siteMap > li > ul {
  padding-left: 10px;
}

#siteMap > li > ul > li {
  margin-bottom: 5px;
}

#siteMap > li > ul.planSiteMap > li {
  margin-bottom: 15px;
}

#siteMap > li > ul > li > ul {
  padding-left: 10px;
}

#siteMap > li > ul > li > ul > li {
  margin-bottom: 7px;
  border-bottom: solid 1px #EEE;
}

#siteMap h4 {
  border-bottom: 1px solid #1c8921;
  padding-left: 5px;
  font-size: 1.5em;
}

#siteMap h5 {
  border-bottom: 1px solid #EEE;
  background: #EEE;
  padding-left: 5px;
}

/* Question Styles
----------------------------------------------------------*/
.question {
  padding: 20px 0;
  border-top: 1px solid #f0f0f0;
  overflow: auto;
}

.question .details {
  padding: 0 0 20px 0;
}

.counts .views {
  display: block;
  padding: 5px 0;
  width: 80px;
  background-color: #a1b972;
  color: #FFF;
  text-align: center;
}

.count {
  font-size: 2em;
  text-align: center;
}

.summary .meta {
  float: right;
  background-color: #fff;
  padding: 4px;
  font-size: 1em;
}

.tags {
  padding: 5px 0;
}

    .tags .tag, .tags .hyperlinkyForm input[type="submit"].tag {
        border-radius: 1px;
        float: left;
        display: inline-block;
        background-color: #1f6cdf;
        padding: 4px 8px 4px 8px;
        margin: 0 3px 3px 0;
        border-bottom: 1px solid #999;
        border-right: 1px solid #999;
        font-size: 1.1em;
        color:white;
    }

.tag:hover,
.hyperlinkyForm input[type="submit"].tag:hover {
    text-decoration: none;
    background-color: #2f7cef;
}

.answered {
  background: green;
  color: White;
}

.unanswered {
  background: red;
  color: White;
}

.status {
  float: right;
  padding: 3px 4px;
}

.answer {
  padding: 20px;
  background-color: #e3ebd5;
}

/* Story Styles
----------------------------------------------------------*/
div.storyTile {
  display: block;
  margin: 1px 20px 20px 0;
  padding: 10px;
  min-height: 225px;
  width: 288px;
}

div.storyTile img {
  width: 100%;
  max-width: 100%;
  height: 175px;
}

div.story {
  padding: 5px 0 10px 0;
  border-top: 1px solid #f0f0f0;
  overflow: auto;
}

div.story h3 {
  padding: 2px 0;
  margin: 0 0 4px 0;
  line-height: 1em;
  display: block;
}

div.story .thumb {
  text-align: center;
  margin-top: 5px;
  overflow: hidden;
}

div.story .thumb img {
  width: 100%;
  max-width: 100%;
  max-height: 175px;
}

.noImage {
  background-color: #eeeeee;
  line-height: 85px;
  color: White;
  font-weight: bold;
  font-size: 1.2em;
}

.subHeader {
  display: block;
  padding: 8px 0;
  margin-bottom: 10px;
}

.pageContent {
  clear: both;
}

.legend {
  display: block;
  height: 24px;
}

.legend span {
  display: inline-block;
  margin-right: 5px;
}

.legend b {
  color: Black;
}

/*Footer styles*/
@media (max-width: 800px) {
  #footer-nav li a {
    font-size: 1.3em;
    padding: 0 3px;
  }

  .footer-links {
    width: 290px;
    margin: auto;
    margin-bottom: 15px;
  }
  .footer-links li {
    display: inline;
    margin-left: 6px;
    width: 86px;
  }
  .footer-links li:first-child {
    display: block;
    width: 100%;
  }

  .social-wrap {
    width: 274px;
    margin: auto;
    text-align: center !important;
  }
}
@media only screen and (max-width: 520px) {
  .footer-links li {
    margin-bottom: 3px;
    width: 45%;
  }
}
#stayConnected ul li {
  display: inline-block;
  margin: 0 20px 0 0;
  font-weight: bold;
  text-align: center;
}
@media (max-width: 1000px) {
  #stayConnected ul li {
    margin: 0 2px 0 0;
  }
}

#stayConnected ul li a {
  display: block;
  padding-top: 48px;
  font-size: 0.8em;
  color: #013370;
}

.facebook-icon a {
  background: transparent url("/Content/Images/main-sprite.png") -62px 0 no-repeat;
  width: 48px;
}

.twitter-icon a {
  background: transparent url("/Content/Images/main-sprite.png") -113px 0 no-repeat;
  width: 48px;
}

.pinterest-icon a {
  background: transparent url("/Content/Images/main-sprite.png") -164px 0 no-repeat;
  width: 48px;
}

.rss {
  background: transparent url("/Content/Images/logo_rss.jpg") top center no-repeat;
  width: 80px;
}

#providedBy {
  margin-bottom: 20px;
}
@media (max-width: 801px) {
  #providedBy {
    margin-right: 21px;
    float: left;
  }
}

a.gsa {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  display: inline-block;
}
@media (max-width: 800px) {
  a.gsa {
    width: 48px;
  }
}
a.gsa span {
  display: inline-block;
}
a.gsa span:first-child {
  background: url("/Content/Images/main-sprite.png") no-repeat scroll -215px 0 transparent;
  height: 48px;
  width: 48px;
}
@media (max-width: 800px) {
  a.gsa span:nth-child(2) {
    display: none !important;
  }
}

.footerSection {
  height: 85px;
}
@media only screen and (min-width: 801px) {
  .footerSection {
    height: 125px;
  }
}

/*Search Layout
***************************************************/
.searchWrapper {
  position: relative;
  margin-top: -18px;
}
.searchWrapper .h2 {
  font-size: 1.8em;
  padding-bottom: 4px;
  color: #1c8921;
}
@media (max-width: 801px) {
  .searchWrapper .h2 {
    padding-bottom: 0;
  }
}
.searchWrapper .h2#learn-and-plan {
  padding-bottom: 5px;
}
.searchWrapper h4 {
  font-size: 1.2em;
}
.searchWrapper .leading {
  margin-bottom: 0;
}
.searchWrapper .subHeader {
  padding: 8px 15px 0 15px;
  border-bottom: solid 3px #bdac14;
}

#updateSearchQuery,
#updateSearchSubmit {
  font-size: 1.3em;
  line-height: 1em;
}

.searchCol3 {
  width: 200px;
  padding: 20px 0 0 10px;
  float: right;
  border-left: 1px solid #EFF3F2;
}

.tagResult {
  background-color: #f2f7f6;
  padding: 10px 20px 10px 0px;
  margin-bottom: 10px;
  overflow: auto;
}

.searchResult {
  margin-bottom: 20px;
}

.searchResult p {
  margin-top: 0px;
}

ul.everything a.everything {
  color: Black;
}

ul.content a.content {
  color: Black;
}

ul.materials a.materials {
  color: Black;
}

ul > li.current > a,
.sideBar > ul > li.current > a {
  color: Black;
  font-weight: bold;
}

.plan > ul > li > ul {
  margin-bottom: 10px;
}

.plan > ul > li > ul > li {
  margin-left: 18px;
}

/* Updated Search Result
*****************************************************/
.combinedSearch .searchCol1 ul {
  background: #EEE;
  padding: 0 5%;
}

.combinedSearch .searchCol1 ul li {
  border-bottom: 1px solid #CCCCCC;
}

.combinedSearch .searchCol1 ul li:last-child {
  border-bottom: none;
}

.combinedSearch .searchCol1 ul li a span {
  background: darkgray;
  border-radius: 15px 15px 15px 15px;
  color: white;
  display: inline-block;
  float: right;
  height: 7px;
  line-height: 7px;
  padding: 6px;
  text-indent: 0;
}

.combinedSearch .searchCol2.sliding {
  margin-left: 27%;
  min-width: 552px;
}

/*Advanced Search Mockup*/
.advanced.combinedSearch .searchCol1 ul {
  background: none;
  padding: 0 15px 0 15px;
  width: 100%;
}

.advanced.combinedSearch .searchCol1 ul li {
  border-bottom: none;
  /* 1px solid #CCCCCC;*/
}

.advanced.combinedSearch .searchCol1 ul li:last-child {
  border-bottom: none;
}

.advanced.combinedSearch .searchCol1 ul li a.everything {
  padding-left: 8%;
}

.advanced.combinedSearch .searchCol1 ul li a span {
  background: darkgray;
  border-radius: 15px 15px 15px 15px;
  color: white;
  display: inline-block;
  float: right;
  height: 7px;
  line-height: 7px;
  padding: 6px;
  text-indent: 0;
}

.advanced.combinedSearch .searchCol1 ul li a span.toggleState {
  float: left;
  font-weight: bold;
  color: #1c8921;
  background: none;
  font-size: 1.5em;
}

#filters li ul,
.advanced.combinedSearch .searchCol1 ul li ul {
  margin: 0 0 0 15px;
}

.advanced.combinedSearch .searchCol2.sliding {
  margin-left: 27%;
  min-width: 552px;
}

.advanced .tagResult {
  width: 100%;
}

/*By no text shadow i mean IE9 Beautify the web my ***/
.no-textshadow .combinedSearch .searchCol2.sliding {
  margin-left: 255px;
  width: 552px;
}

#search-referral {
  background-color: #f2f2f2;
  border: solid 1px #dedede;
  padding: 1px 10px 10px 10px;
}

.combinedSearch .tagResult {
    background-color: #f2f7f6;
    padding: 1px 10px 10px 10px;
    margin-bottom: 10px;
    word-wrap: break-word;
}

.combinedSearch .searchResult {
  margin-bottom: 6px;
  padding-bottom: 5px;
}
.combinedSearch .searchResult h4 {
  font-size: 1.1em;
  line-height: 1.28;
  padding-bottom: 1px;
}

.combinedSearch .searchResult.hiddenListResult {
  display: none;
}

.combinedSearch .expanded .searchResult.hiddenListResult {
  display: block;
}

.combinedSearch .expanded .inlineResult {
  display: none;
}

/**going to fix this so it doesn't reneder, but just incase don't display***/
.combinedSearch .searchResult img,
.combinedSearch .searchResult .descriptionImage,
.combinedSearch .searchResult .imageCaption {
  display: none;
}

.combinedSearch .searchResult p {
  margin-top: 0px;
  font-size: inherit;
}
.combinedSearch .searchResult p span {
  font-size: inherit !important;
}

.combinedSearch ul.everything a.everything {
  color: Black;
}

.combinedSearch ul.wholeBuilding a.wholeBuilding {
  color: Black;
}

.combinedSearch ul.content a.content {
  color: Black;
}

.combinedSearch ul.materials a.materials {
  color: Black;
}

.combinedSearch ul.procure a.procure {
  color: Black;
}

.combinedSearch ul.everything a.everything span,
.combinedSearch ul.wholeBuilding a.wholeBuilding span,
.combinedSearch ul.content a.content span,
.combinedSearch ul.materials a.materials span,
.combinedSearch ul.procure a.procure span {
  background: #1c8921;
}

.combinedSearch .sideBar > ul > li.current a {
  color: Black;
  font-weight: bold;
}

.combinedSearch .subHeader h3 {
  display: block;
  width: 96.5%;
}

/*
.combinedSearch div.leading{
	white-space: nowrap;
	width: 100%;
	height:30px;
	overflow: hidden;
	text-overflow: ellipsis;
}
*/
/*Intro
****************************************************/
#introHeader h2 {
  float: left;
  padding-top: 15px;
}

#introHeader .gsa {
  padding: 18px 0 0 80px;
  font-weight: bold;
  line-height: 1.2em;
  height: 60px;
  float: right;
  background: url("/Content/Images/logo_gsa.jpg") no-repeat scroll left top transparent;
}

.mainPost .arrowButton {
  float: right;
  width: 180px;
}

#newMobile {
  background-color: #f3fce9;
  padding: 20px 20px 20px 40px;
  margin-top: 30px;
  margin-bottom: 20px;
  position: relative;
}

#newMobile p {
  width: 480px;
}

#newMobile p.footnote {
  font-style: italic;
  font-size: .8em;
}

#newMobile img.new {
  position: absolute;
  left: -20px;
  top: -20px;
}

#newMobile img.phone {
  position: absolute;
  right: 50px;
  bottom: 0px;
}

/*This will be read by screen readers but not seen by users - http://webaim.org/techniques/css/invisiblecontent/ !*/
.accessible {
  position: absolute;
  left: -10000px;
  top: auto;
  width: 1px;
  height: 1px;
  overflow: hidden;
}

/*.accessible {display:none;} - previous version*/
/* custom tagging */
div.tagsinput {
  border: 1px solid #CCC;
  background: #FFF;
  padding: 5px;
  width: auto !important;
  height: 100px;
  overflow-y: auto;
  margin-bottom: 10px;
}

div.tagsinput span.tag {
  border: 1px solid #C2D1E4;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  display: block;
  float: left;
  padding: 5px;
  text-decoration: none;
  background: #F0F8FB;
  color: #01559D;
  margin-right: 5px;
  margin-bottom: 5px;
  font-family: helvetica;
  font-size: 0.836rem;
}

div.tagsinput span.tag a {
  font-weight: bold;
  color: #01559D;
  text-decoration: none;
  font-size: 0.669rem;
}

div.tagsinput input {
  width: 80px;
  margin: 0px;
  font-family: helvetica;
  font-size: 0.836rem;
  border: 1px solid transparent;
  padding: 5px;
  background: transparent;
  color: #000;
  outline: 0px;
  margin-right: 5px;
  margin-bottom: 5px;
}

div.tagsinput div {
  display: block;
  float: left;
}

.tags_clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.tag-label {
  color: #1c8921;
  border: solid 1px;
  padding: 2px 4px;
  font-size: 0.7em;
  -moz-border-radius: 1px;
  -webkit-border-radius: 1px;
  border-radius: 1px;
  vertical-align: 1px;
  letter-spacing: 0.03em;
}

.mainPost .formUl > li {
  margin-bottom: 10px;
  overflow: auto;
  display: block;
  background: none;
  padding-left: 0;
}

/***Paged List***/
ul.paging > li {
  float: left;
  list-style-type: none;
  margin: 1em;
}

.thankyou {
  height: 350px;
}

div.anchorlinks {
  overflow: auto;
  margin-bottom: 10px;
}

div.anchorlinks > ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

div.anchorlinks > ul > li {
  background: none !important;
  float: left;
  margin-right: 10px;
}

a.backToTop {
  float: right;
}

div.backToTop {
  text-align: center;
  clear: both;
  padding-top: 15px;
}

.disclaimer {
  padding: 10px 10px 10px 30px;
  background: #ffffec url(/Content/Images/icons/yellow_info.png) no-repeat 8px 14px;
  border: 1px solid #fef7b9;
}

.twitter-share {
  display: block;
  height: 28px;
  width: 28px;
  margin: 0 auto;
  background: transparent url("/Content/Images/main-sprite.png") no-repeat -410px -33px;
}

.fb-share {
  display: block;
  height: 26px;
  width: 26px;
  margin: 0 auto;
  background: transparent url("/Content/Images/main-sprite.png") no-repeat -446px -33px;
}

.fb-share,
.twitter-share {
  margin-top: 8px;
}

.socialLabel {
  display: block;
  font-weight: bold;
  font-size: .9em;
  text-align: center;
  margin: 0 6px 5px 6px;
  padding-bottom: 3px;
  border-bottom: solid 1px;
}

.socialWrap {
  max-width: 100px;
  float: right;
}

.socialWrap.horizontal .fb-share,
.socialWrap.horizontal .twitter-share {
  margin: 0 5px;
  float: left;
}

/*AM Select Style*/
.asmContainer {
  /* container that surrounds entire asmSelect widget */
}

.asmSelect {
  /* the newly created regular 'select' */
  display: inline;
}

.asmOptionDisabled {
  /* disabled options in new select */
  color: #6c6c6c;
}

.asmHighlight {
  /* the highlight span */
  padding: 0;
  margin: 0 0 0 1em;
}

.asmList {
  /* html list that contains selected items */
  margin: 0.25em 0 1em 0;
  position: relative;
  display: block;
  padding-left: 0;
  list-style: none;
}

.asmListItem {
  /* li item from the html list above */
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  background: #f0f0f0;
  border: 1px solid #ccc;
  margin: 0 0 4px 0;
  line-height: 1em;
}

.mainPost .asmListItem {
  /* li item from the html list above */
  position: relative;
  margin-left: 0;
  padding-left: 0;
  list-style: none;
  background: #f0f0f0;
  border: 1px solid #ccc;
  line-height: 1em;
  float: left;
  margin: 0 5px 5px 0;
}

.asmListItem:hover {
  background-color: #e5e5e5;
}

.asmListItemLabel {
  /* this is a span that surrounds the text in the item, except for the remove link */
  padding: 5px;
  display: block;
}

.asmListSortable .asmListItemLabel {
  cursor: move;
}

.asmListItemRemove {
  /* the remove link in each list item */
  position: absolute;
  right: 0;
  top: 0;
  padding: 5px;
}

/*SFTool Admin*/
.adminNav--Label {
  margin-right: 10px;
}

.editContentGallery {
  overflow: visible;
}

.editImage {
  float: left;
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #FFFFFF;
  border-color: #E3E3E3 #E3E3E3 #A2A2A2;
  border-radius: 3px 3px 3px 3px;
  border-style: solid;
  border-width: 1px;
  box-shadow: 0 1px 3px #E3E3E3;
  line-height: 0;
  display: block;
  /*overflow: hidden;*/
  padding: 10px;
  margin-right: 10px;
  position: relative;
}

.editImage input, .editImage textarea {
  float: left;
  display: block;
  clear: both;
  width: 100%;
  margin-top: 5px;
  font-size: 0.8em;
  font-weight: normal;
}

.editImage textarea {
  height: 60px;
  width: 99%;
}

.editImage a {
  background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
  position: absolute;
  right: -13px;
  top: -13px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  overflow: hidden;
  text-indent: -9999px;
}

.editImage a.notDelete {
  position: static;
  background: none;
  width: auto;
  height: auto;
}

/*admin imageHovers*/
.spaceImageHeader {
  background: none repeat scroll 0 0 white;
  margin-left: -20px;
  padding: 10px 20px;
  z-index: 100000;
  width: 920px;
}

.imageHoversUpperNav {
  background: #EEE;
  overflow: auto;
  padding: 5px 10px;
}

.imageHoversUpperNav li {
  float: left;
}

.imageHoversUpperNav li a {
  display: block;
  padding: 2px 4px;
}

.imageHoversUpperNav li a.active {
  color: #1c8921;
}

.imageHoverEdit {
  padding-top: 20px;
  margin-bottom: 20px;
}

.imageHoverTabs {
  overflow: auto;
  clear: both;
}

.imageHoverTabs li {
  float: left;
  overflow: auto;
  width: 32%;
  margin-right: 1%;
}

.imageHoverTabs li a {
  display: block;
  margin: auto;
  position: relative;
}

.imageHoverTabs li a img {
  display: block;
  margin: auto;
  width: 50%;
}

span.imageHoverTabLabel {
  display: block;
  padding: 10px 0px;
  width: 75%;
  position: absolute;
  text-align: center;
  color: white;
  background: #2C2B33;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  bottom: 0;
  left: 12.5%;
}

span.imageHoverTabLabel .current {
  background: #1c8921;
}

span.imageHoverTabLabelCurrent {
  display: block;
  padding: 10px 0px;
  width: 75%;
  position: absolute;
  text-align: center;
  color: white;
  background: #1c8921;
  zoom: 1;
  filter: alpha(opacity=90);
  opacity: 0.9;
  bottom: 0;
  left: 12.5%;
}

.mainImageHover {
  background: #EEE;
  margin-left: -10px;
  overflow: hidden;
  padding: 10px 20px;
  width: 900px;
}

.mainImageHoverInner {
  width: 20000em;
}

.mainImageHover .roomImage {
  float: left;
  margin-right: 20px;
}

/*Combined GPC Search*/
#combinedWrapper {
  position: relative;
  min-height: 900px;
  overflow: hidden;
}

#combinedWrapper > div {
  top: 15px;
  position: absolute;
}

#getSftoolSearch {
  right: 0px;
  position: absolute;
  width: 150px;
  display: block;
  padding: 5px;
  border-radius: 5px;
  background: #1c8921;
  color: White;
}

#getGPCSearch {
  position: absolute;
  left: 980px;
  width: 150px;
  display: block;
  padding: 5px;
  border-radius: 5px;
  background: #1c8921;
  color: White;
}

#gpcSearchWrap {
  min-width: 900px;
}

#sftoolSearchWrap {
  position: absolute;
  left: 980px;
  min-width: 900px;
}

/*CombinedToo GPC Search*/
.combinedToo #searchMain {
  width: 626px;
}

#searchSftoolSidebar {
  background: #EEE;
  margin-top: 15px;
}

#searchSftoolSidebar h5 {
  margin-left: 10px;
  color: #458C48;
}

#GPCSidebarContent ul {
  width: 100%;
}

.combinedToo .tagResult {
  padding: 0px;
  background: #EEE;
}

.combinedToo #searchSftoolSidebar .tagResult h4 {
  font-size: 0.9em;
  margin-top: 0;
  padding-top: 0;
  color: #767676;
}

.combinedToo #searchSftoolSidebar .tagResult .tags {
  max-width: 95%;
  overflow: hidden;
}

.combinedToo #searchSftoolSidebar .tagResult .tags .tag {
  border-radius: 4px 4px 4px 4px;
  display: block;
  font-size: 0.8em;
  padding: 2px 4px;
  white-space: normal;
}

#searchSftoolSidebar ul {
  padding: 0 10px;
  background: #EEE;
}

#searchSftoolSidebar ul li {
  padding: 5px 2px;
  border-bottom: 1px solid #CCCCCC;
}

#searchSftoolSidebar ul li:last-child {
  border-bottom: none;
}

#searchSftoolSidebar ul li span.h5 {
  font-size: 0.85em;
  line-height: 12px;
  color: #3F6D8C;
}

#searchSftoolSidebar ul li span.h5.deemphasize {
  font-size: 0.85em;
  line-height: 12px;
}

.searchResultsCount {
  background: darkgray;
  border-radius: 15px;
  color: white;
  margin-left: 3px;
  padding: 3px 5px;
}

#searchSftoolSidebar ul li ul li a {
  font-size: 0.75em;
  line-height: 0;
}

/*******GPC Search Combined Main******/
.combinedToo #searchWrapper {
  width: 70%;
  margin-left: 30px;
  background-color: white !important;
}

.combinedToo .productPane {
  background: white;
}

.gpcSearchResultsList {
  margin-top: 0px;
}

.gpcSearchResultsList > li {
  border-bottom: solid 1px #CCC;
  margin-bottom: 12px;
  padding: 0px 5px;
}

.gpcSearchResultsList li h4 {
  margin: 0 0 -5px;
  padding: 5px 5px 5px 0px;
  line-height: 1em;
}

.gpcSearchResultsList li span {
  display: inline-block;
  padding: 2px 3px 2px 0;
  font-weight: normal;
}

.gpcSearchResultsList li h5 {
  margin-left: 0;
  font-size: 0.9em;
  padding: 0px;
}

.gpcSearchResultsList li ul {
  margin-top: 0;
  clear: both;
}

ul.searchContentLevels p {
  margin: 0;
}

/* Search results page -- or "/GPCSearch/" */
ul.updateSearchList {
  padding-top: 3px;
  margin: 0 0 5px 5px !important;
}
@media (min-width: 801px) and (max-width: 900px) {
  ul.updateSearchList {
    display: block !important;
  }
}

ul.updateSearchList li {
  height: auto !important;
  border: none !important;
  margin: 0 !important;
  position: relative;
}

@media (min-width: 801px) and (max-width: 900px) {
  ul#filters {
    display: block !important;
  }

  ul#filters li label + span {
    display: none;
  }
}
ul#filters li label,
ul.updateSearchList li label {
  cursor: pointer;
  display: inline-block;
}

ul#filters li label + span,
ul.updateSearchList li label + span {
  margin: 3px 5px 0 0;
  vertical-align: middle;
  float: right;
  cursor: pointer;
}

.highlightCheckbox {
  color: #1f6cdf;
  font-weight: bold;
}

#updateSearchHeader,
.updateSearchHeader {
  color: #000;
  font-size: 1.7em;
  font-weight: 600;
}

.updateSearchHeader {
  font-size: 1.6em;
  margin-bottom: 10px;
  vertical-align: bottom;
}
.updateSearchHeader:hover {
  cursor: pointer;
}
.updateSearchHeader span {
  display: inline-block;
  margin-top: 2px;
  vertical-align: middle;
}

#searchMain {
  min-height: 500px;
}

.shadeHover {
  background-color: #EEE !important;
}

#searchWrapper {
  background-color: #EDEDED !important;
  float: left;
}

#searchResultsTable {
  float: left;
  min-width: 600px;
}

.checkLink {
  cursor: pointer;
  margin-top: 10px;
  float: left;
  clear: right;
}

/*GPC ADMIN*/
.checkListWarper {
  float: left;
  clear: both;
  margin-bottom: 2px;
}

.customUrlLabel {
  display: block;
  clear: left;
  color: #767676;
  font-style: italic;
}

.customUrlInput {
  float: left;
  margin-left: 5px;
  clear: right;
}

.gpInput .customUrlLabel {
  clear: left;
  margin-bottom: 5px;
  margin-left: 30px;
  width: 100px;
  line-height: 2.25em;
}

.gpInput .customUrlInput {
  clear: right;
  margin-bottom: 5px;
  width: 250px;
}

.checkLabel {
  float: left;
}

/*Let's do this with css3 transitions and learn something*/
/*Get the color content to fade faster and appear later then the size transform..*/
.gpcHelp, .gpcHelpInner, .gpcHelp:before {
  transition: all 0.2s ease-in-out 0.2s;
}

.gpcHelp {
  background: none repeat scroll 0 0 #1c8921;
  border-radius: 3px 3px 3px 3px;
  position: absolute;
  right: 0;
  top: 1.4em;
  line-height: 2.35em;
  width: 2em;
  min-height: 1.95em;
  z-index: 200;
}
@media only screen and (min-width: 1441px) {
  .gpcHelp {
    line-height: 2.2em;
  }
}
.gpcHelp div, .gpcHelp p, .gpcHelp span {
  line-height: 1.2em;
}
.gpcHelp span[class*="icon"] {
  margin-left: 10px;
}

.gpcHelp:before {
  content: " ";
  display: block;
  height: 0px;
  border-bottom: dashed 1px #C0C0C0;
  position: absolute;
  right: 100%;
  top: 0.95em;
  width: 5em;
}
@media only screen and (min-width: 1025px) {
  .gpcHelp:before {
    width: 10em;
  }
}
@media only screen and (min-width: 1441px) {
  .gpcHelp:before {
    width: 20em;
  }
}

.gpcHelpCarrat:after {
  border-color: transparent #1c8921;
  border-style: solid;
  border-width: 1em 1em 1em 0;
  content: "";
  display: block;
  left: -0.923em;
  position: absolute;
  top: .0144em;
  width: 0;
}

.gpcHelpInner {
  /*display: none; /*Update with CSS3 transitions*/
  background: #EEE;
  margin-top: -5px;
  max-height: 0px;
  overflow: hidden;
  width: 100%;
  line-height: 1em;
  padding: 0 10px 0px 10px;
  z-index: 2000;
  border: solid 1px #1c8921;
  border-top: none;
  word-wrap: break-word;
}
.gpcHelpInner h4 {
  padding: 0;
  margin-top: 0.5em;
}
.gpcHelpInner p {
  margin-top: 0.5em;
}

.gpcHelp:hover {
  width: 85%;
}

.gpcHelp:hover:before {
  width: 3em;
  right: 100%;
  border-color: #1c8921;
}

.gpcHelp:hover .gpcHelpInner {
  max-height: 500px;
}

.gpc-admin-products-nav a:after {
  content: "|";
  color: #222;
  padding: 0 2px 0 5px;
  display: inline-block;
}
.gpc-admin-products-nav a:last-child:after {
  content: none;
}

/*Product Category Create*/
#pcImagePreview {
  width: 100px;
}

/*
* WBA Building Systems page
*/
.wbaHeader {
  margin-bottom: 10px;
  display: inline-block;
  width: 100%;
}

.wbaHeader h2 {
  float: left;
}

#WBANav .dropdown {
  max-width: 180px;
}

#WBANav img {
  margin: 0px auto;
}

#sectionNav, #sectionNav ul {
  margin-top: 0px;
}

#sectionNav > li, #sectionNav ul > li {
  line-height: 25px;
  border-bottom: 1px solid #eee;
}

#sectionNav > li a, #sectionNav ul > li a {
  width: 100%;
  display: block;
  font-size: 1.087rem;
  color: #1f6cdf;
  padding: 5px 0;
  transition: all .3s;
  -moz-transition: all .3s;
  /* Firefox 4 */
  -webkit-transition: all .3s;
  /* Safari and Chrome */
  -o-transition: all .3s;
  /* Opera */
}

#sectionNav > li a:hover, #sectionNav ul > li a:hover {
  color: #1f6cdf;
  padding-left: 12px;
  text-decoration: none;
}

#sectionNav > li.active > a, #sectionNav ul > li.active > a {
  color: #000;
  font-weight: bold;
}

.subSectionNav li {
  margin-left: 20px !important;
}

/*
*GPC Admin styles
*/
.productAdmin {
  margin-bottom: 30px;
}

.productAdmin h4 {
  margin-bottom: 5px;
}

.indentCell {
  padding-left: 25px !important;
}

.productTypeSubheader {
  background: #F2F2F2;
}

#fpIconPreview {
  height: 20px;
  width: 20px;
}

/*
* Building System Styles
*/
#IntegrativeDesignContainer {
  position: relative;
  width: 100%;
  height: 570px;
  background: transparent url("/Content/Images/WBA/IntegrativeDesignProcess.jpg") center 255px no-repeat;
  overflow: hidden;
}

.ie7 #IntegrativeDesignContainer {
  position: relative;
  width: 730px;
  height: 570px;
  background: transparent url("/Content/Images/WBA/IntegrativeDesignProcess.jpg") no-repeat;
  overflow: hidden;
  background-position: 135px 255px;
}

#IntegrativeDesignContainer a {
  color: #fff;
}

#IntegrativeDesignContainer .highlight {
  background-color: green;
  background-color: rgba(0, 128, 0, 0.7);
  padding: 6px;
}

/* See below for new method of positioning these tags
#idp_FacilityManager {
	position: absolute;
	left: 51px;
	left: 15.33333%;
	top: 290px;
}

#idp_MechanicalEngineer {
	position: absolute;
	left: 115px;
	left: 25.55556%;
	top: 243px;
}

#idp_Architect {
	position: absolute;
	left: 285px;
	left: 42.33333%;
	top: 242px;
}

#idp_Owner {
	position: absolute;
	left: 285px;
	left: 42.5%;
	top: 230px;
}

#idp_Occupant {
	position: absolute;
	left: 375px;
	left: 50.33333%;
	top: 230px;
}

#idp_LightingEngineer {
	position: absolute;
	left: 470px;
	left: 59.44444%;
	top: 242px;
}

#idp_PlumbingEngineer {
	position: absolute;
	left: 470px;
	left: percentage(470px / 450px);
	top: 255px;
}

#idp_InteriorDesigner {
	position: absolute;
	left: 555px;
	left: 71.33333%;
	top: 290px;
}

#idp_LandscapeArchitect {
	position: absolute;
	left: 555px;
	left: percentage(555px / 450px);
	top: 310px;
}

#idp_WorkplaceSpecialist {
	position: absolute;
	left: 570px;
	left: 69.66667%;
	top: 380px;
}

#idp_OperationsandMaintenance, #idp_Architect2 {
	position: absolute;
	left: 460px;
	left: 73.22222%;
	top: 337px;
}

#idp_AcousticalEngineer {
	position: absolute;
	left: 130px;
	left: percentage(130px / 450px);
	top: 500px;
}

#idp_CivilEngineer {
	position: absolute;
	left: 60px;
	left: percentage(60px / 450px);
	top: 385px;
}

#idp_OfficialsProviders {
	position: absolute;
	left: 575px;
	left: percentage(575px / 450px);
	top: 380px;
}
*/
/*Redo the above role CSS as slots we'll order them consistently in the DB. This allows for a cleaner separation. Icon is tied to sort order not title. Easier to grok
	The one issue is the lengths of the names could screw this up...*/
/*.idp_FacilityManager {*/
.idp_1 {
  right: 80%;
  top: 313px;
}
@media only screen and (min-width: 1441px) {
  .idp_1 {
    right: 74%;
  }
}

/*.idp_MechanicalEngineer {*/
.idp_2 {
  right: 72%;
  top: 266px;
}
@media only screen and (min-width: 1441px) {
  .idp_2 {
    right: 69%;
  }
}

/*.idp_Architect {*/
.idp_3 {
  right: 57%;
  top: 228px;
}

/*.idp_Owner ?? what slot{*/
/*.idp_?? {
	left: 285px;
	top: 242px;
}*/
/*.idp_Occupant {*/
.idp_4 {
  left: 48%;
  top: 228px;
}

/*.idp_PlumbingEngineer {*/
/*.idp_LightingEngineer {*/
.idp_5 {
  left: 68%;
  top: 258px;
}

/*.idp_LandscapeArchitect {*/
/*.idp_InteriorDesigner {*/
.idp_6 {
  left: 80%;
  top: 305px;
}
@media only screen and (min-width: 1441px) {
  .idp_6 {
    left: 74%;
  }
}

/*.idp_WorkplaceSpecialist {*/
.idp_7 {
  left: 81%;
  top: 350px;
}
@media only screen and (min-width: 1441px) {
  .idp_7 {
    left: 75%;
  }
}

/*.description, .idp_Architect2 {*/
.idp_8 {
  left: 64%;
  top: 510px;
}

.idp_9 {
  right: 66%;
  top: 510px;
}

/*.idp_CivilEngineer {*/
.idp_10 {
  right: 81%;
  top: 360px;
}
@media only screen and (min-width: 1441px) {
  .idp_10 {
    right: 75%;
  }
}

.idp_description_container {
  position: absolute;
  width: 75%;
  top: 0px;
  left: 150%;
}

.idp_description_container p a {
  color: #1f6cdf !important;
}

.idp_description_container img {
  position: absolute;
  bottom: -16px;
  left: 25px;
}

.idp_description {
  max-height: 215px;
  overflow: auto;
  padding: 15px;
  font-size: 0.9em;
  border: 10px solid green;
  -moz-box-shadow: 2px 2px 0px 1px #ccc;
  -webkit-box-shadow: 2px 2px 0px 1px #ccc;
  box-shadow: 2px 2px 0px 1px #ccc;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
}

.roleHoverLink {
  cursor: pointer;
  background-color: #3c3c3c;
  background-color: rgba(0, 0, 0, 0.7);
  color: #fff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  position: absolute;
}

.roleHoverLink:hover {
  text-decoration: none;
}

.roleNoHover {
  background-color: #d2d2d2;
  background-color: rgba(210, 210, 210, 0.7);
  color: #6c6c6c;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  padding: 5px;
  font-style: italic;
}

#IntegrativeDesignFooter {
  text-align: center;
  width: 75%;
  margin: 10px auto 0px;
  padding: 12px 1px 10px;
  -webkit-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
  box-shadow: 2px 2px 5px 1px rgba(0, 0, 0, 0.25);
}

.ie7 #IntegrativeDesignFooter {
  padding: 20px 1px 10px;
  margin-bottom: 10px;
}

/*
* System Bundling styles
*/
#SystemBundlingContainer {
  margin-top: 10px;
  float: left;
}

.bundle {
  margin-bottom: 15px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  -moz-box-shadow: 2px 2px 0px 1px #ccc;
  -webkit-box-shadow: 2px 2px 0px 1px #ccc;
  box-shadow: 2px 2px 0px 1px #ccc;
  padding: 10px 10px 10px 40px;
  background: #f2f7f6 url("/Content/Images/WBA/arrow-right.png") no-repeat 8px 8px;
  min-width: 668px;
}

.bundle div {
  color: #000;
}

.downArrow {
  background: #f2f7f6 url("/Content/Images/WBA/arrow-down.png") no-repeat 8px 6px;
}

.ratingHover {
  display: none;
  width: 600px;
  border: 3px solid #B3C88D;
  background: #fff;
  padding: 10px;
  z-index: 1000;
}

.ratingHover .heading {
  color: #000;
}

.ratingHover .rating {
  color: #FFF;
  font-weight: bold;
  background: #999;
  padding: 3px;
}

.ratingHover p {
  margin-top: 0px;
  margin-bottom: 0px;
  border: none;
  background: #fff;
}

.ratingHover .link {
  float: right;
}

.bundle h3, .ratings h3 {
  color: #333;
  background: transparent;
  font-size: 1.6em;
  float: left;
  padding-left: 45px;
  margin-left: -45px;
  padding-top: 0px;
}
@media only screen and (max-width: 520px) {
  .bundle h3, .ratings h3 {
    font-size: 1.3em;
  }
}

.bundle p, .ratingHover p {
  margin-top: 15px;
  color: #333;
  padding-right: 20px;
}

.bundle p:first-child {
  margin-top: 5px;
}

.ratings {
  position: absolute;
  top: -8px;
  right: -5px;
  border: 1px solid gray;
  padding: 15px 10px;
  background: #fff;
}

.technologies {
  float: left;
}

.technologies .label {
  font-size: .9em;
  float: left;
  display: block;
  font-weight: bold;
}

.technologies .list {
  font-size: .9em;
  float: left;
  display: block;
  margin-left: 10px;
}
@media only screen and (max-width: 520px) {
  .technologies .list {
    font-size: 0.753rem;
  }
}

.expand, .expandWBA {
  cursor: pointer;
}

/*
* Mandates and Rating Systems
*/
#tabHeader {
  text-align: center;
  border-bottom: 2px solid #1c8921;
  width: 100%;
}

#tabHeader table {
  margin: 0px auto;
  border-collapse: collapse;
  border: 0;
}

#tabHeader table th {
  padding: 5px 10px;
  border: 0px;
  text-align: center;
  margin: 0px;
  color: #666;
  font-size: 1em;
  background: #fff;
  font-weight: bold;
  -webkit-border-top-left-radius: 2px;
  -webkit-border-top-right-radius: 2px;
  -moz-border-radius-topleft: 2px;
  -moz-border-radius-topright: 2px;
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}

#tabHeader table th:hover {
  cursor: pointer;
  background: #999;
  color: #fff;
}

#tabHeader table th.active {
  background: #1c8921;
  color: #fff;
  font-weight: bold;
}

#allMandates {
  float: left;
  padding-top: 10px;
}

#allMandates .mandate {
  float: left;
  margin-bottom: 30px;
}

#allMandates .mandate h4 {
  color: Black;
  background: transparent;
  font-size: 1.3em;
  float: left;
  padding: 5px 0;
  margin: 0px;
}

#allMandates .mandate .mandateDetails {
  padding-left: 45px;
  background: white url("/Content/Images/WBA/mandates.png") no-repeat top left;
  margin-top: 5px;
}

#allMandates .mandate .mandateDetails p {
  margin-top: 0px;
}

#allMandates .mandate .mandateDetails em {
  font-style: italic;
}

#allRatingSystems {
  float: left;
  padding-top: 10px;
}

#allRatingSystems .ratingSystem {
  margin-bottom: 25px;
  float: left;
}

#allRatingSystems .ratingSystem h4 {
  color: Black;
  background: transparent;
  font-size: 1.3em;
  float: left;
  padding: 5px 0;
  margin: 0px 0px 2px 0px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .description {
  width: 50%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .description p {
  margin-top: 5px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable {
  width: 50%;
  float: right;
  border-left: 2px solid #B7B7B7;
  padding-left: 20px;
  padding-top: 5px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable strong {
  font-size: 1.1em;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table {
  margin-top: 5px;
  border: 0px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table th {
  background-color: #1c8921;
  color: #fff;
  padding: 4px;
  font-weight: bold;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table th.idCol {
  min-width: 65px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table tbody tr:nth-child(even) {
  background-color: #f5f5f5;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table td {
  padding: 3px;
}

#allRatingSystems .ratingSystem .ratingSystemDetails .relationTable table td.surveyQuestion {
  padding: 4px;
}

#allRatingSystems span.link {
  float: left;
  margin-top: 7px;
  font-size: 0.8em;
}

/*
	* System Impacts
	*/
ul.buttonBar {
  margin: 8px 0px 15px 0px;
  display: block;
  list-style: none;
  padding: 0;
  overflow: hidden;
  background-color: #F3F3F3;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f3f3f3), color-stop(50%, #dddddd), color-stop(50%, #d2d2d2), color-stop(100%, #dfdfdf));
  background-image: -webkit-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -moz-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -ms-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: -o-linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  background-image: linear-gradient(top, #f3f3f3 0%, #dddddd 50%, #d2d2d2 50%, #dfdfdf 100%);
  border-right: 1px solid #DFDFDF;
  border-bottom: 1px solid #B4B4B4;
  border-right: 1px solid #DFDFDF;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  -moz-box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
  box-shadow: inset 0 1px 0 0 white, 0 1px 0 0 #d5d5d5, 0 -1px 2px 1px #efefef;
}

ul.buttonBar > li {
  float: left;
  width: 179px;
  text-align: center;
  border: 0px;
  color: #666;
  font-weight: bold;
  margin: 0;
  text-shadow: 0 1px 1px white;
}

ul.buttonBar h3 {
  text-shadow: none;
  font-weight: normal;
  position: relative;
  top: -10px;
  left: 20px;
  background-color: #bbb;
}

.ie8 ul.buttonBar > li, .ie7 ul.buttonBar > li {
  width: 178px;
}

ul.buttonBar > li:last-child {
  border: none;
}

ul.buttonBar > li.active {
  -webkit-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  -moz-box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
  box-shadow: inset 0 0 30px 0 #999999, 0 1px 0 0 white;
}

ul.buttonBar > li a {
  color: #666;
  display: block;
  width: 100%;
  height: 100%;
}

ul.buttonBar > li.active p {
  color: #333;
}

ul.buttonBar > li.active a {
  color: #1c8921;
}

ul.buttonBar > li.active h3 {
  background-color: #1c8921 !important;
}

ul.buttonBar > li a:hover {
  text-decoration: none;
}

ul.buttonBar > li:hover {
  cursor: pointer;
}

ul.buttonBar > li:hover h3 {
  background-color: #767676;
}

ul.buttonBar > li:hover p {
  color: #333;
}

a.arrowButton {
  font-size: 0.9em;
  display: block;
  max-width: 265px;
  background: white url("/Content/Images/button_bg_1.jpg") right center no-repeat;
  padding: 6px 40px 6px 6px;
  font-weight: bold;
  margin-top: 5px;
  text-decoration: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #fff;
  text-shadow: -1px 0px 1px white;
}
a.arrowButton:hover {
  border-color: #b8b8b8;
}

ul.subnavbar {
  display: block;
 /* background: #cccccc url(/Content/Images/navbar_gradient.png) top left repeat-x*/;
  overflow: hidden;
  float: left;
  width: 100%;
  margin: 0 0 20px 0;
  height: 39px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}



    ul.subnavbar li {
        padding: 0;
        float: left;
        width: 25%;
        background: #cccccc url(/Content/Images/navbar_gradient.png) top left repeat-x;
    }

ul.subnavbar li a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 10px 0;
  text-indent: 50px;
  border-right: 1px solid white;
  color: #666;
  text-shadow: 0 1px 1px white;
}
@media (max-width: 650px) {
  ul.subnavbar li a {
    text-indent: -9999px;
    background-position: center center;
  }
}
@media (min-width: 800px) and (max-width: 850px) {
  ul.subnavbar li a {
    text-indent: -9999px;
    background-position: center center;
  }
}
@media only screen and (min-width: 1441px) {
  ul.subnavbar li a {
    padding: 8px 0;
  }
}

ul.subnavbar li.active {
  background: #666666 url(/Content/Images/navbar_gradient.png) 0px -39px repeat-x;
}

ul.subnavbar li.active a {
  color: White;
  text-shadow: 0 1px 1px black;
}

h2.systemImpacts {
  padding: 10px 0 5px 0;
  background: white url(/Content/Images/icons/systemimpacts_50.png) top left no-repeat;
  text-indent: 60px;
  float: left;
}
@media only screen and (max-width: 520px) {
  h2.systemImpacts {
    background: none;
    text-indent: 0;
  }
}
@media only screen and (min-width: 1441px) {
  h2.systemImpacts {
    padding-top: 5px;
  }
}

.impactR {
  background: transparent url(/Content/Images/icons/resources_30.png) 10px 5px no-repeat;
}

.impactH {
  background: transparent url(/Content/Images/icons/human_30.png) 10px center no-repeat;
}

.impactF {
  background: transparent url(/Content/Images/icons/financial_30.png) 10px center no-repeat;
}

.impactO {
  background: transparent url(/Content/Images/icons/om_30.png) 10px center no-repeat;
}

.WBAContent {
  max-width: 1000px;
  margin-right: 5px;
}

.ie7 .WBAContent {
  padding-top: 5px;
}

.WBAContent p {
  padding: 0px 5px 0px 35px;
}

.WBAContent .topDescription p:last-child {
  margin-bottom: 0px;
}

.WBAContent img {
  display: block;
  margin: 0 auto;
}

.WBAContent div.imgCaption {
  text-align: center;
  line-height: 1.1em;
}

.WBAContent .topDescription ul {
  list-style: disc;
  padding-left: 45px;
}

.funfactHorizontal {
  float: left;
  display: block;
  background-color: #f2f7f6;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
  padding: 10px 15px 10px 15px;
  position: relative;
  margin: 10px 0;
}

.funfactHorizontal h4 {
  margin: 0 auto;
}

.contentItemHeader {
  margin-top: 15px;
}

.contentItemHeader p, .contentItemHeader h4 {
  padding-left: 5px;
  margin: 0px;
}

.contentItemHeader h4 {
  border-bottom: 1px solid #999;
  width: 100%;
  clear: both;
  margin-top: 5px;
  margin-bottom: 5px;
  -webkit-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
  -moz-box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
  box-shadow: 0px 1px 0px 0px rgba(0, 0, 0, 0.25);
}

.contentItemHeader .headerDescription {
  padding-top: 0px;
  margin-top: 0px;
}

.content a {
  word-break: break-all;
}

.expandableContentItem {
  margin-bottom: 5px;
}

.expandableContentItem .itemHeader {
  float: left;
  width: 100%;
  background: white url("/Content/Images/WBA/arrow-right.png") no-repeat 0px 2px;
  margin: 0px auto 0px auto;
}

.expandableContentItem .downArrow {
  background: white url("/Content/Images/WBA/arrow-down.png") no-repeat 0px 5px !important;
}

.expandableContentItem h4 {
  color: #000;
  line-height: 1.4em;
  float: left;
  padding: 6px 0px 0px 35px;
}
@media only screen and (min-width: 1025px) {
  .expandableContentItem h4 {
    padding-top: 3px;
  }
}
@media only screen and (min-width: 1441px) {
  .expandableContentItem h4 {
    padding-top: 0;
  }
}

.expandableContentItem p {
  clear: both;
  margin-left: 10px;
  padding-left: 25px !important;
  padding-right: 5px;
}

.expandableContentItem p:last-child {
  margin-bottom: 0px;
}

.expandableContentItem div.fullDescription {
  display: none;
  float: left;
}

.expandableContentItem div.fullDescription p:first-child {
  margin-top: 0px;
}

.expandableContentItem div.fullDescription p:last-child {
  margin-bottom: 0px;
}

.expandableContentItem div.fullDescription table {
  border: 1px solid gray;
}

.ie7 .expandableContentItem div.fullDescription table {
  border: 1px solid gray;
  width: 690px;
  border-collapse: collapse;
}

.expandableContentItem div.fullDescription table th {
  padding: 4px 2px;
  text-align: center;
  font-weight: bold;
  background-color: #e8eef4;
  border: solid 1px #e8eef4;
}

.expandableContentItem div.fullDescription table td {
  padding: 8px 6px;
}

.expandableContentItem div.fullDescription ul.bulletedList {
  margin-left: 50px !important;
}

.additionalResources ul {
  margin-top: 0px;
}

.additionalResources li {
  padding-left: 30px;
  margin-bottom: 10px;
  padding-right: 5px;
}

/*
* Financial Impact
*/
#WBADidYouKnow h4 {
  margin: 0 0 0 20px;
  padding-bottom: 0px;
}

#WBADidYouKnow p {
  padding-left: 20px;
}

.didyouknowItem {
  clear: both;
  margin-bottom: 2px;
  padding: 2px 2px 2px 0px;
  overflow: auto;
}

.finding {
  float: left;
}

.finding p {
  padding: 0px;
  margin: 5px auto;
}

.finding span {
  margin-top: 0px;
}

/*
* Human Impact
*/
#behavior, #impact {
  margin-top: 15px;
}

#resourcesList,
#caseStudiesList {
  clear: both;
  float: left;
}
#resourcesList li,
#caseStudiesList li {
  margin: 4px 0;
}

/*
* User Guides
*/
.userGuideContainer h3 a:hover {
  text-decoration: none;
}

.userGuideTable {
  width: 100%;
  border-collapse: collapse;
  border: 0;
  margin-bottom: 10px;
}

.userGuideTable td {
  padding: 5px 10px;
  vertical-align: top;
}

.userGuideTable td ul li {
  margin-bottom: 20px;
  color: #000;
}

.userGuideTable tbody tr {
  border-bottom: solid 1px #CCCCCC;
}

.userGuideTable tr th {
  text-align: left;
  background-color: white;
  color: #353535;
  font-size: 1em;
  border-bottom: solid 2px #333333;
}

.userGuideTable tr th a {
  font-weight: bold;
  font-size: 1em;
}

.userGuideTable tr:first-child {
  -webkit-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
  -moz-box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
  box-shadow: 0px 2px 1px rgba(50, 50, 50, 0.15);
}

.userGuideTable tr:nth-child(even) {
  background-color: white;
}

.userGuideTable ul {
  list-style-type: none;
}

.userGuideTable ul li {
  margin-bottom: 8px;
}

.screenSection, .userGuideContainer .header {
  float: left;
  margin-bottom: 35px;
}

.ie7 .screenSection, .ie7 .userGuideContainer .header {
  padding-top: 5px;
}

.screenSection p {
  margin-bottom: 5px;
}

.screenSection p.quote {
  display: block;
  text-align: center;
  margin: 15px 20px 10px;
  font-style: italic;
  font-size: 1.3em;
  color: #000;
  font-family: Georgia;
}

.screenSection .screenSubsection {
  margin-bottom: 0;
  float: left;
  width: 100%;
  clear: both;
}

.screenSection .screenSubsection h4 {
  line-height: 1.3em;
  color: #000;
  border-bottom: 1px solid #999;
  padding-bottom: 6px;
}

.screenSection .screenSubsection .left {
  float: left;
}
@media only screen and (min-width: 801px) {
  .screenSection .screenSubsection .left {
    width: 50%;
  }
}

.screenSection .screenSubsection ol {
  counter-reset: li;
  margin: 10px 0;
  padding: 0;
}

.screenSection .screenSubsection ol li {
  position: relative;
  margin: 0 0 6px 2em;
  padding: 3px 6px 4px;
  list-style: none;
  color: #1f6cdf;
}

.screenSection .screenSubsection ol li#PPSearchGPC:hover {
  text-decoration: none;
  cursor: default;
}

#PPSearchBox {
  height: 28px;
  margin-right: 5px;
  width: 200px;
  float: left;
}
@media only screen and (max-width: 520px) {
  #PPSearchBox {
    width: 175px;
  }
}

.ie7 .screenSection .screenSubsection ol li {
  list-style: decimal;
}

.screenSection .screenSubsection ol li:hover {
  text-decoration: underline;
  cursor: pointer;
}

.screenSection .screenSubsection ol li:before {
  content: counter(li);
  counter-increment: li;
  position: absolute;
  left: -2em;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 2em;
  padding: 3px;
  color: #fff;
  background: #1c8921;
  font-weight: bold;
  text-align: center;
  top: 0px;
  -webkit-border-radius: 14px;
  -moz-border-radius: 14px;
  border-radius: 14px;
}

.screenSection .screenSubsection ol li:hover:before, .screenSection .screenSubsection ol li.active:before {
  background: #b9cd96;
  text-decoration: none;
  color: #1f6cdf;
  text-shadow: none;
}

.screenSection .screenSubsection .right {
  float: right;
  margin-right: 10px;
}
@media only screen and (min-width: 801px) {
  .screenSection .screenSubsection .right {
    width: 45%;
    max-width: 495px;
  }
}
@media only screen and (max-width: 520px) {
  .screenSection .screenSubsection .right {
    display: none;
  }
}

.imageMount {
  display: none;
  background-color: #666;
  padding: 10px;
  margin: 10px 0px 0px 20px;
  overflow: auto;
}

.mountMessage {
  float: right;
  margin-top: 10px;
  font-family: Georgia;
  font-style: italic;
}

.userGuideContainer div.description p {
  margin-bottom: 20px;
}

.userGuideContainer div.description h3 {
  display: inline-block;
  margin-top: 10px;
}

.userGuideContainer .callout {
  background: #f2f7f6;
  padding: 15px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}

.userGuideContainer .callout h3 {
  padding: 0px;
  color: #000;
  background-color: transparent;
}

.userGuideContainer .overviewNav {
  margin-left: 30px;
}

.userGuideContainer .overviewNav img {
  margin-left: 20px;
}

div.mountCaption {
  margin: 10px 0px;
}

div.mountCaption .link {
  float: left;
  color: #fff;
  font-size: 1.1em;
  font-family: Georgia;
  font-style: italic;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 100%;
  overflow: hidden;
}

div.mountCaption .button {
  float: right;
  -moz-box-shadow: inset 0px 1px 0px 0px #caefab;
  -webkit-box-shadow: inset 0px 1px 0px 0px #caefab;
  box-shadow: inset 0px 1px 0px 0px #caefab;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #77d42a), color-stop(1, #5cb811));
  background: -moz-linear-gradient(center top, #77d42a 5%, #5cb811 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#77d42a', endColorstr='#5cb811');
  background-color: #77d42a;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #268a16;
  display: inline-block;
  color: #306108;
  font-size: 1em;
  font-weight: bold;
  padding: 6px 18px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #aade7c;
}

div.mountCaption .button:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5cb811), color-stop(1, #77d42a));
  background: -moz-linear-gradient(center top, #5cb811 5%, #77d42a 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5cb811', endColorstr='#77d42a');
  background-color: #5cb811;
}

div.mountCaption .button:active {
  position: relative;
  top: 1px;
}

#userGuideNav a {
  line-height: 1.2 !important;
}

#userGuideNav .currentRole {
  float: left;
  padding-top: 16px;
}
@media only screen and (max-width: 520px) {
  #userGuideNav .currentRole {
    padding-top: 18px;
    margin-bottom: 5px;
  }
}
#userGuideNav .currentRole img {
  float: left;
  margin-right: 16px;
  margin-top: -1px;
}

#userGuideNav .icons div.img {
  min-height: 52px;
}
#userGuideNav .icons div.img img {
  transition: all .2s;
}

#userGuideNav .icons div:not(.img) {
  float: left;
  width: 82px;
  margin-left: 0px;
  margin-bottom: 60px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
}
@media only screen and (max-width: 520px) {
  #userGuideNav .icons div:not(.img) {
    width: 71px;
  }
}

#userGuideNav .icons div.active {
  font-weight: bold;
  line-height: 1.2;
}

#userGuideNav .icons div.active:hover {
  box-shadow: none;
  background-color: transparent;
}

#userGuideNav .icons div span {
  font-size: 0.9em;
}

#userGuideNav .icons div:not(.active):not(.img):hover {
  text-decoration: underline;
}
#userGuideNav .icons div:not(.active):not(.img):hover img {
  opacity: 0.7;
}

.communitySection {
  margin-top: 15px;
}

.communityContainer .tableDisplay {
  margin: 5px auto;
  text-align: center;
}

.communityContainer .left {
  float: left;
  text-align: left;
}

.communityContainer table {
  text-align: center;
  margin: 5px auto;
  border-collapse: collapse;
  border: 2px solid #999;
}

.communityContainer table td {
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
}

.communityContainer table tr:nth-child(odd) {
  background-color: #E6FFAD;
}

.communityContainer .buttons {
  width: 350px;
  margin: 10px auto;
}
@media only screen and (max-width: 520px) {
  .communityContainer .buttons {
    width: auto;
  }
}

.communityContainer .buttons a {
  -moz-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  -webkit-box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  box-shadow: inset 0px 1px 0px 0px #c1ed9c;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #20a324), color-stop(1, #1c8921));
  background: -moz-linear-gradient(center top, #20a324 5%, #1c8921 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#20A324', endColorstr='#1c8921');
  background-color: #9dce2c;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #83c41a;
  display: inline-block;
  color: #ffffff;
  font-size: 0.92rem;
  font-weight: bold;
  padding: 6px 24px;
  margin-bottom: 5px;
  text-decoration: none;
  text-shadow: 1px 1px 0px #689324;
}

.communityContainer .buttons a:hover {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #1c8921), color-stop(1, #20a324));
  background: -moz-linear-gradient(center top, #1c8921 5%, #20a324 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c8921', endColorstr='#20A324');
  background-color: #8cb82b;
}

.communityContainer .buttons a:active {
  position: relative;
  top: 1px;
}

.ie7 .communityContainer .buttons {
  width: 400px;
}

.ie7 .communityContainer .buttons a {
  float: left;
  margin-left: 10px;
}

.descriptionImage {
  max-width: 275px;
  margin: 0 0 20px 0;
  padding: 10px;
  background-color: #f2f7f6;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  -moz-box-shadow: 1px 1px 2px #999999;
  -webkit-box-shadow: 1px 1px 2px #999999;
  box-shadow: 1px 1px 2px #999999;
}

.imageCaption {
  font-size: 0.753rem;
  text-align: center;
  margin: 10px;
}

.imageCaption em {
  font-style: italic;
}

.imageCaption span.title {
  font-size: 1.2em;
  font-weight: bold;
}

.imageCaption span.quote {
  font-size: 1.3em;
  font-family: Georgia;
  color: #1c8921;
}

.imageCaption span.text {
  font-size: 1.1em;
}

.imageCaption span.citation {
  font-size: 1em;
}

h3.componentTitle {
  display: inline-block;
  font-size: 1.6em;
}

.mainPost ul li span.searchword,
.relationTable table td span.searchword,
.greenTipsTable td span.searchword,
.systemRelationships span.searchword,
p span.searchword {
  background-color: yellow;
}

ul.bulletedList {
  list-style-type: disc;
  margin-left: 30px;
}

ol.bulletedList {
  list-style-type: decimal;
  margin-left: 55px;
}

ul.bulletedList li, ol.bulletedList li {
  padding-left: 5px;
}

/* jQuery Autocomplete */
input.ui-autocomplete-loading {
  background: url("/Content/Images/ajax-loader.gif") no-repeat right center;
}

.ui-autocomplete {
  /* We don't want autocomplete items to wrap... */
  white-space: nowrap;
  /* ... and when they don't wrap, we don't want their text to appear outside their container */
  overflow: hidden;
}

ul.ui-autocomplete li a {
  /* http://www.visibilityinherit.com/code/ellipsis.php */
  /* IE6+, Webkit 312.3+, Opera 10.7+, FF7+ */
  text-overflow: ellipsis;
  /* Opera < 10.7*/
  -o-text-overflow: ellipsis;
  -moz-binding: url("ellipsis.xml");
  display: inline-block;
  /*max-width: 200px;*/
}

/* Search Result Hiding */
.showAllResults {
  cursor: pointer;
  font-weight: bold;
  font-size: 0.9em;
}

/**Updated CSS for Project and Plan sections**/
.projectWrap .section {
  overflow: hidden;
  padding: 5px 0px 10px 55px;
  margin: 0 0 20px;
  border-bottom: solid 2px #EEE;
}

#titleSection {
  padding-left: 0px;
}

#titleSection label {
  font-size: 2em;
}

#titleSection input {
  font-size: 2em;
  width: 50%;
}

h3.projectHeader {
  background: white;
  color: black;
  clear: both;
  font-size: 2em;
  display: block;
  line-height: 45px;
  margin: 0 0 10px -55px;
  padding: 0;
}

h3.projectHeader > span {
  background: green;
  color: white;
  display: block;
  font-size: 1.4em;
  float: left;
  width: 45px;
  height: 45px;
  text-align: center;
  line-height: 50px;
  margin-right: 10px;
}

a.nextProjectSection {
  width: 50px;
  padding: 5px;
  background: #009935;
  background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
  background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
  color: white;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin: 10px 0px;
  clear: both;
}

#projectType {
  font-size: 1.5em;
  display: block;
  clear: both;
  margin-bottom: 10px;
}

.projectDescriptionLabel {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  color: black;
  float: none;
}

.budgetForm {
  overflow: hidden;
  margin: 10px 0px 10px;
  padding: 0px;
}

.budgetForm > li {
  float: left;
  margin: 5px 40px 5px 0;
}

.budgetForm > li:nth-child(3) {
  clear: left;
}

.budgetForm > li > label {
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  color: black;
  float: none;
}

.budgetForm > li input {
  float: none;
  width: 195px;
}

.affectedSystems {
  overflow: hidden;
  clear: both;
}

.affectedSystems > li {
  text-decoration: underline;
  width: 45.9%;
  text-align: center;
  padding: 5px 0px;
  color: #1f6cdf;
  border: solid 2px #eee;
  border-right: none;
  float: left;
  display: block;
  font-weight: bold;
  height: 40px;
  line-height: 40px;
  cursor: pointer;
}

.affectedSystems > li.multiline {
  line-height: 20px;
}

.affectedSystems > li:last-child {
  border-right: solid 2px #EEE;
}

.affectedSystems > li.selected {
  background: green;
  color: white;
}

.currentGoals {
  border-bottom: 1px solid #EEE;
  padding: 5px 0px;
  overflow: hidden;
}

.currentGoals > li {
  color: black;
  font-size: 1.1em;
}

.tabWrap {
  float: left;
  width: 33%;
  padding: 0px;
  margin: 0px;
}

.tabs {
  margin: 0px;
}

.tabs > li {
  overflow: auto;
}

.tabs > li > a {
  border: solid 1px #eee;
  font-weight: bold;
  font-size: 1em;
  display: block;
  line-height: 30px;
  min-height: 40px;
  padding: 15px 10px 5px;
  text-align: center;
}

.tabs > li > a.current {
  background: #EEE;
}

#goalGroupMenu {
  position: relative;
}

.tabs > a.goalgroup {
  padding: 5px;
  display: block;
  text-align: center;
  clear: both;
  height: 40px;
  font-weight: bold;
  line-height: 40px;
}

#goalsWrap {
  float: left;
  width: 66.667%;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: hidden;
  margin: 0px;
}

#goalsWrap > ul {
  height: 200px;
  background: #EEE;
  margin: 0px;
  overflow: hidden;
  overflow-y: auto;
  overflow-x: hidden;
}

#goalsWrap > ul > li {
  padding: 10px 10px;
  font-size: 1.1em;
  background: #EEE;
  border-bottom: 1px solid white;
  overflow: auto;
}

#goalsWrap > ul > li > a,
#goalsWrap > ul > li > a > i {
  float: right;
}

#goalGroupMenu > a > i {
  left: 50px;
  position: absolute;
  top: 17px;
}

#goalsWrap > ul.stripes > li,
.grid_4 > #goalsWrap > ul.stripes,
.tabs > li > a.current.stripes,
.stripes {
  background-size: 20px 20px;
}

#goalsWrap > ul.angled > li,
.grid_4 > #goalsWrap > ul.angled,
.tabs > li > a.current.angled,
.angled {
  background-color: #E2FFDD;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
}

#goalsWrap > ul.goalGroup {
  font-size: 1em;
}

#goalsWrap > ul.goalGroup > li {
  cursor: pointer;
}

#goalsWrap > ul.goalGroup > li.goalGroupHeader {
  padding: 5px 10px;
  cursor: default;
}

#goalsWrap > ul.goalGroup > li.goalGroupHeader > h4 {
  font-size: 0.95em;
}

#goalsWrap > ul.goalGroup > li > a {
  float: none;
}

#goalsWrap > ul.goalGroup > li > p {
  font-size: 0.8em;
}

.grid_4 > .tabWrap {
  width: 45%;
}

.grid_4 > .tabWrap i,
.grid_4 > #goalsWrap i {
  /*  float: right;*/
}

.grid_4 > #goalsWrap {
  width: 54%;
}

.grid_4 > #goalsWrap > ul {
  overflow: hidden;
  overflow-y: auto;
  overflow-x: hidden;
}

#goalsWrap > ul > li.goalForm {
  position: absolute;
  bottom: 0px;
  padding: 10px 9px 10px 8px;
  background: #888;
}

.teamMembers {
  border-bottom: 1px solid #EEE;
  padding: 5px 0px;
  overflow: hidden;
}

.teamMembers > li {
  color: black;
  font-size: 1.1em;
}

.teamMembers > li > span {
  color: #696969;
  font-style: italic;
}

.teamMembers > li > a {
  display: inline-block;
  background: #AAA;
  margin-left: 5px;
  height: 15px;
  line-height: 11px;
  padding-left: 4px;
  width: 11px;
  border-radius: 10px;
}

.addPerson > li {
  float: left;
  clear: both;
  display: block;
  margin-bottom: 5px;
  width: 50%;
}

.addPerson > li > label {
  float: left;
  width: 30%;
  font-weight: bold;
  color: black;
  display: block;
}

.addPerson > li > input,
.addPerson > li > select {
  width: 60%;
  float: left;
  margin-left: 5%;
  display: block;
}

.addPerson > li > input[type="submit"] {
  float: none;
  width: auto;
  margin-left: 0px;
}

.consideration {
  background-color: #f2f7f6;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 10px 10px 5px;
  position: relative;
  font-weight: bold;
}

.consideration h5 {
  background: none repeat scroll 0 0 green;
  color: white;
  display: block;
  font-size: 1.2em;
  left: 11.5%;
  line-height: 15px;
  padding: 5px 0 4px;
  position: absolute;
  text-align: center;
  top: -10px;
  width: 75%;
}

a#startProject {
  height: 40px;
  width: 200px;
  line-height: 45px;
  padding: 5px;
  background: #009935;
  background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
  background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
  color: white;
  display: block;
  border-radius: 3px;
  text-align: center;
  margin: 10px 0px;
  clear: both;
  border: none;
  cursor: pointer;
  font-size: 1.5em;
}

/***/
.newProjectSection {
  overflow: hidden;
  padding: 10px 0px;
  border-bottom: solid 1px #EEE;
  margin-bottom: 20px;
}

.newProjectSection .details {
  background: #EEE;
  width: 100%;
  position: relative;
  float: left;
  clear: both;
  padding: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.newProjectSection .details > li {
  float: left;
  display: inline-block;
  margin-right: 10px;
  color: #6B6B6B;
  font-weight: bold;
  padding: 5px;
}

.newProjectSection .details > li.publicBtn {
  float: right;
}

.newProjectSection .details > li.publicBtn > a {
  border-radius: 3px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  z-index: 101;
  background: #b7b7b7;
  background: -moz-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b7b7b7), color-stop(100%, #9b9b9b));
  background: -webkit-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
  background: -o-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
  background: -ms-linear-gradient(top, #b7b7b7 0%, #9b9b9b 100%);
  background: linear-gradient(to bottom, #b7b7b7 0%, #9b9b9b 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b7b7b7', endColorstr='#9b9b9b',GradientType=0 );
}

.newProjectSection .details > li.reports {
  float: right;
  position: relative;
  display: none;
  /**/
}

.newProjectSection .details > li.reports > span {
  color: white;
  background: #009935;
  background: -moz-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009935), color-stop(100%, #006e2e));
  background: -webkit-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -o-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: -ms-linear-gradient(top, #009935 0%, #006e2e 100%);
  background: linear-gradient(to bottom, #009935 0%, #006e2e 100%);
  border-radius: 3px;
  padding: 5px;
  text-align: center;
  cursor: pointer;
  z-index: 101;
}

.newProjectSection .details > li.reports > span:hover {
  border-radius: 3px 3px 0px 0px;
}

.newProjectSection .details > li.reports > ul {
  display: none;
  position: absolute;
  left: -100px;
  top: 18px;
  padding: 20px;
  background: #006e2e;
  border-radius: 3px;
  z-index: 100;
}

.newProjectSection .details > li.reports > ul a {
  color: white;
}

.reportsWrap {
  background: #009935;
  border-radius: 3px;
  padding: 5px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.reportsWrap h5 {
  color: white;
  font-size: 1.4em;
  width: 100%;
  text-align: center;
}

a#projectComoplete {
  background: #009935;
  border-radius: 5px;
  display: block;
  font-weight: bold;
  padding: 10px;
  text-align: center;
  margin-top: -6px;
    /*
	width: 60%;
	margin: 0 auto 10px;
	*/
  color: white;
}

#projectTeam a.nextProjectSection {
  width: 130px;
}

#bigReportList {
  margin: auto;
}

#bigReportList a {
  color: white;
}

.goalHeader {
  overflow: hidden;
  margin-bottom: 5px;
}

.goalHeader h3 {
  display: inline-block;
}

.progress {
  display: block;
  position: relative;
  width: 100%;
  height: 20px;
  background: lightgreen;
  border-bottom: 2px solid green;
}

.progress span {
  position: absolute;
  height: 10px;
  padding: 5px 0px;
  top: 0px;
  left: 0px;
  color: white;
}

.progress span.graphText {
  width: 97%;
  padding-left: 3%;
  line-height: 11px;
  font-weight: bold;
}

.progress span.value {
  background: green;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.progress span.value:hover {
  background: green;
  zoom: 1;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.suggestionBtn {
  display: block;
  padding: 2px 0px;
  width: 35%;
  margin: 3px 2.5% 0px;
  text-align: center;
  border-radius: 3px;
  border: solid 1px gray;
}

.keepSuggestion {
  background: white;
  float: left;
}

.deleteSuggestion {
  background: #f2f7f6;
  float: right;
}

.api-home #main {
  background: #004370 url(/content/images/homepage/api-hero.jpg) center center;
  background-repeat: no-repeat;
  background-size: cover;
}
.api-home .page {
  padding: 0;
  color: #222;
}
.api-home .api-summary {
  color: #fff;
  text-align: center;
  font-size: 1.2em;
}
.api-home .api-subBlock .glow-button {
  font-size: 0.92rem;
  color: #17701B;
  border-radius: 40px !Important;
  background: #FFF;
  border: solid 3px #a9b6b9 !Important;
  padding: 11px 36px 10px 36px;
  transition: all .2s;
}
.api-home .api-subBlock .glow-button:hover {
  border-color: #17701B !important;
}
.api-home .api-subBlock.tile-btn {
  min-height: 234px;
  text-align: center;
  border-radius: 2px;
  border: solid 3px rgba(48, 78, 85, 0.25);
  padding: 10px 10px 10px 10px;
  background: rgba(33, 150, 243, 0.1);
}
.api-home .api-subBlock.tile-btn.hl {
  color: #304e55;
  border-color: rgba(48, 78, 85, 0.25);
}
.api-home .api-subBlock.tile-btn img {
  margin-bottom: 30px;
  height: 128px;
  opacity: 0.4;
}
.api-home .api-subBlock.tile-btn p {
  font-size: 1.004rem;
  color: #1c1c1c;
  min-height: 122px;
}

#api-hero {
  margin: 140px 0;
  text-shadow: 2px 2px 8px #333;
}

.main-site-link a {
  color: #222 !important;
}
.main-site-link a:hover {
  text-shadow: 1px 1px 0 #F0F0F0;
}

.row.api-subBlocks {
  padding: 5px 50px 38px 50px;
  max-width: none;
  background: #fff;
  position: relative;
}
@media (max-width: 520px) {
  .row.api-subBlocks {
    padding: 0 0 30px 0;
  }
}

.row.api-subBlocks:before {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: -100%;
  width: 300%;
  height: 100%;
  background: #fff;
  background: linear-gradient(135deg, #ffffff 0%, #f6f6f6 60%, #ededed 85%, #ededed 100%);
}

.api-subBlock p {
  font-size: 1.15em;
  max-width: 450px;
}

.api-block-header {
  font-size: 2em;
}
@media (max-width: 600px) {
  .api-block-header {
    text-align: left !important;
    font-size: 1.6em;
  }
}

.api-summary {
  width: 50%;
  font-size: 1.5em;
  margin: auto;
}
@media (max-width: 801px) {
  .api-summary {
    font-size: 1.1em;
    width: 80%;
  }
}
@media (max-width: 520px) {
  .api-summary {
    width: 100%;
  }
}

#api-guide-content {
  margin: 65px 0;
}
#api-guide-content h2 {
  font-size: 2.2em;
}
#api-guide-content h6 {
  display: inline-block;
}
#api-guide-content p {
  font-size: 1.18em;
}
@media (max-width: 1000px) {
  #api-guide-content {
    padding: 0;
    margin-top: 20px;
  }
}

#wyg-wrap div:not(:last-child) {
  background: #FFF;
  border-bottom: solid 2px #EEE;
  padding-bottom: 15px;
}

#api-content {
  float: left;
  width: 70%;
}
@media (max-width: 1000px) {
  #api-content {
    width: 100%;
  }
}

.api-content-category {
  position: relative;
  margin-bottom: 75px;
  margin-top: 100px;
}
@media (max-width: 1108px) {
  .api-content-category {
    margin-top: 40px;
  }
}
.api-content-category h2 {
  font-size: 2.3em;
}
.api-content-category h5 {
  font-size: 1.3em;
}
.api-content-category h6 {
  background: none;
}

.api-content-category.first {
  margin-top: 0;
}

.code-example {
  margin: 10px 0;
  padding: 10px;
  border: solid 1px #222;
  color: #222;
}
.code-example a {
  color: #222;
}

.code-results {
  margin-bottom: 15px;
  white-space: pre-line;
  padding: 16px 20px 30px 20px;
  background: #ebebeb;
}
.code-results code {
  color: #222;
  word-wrap: break-word;
}

.results-btn {
  font-size: 0.8em !important;
}

.faq-section {
  background: #ebebeb;
  border: solid 1px #DADADA;
  margin: 5px 0 10px 0;
}
.faq-section.first {
  margin-top: 25px;
}
.faq-section p {
  padding: 10px;
}
.faq-section .collapsed {
  display: none !important;
}
.faq-section .glow-button {
  display: block;
  font-size: 1.2em;
  text-align: left;
  padding-left: 10px;
  margin-bottom: 0;
}
.faq-section .glow-button:before {
  margin-left: 5px;
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
  top: 15px;
  right: 15px;
  border-width: .5625em;
}
@media (max-width: 520px) {
  .faq-section .glow-button:before {
    content: none !important;
  }
}

@media (max-width: 600px) {
  #collapse-btn {
    width: 100%;
  }
}

#fixed-dropdown-wrap {
  position: absolute;
  top: 25px;
  right: 14px;
  width: 220px;
}
@media (max-width: 1000px) {
  #fixed-dropdown-wrap {
    display: none;
  }
}
#fixed-dropdown-wrap .glow-button-dropdown {
  margin-top: 50px;
}
@media (max-width: 1441px) {
  #fixed-dropdown-wrap .glow-button-dropdown.fix {
    margin-top: -134px;
  }
}
@media (max-width: 1180px) {
  #fixed-dropdown-wrap .glow-button-dropdown.fix {
    margin-top: -102px;
  }
}
@media (max-width: 1000px) {
  #fixed-dropdown-wrap .glow-button-dropdown.fix {
    margin-top: -77px;
  }
}

#api-topNav {
  width: 320px;
  float: right;
}
@media (max-width: 801px) {
  #api-topNav {
    width: 100%;
    float: none;
  }
}
#api-topNav li {
  display: inline;
}
#api-topNav a {
  width: 50%;
  margin-right: -4px;
  background: #4e7caf;
  color: white;
  cursor: pointer;
  display: inline-block;
  font-weight: bold;
  padding: 10px 20px 11px;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
#api-topNav a:hover {
  background: #4872a1;
  text-decoration: none !important;
}
#api-topNav a.current, #api-topNav a.current:hover {
  background: #25476c;
  cursor: default;
}
#api-topNav a.current a, #api-topNav a.current:hover a {
  cursor: default;
}

#api-sideNav {
  float: left;
  width: 250px;
  margin-top: 100px;
}
@media (max-width: 801px) {
  #api-sideNav {
    display: none;
  }
}
#api-sideNav a {
  display: block;
  background: #4e7caf;
  cursor: pointer;
  font-weight: bold;
  padding: 18px 20px 19px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
  color: white;
}
#api-sideNav a:hover {
  text-decoration: none !important;
  background: #4872a1;
}
#api-sideNav a.current, #api-sideNav a.current:hover {
  background: #25476c;
  cursor: default;
}

#terms-of-use h5 {
  font-size: 1.15em;
}
#terms-of-use p {
  margin-top: 0;
  margin-bottom: 1em;
}

/* CSS3 arrows */
.arrow-up {
  width: 0 !important;
  height: 0 !important;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #1f6cdf;
}

.arrow-down {
  width: 0 !important;
  height: 0 !important;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #1f6cdf;
}

.arrow-right {
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-left: 10px solid #1f6cdf;
  position: absolute !important;
  right: 0px;
  top: 8px;
}

.arrow-left {
  width: 0 !important;
  height: 0 !important;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  border-right: 10px solid #1f6cdf;
}

/*Bootstrap Icons*/
[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url("/Content/images/glyphicons-halflings.png");
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

[class^="icon-"]:last-child,
[class*=" icon-"]:last-child {
  *margin-left: 0;
}

.textReplace {
  text-indent: -999px;
  /*Adding the text clear for accesability */
  overflow: hidden;
}

.icon-white {
  background-image: url("/Content/images/glyphicons-halflings-white.png");
}

.icon-green {
  background-image: url("/Content/images/glyphicons_halflings_green.png");
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -23px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -95px;
}
@media only screen and (min-width: 1441px) {
  .icon-arrow-left {
    background-position: -240px -94px;
  }
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

.plus-large {
  background: url("/Content/Images/Icons/plus-minus.png") no-repeat 0 0;
  height: 26px;
  width: 26px;
}

.minus-large {
  background: url("/Content/Images/Icons/plus-minus.png") no-repeat 0 -26px;
  height: 26px;
  width: 26px;
}

.icon-info-med {
  background: url("/Content/Images/Icons/info-icon-med.png") no-repeat 0 0;
  height: 26px;
  width: 26px;
}

.ribbon {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  border: 25px solid transparent;
  border-bottom: 25px solid #1c8921;
  position: absolute;
  top: -17px;
  right: -34px;
  padding: 0 10px;
  width: 85px;
  color: white;
  font-family: sans-serif;
  size: 11px;
}

.ribbon .txt {
  position: absolute;
  top: 3px;
  left: 0px;
  font: bold 1.1em Sans-Serif;
  letter-spacing: 0.05em;
  text-shadow: #fff 0 0px 1px;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
}

​ .tablink {
  margin-top: 10px;
  padding: 5px 5px;
  display: inline-block;
  background: #f0f0f0;
  border: 1px solid #ccc;
}

.tablink:hover {
  background-color: #e5e5e5;
}

.no-border {
  border: none !important;
}

/* styles for carousel on Space Details page*/
#carouselNavWrap {
  clear: both;
  width: 100%;
  padding: 4px 0 0 0;
  margin: 0 auto;
  height: 35px;
  background: white;
}
@media only screen and (max-width: 520px) {
  #carouselNavWrap {
    height: 24px;
  }
}

#carouselNavWrap.wideBox {
  height: 214px;
}

#carouselNavWrap .show-all {
  padding-left: 28px;
  height: 24px;
  float: left;
  background: url("/Content/Images/Icons/arrowhead-green.png") no-repeat left top;
  line-height: 24px;
  cursor: pointer;
  margin-left: 10px;
  text-decoration: none !important;
  color: #1c8921;
  font-weight: 700;
  font-size: 0.8em;
}

#carouselNavWrap .show-all.down {
  background-position: left bottom;
}

.carouselNav {
  margin: 0 auto;
  width: 126px;
}

.carouselNav.sizeOne {
  display: none;
}

.carouselNav.sizeTwo {
  width: 83px;
}

.carouselNav.sizeFive {
  width: 210px;
}

.carouselNav.wideBox {
  width: 620px !important;
  height: 158px;
  border: 4px solid white;
  -moz-box-shadow: 1px 1px 4px gray;
  -webkit-box-shadow: 1px 1px 15px gray;
  box-shadow: 1px 1px 15px gray;
  clear: both;
}

.carouselNav.wideBox.sizeOne {
  display: none;
}

.carouselNav.wideBox.sizeTwo {
  width: 415px !important;
}

.carouselNav.wideBox.overflow-x {
  overflow-x: auto;
  overflow-y: hidden;
}

.carouselNav a.navCircle {
  width: 15px;
  height: 15px;
  display: inline-block;
  float: left;
  margin: 5px 15px;
  border: solid 2px white;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  border-radius: 50%;
  background: #cecece !important;
}

.carouselNav a.navCircle.current {
  background: #1c8921 !important;
  border-color: white;
}

.carouselNav a.navImage {
  width: 200px;
  height: 150px;
  display: inline-block;
  float: left;
  margin: 0 2px;
}

.carouselNav a.navCircle.current, .carouselNav a.navImage.current {
  cursor: default;
}

.carouselNav a.navImage.current {
  border-bottom: solid 5px #1c8921;
}

#imageWrap ul.roomimage {
  z-index: 0;
}

.roomImage > li.hover {
  z-index: 2;
}

#carousel-inner.wideBox {
  width: 2000px;
  margin: 0 auto;
}

#carousel-inner.wideBox.sizeFive {
  width: 1032px;
}

#carouselNavWrap ::-webkit-scrollbar {
  width: 8px;
}

#carouselNavWrap ::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}

#carouselNavWrap ::-webkit-scrollbar-thumb {
  border-radius: 4px;
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.5);
  background: #a1b972;
  cursor: pointer !important;
}

.DTTT_Print thead tr th:last-child,
.DTTT_Print tbody tr td:last-child {
  display: none;
}

.ProductCategoryTitleLink {
  font-size: 1.33em !important;
  margin-top: -11px !important;
  display: block;
}

.dropdownNav {
  display: none;
}

.hotAnnotations-content {
  font-size: 1.1em;
  line-height: 1.2em;
}

.hotAnnotations-content div {
  margin-bottom: 1.2em;
}

.annotaitonHeader {
  font-size: 1.4em;
}

#SideBarAnnotation.fixedSlide {
  top: 10px;
  padding-top: 20px;
}

.gpcTopBar {
  display: none;
}

.greenTipsTable td {
  width: 25%;
}

#spaceDetailsNav ul li a {
  font-size: 110% !important;
}

.portraitInfo {
  margin-bottom: 8px;
}
.portraitInfo i {
  margin-right: 4px;
  margin-top: 1px;
}

.buildingSection {
  background-color: #f0f0f0;
  display: inline-block;
  width: 49.8%;
  padding: 10px;
  margin-bottom: 5px;
  border: solid 1px #aaa;
}
@media (max-width: 801px) {
  .buildingSection {
    width: 100%;
  }
}

@media only screen and (max-width: 520px) {
  a {
    word-wrap: break-word;
  }

  .legend {
    height: auto;
  }

  .materialCompareLi {
    width: 100%;
  }

  .hoverPoint {
    width: 20px;
    height: 20px;
  }

  .downloadLinks .button {
    margin: 0;
  }

  #tblComp th.prosConsHdr,
  #tblComp th.comparisonTblHdr[scope="row"] {
    display: none;
  }
}
@media (max-width: 900px) {
  .mainPost, .mainPostNoChecks {
    width: 100%;
  }

  #GPCSearch label {
    display: none;
  }

  #GPCSidebarContent {
    position: static;
    max-width: 100%;
  }

  #stickyPart {
    max-width: 500px;
    margin: auto;
  }

  .groupItem a.imgLink img {
    width: 50px;
  }

  .groupItemText {
    margin-left: 60px;
  }

  .groupItem--ProductCount {
    left: 60px;
  }

  .dropdownNav {
    display: block;
  }

  .pageNav {
    display: none;
  }

  .feature img {
    max-width: 100%;
  }

  .legend {
    float: none !important;
  }

  #modalWrap .modalNav {
    width: 100%;
    margin-top: 8px;
  }

  .materialCompareLi {
    min-width: 16em;
  }

  #workspaces {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    width: 100%;
    border: none;
  }

  .mobileHide {
    display: none;
  }

  #building-systems {
    border: none;
    box-shadow: none;
    width: 100%;
  }

  .wbaImages {
    display: none;
  }

  .wbaContainer {
    display: none;
    background: none;
  }

  .wbaDescription {
    display: none;
  }

  .socialWrap {
    display: none;
  }

  .spaceOverviewContent {
    width: 100%;
    font-size: 1.2em;
  }

  #carouselNavWrap {
    height: 2.2em;
  }

  .carouselNav a.navCircle {
    width: 20px;
    height: 20px;
    margin: 0 11px;
  }

  .backward, .forward {
    margin-top: 0.15em;
  }

  .imageWrap {
    width: 100%;
  }

  .roomImage {
    width: 100%;
    padding-top: 72.222222222%;
    overflow: visible !important;
  }

  .ProductNavWrap,
  a.colInfoTip {
    display: none;
  }

  .gpcBackHome {
    margin-top: 0px;
  }

  #gpcTitleDesc > h2 {
    margin-bottom: 0;
  }

  #gpcTitleDesc > p {
    margin-top: 10px;
  }

  .gpcTopBar {
    display: block;
    width: 100%;
  }

  .gpcTopBar.top-bar .name h1 a {
    width: 100%;
  }

  .ProductsWrap {
    width: 100%;
  }

  #gpcListWrap {
    display: none;
  }

  .addColumn {
    display: none;
  }

  #WBAMain {
    width: 100%;
  }

  .wbaHeader {
    float: none;
  }

  .wbaHeader h2 {
    width: 100%;
    margin-bottom: 5px;
  }

  .descriptionImage {
    margin: 5px 0;
  }

  #IntegrativeDesignContainer {
    background: none;
    height: auto;
  }

  .idp_description_container {
    width: 100%;
    position: static;
    margin-bottom: 15px;
  }
  .idp_description_container img {
    display: none;
  }

  .idp_description {
    width: 98%;
    padding: 10px 1%;
    border: 0px;
    box-shadow: none;
    max-height: none;
  }
  .idp_description h3 {
    width: 100%;
  }

  .roleHoverLink {
    display: none;
  }

  #IntegrativeDesignFooter {
    width: 100%;
  }

  .bundle {
    min-width: 100%;
    width: 100%;
  }

  #tabHeader {
    margin-top: 10px;
  }

  #allRatingSystems {
    width: 100%;
  }

  #allRatingSystems .ratingSystem {
    width: 100%;
  }

  #allRatingSystems .ratingSystem .ratingSystemDetails .relationTable,
  #allRatingSystems .ratingSystem .ratingSystemDetails .description {
    border: none;
    padding-left: 0px;
    width: 100%;
  }

  #allMandates {
    float: none;
  }

  #allMandates .mandate {
    border-bottom: solid 2px #EEE;
    padding-bottom: 5px;
  }

  #allMandates .mandate .mandateDetails {
    padding-left: 0px;
    background: none;
    width: 98%;
    padding: 0 1%;
  }

  #allMandates .mandate .mandateDetails p {
    width: 100%;
  }

  .WBAContent {
    width: 100%;
  }

  ul.subnavbar {
    margin-top: 5px;
  }

  .expandableContentItem {
    width: 100%;
  }

  .expandableContentItem .itemHeader {
    min-height: 32px;
  }

  .greenTipsTable td {
    width: 100%;
    float: left;
  }

  #ProductCategoryTitleWrap {
    border-top: none;
  }

  .ProductsLi h3 {
    font-size: 1.2em;
    width: 70%;
  }

  #login-oauth, #login-account {
    border: none;
  }
}
@media (min-width: 1000px) {
  #logindisplay-m {
    display: none;
  }
}
@media (max-width: 1025px) {
  .panelWrap {
    width: 100% !important;
  }

  .storyTiles {
    width: 100% !important;
  }
}
@media (max-width: 1025px) {
  #spaceContent {
    width: 100%;
  }

  #spaceDetailsNav {
    width: 100%;
  }
  #spaceDetailsNav ul li {
    float: left;
    display: inline;
    margin: 8px 20px 0 0;
  }

  .wbaDescription {
    height: 10em;
  }

  .wbaHovers > li.leftLabel > em {
    left: -103%;
  }
}
@media only screen and (min-width: 801px) {
  .materialCompareLi {
    min-width: 16em;
  }
}
@media only screen and (min-width: 1281px) {
  .searchResultsCount {
    font-size: 0.75em;
  }
}
@media only screen and (min-width: 1441px) {
  #spaceDetailsNav h4 {
    font-size: 1.6em;
  }
}
@media (max-width: 801px) {
  .mHide {
    display: none;
  }
}
/* STICKY FOOTER ELEMENTS */
* {
  margin: 0;
}

html, body {
  height: 100%;
}

#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -27em;
}
body.Home #main {
  min-height: 0 !important;
}
@media (max-width: 1000px) {
  #main {
    margin: 0 auto -28em;
  }
}
@media (max-width: 800px) {
  #main {
    margin: 0 auto -31em;
  }
}

#footer, .push {
  height: 27em;
  clear: both;
}
@media (max-width: 1000px) {
  #footer, .push {
    height: 28em;
  }
}
@media (max-width: 800px) {
  #footer, .push {
    height: 31em;
  }
}

body.Home .push {
  height: 0 !important;
}

.truncate {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Latest GPC Search Tweaks
*****************************************************/
#searchMain {
  min-height: 0;
}

#GPCMain.searchWrapper h4.muted {
  color: #818588;
  font-size: 1em;
  margin-bottom: 6px;
}
#GPCMain.searchWrapper #searchSftoolSidebar {
  background: #f2f2f2;
  border: solid 1px #dedede;
  margin-top: 8px;
}
#GPCMain.searchWrapper #searchSftoolSidebar ul {
  background: #f2f2f2;
  margin: 0;
}
#GPCMain.searchWrapper .combinedToo .tagResult {
  margin: 0;
  background: #f2f2f2;
  padding-bottom: 6px;
}
#GPCMain.searchWrapper .tags {
  padding: 0;
}
#GPCMain.searchWrapper .tags .tag, #GPCMain.searchWrapper .tags .hyperlinkyForm input[type="submit"].tag {
  border-radius: 2px;
  color: #fff;
  background-color: #1f6cdf;
  padding: 3px 8px 2px 8px;
  margin: 2px 3px 2px 0;
  border: 0;
  font-size: 1.0em;
  transition: all .3s;
}
#GPCMain.searchWrapper .tags .tag:hover, #GPCMain.searchWrapper .tags .hyperlinkyForm input[type="submit"].tag:hover {
  opacity: 0.85;
}
#GPCMain.searchWrapper .media, #GPCMain.searchWrapper .media-body {
  zoom: 1;
  overflow: hidden;
}
#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media-right, #GPCMain.searchWrapper .media-body {
  display: table-cell;
  vertical-align: top;
}
#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media > .pull-left {
  padding-right: 10px;
}
#GPCMain.searchWrapper .media-left img {
  max-width: 110px;
}
#GPCMain.searchWrapper .media-object {
  display: block;
}
#GPCMain.searchWrapper .thumbnail {
  display: block;
  margin-bottom: 24px;
  vertical-align: middle;
  line-height: 1.5;
  background-color: white;
  border-radius: 2px;
  -webkit-transition: border 0.2s ease-in-out;
  -o-transition: border 0.2s ease-in-out;
  transition: border 0.2s ease-in-out;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.16);
}
#GPCMain.searchWrapper .media-left, #GPCMain.searchWrapper .media-right, #GPCMain.searchWrapper .media-body {
  display: table-cell;
  vertical-align: top;
}
#GPCMain.searchWrapper .media-body {
  width: 10000px;
}
#GPCMain.searchWrapper .media-heading {
  margin-top: -4px;
  margin-bottom: 2px;
}
#GPCMain.searchWrapper .media-body p {
  margin-bottom: 4px;
  line-height: 1.26;
  font-size: .94em;
  font-weight: 200;
}
#GPCMain.searchWrapper .gpcSearchResultsList li ul {
  margin-left: 0;
}
#GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li {
  background-position: 0 3px;
  padding-top: 2px;
  padding-bottom: 2px;
}
#GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li, #GPCMain.searchWrapper .gpcSearchResultsList ul.searchContentLevels > li p {
  font-size: 0.836rem;
}
#GPCMain.searchWrapper .layout-toggles {
  padding: 16px 0;
  margin-bottom: -46px;
}
#GPCMain.searchWrapper .toggle-layout {
  float: right;
  border: 1px solid #d1d1d1;
  background: none;
  display: inline-block;
  height: 35px;
  padding: 1px 3px 0 2px;
  text-align: center;
  margin: 0;
  margin-left: 10px;
}
#GPCMain.searchWrapper .toggle-layout:hover svg {
  fill: #1f6cdf;
}
#GPCMain.searchWrapper .toggle-layout svg {
  fill: #7d7d7d;
  height: 32px;
  width: 35px;
  margin: auto;
  transition: all .3s;
}
#GPCMain.searchWrapper .layout-list [data-toggle-layout="layout-list"] svg {
  fill: #1f6cdf;
}
#GPCMain.searchWrapper .layout-list .prod-cats a {
  display: inline;
  padding-left: 4px;
  padding-right: 4px;
}
#GPCMain.searchWrapper .layout-list .media-left {
  padding-right: 18px;
}
#GPCMain.searchWrapper .layout-list .media-left img {
  max-width: 75px;
}
#GPCMain.searchWrapper .layout-list .media-body {
  max-width: 800px;
}
#GPCMain.searchWrapper .layout-list .media-body p {
  margin-top: 0;
  font-size: 1em;
}
#GPCMain.searchWrapper .layout-list .GPCproductPane .media-body p {
  display: none;
}
#GPCMain.searchWrapper .layout-grid [data-toggle-layout="layout-grid"] svg {
  fill: #1f6cdf;
}
#GPCMain.searchWrapper .layout-grid .gpcSearchResultsList > li {
  border: 0;
  margin: 0;
  padding: 0;
}
#GPCMain.searchWrapper .layout-grid .searchContentLevels {
  display: none;
  padding: 6px 12px;
}
#GPCMain.searchWrapper .layout-grid .searchContentLevels > li {
  background-position: 0 4px !important;
  padding-top: 3px !important;
  padding-bottom: 1px !important;
}
#GPCMain.searchWrapper .layout-grid .prod-cats {
  display: none;
  padding: 6px 12px;
}
#GPCMain.searchWrapper .layout-grid .prod-cats a {
  color: #a6a8a9;
  font-size: 0.86em;
  display: block;
}
#GPCMain.searchWrapper .layout-grid .hover-panel {
  position: absolute;
  color: #333;
  text-align: left;
  top: -35%;
  left: -17.5%;
  opacity: 0;
  background: rgba(255, 255, 255, 0.925);
  border: solid 1px transparent;
  width: 135%;
  max-height: 50%;
  border-radius: 0px;
  transition: opacity .5s;
  z-index: 99999;
  overflow: auto;
}
#GPCMain.searchWrapper .layout-grid .hover-panel .searchContentLevels > li {
  background: none!important;
  padding: 2px 0 0 0!important;
}
#GPCMain.searchWrapper .layout-grid .media {
  position: relative;
  text-align: center;
  width: 16.666666%;
  float: left;
  min-height: 240px;
  padding: 0;
  overflow: visible;
  margin: 0 !important;
}
#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel {
  opacity: 1;
  border-color: #cbcfd1;
  transition: opacity .25s .55s;
}
#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel .prod-cats {
  display: block;
}
#GPCMain.searchWrapper .layout-grid .media:hover .hover-panel .searchContentLevels {
  display: block;
}
#GPCMain.searchWrapper .layout-grid .media .media-left {
  display: block;
  padding: 0;
}
#GPCMain.searchWrapper .layout-grid .media .thumbnail {
  border: 0;
  padding: 0;
  margin: 0;
  max-height: 115px;
  margin: 0;
  margin: auto;
  max-width: 100%;
  box-shadow: 0 0 12px rgba(51, 51, 51, 0.16);
}
#GPCMain.searchWrapper .layout-grid .media .media-heading {
  font-size: 1em;
  margin: 0;
  color: #1f6cdf;
}
#GPCMain.searchWrapper .layout-grid .media .media-body {
  padding: 12px 0 0 0;
}
#GPCMain.searchWrapper .layout-grid .media .media-body p {
  display: none;
}
#GPCMain.searchWrapper .layout-grid .media .media-body span {
  display: none;
}
#GPCMain.searchWrapper .layout-grid .media .media-body > a {
  color: #a6a8a9;
  font-size: 0.86em;
  display: block;
}

@media screen and (max-width: 1024px) {
  #GPCMain.searchWrapper h4 {
    font-size: 1.1em;
    margin: 4px 0 4px 0;
  }
  #GPCMain.searchWrapper h4.muted {
    color: #818588;
    font-size: 1em;
  }
  #GPCMain.searchWrapper #updateSearchQuery,
  #GPCMain.searchWrapper #updateSearchSubmit {
    font-size: 1.1em;
  }
  #GPCMain.searchWrapper .layout-grid .media {
    width: 20%;
  }
}
@media screen and (max-width: 800px) {
  #GPCMain.searchWrapper .layout-list .media-left img {
    max-width: 80px;
  }
  #GPCMain.searchWrapper .layout-list .media-body p {
    margin-top: -2px;
    font-size: .7em;
  }
  #GPCMain.searchWrapper .layout-grid .media {
    width: 25%;
    max-width: 210px;
    min-height: 250px;
  }
  #GPCMain.searchWrapper .layout-grid .media:hover .hover-panel {
    display: none;
  }
  #GPCMain.searchWrapper .layout-grid .media .media-heading {
    font-size: 1em;
  }
  #GPCMain.searchWrapper .layout-grid .media .thumbnail {
    max-height: 115px;
  }
}
@media screen and (max-width: 650px) {
  .gpc-product-filter > button {
    font-size: 0.669rem !important;
    padding: 9px 10px 6px 10px !important;
  }

  .gpc-product-filter > span {
    display: none;
  }

  .searchWrapper .column, .searchWrapper .columns {
    padding-left: 0;
    padding-right: 0;
  }

  #updateSearchQuery, #updateSearchSubmit {
    padding: 10px 11px !important;
    font-size: 0.836rem;
    line-height: 1.5;
    height: 40px !important;
  }

  #updateSearchSubmit {
    padding: 10px 2px !important;
    font-size: 0.669rem !important;
    line-height: 1.8;
  }

  .toggle-layout {
    height: 26px !important;
  }
  .toggle-layout svg {
    height: 23px !important;
    width: 26px !important;
  }

  #GPCMain.searchWrapper .layout-list .media {
    margin-bottom: 20px;
  }
  #GPCMain.searchWrapper .layout-list .media .thumbnail {
    max-height: 65px;
  }
  #GPCMain.searchWrapper .layout-list .media-heading {
    margin-top: -5px;
  }
  #GPCMain.searchWrapper .layout-list .media-left {
    padding-right: 10px;
  }
  #GPCMain.searchWrapper .layout-list .media-left img {
    max-width: 60px;
  }
  #GPCMain.searchWrapper .layout-list .media-body p {
    margin-top: -2px;
    font-size: .7em;
  }
  #GPCMain.searchWrapper .layout-grid .media {
    width: 31%;
    max-width: 210px;
    min-height: 165px;
    margin: 0 3px !Important;
  }
  #GPCMain.searchWrapper .layout-grid .media .media-heading {
    font-size: .9em;
  }
  #GPCMain.searchWrapper .layout-grid .media .thumbnail {
    border-radius: 0;
    width: 100%;
    max-height: 65px;
  }
  #GPCMain.searchWrapper .tags .tag {
    font-size: 0.669rem;
  }

  .prod-cats {
    font-size: 0.753rem;
    margin-bottom: 4px;
  }
}
.fade {
  transition: all .3s;
}

.hidden-fade {
  opacity: 0;
  transform: translate3d(0, 12px, 0);
  transition: all .3s;
}

/* Grid HTML Classes */
.row, .med-row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 1265px;
  *zoom: 1;
  min-width: 270px;
}
.row:before, .row:after, .med-row:before, .med-row:after {
  content: " ";
  display: table;
}
.row:after, .med-row:after {
  clear: both;
}
.row.collapse .column,
.row.collapse .columns, .med-row.collapse .column,
.med-row.collapse .columns {
  position: relative;
  padding-left: 0;
  padding-right: 0;
  float: left;
}
.row .row, .med-row .row {
  width: auto;
  margin-left: -0.9375em;
  margin-right: -0.9375em;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
  *zoom: 1;
}
.row .row:before, .row .row:after, .med-row .row:before, .med-row .row:after {
  content: " ";
  display: table;
}
.row .row:after, .med-row .row:after {
  clear: both;
}
.row .row.collapse, .med-row .row.collapse {
  width: auto;
  margin: 0;
  max-width: none;
  *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after, .med-row .row.collapse:before, .med-row .row.collapse:after {
  content: " ";
  display: table;
}
.row .row.collapse:after, .med-row .row.collapse:after {
  clear: both;
}

.column,
.columns {
  position: relative;
  padding-left: 0.9375em;
  padding-right: 0.9375em;
  width: 100%;
  float: left;
}

@media only screen {
  .column,
  .columns {
    position: relative;
    padding-left: 0.9375em;
    padding-right: 0.9375em;
    float: left;
  }

  .small-1 {
    position: relative;
    width: 8.33333%;
  }

  .small-2 {
    position: relative;
    width: 16.66667%;
  }

  .small-3 {
    position: relative;
    width: 25%;
  }

  .small-4 {
    position: relative;
    width: 33.33333%;
  }

  .small-5 {
    position: relative;
    width: 41.66667%;
  }

  .small-6 {
    position: relative;
    width: 50%;
  }

  .small-7 {
    position: relative;
    width: 58.33333%;
  }

  .small-8 {
    position: relative;
    width: 66.66667%;
  }

  .small-9 {
    position: relative;
    width: 75%;
  }

  .small-10 {
    position: relative;
    width: 83.33333%;
  }

  .small-11 {
    position: relative;
    width: 91.66667%;
  }

  .small-12 {
    position: relative;
    width: 100%;
  }

  .small-offset-0 {
    position: relative;
    margin-left: 0%;
  }

  .small-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }

  .small-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }

  .small-offset-3 {
    position: relative;
    margin-left: 25%;
  }

  .small-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }

  .small-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }

  .small-offset-6 {
    position: relative;
    margin-left: 50%;
  }

  .small-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }

  .small-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }

  .small-offset-9 {
    position: relative;
    margin-left: 75%;
  }

  .small-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }

  [class*="column"] + [class*="column"]:last-child {
    float: right;
  }

  [class*="column"] + [class*="column"].end {
    float: left;
  }

  .column.small-centered,
  .columns.small-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width: 801px) {
  .large-1 {
    position: relative;
    width: 8.33333%;
  }

  .large-2 {
    position: relative;
    width: 16.66667%;
  }

  .large-3 {
    position: relative;
    width: 25%;
  }

  .large-4 {
    position: relative;
    width: 33.33333%;
  }

  .large-5 {
    position: relative;
    width: 41.66667%;
  }

  .large-6 {
    position: relative;
    width: 50%;
  }

  .large-7 {
    position: relative;
    width: 58.33333%;
  }

  .large-8 {
    position: relative;
    width: 66.66667%;
  }

  .large-9 {
    position: relative;
    width: 75%;
  }

  .large-10 {
    position: relative;
    width: 83.33333%;
  }

  .large-11 {
    position: relative;
    width: 91.66667%;
  }

  .large-12 {
    position: relative;
    width: 100%;
  }

  .row .large-offset-0 {
    position: relative;
    margin-left: 0%;
  }

  .row .large-offset-1 {
    position: relative;
    margin-left: 8.33333%;
  }

  .row .large-offset-2 {
    position: relative;
    margin-left: 16.66667%;
  }

  .row .large-offset-3 {
    position: relative;
    margin-left: 25%;
  }

  .row .large-offset-4 {
    position: relative;
    margin-left: 33.33333%;
  }

  .row .large-offset-5 {
    position: relative;
    margin-left: 41.66667%;
  }

  .row .large-offset-6 {
    position: relative;
    margin-left: 50%;
  }

  .row .large-offset-7 {
    position: relative;
    margin-left: 58.33333%;
  }

  .row .large-offset-8 {
    position: relative;
    margin-left: 66.66667%;
  }

  .row .large-offset-9 {
    position: relative;
    margin-left: 75%;
  }

  .row .large-offset-10 {
    position: relative;
    margin-left: 83.33333%;
  }

  .row .large-offset-11 {
    position: relative;
    margin-left: 91.66667%;
  }

  .push-1 {
    position: relative;
    left: 8.33333%;
    right: auto;
  }

  .pull-1 {
    position: relative;
    right: 8.33333%;
    left: auto;
  }

  .push-2 {
    position: relative;
    left: 16.66667%;
    right: auto;
  }

  .pull-2 {
    position: relative;
    right: 16.66667%;
    left: auto;
  }

  .push-3 {
    position: relative;
    left: 25%;
    right: auto;
  }

  .pull-3 {
    position: relative;
    right: 25%;
    left: auto;
  }

  .push-4 {
    position: relative;
    left: 33.33333%;
    right: auto;
  }

  .pull-4 {
    position: relative;
    right: 33.33333%;
    left: auto;
  }

  .push-5 {
    position: relative;
    left: 41.66667%;
    right: auto;
  }

  .pull-5 {
    position: relative;
    right: 41.66667%;
    left: auto;
  }

  .push-6 {
    position: relative;
    left: 50%;
    right: auto;
  }

  .pull-6 {
    position: relative;
    right: 50%;
    left: auto;
  }

  .push-7 {
    position: relative;
    left: 58.33333%;
    right: auto;
  }

  .pull-7 {
    position: relative;
    right: 58.33333%;
    left: auto;
  }

  .push-8 {
    position: relative;
    left: 66.66667%;
    right: auto;
  }

  .pull-8 {
    position: relative;
    right: 66.66667%;
    left: auto;
  }

  .push-9 {
    position: relative;
    left: 75%;
    right: auto;
  }

  .pull-9 {
    position: relative;
    right: 75%;
    left: auto;
  }

  .push-10 {
    position: relative;
    left: 83.33333%;
    right: auto;
  }

  .pull-10 {
    position: relative;
    right: 83.33333%;
    left: auto;
  }

  .push-11 {
    position: relative;
    left: 91.66667%;
    right: auto;
  }

  .pull-11 {
    position: relative;
    right: 91.66667%;
    left: auto;
  }

  .column.large-centered,
  .columns.large-centered {
    position: relative;
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }

  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }

  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right !important;
  }
}
.med-row {
  max-width: 54.25em;
}

@media (min-width: 600px) and (max-width: 800px) {
  .small-split {
    width: 50%;
  }
}

/* Foundation Visibility HTML Classes */
.show-for-small,
.show-for-medium-down,
.show-for-large-down {
  display: inherit;
}

.show-for-medium,
.show-for-medium-up,
.show-for-large,
.show-for-large-up,
.show-for-xlarge {
  display: none;
}

.hide-for-medium,
.hide-for-medium-up,
.hide-for-large,
.hide-for-large-up,
.hide-for-xlarge {
  display: inherit;
}

.hide-for-small,
.hide-for-medium-down,
.hide-for-large-down {
  display: none !important;
}

/* Specific visilbity for tables */
table.show-for-small, table.show-for-medium-down, table.show-for-large-down, table.hide-for-medium, table.hide-for-medium-up, table.hide-for-large, table.hide-for-large-up, table.hide-for-xlarge {
  display: table;
}

thead.show-for-small, thead.show-for-medium-down, thead.show-for-large-down, thead.hide-for-medium, thead.hide-for-medium-up, thead.hide-for-large, thead.hide-for-large-up, thead.hide-for-xlarge {
  display: table-header-group !important;
}

tbody.show-for-small, tbody.show-for-medium-down, tbody.show-for-large-down, tbody.hide-for-medium, tbody.hide-for-medium-up, tbody.hide-for-large, tbody.hide-for-large-up, tbody.hide-for-xlarge {
  display: table-row-group !important;
}

tr.show-for-small, tr.show-for-medium-down, tr.show-for-large-down, tr.hide-for-medium, tr.hide-for-medium-up, tr.hide-for-large, tr.hide-for-large-up, tr.hide-for-xlarge {
  display: table-row !important;
}

td.show-for-small, td.show-for-medium-down, td.show-for-large-down, td.hide-for-medium, td.hide-for-medium-up, td.hide-for-large, td.hide-for-large-up, td.hide-for-xlarge,
th.show-for-small,
th.show-for-medium-down,
th.show-for-large-down,
th.hide-for-medium,
th.hide-for-medium-up,
th.hide-for-large,
th.hide-for-large-up,
th.hide-for-xlarge {
  display: table-cell !important;
}

@media only screen and (max-width: 520px) {
  .hide-for-tiny {
    display: none !important;
  }

  .show-for-tiny {
    display: inherit !important;
  }
}
/* Medium Displays: 768px - 1279px */
@media only screen and (min-width: 801px) {
  .show-for-medium,
  .show-for-medium-up {
    display: inherit !important;
  }

  .show-for-small {
    display: none !important;
  }

  .hide-for-small {
    display: inherit !important;
  }

  .hide-for-medium,
  .hide-for-medium-up {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-medium, table.show-for-medium-up, table.hide-for-small {
    display: table;
  }

  thead.show-for-medium, thead.show-for-medium-up, thead.hide-for-small {
    display: table-header-group !important;
  }

  tbody.show-for-medium, tbody.show-for-medium-up, tbody.hide-for-small {
    display: table-row-group !important;
  }

  tr.show-for-medium, tr.show-for-medium-up, tr.hide-for-small {
    display: table-row !important;
  }

  td.show-for-medium, td.show-for-medium-up, td.hide-for-small,
  th.show-for-medium,
  th.show-for-medium-up,
  th.hide-for-small {
    display: table-cell !important;
  }
}
/* Large Displays: 1280px - 1440px */
@media only screen and (min-width: 1025px) {
  .show-for-large,
  .show-for-large-up {
    display: inherit !important;
  }

  .show-for-medium,
  .show-for-medium-down {
    display: none !important;
  }

  .hide-for-medium,
  .hide-for-medium-down {
    display: inherit !important;
  }

  .hide-for-large,
  .hide-for-large-up {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-large, table.show-for-large-up, table.hide-for-medium, table.hide-for-medium-down {
    display: table;
  }

  thead.show-for-large, thead.show-for-large-up, thead.hide-for-medium, thead.hide-for-medium-down {
    display: table-header-group !important;
  }

  tbody.show-for-large, tbody.show-for-large-up, tbody.hide-for-medium, tbody.hide-for-medium-down {
    display: table-row-group !important;
  }

  tr.show-for-large, tr.show-for-large-up, tr.hide-for-medium, tr.hide-for-medium-down {
    display: table-row !important;
  }

  td.show-for-large, td.show-for-large-up, td.hide-for-medium, td.hide-for-medium-down,
  th.show-for-large,
  th.show-for-large-up,
  th.hide-for-medium,
  th.hide-for-medium-down {
    display: table-cell !important;
  }
}
/* X-Large Displays: 1400px and up */
@media only screen and (min-width: 1441px) {
  .show-for-xlarge {
    display: inherit !important;
  }

  .show-for-large,
  .show-for-large-down {
    display: none !important;
  }

  .hide-for-large,
  .hide-for-large-down {
    display: inherit !important;
  }

  .hide-for-xlarge {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-xlarge, table.hide-for-large, table.hide-for-large-down {
    display: table;
  }

  thead.show-for-xlarge, thead.hide-for-large, thead.hide-for-large-down {
    display: table-header-group !important;
  }

  tbody.show-for-xlarge, tbody.hide-for-large, tbody.hide-for-large-down {
    display: table-row-group !important;
  }

  tr.show-for-xlarge, tr.hide-for-large, tr.hide-for-large-down {
    display: table-row !important;
  }

  td.show-for-xlarge, td.hide-for-large, td.hide-for-large-down,
  th.show-for-xlarge,
  th.hide-for-large,
  th.hide-for-large-down {
    display: table-cell !important;
  }
}
/* Orientation targeting */
.show-for-landscape,
.hide-for-portrait {
  display: inherit !important;
}

.hide-for-landscape,
.show-for-portrait {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-landscape, table.show-for-portrait {
  display: table;
}

thead.hide-for-landscape, thead.show-for-portrait {
  display: table-header-group !important;
}

tbody.hide-for-landscape, tbody.show-for-portrait {
  display: table-row-group !important;
}

tr.hide-for-landscape, tr.show-for-portrait {
  display: table-row !important;
}

td.hide-for-landscape, td.show-for-portrait,
th.hide-for-landscape,
th.show-for-portrait {
  display: table-cell !important;
}

@media only screen and (orientation: landscape) {
  .show-for-landscape,
  .hide-for-portrait {
    display: inherit !important;
  }

  .hide-for-landscape,
  .show-for-portrait {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-landscape, table.hide-for-portrait {
    display: table;
  }

  thead.show-for-landscape, thead.hide-for-portrait {
    display: table-header-group !important;
  }

  tbody.show-for-landscape, tbody.hide-for-portrait {
    display: table-row-group !important;
  }

  tr.show-for-landscape, tr.hide-for-portrait {
    display: table-row !important;
  }

  td.show-for-landscape, td.hide-for-portrait,
  th.show-for-landscape,
  th.hide-for-portrait {
    display: table-cell !important;
  }
}
@media only screen and (orientation: portrait) {
  .show-for-portrait,
  .hide-for-landscape {
    display: inherit !important;
  }

  .hide-for-portrait,
  .show-for-landscape {
    display: none !important;
  }

  /* Specific visilbity for tables */
  table.show-for-portrait, table.hide-for-landscape {
    display: table;
  }

  thead.show-for-portrait, thead.hide-for-landscape {
    display: table-header-group !important;
  }

  tbody.show-for-portrait, tbody.hide-for-landscape {
    display: table-row-group !important;
  }

  tr.show-for-portrait, tr.hide-for-landscape {
    display: table-row !important;
  }

  td.show-for-portrait, td.hide-for-landscape,
  th.show-for-portrait,
  th.hide-for-landscape {
    display: table-cell !important;
  }
}
/* Touch-enabled device targeting */
.show-for-touch {
  display: none !important;
}

.hide-for-touch {
  display: inherit !important;
}

.touch .show-for-touch {
  display: inherit !important;
}

.touch .hide-for-touch {
  display: none !important;
}

/* Specific visilbity for tables */
table.hide-for-touch {
  display: table;
}

.touch table.show-for-touch {
  display: table;
}

thead.hide-for-touch {
  display: table-header-group !important;
}

.touch thead.show-for-touch {
  display: table-header-group !important;
}

tbody.hide-for-touch {
  display: table-row-group !important;
}

.touch tbody.show-for-touch {
  display: table-row-group !important;
}

tr.hide-for-touch {
  display: table-row !important;
}

.touch tr.show-for-touch {
  display: table-row !important;
}

td.hide-for-touch {
  display: table-cell !important;
}

.touch td.show-for-touch {
  display: table-cell !important;
}

th.hide-for-touch {
  display: table-cell !important;
}

.touch th.show-for-touch {
  display: table-cell !important;
}

@media (min-width: 520px) {
  .portraitInfo {
    display: none!important;
  }
}
p.lead, .p.lead {
  font-size: 1.26875em;
  line-height: 1.6;
}

.subheader {
  line-height: 1.1;
  color: #222222;
  font-weight: normal;
  margin-top: 0;
  margin-bottom: 0;
}

/* Typography resets */
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
p,
blockquote,
th,
td {
  margin: 0;
  padding: 0;
  direction: ltr;
}

/* Default Link Styles */
a, a.h4 {
  color: #1f6cdf;
  line-height: inherit;
  /*
  &:hover,
  &:focus { color: $anchor-font-color-hover; }
  */
}
a img, a.h4 img {
  border: none;
}

/* Default paragraph styles */
p, .p {
  font-family: inherit;
  font-weight: normal;
  font-size: 1.05em;
  line-height: 1.5;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  text-rendering: optimizeLegibility;
}
p aside, .p aside {
  font-size: 0.875em;
  line-height: 1.35;
  font-style: italic;
}

/* Default header styles */
h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
  font-weight: normal;
  font-style: normal;
  color: #333333;
  text-rendering: optimizeLegibility;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1;
  overflow: hidden;
  padding-bottom: 2px;
}
h1 small, .h1 small, h2 small, .h2 small, h3 small, .h3 small, h4 small, .h4 small, h5 small, .h5 small, h6 small, .h6 small {
  font-size: 60%;
  padding: 0;
  line-height: 0!important;
}
@media (max-width: 801px) {
  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {
    line-height: 1.3em;
  }
}

h1, .h1 {
  font-size: 3.125em;
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

h2, .h2 {
  font-size: 2em;
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 900;
}

h3, .h3 {
  background-color: #1c8921;
  color: white;
  display: inline-block;
  font-family: "AvenirStd", "Helvetica Neue", Helvetica;
  font-size: 1.125em;
  padding: 5px 10px 5px 10px;
  font-weight: 900;
  letter-spacing: 0.01em;
}
h3 a, .h3 a {
  color: white;
}

h4, .h4 {
  font-size: 1.0625em;
  color: #18831d;
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 5px 0px;
  margin: 4px 0 0 0;
}

h5, .h5 {
  color: #333333;
  font-size: 1.125em;
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 700;
  padding: 4px 0px;
  background: none;
}
h5 a, .h5 a {
  color: #333333;
}
@media only screen and (min-width: 1441px) {
  h5, .h5 {
    margin: 3px 0 1px 0;
  }
}

h6, .h6 {
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-size: 1em;
  font-weight: bold;
  color: #666;
  background: #f0f0f0;
  padding: 5px 10px;
  margin: 4px 0;
  display: block;
}

.h7 {
  font-size: 1.6em;
  color: #333333;
  background-color: transparent;
  padding: 0;
}

hr {
  border: solid #dddddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 1.25em 0 1.1875em;
  height: 0;
}

/* Helpful Typography Defaults */
em,
i {
  line-height: inherit;
}

i {
  font-style: italic;
}

strong,
b {
  font-weight: bold;
  line-height: inherit;
}

strong {
  color: #18831D;
}

small {
  font-size: 60%;
  line-height: inherit;
}

code {
  font-family: Consolas, "Liberation Mono", Courier, monospace;
  font-weight: bold;
  color: #7f0a0c;
}

/* Lists */
ul,
ol,
dl {
  font-size: 1.05em;
  line-height: 1.5;
  margin-top: 0.625em;
  margin-bottom: 0.625em;
  list-style-position: outside;
  font-family: inherit;
}

ul, ol {
  margin-left: 0;
}

/* Unordered Lists */
ul li ul,
ul li ol {
  margin-left: 1.125em;
  font-size: 1em;
  /* Override nested font-size change */
}
ul.square li ul, ul.circle li ul, ul.disc li ul {
  list-style: inherit;
}
ul.square {
  list-style-type: square;
}
ul.circle {
  list-style-type: circle;
}
ul.disc {
  list-style-type: disc;
}
ul.no-bullet {
  list-style: none;
}

/* Ordered Lists */
ol li ul,
ol li ol {
  margin-left: 1.125em;
  margin-bottom: 0;
}

/* Definition Lists */
dl dt {
  margin-bottom: 0.3em;
  font-weight: bold;
}
dl dd {
  margin-bottom: 0.75em;
}

/* Abbreviations */
abbr,
acronym {
  text-transform: uppercase;
  font-size: 90%;
  color: #282729;
  border-bottom: 1px dotted #dddddd;
  cursor: help;
}

abbr {
  text-transform: none;
}

/* Blockquotes */
blockquote {
  margin: 0 0 0.625em;
  padding: 0.5625em 1.25em 0 1.1875em;
  border-left: 1px solid #dddddd;
}
blockquote cite {
  display: block;
  font-size: 0.8125em;
  color: #666666;
}
blockquote cite:before {
  content: "\2014 \0020";
}
blockquote cite a,
blockquote cite a:visited {
  color: #666666;
}

blockquote,
blockquote p {
  line-height: 1.5;
  color: #767676;
}

.caption {
  background: #2d4a58;
  background: rgba(45, 74, 88, 0.85);
  color: white;
  font-weight: bold;
  width: 100%;
  padding: 2.5%;
  line-height: 1.4em;
}
.caption a {
  color: white;
  text-decoration: underline;
}

@media only screen and (min-width: 801px) {
  .caption {
    bottom: 0;
    left: 0;
    position: absolute;
  }
}
/* Microformats */
.vcard {
  display: inline-block;
  margin: 0 0 1.25em 0;
  border: 1px solid #dddddd;
  padding: 0.625em 0.75em;
}
.vcard li {
  margin: 0;
  display: block;
}
.vcard .fn {
  font-weight: bold;
  font-size: 0.9375em;
}

.vevent .summary {
  font-weight: bold;
}
.vevent abbr {
  cursor: default;
  text-decoration: none;
  font-weight: bold;
  border: none;
  padding: 0 0.0625em;
}

@media only screen and (min-width: 801px) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
  }

  h1 {
    font-size: 3.75em;
  }

  h2 {
    font-size: 2.625em;
  }

  h3 {
    font-size: 1.4375em;
  }

  h4 {
    font-size: 1.375em;
  }
}
/*
 * Print styles.
 *
 * Inlined to avoid required HTTP connection: www.phpied.com/delay-loading-your-print-css/
 * Credit to Paul Irish and HTML5 Boilerplate (html5boilerplate.com)
*/
.print-only {
  display: none !important;
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }

  .hide-on-print {
    display: none !important;
  }

  .print-only {
    display: block !important;
  }

  .hide-for-print {
    display: none !important;
  }

  .show-for-print {
    display: inherit !important;
  }
}
h2.small, .h2.small {
  font-size: 1.7em;
}

button, .button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.6875em;
  padding-right: 1.375em;
  padding-bottom: 0.625em;
  padding-left: 1.375em;
  font-size: 1em;
  background-color: #1c8921;
  border-color: #19871e;
  color: white;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
button:hover, .button:hover {
  text-decoration: none;
}
button:hover, button:focus, .button:hover, .button:focus {
  background-color: #157119;
}
button:hover, button:focus, .button:hover, .button:focus {
  color: white;
}
button.secondary, .button.secondary {
  background-color: #1c8921;
  border-color: #19871e;
  color: white;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  background-color: #157119;
}
button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus {
  color: white;
}
button.success, .button.success {
  background-color: #5da423;
  border-color: #5ba022;
  color: white;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  background-color: #4f8b1e;
}
button.success:hover, button.success:focus, .button.success:hover, .button.success:focus {
  color: white;
}
button.alert, .button.alert {
  background-color: #c60f13;
  border-color: #c10f13;
  color: white;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  background-color: #aa0d10;
}
button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus {
  color: white;
}
button.large, .button.large {
  padding-top: 1em;
  padding-right: 2em;
  padding-bottom: 0.9375em;
  padding-left: 2em;
  font-size: 1.25em;
}
button.small, .button.small {
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.5em;
  padding-left: 1.125em;
  font-size: 0.9375em;
}
button.tiny, .button.tiny {
  padding-top: 0.4375em;
  padding-right: 0.875em;
  padding-bottom: 0.375em;
  padding-left: 0.875em;
  font-size: 0.8125em;
}
button.expand, .button.expand {
  padding-right: 0px;
  padding-left: 0px;
  width: 100%;
}
button.left-align, .button.left-align {
  text-align: left;
  text-indent: 0.75em;
}
button.right-align, .button.right-align {
  text-align: right;
  padding-right: 0.75em;
}
button.disabled, button[disabled], .button.disabled, .button[disabled] {
  background-color: #1c8921;
  border-color: #19871e;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #157119;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  color: white;
}
button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus {
  background-color: #1c8921;
}
button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary {
  background-color: #1c8921;
  border-color: #19871e;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #157119;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  color: white;
}
button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus {
  background-color: #1c8921;
}
button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success {
  background-color: #5da423;
  border-color: #5ba022;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #4f8b1e;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  color: white;
}
button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus {
  background-color: #5da423;
}
button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert {
  background-color: #c60f13;
  border-color: #c10f13;
  color: white;
  cursor: default;
  opacity: 0.6;
  -webkit-box-shadow: none;
  box-shadow: none;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #aa0d10;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  color: white;
}
button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus {
  background-color: #c60f13;
}

button, .button {
  padding-top: 0.75em;
  padding-bottom: 0.6875em;
  -webkit-appearance: none;
}
button.tiny, .button.tiny {
  padding-top: 0.5em;
  padding-bottom: 0.4375em;
  -webkit-appearance: none;
}
button.small, .button.small {
  padding-top: 0.625em;
  padding-bottom: 0.5625em;
  -webkit-appearance: none;
}
button.large, .button.large {
  padding-top: 1.03125em;
  padding-bottom: 1.03125em;
  -webkit-appearance: none;
}

@media only screen {
  button, .button {
    -webkit-transition: background-color 300ms ease-out;
    -moz-transition: background-color 300ms ease-out;
    transition: background-color 300ms ease-out;
  }
  button.radius, .button.radius {
    -webkit-border-radius: 1px;
    border-radius: 1px;
  }
  button.round, .button.round {
    -webkit-border-radius: 1000px;
    border-radius: 1000px;
  }
}
@media only screen and (min-width: 801px) {
  button, .button {
    display: inline-block;
  }
  button:hover, .button:hover {
    text-decoration: none;
  }
}
.button.small, button.small {
  padding-top: 0.72em;
  padding-bottom: 0.762em;
  padding-left: 1.25em;
  padding-right: 1.25em;
}

.icon-button, input.icon-button, .button.icon-button {
  padding: 0.65em;
}

.glow-button {
  margin: auto;
  background: #17701B;
  font: 900 18px/22px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #fff;
  cursor: pointer;
  display: inline-block;
  font-family: inherit;
  font-weight: bold;
  line-height: 1;
  outline: none !important;
  box-shadow: none !important;
  border: none !important;
  -moz-border-radius: 2px !important;
  -webkit-border-radius: 2px !important;
  border-radius: 2px !important;
  -webkit-box-shadow: none !important;
  -moz-box-shadow: none !important;
  padding: 13px 36px 12px 36px;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
@media (max-width: 801px) {
  .glow-button {
    display: block;
  }
}
.glow-button:hover {
  text-decoration: none;
  background: #213f60;
}
.glow-button.small {
  font-size: 0.85em;
}
.glow-button.green {
  background: #2196F3;
  border: solid 2px #fff!Important;
}
.glow-button.green:hover {
  background: #0c7cd5;
}
.glow-button.light-blue {
  background: #2ba6cb;
}
.glow-button.light-blue:hover {
  background: #289cbe;
}
.glow-button.gray {
  background: #ebebeb;
  color: #222!important;
}
.glow-button.gray:hover {
  background: #e3e3e3;
}
.glow-button.stacked {
  width: 48%;
  float: left;
  margin: 0 1% 2% 1%;
}
@media (max-width: 520px) {
  .glow-button.stacked {
    width: auto;
    display: block;
    float: none;
    margin: 0 1% 3% 1%;
  }
}
.glow-button[href="#document-top"]:hover:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: transparent transparent  #222 transparent;
  bottom: 17px;
  right: 15px;
  border-width: .5625em;
}

.icon-trash.icon-btn {
  background-color: #eee;
  border: solid 1px #AAA;
  padding: 10px 10px 11px 10px;
  border-radius: 2px;
  background-position: -453px 4px;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.icon-trash.icon-btn:hover {
  background-color: #c4c4c4;
}

.add-btn,
.add-button,
.save-btn,
.save-button,
.delete-btn,
.delete-button,
.edit-btn,
.edit-button,
.cancel-btn,
.cancel-button,
.view-btn,
.view-button {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.5em;
  padding-left: 1.125em;
  font-size: 0.9375em;
  background-color: #18821d;
  border-color: #19871e;
  color: white;
  padding-left: 25px;
  padding-top: 0.582em;
  color: white;
  margin: 0 0.2em 1.25em 0;
  border-radius: 1px;
  -moz-transition: background-color 350ms;
  -webkit-transition: background-color 350ms;
  transition: background-color 350ms;
}
.add-btn:hover,
.add-button:hover,
.save-btn:hover,
.save-button:hover,
.delete-btn:hover,
.delete-button:hover,
.edit-btn:hover,
.edit-button:hover,
.cancel-btn:hover,
.cancel-button:hover,
.view-btn:hover,
.view-button:hover {
  text-decoration: none;
}
.add-btn:hover, .add-btn:focus,
.add-button:hover,
.add-button:focus,
.save-btn:hover,
.save-btn:focus,
.save-button:hover,
.save-button:focus,
.delete-btn:hover,
.delete-btn:focus,
.delete-button:hover,
.delete-button:focus,
.edit-btn:hover,
.edit-btn:focus,
.edit-button:hover,
.edit-button:focus,
.cancel-btn:hover,
.cancel-btn:focus,
.cancel-button:hover,
.cancel-button:focus,
.view-btn:hover,
.view-btn:focus,
.view-button:hover,
.view-button:focus {
  background-color: #146917;
}
.add-btn:hover, .add-btn:focus,
.add-button:hover,
.add-button:focus,
.save-btn:hover,
.save-btn:focus,
.save-button:hover,
.save-button:focus,
.delete-btn:hover,
.delete-btn:focus,
.delete-button:hover,
.delete-button:focus,
.edit-btn:hover,
.edit-btn:focus,
.edit-button:hover,
.edit-button:focus,
.cancel-btn:hover,
.cancel-btn:focus,
.cancel-button:hover,
.cancel-button:focus,
.view-btn:hover,
.view-btn:focus,
.view-button:hover,
.view-button:focus {
  color: white;
}
.add-btn.textReplace,
.add-button.textReplace,
.save-btn.textReplace,
.save-button.textReplace,
.delete-btn.textReplace,
.delete-button.textReplace,
.edit-btn.textReplace,
.edit-button.textReplace,
.cancel-btn.textReplace,
.cancel-button.textReplace,
.view-btn.textReplace,
.view-button.textReplace {
  padding: 7px 0;
  width: 28px;
}

.add-btn,
.add-button {
  padding-left: 1.125em;
}

.save-btn,
.save-button {
  background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 7px -177px;
}

.edit-btn,
.edit-button {
  background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 6px -248px;
}

.delete-btn,
.delete-button {
  background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 6px -155px;
}

.cancel-btn,
.cancel-button {
  background: #18821d url("/Content/Images/Icons/admin-icons.png") no-repeat 7px -225px;
}

.view-btn {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.5625em;
  padding-right: 1.125em;
  padding-bottom: 0.5em;
  padding-left: 1.125em;
  font-size: 0.9375em;
  background-color: #1773c4;
  border-color: #1775c8;
  color: white;
}
.view-btn:hover {
  text-decoration: none;
}
.view-btn:hover, .view-btn:focus {
  background-color: #1363a8;
}
.view-btn:hover, .view-btn:focus {
  color: white;
}

.dark-green {
  background-color: #006201;
  border-color: #005d01;
  color: white;
}
.dark-green:hover, .dark-green:focus {
  background-color: #004301;
}
.dark-green:hover, .dark-green:focus {
  color: white;
}

.blue {
  background-color: #225892;
  border-color: #21568e;
  color: white;
}
.blue:hover, .blue:focus {
  background-color: #1c4979;
}
.blue:hover, .blue:focus {
  color: white;
}

.gray {
  background-color: #888888;
  border-color: #858585;
  color: white;
}
.gray:hover, .gray:focus {
  background-color: #797979;
}
.gray:hover, .gray:focus {
  color: white;
}

.black {
  background-color: #363636;
  border-color: #333333;
  color: white;
}
.black:hover, .black:focus {
  background-color: #272727;
}
.black:hover, .black:focus {
  color: white;
}

.white {
  background-color: white;
  border-color: #fcfcfc;
  color: #333333;
  border-color: dimgrey;
}
.white:hover, .white:focus {
  background-color: #f0f0f0;
}
.white:hover, .white:focus {
  color: #333333;
}

input[type="submit"].lrg {
  font-size: 1.2em;
  padding: 0.2em 1em;
}

.third-party-btn {
  width: 100%;
  text-align: left;
  padding: 10px 4px 10px 56px;
  border-radius: 2px;
  -moz-transition: background-color 350ms, border-color 350ms;
  -webkit-transition: background-color 350ms, border-color 350ms;
  transition: background-color 350ms, border-color 350ms;
}
.third-party-btn .fa {
  width: 40px;
  -moz-transition: all 350ms;
  -webkit-transition: all 350ms;
  transition: all 350ms;
}

.third-party-btn-google {
  background: #DA3A25;
  border: solid 1px #d73925;
}
.third-party-btn-google .fa {
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 0;
  height: 100%;
  margin: auto;
  background: #DA3A25 url("/Content/Images/Icons/google-plus-icon.png") 0px -4px no-repeat;
  padding: 6px 8px 6px 12px;
  border-right: solid 1px #d73925;
}
.third-party-btn-google:active, .third-party-btn-google:focus, .third-party-btn-google:hover {
  background-color: #c23321;
  border-color: solid 1px #a32b1c;
}
.third-party-btn-google:active .fa, .third-party-btn-google:focus .fa, .third-party-btn-google:hover .fa {
  border-right-color: #a32b1c;
  background-color: #c23321;
}

.third-party-btn-linkedin {
  background: #4875b4;
  border: solid 1px #4169a2;
}
.third-party-btn-linkedin .fa {
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 0;
  height: 100%;
  margin: auto;
  background: #4875b4 url("/Content/Images/Icons/linkedin-icon.png") 1px -2px no-repeat;
  padding: 6px 8px 6px 12px;
  border-right: solid 1px #4169a2;
}
.third-party-btn-linkedin:active, .third-party-btn-linkedin:focus, .third-party-btn-linkedin:hover {
  background-color: #395d90;
  border-color: solid 1px #2f4d76;
}
.third-party-btn-linkedin:active .fa, .third-party-btn-linkedin:focus .fa, .third-party-btn-linkedin:hover .fa {
  border-right-color: #2f4d76;
  background-color: #395d90;
}

.third-party-btn-facebook {
  background: #3b5998;
  border: solid 1px #344e86;
}
.third-party-btn-facebook .fa {
  position: absolute;
  left: 0;
  top: 2px;
  bottom: 0;
  height: 100%;
  margin: auto;
  background: #3b5998 url("/Content/Images/Icons/facebook-icon.png") 4px 1px no-repeat;
  padding: 6px 8px 6px 12px;
  border-right: solid 1px #344e86;
}
.third-party-btn-facebook:active, .third-party-btn-facebook:focus, .third-party-btn-facebook:hover {
  background-color: #2d4373;
  border-color: solid 1px #23345a;
}
.third-party-btn-facebook:active .fa, .third-party-btn-facebook:focus .fa, .third-party-btn-facebook:hover .fa {
  border-right-color: #23345a;
  background-color: #2d4373;
}

#login-oauth .third-party-btn {
  margin-top: 8px;
  padding: 38px 6px 38px 72px;
  font-size: 1.6em;
}
#login-oauth .third-party-btn .fa {
  border-right: 0;
  width: 60px;
  left: 12px;
  top: 0;
  height: 35px;
}

.button-link {
  display: inline-block;
  color: white;
  background: #1f6cdf;
  padding: 4px 8px;
  border-radius: 2px;
  transition: 350ms;
}
.button-link:hover {
  text-decoration: none;
  background: #1773c4;
}

#about-gpc-btn {
  display: inline-block;
  background-color: #fff;
  color: #222;
  text-align: center;
  border: solid 1px #b5d44a;
  font-size: 1.1em;
  font-weight: bold;
  padding: 0.8em 1.8em;
  transition: background-color .3s ease-in;
}
#about-gpc-btn:hover {
  text-decoration: none;
  background-color: #ebebeb;
}

a.learn-more {
  padding: 8px 14px;
  font-size: 1.3em!important;
  background-color: rgba(25, 25, 25, 0.7);
  border-radius: 1px;
  -moz-transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
  -webkit-transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
  transition: color 0.225s ease-out, background-color 0.225s ease-out, border-color 0.2s ease !important;
}
a.learn-more:hover {
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.7);
}
a.learn-more .fa {
  margin-left: 3px;
}

.gpc-product-filter > span {
  font-weight: bold;
  margin-right: 5px;
  color: #333333;
}

.gpc-product-filter > button {
  font-size: 0.92rem;
  margin: 0 0 0 0.3em;
  padding: 10px 14px 7px 14px;
  z-index: 1;
  overflow: hidden;
  -webkit-transition: 0.175s ease-in;
  transition: 0.175s ease-in;
}
.gpc-product-filter > button:before, .gpc-product-filter > button:after {
  position: absolute;
  top: -1px;
  content: " ";
  width: 0;
  height: 0px;
  z-index: -1;
  -webkit-transition: 0.175s ease-in;
  transition: 0.175s ease-in;
}
.lt-ie9 .gpc-product-filter > button:before, .lt-ie9 .gpc-product-filter > button:after {
  display: none;
}
.gpc-product-filter > button:before {
  left: -10px;
  border-left: 9px solid transparent;
  border-top: 0 solid transparent;
  border-bottom: 34px solid #225892;
}
.gpc-product-filter > button:after {
  right: -10px;
  border-right: 9px solid transparent;
  border-bottom: 9px solid transparent;
  border-top: 34px solid #225892;
}
.gpc-product-filter > button:hover, .gpc-product-filter > button:focus {
  border-color: #1c4979;
}
.gpc-product-filter > button:hover:before, .gpc-product-filter > button:focus:before {
  border-bottom-color: #1c4979;
}
.gpc-product-filter > button:hover:after, .gpc-product-filter > button:focus:after {
  border-top-color: #1c4979;
}

.gpc-product-filter > button.active {
  background-color: #e46901;
  border-color: #e46901;
}
.gpc-product-filter > button.active:before {
  border-bottom-color: #e46901;
}
.gpc-product-filter > button.active:after {
  border-top-color: #e46901;
}
.gpc-product-filter > button.active:hover, .gpc-product-filter > button.active:focus {
  background-color: #bb5601;
  border-color: #bb5601;
}
.gpc-product-filter > button.active:hover:before, .gpc-product-filter > button.active:focus:before {
  border-bottom-color: #bb5601;
}
.gpc-product-filter > button.active:hover:after, .gpc-product-filter > button.active:focus:after {
  border-top-color: #bb5601;
}

/* Standard Forms */
form {
  margin: 0 0 1em;
}

/* Using forms within rows, we need to set some defaults */
form .row .row {
  margin: 0 -0.5em;
}
form .row .row .column,
form .row .row .columns {
  padding: 0 0.5em;
}
form .row .row.collapse {
  margin: 0;
}
form .row .row.collapse .column,
form .row .row.collapse .columns {
  padding: 0;
}
form .row input.column,
form .row input.columns,
form .row textarea.column,
form .row textarea.columns {
  padding-left: 0.5em;
}

/* Label Styles */
label, .label {
  font-size: 0.875em;
  color: #4d4d4d;
  cursor: default;
  display: block;
  font-weight: bold;
  margin-bottom: 0.1875em;
}
label.right, .label.right {
  float: none;
  text-align: right;
}
label.inline, .label.inline {
  margin: 0 0 1em 0;
  padding: 0.625em 0;
}

/* Attach elements to the beginning or end of an input */
.prefix,
.postfix {
  display: block;
  position: relative;
  z-index: 2;
  text-align: center;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  border-style: solid;
  border-width: 1px;
  overflow: hidden;
  font-size: 0.875em;
  height: 2.3125em;
  line-height: 1.5em;
}

@media only screen and (min-width: 1025px) {
  .prefix,
  .postfix {
    line-height: 2.3125em;
  }
}
/* Adjust padding, alignment and radius if pre/post element is a button */
.postfix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

.prefix.button {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
}

.prefix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 2px;
  -moz-border-radius-topleft: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -webkit-border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
}

.postfix.button.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 2px;
  -moz-border-radius-bottomright: 2px;
  -webkit-border-top-right-radius: 2px;
  -webkit-border-bottom-right-radius: 2px;
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}

.prefix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}

.postfix.button.round {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

/* Separate prefix and postfix styles when on span so buttons keep their own */
span.prefix {
  background: #f2f2f2;
  border-color: #d9d9d9;
  border-right: none;
  color: #333333;
}
span.prefix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}

span.postfix {
  background: #f2f2f2;
  border-color: #cccccc;
  border-left: none;
  color: #333333;
}
span.postfix.radius {
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}

/* Input groups will automatically style first and last elements of the group */
.input-group.radius > *:first-child, .input-group.radius > *:first-child * {
  -moz-border-radius-bottomleft: 3px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
  border-top-left-radius: 3px;
}
.input-group.radius > *:last-child, .input-group.radius > *:last-child * {
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.input-group.round > *:first-child, .input-group.round > *:first-child * {
  -moz-border-radius-bottomleft: 1000px;
  -moz-border-radius-topleft: 1000px;
  -webkit-border-bottom-left-radius: 1000px;
  -webkit-border-top-left-radius: 1000px;
  border-bottom-left-radius: 1000px;
  border-top-left-radius: 1000px;
}
.input-group.round > *:last-child, .input-group.round > *:last-child * {
  -moz-border-radius-topright: 1000px;
  -moz-border-radius-bottomright: 1000px;
  -webkit-border-top-right-radius: 1000px;
  -webkit-border-bottom-right-radius: 1000px;
  border-top-right-radius: 1000px;
  border-bottom-right-radius: 1000px;
}

label input[type="checkbox"], .label input[type="checkbox"] {
  vertical-align: -1px;
}
label span, .label span {
  font-weight: normal;
}

input[type="radio"] {
  vertical-align: -2px;
}

label.strong {
  font-size: 1.1em;
}

/* We use this to get basic styling on all basic form elements */
input[type="text"],
input[type="password"],
input[type="date"],
input[type="datetime"],
input[type="datetime-local"],
input[type="month"],
input[type="week"],
input[type="email"],
input[type="number"],
input[type="search"],
input[type="tel"],
input[type="time"],
input[type="url"],
textarea {
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: rgba(0, 0, 0, 0.75);
  display: block;
  font-size: 0.875em;
  margin: 0 0 1em 0;
  padding: 0.5em;
  height: 2.3125em;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  -webkit-box-shadow: 0 0 5px #999999;
  -moz-box-shadow: 0 0 5px #999999;
  box-shadow: 0 0 5px #999999;
  border-color: #6c6c6c;
}
input[type="text"]:focus,
input[type="password"]:focus,
input[type="date"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="time"]:focus,
input[type="url"]:focus,
textarea:focus {
  background: #fafafa;
  border-color: #6c6c6c;
  outline: none;
}
input[type="text"][disabled],
input[type="password"][disabled],
input[type="date"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="month"][disabled],
input[type="week"][disabled],
input[type="email"][disabled],
input[type="number"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="time"][disabled],
input[type="url"][disabled],
textarea[disabled] {
  background-color: #f2f2f2;
  color: #A5A5A5;
}

textarea {
  resize: vertical;
}

/* Adjust margin for form elements below */
input[type="file"],
input[type="checkbox"],
input[type="radio"],
select {
  margin: 0 0 1em 0;
}

/* Normalize file input width */
input[type="file"] {
  width: 100%;
}

input[readonly] {
  background: #eee;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: #888;
}
input[readonly]:focus {
  background: #eee;
  color: #888;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  border-color: #cccccc;
}

select {
  padding: 6px;
  border: 1px solid #ccc;
  padding: 0.3em;
  color: rgba(0, 0, 0, 0.75);
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  -webkit-box-shadow: none;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
  font-weight: normal;
}
select:hover {
  border-color: #6c6c6c;
  -webkit-transition: .218s;
  -moz-transition: .218s;
  -o-transition: .218s;
  transition: .218s;
}

/* We add basic fieldset styling */
fieldset {
  border: solid 1px #dddddd;
  padding: 1.25em;
  margin: 0.625em 0;
}
fieldset legend {
  color: #4d4d4d;
  font-weight: bold;
  font-size: 0.875em;
  background: white;
  padding: 0 0.25em;
  margin: 0;
  margin-left: -0.1875em;
}

/* Error Handling */
.error input,
input.error,
.error textarea,
textarea.error {
  border-color: #c60f13;
  background-color: rgba(198, 15, 19, 0.1);
}
.error input:focus,
input.error:focus,
.error textarea:focus,
textarea.error:focus {
  background: #fafafa;
  border-color: #6c6c6c;
}

.error label,
label.error {
  color: #c60f13;
}

.error small,
small.error {
  display: block;
  padding: 0.375em 0.25em;
  margin-top: -1.3125em;
  margin-bottom: 1em;
  font-size: 0.75em;
  font-weight: bold;
  background: #c60f13;
  color: white;
}

.defaultSkin table.mceLayout {
  /* for tinyMCE textareas */
  margin: 0 0 1em 0;
}

form .last {
  margin-top: 15px;
}
form .button {
  margin-right: 5px;
}

/* styles file upload sections */
.file-upload {
  position: relative;
  height: 47px;
  overflow-x: hidden;
}

.file-upload.upload-active {
  width: 375px;
}

.file-upload span:first-child,
.file-upload span:nth-child(3) {
  /* buttons on file upload */
  width: 75px;
  height: 28px;
  border: 1px solid #bbbbbb;
  background-color: #1f6cdf;
  border-color: #0177c5 #0065a7 #0065a7 #0177c5;
  cursor: pointer;
  color: white;
  text-align: center;
  display: block;
  line-height: 28px;
}

.file-upload span:first-child {
  -moz-border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  border-radius: 3px 0 0 3px;
}

.file-upload span:nth-child(3) {
  position: absolute;
  right: 0;
  top: 0;
  cursor: default;
  -moz-border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  border-radius: 0 3px 3px 0;
}

.file-upload span.file-upload-text {
  width: 221px;
  height: 28px;
  padding: 0 0 0 28px;
  display: block;
  background: white;
  color: black;
  text-align: left;
  border: 1px solid #cccccc;
  border-left: none;
  position: absolute;
  line-height: 28px;
  top: 0;
  left: 75px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}

.file-upload input[type="file"] {
  position: absolute;
  top: 0;
  left: 0;
  height: 28px;
  width: 295px;
  cursor: pointer;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -moz-opacity: 0;
  -khtml-opacity: 0;
  opacity: 0;
  z-index: 5;
}

span.file-upload-text .icon-file {
  position: absolute;
  left: 8px;
  top: 6px;
}

.mceContentBody {
  font-size: 0.875em !important;
  color: rgba(0, 0, 0, 0.75) !important;
  padding: 8px !important;
  line-height: 1.3em !important;
  background: white;
}

.asmSelect {
  margin: 0 !important;
}

.radioInlineLabel {
  display: inline-block;
}

.display-field {
  margin: 6px 0;
}

.display-label, .editor-label {
  font-weight: bold;
}

div.separater {
  border-top: solid 1px #dddddd;
  border-bottom: solid 1px #eee;
  margin: 10px 0;
}

.chck-box-large {
  height: 24px;
  width: 24px;
}

.facet {
  margin: 2px 0!important;
  padding: 3px 3px 3px 23px !important;
  background: url("/Content/Images/facet_checkbox.png") no-repeat 5px 8px !important;
  font-size: 1em!important;
  display: block!important;
  font-weight: bold!important;
  border: none!Important;
  margin-left: 5px !important;
}
@media (max-width: 1441px) {
  .facet {
    background-position: 5px 7px !important;
  }
}
.facet:hover {
  color: black!important;
  text-decoration: none!important;
}
.facet.checked {
  background: #1c8921 url("/Content/Images/facet_checkbox.png") no-repeat 5px -29px !important;
  color: white!important;
}
@media (max-width: 1441px) {
  .facet.checked {
    background-position: 5px -30px !important;
  }
}
.facet.agencyProducts {
  color: #4e7caf;
}
.facet.agencyProducts:hover {
  color: #4e7caf!important;
}
.facet.agencyProducts.checked {
  background: #4e7caf url("/Content/Images/facet_checkbox.png") no-repeat 5px -29px !important;
}
.facet.agencyProducts.checked:hover {
  color: white!important;
}

.inline-form-box {
  margin-top: 0;
  margin-bottom: 0;
}
.inline-form-box .customUrlInput, .inline-form-box input[type="text"] {
  margin-top: 4px !important;
  margin-bottom: 12px !important;
}
.inline-form-box .checkLabel, .inline-form-box label {
  margin-top: 0.9em;
  line-height: 0.1em;
}
@media (max-width: 1281px) {
  .inline-form-box .checkLabel, .inline-form-box label {
    margin-top: 0.7em;
  }
}

.collapsible-form-box {
  margin: 0;
}
.collapsible-form-box h5 {
  color: white;
  position: relative;
  padding: 8px;
  background: #aeaeae;
  border: solid 1px #a7a7a7;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.collapsible-form-box h5:hover {
  cursor: pointer;
}
.collapsible-form-box h5.alt {
  background: #1c8921;
  border: solid 1px #187e1c !important;
}
.collapsible-form-box h5 span, .collapsible-form-box h5 [class*="icon"] {
  position: absolute;
  height: 14px;
  top: 0;
  bottom: 0;
  right: 10px;
  margin: auto;
  background-image: url("/Content/Images/glyphicons-halflings-white.png") !important;
}
.collapsible-form-box ul {
  display: none;
  margin: 12px 0 0 0;
}
.collapsible-form-box.framed h5 {
  margin: 0;
}
.collapsible-form-box.framed ul {
  border: solid 1px #CCC;
  border-top: none;
  padding: 12px 16px 12px 16px;
  margin-top: 0px;
}

div.collapsible-form-box {
  margin: 15px 0;
}

.spaced-form > li {
  margin-bottom: 30px;
}

.delete-form > li > span {
  display: inline-block;
  margin-bottom: 10px;
}

input[type="checkbox"]#Published {
  height: 24px;
  width: 24px;
}

/* Custom Checkbox and Radio Inputs */
form.custom .hidden-field {
  margin-left: -99999px;
  position: absolute;
  visibility: hidden;
}
form.custom .custom {
  display: inline-block;
  width: 16px;
  height: 16px;
  position: relative;
  vertical-align: middle;
  border: solid 1px #cccccc;
  background: white;
}
form.custom .custom.checkbox {
  -webkit-border-radius: 0px;
  border-radius: 0px;
  padding: -1px;
}
form.custom .custom.radio {
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  padding: 3px;
}
form.custom .custom.checkbox:before {
  content: "";
  display: block;
  font-size: 1.004rem;
  color: white;
}
form.custom .custom.radio.checked:before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  -webkit-border-radius: 1000px;
  border-radius: 1000px;
  background: #222222;
  position: relative;
}
form.custom .custom.checkbox.checked:before {
  content: "\00d7";
  color: #222222;
  position: absolute;
  top: -50%;
  left: 50%;
  margin-top: 4px;
  margin-left: -5px;
}

/* Custom Select Options and Dropdowns */
form.custom {
  /* Custom input, disabled */
}
form.custom .custom.dropdown {
  display: block;
  position: relative;
  top: 0;
  height: 2.3125em;
  margin-bottom: 1.25em;
  margin-top: 0px;
  padding: 0px;
  width: 100%;
  background: white;
  background: -moz-linear-gradient(top, white 0%, #f3f3f3 100%);
  background: -webkit-linear-gradient(top, white 0%, #f3f3f3 100%);
  -webkit-box-shadow: none;
  background: linear-gradient(to bottom, #ffffff 0%, #f3f3f3 100%);
  box-shadow: none;
  font-size: 0.875em;
  vertical-align: top;
}
form.custom .custom.dropdown ul {
  overflow-y: auto;
  max-height: 200px;
}
form.custom .custom.dropdown .current {
  cursor: default;
  white-space: nowrap;
  line-height: 2.25em;
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
  overflow: hidden;
  display: block;
  margin-left: 0.5em;
  margin-right: 2.3125em;
}
form.custom .custom.dropdown .selector {
  cursor: default;
  position: absolute;
  width: 2.5em;
  height: 2.3125em;
  display: block;
  right: 0;
  top: 0;
}
form.custom .custom.dropdown .selector:after {
  content: "";
  display: block;
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #aaaaaa transparent transparent transparent;
  border-top-style: solid;
  position: absolute;
  left: 0.9375em;
  top: 50%;
  margin-top: -3px;
}
form.custom .custom.dropdown:hover a.selector:after, form.custom .custom.dropdown.open a.selector:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 5px;
  border-color: #222222 transparent transparent transparent;
  border-top-style: solid;
}
form.custom .custom.dropdown .disabled {
  color: #888888;
}
form.custom .custom.dropdown .disabled:hover {
  background: transparent;
  color: #888888;
}
form.custom .custom.dropdown .disabled:hover:after {
  display: none;
}
form.custom .custom.dropdown.open ul {
  display: block;
  z-index: 10;
  min-width: 100%;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}
form.custom .custom.dropdown.small {
  max-width: 134px;
}
form.custom .custom.dropdown.medium {
  max-width: 254px;
}
form.custom .custom.dropdown.large {
  max-width: 434px;
}
form.custom .custom.dropdown.expand {
  width: 100% !important;
}
form.custom .custom.dropdown.open.small ul {
  min-width: 134px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown.open.medium ul {
  min-width: 254px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown.open.large ul {
  min-width: 434px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
form.custom .custom.dropdown ul {
  position: absolute;
  width: auto;
  display: none;
  margin: 0;
  left: -1px;
  top: auto;
  -webkit-box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0 2px 2px 0px rgba(0, 0, 0, 0.1);
  margin: 0;
  padding: 0;
  background: white;
  border: solid 1px #cccccc;
  font-size: 1.004rem;
}
form.custom .custom.dropdown ul li {
  color: #555555;
  font-size: 0.875em;
  cursor: default;
  padding-top: 0.25em;
  padding-bottom: 0.25em;
  padding-left: 0.375em;
  padding-right: 2.375em;
  min-height: 1.5em;
  line-height: 1.5em;
  margin: 0;
  white-space: nowrap;
  list-style: none;
}
form.custom .custom.dropdown ul li.selected {
  background: #eeeeee;
  color: black;
}
form.custom .custom.dropdown ul li:hover {
  background-color: #e4e4e4;
  color: black;
}
form.custom .custom.dropdown ul li.selected:hover {
  background: #eeeeee;
  cursor: default;
  color: black;
}
form.custom .custom.dropdown ul.show {
  display: block;
}
form.custom .custom.disabled {
  background: #eeeeee;
}

.reveal-modal-bg {
  position: fixed;
  height: 100%;
  width: 100%;
  background: transparent;
  background: rgba(0, 0, 0, 0.45);
  z-index: 99;
  display: none;
  top: 0;
  left: 0;
}

.reveal-modal {
  visibility: hidden;
  display: none;
  position: absolute;
  left: 50%;
  z-index: 999;
  height: auto;
  margin-left: -49%;
  width: 98%;
  background-color: white;
  padding: 1.25em;
  border: solid 1px #666666;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
  /*top: 95px;
  top: 95px;*/
}
.reveal-modal .column,
.reveal-modal .columns {
  min-width: 0;
}
.reveal-modal > :first-child {
  margin-top: 0;
}
.reveal-modal > :last-child {
  margin-bottom: 0;
}
.reveal-modal .close-reveal-modal {
  font-size: 3.875em;
  font-family: Arial;
  line-height: 1;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 9px;
  color: #aaaaaa;
  font-weight: bold;
  cursor: pointer;
}
@media only screen and (min-width: 801px) {
  .reveal-modal .close-reveal-modal {
    font-size: 3.125em;
  }
}
.reveal-modal .close-reveal-modal:hover {
  text-decoration: none;
  color: #909090;
}
.reveal-modal .close-reveal-modal:active {
  color: #2a2a2a;
}

@media only screen and (min-width: 801px) {
  .reveal-modal {
    padding: 1.875em;
    top: 43px;
  }
  .reveal-modal.tiny {
    margin-left: -15%;
    width: 30%;
  }
  .reveal-modal.small {
    margin-left: -20%;
    width: 40%;
  }
  .reveal-modal.medium {
    margin-left: -30%;
    width: 60%;
  }
  .reveal-modal.large {
    margin-left: -35%;
    width: 70%;
  }
  .reveal-modal.xlarge {
    margin-left: -47.5%;
    width: 95%;
  }
}
@media print {
  .reveal-modal {
    background: #fff !important;
  }
}
@media only screen and (max-width: 520px) {
  .reveal-modal {
    padding-bottom: 80px;
  }
  .reveal-modal .columns {
    padding: 0;
  }
}
/* Image Thumbnails */
.th {
  line-height: 0;
  display: inline-block;
  border: solid 4px white;
  -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}
.th:hover, .th:focus {
  -webkit-box-shadow: 0 0 6px 1px rgba(30, 136, 229, 0.5);
  box-shadow: 0 0 6px 1px rgba(30, 136, 229, 0.5);
}
.th.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

a.th {
  display: inline-block;
}

.mainPost li,
WBAContent li {
  margin: .3em 0;
}

.inline-list {
  margin: inherit;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: block;
  line-height: 1.5;
}
.inline-list > li {
  display: inline;
  padding: 0;
  list-style: none;
  float: left;
  margin: 0 20px 0 0;
}

.inline-block-list {
  margin: inherit;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: block;
  line-height: 1.5;
}
.inline-block-list > li {
  display: inline-block;
  padding: 2px 0;
  list-style: none;
  width: 140px;
  float: left;
  margin: 0;
}

.block-list {
  margin: 5px 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: block;
  line-height: 1.1em;
}
.block-list > li {
  display: block;
  padding: 0;
  list-style: none;
  margin: 11px 0;
}

ul.circle {
  list-style-type: circle;
}

ul.noMargin, ol.noMargin, li.noMargin, p.noMargin, #main ul.noMargin, #main ol.noMargin, #main li.noMargin, #main p.noMargin {
  margin: 0;
}

ul.greenDots,
ul.greenChecks {
  margin: 5px 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: block;
  line-height: 1.3em;
}
ul.greenDots > li,
ul.greenChecks > li {
  display: block;
  padding: 4px 0 2px 25px;
  list-style: none;
  margin: 11px 0;
}
@media (max-width: 768px) {
  ul.greenDots li,
  ul.greenChecks li {
    padding: 5px 0 2px 25px;
  }
}

ul.greenChecks li,
#mainPost ul > li,
.mainPost ul > li {
  background: transparent url(/Content/Images/icons/green_check.png) no-repeat 0 6px;
  padding: 4px 0 2px 22px;
}
ul.greenChecks li .info,
#mainPost ul > li .info,
.mainPost ul > li .info {
  background: transparent url(/Content/Images/icons/yellow_info.png) no-repeat 0 2px;
}

ul.greenDots li {
  background: transparent url(/Content/Images/icons/green_dot.png) no-repeat 0 6px;
}

ul.noCheck > li,
ul.noCheck > li,
li.noCheck,
li.noCheck {
  background-image: none!important;
  padding-left: 0px !important;
}

.mainPost ul.bullet li,
#mainPost ul.bullet li {
  background: none!important;
  list-style-type: disc;
  padding: 0 4px 2px 1px !important;
  margin-left: 20px;
}

ul.topics li {
  line-height: 1.8em;
}

.plan ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style: none;
  display: block;
  line-height: 1.2em;
}
.plan ul > li {
  display: block;
  padding: 0;
  list-style: none;
  margin: 14px 0;
}

.plan,
.plan ul,
.plan li {
  background: white;
  z-index: 9;
}

@media only screen and (min-width: 1025px) {
  ul.topics {
    margin: 5px 0;
    padding: 0;
    overflow: hidden;
    list-style: none;
    display: block;
    line-height: 1.1em;
    position: relative;
  }
  ul.topics > li {
    display: block;
    padding: 0;
    list-style: none;
    margin: 11px 0;
  }
  ul.topics li {
    line-height: 3em;
    height: 40px;
  }
  ul.topics li.current {
    border-bottom: 1px solid #b9cd96;
  }
  ul.topics li.current a {
    font-size: 1.4em;
    color: #1c8921;
  }
  ul.topics li.current img {
    display: block;
  }
  ul.topics li:hover a {
    font-size: 1.4em;
    color: #1c8921;
  }
  ul.topics img {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
    border: 1px solid #b9cd96;
    width: 480px;
    height: 239px;
    background-color: #f2f7f6;
  }
  ul.topics a {
    font-size: 1.2em;
    color: Black;
    text-decoration: none;
    font-weight: bold;
    -webkit-transition: all .1s ease-in;
    -moz-transition: all .1s ease-in;
    -o-transition: all .1s ease-in;
    transition: all .1s ease-in;
  }

  .systemNav li {
    margin: 0;
  }
  .systemNav li p {
    margin-top: 0;
    line-height: 1.4;
    margin: 0 0 0.8em 0;
    font-size: 0.95em;
  }
  .systemNav li a:hover {
    text-decoration: none;
  }
}
@media (max-width: 801px) {
  #lowerMatNav li {
    width: 42%;
  }
}

.api-content-list li {
  font-weight: bold;
  font-size: 1.1em;
}
.api-content-list li.has-list:before {
  content: "[ ]";
  padding-right: 2px;
}
.api-content-list li ul {
  margin: 0 0 0 25px;
}
.api-content-list li ul li {
  font-size: 1em;
}

.api-content-list li:before {
  content: "-";
  padding-right: 15px;
}

dt strong {
  color: #222;
  font-weight: bold;
}
dt em {
  color: #222;
  font-style: italic;
}

dl {
  font-size: 1.004rem !important;
}

dl dd dl {
  margin-left: 20px;
}
dl dd dl dd dl {
  margin-left: 20px;
}

.legend-menu {
  background: #f2f7f6;
  padding: 10px 0;
  border-radius: 1px;
}
.legend-menu li a {
  font-family: "AvenirStd", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 500;
  font-size: 1.171rem;
  padding: 6px 20px;
  display: block;
  color: #64737F;
  transition: all .1s ease;
}
.legend-menu li a:hover {
  text-decoration: none;
  background: #e0e8e6;
}
.legend-menu li a .fa {
  display: none;
}
.legend-menu li.active a {
  background: #64737F;
  color: white;
}
.legend-menu li.active a .fa {
  filter: alpha(opacity=0);
  opacity: 0;
}
.legend-menu li.active a:hover {
  cursor: default;
}

@media (max-width: 801px) {
  #cp-menu {
    display: none;
  }
}
#cp-menu ul {
  padding-top: 0;
  padding-bottom: 0;
}
#cp-menu ul li {
  margin-bottom: -2px;
}
#cp-menu ul .header {
  text-transform: uppercase;
  text-align: center;
  border-bottom: solid 1px #64737F;
}

#cp-subnav ul {
  margin-left: 8px;
}

#cp-subnav ul li {
  margin: 7px 0;
}

#cp-subnav ul li > a {
  display: inline-block;
  padding-left: 6px;
  font-size: .85em;
  border-left: 1px solid transparent;
}

#cp-subnav ul li.active > a {
  border-left-color: #006cb4;
}

#cp-subnav.cp-subnav-mobile {
  position: fixed;
  width: 250px;
  top: 15%;
  right: -250px;
  -moz-transition: transform .3s ease-out;
  -webkit-transition: transform .3s ease-out;
  transition: transform .3s ease-out;
}
#cp-subnav.cp-subnav-mobile.opened {
  -moz-transform: translate3d(-250px, 0, 0);
  -webkit-transform: translate3d(-250px, 0, 0);
  transform: translate3d(-250px, 0, 0);
}
#cp-subnav.cp-subnav-mobile .cp-subnav-mobile-toggle {
  display: none;
  position: fixed;
  top: 19.5%;
  right: -45px;
  background-color: #4e7caf;
  color: white;
  padding: 8px 10px;
  text-transform: uppercase;
  font-weight: bold;
  -moz-tranform: rotate(-90deg);
  -webkit-tranform: rotate(-90deg);
  transform: rotate(-90deg);
}
@media (max-width: 800px) {
  #cp-subnav.cp-subnav-mobile .cp-subnav-mobile-toggle {
    display: inline-block;
  }
}
#cp-subnav.cp-subnav-mobile ul {
  margin: 0;
  padding-top: 0;
  padding-bottom: 0;
}
#cp-subnav.cp-subnav-mobile ul li {
  background: none!important;
  padding: 0!important;
  margin: 1px 0;
}
#cp-subnav.cp-subnav-mobile ul li a {
  font-size: 1em;
  border: 0!important;
  display: block;
  padding: 12px;
  background-color: #e0e8e6;
}
#cp-subnav.cp-subnav-mobile ul li.active > a {
  color: #1c8921;
}

/* default table */
table {
  background: white;
  margin-bottom: 0.625em;
  border: solid 1px #d8d5d5;
  width: 100%;
}
table thead,
table tfoot {
  border: solid 1px #d8d5d5;
  background: whitesmoke;
  font-weight: bold;
  background: #f3f3f3;
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
  background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
}
table thead tr th,
table thead tr td,
table tfoot tr th,
table tfoot tr td {
  padding: 1.125em 0.75em 1.125em;
  font-size: 1em;
  color: #696969;
  text-align: left;
}
table tr th,
table tr td {
  padding: 0.5625em 0.625em;
  font-size: 1em;
  color: #696969;
}
table tr.even, table tr.alt, table tr:nth-of-type(even) {
  background: #f9f9f9;
}
table thead tr th,
table tfoot tr th,
table tbody tr td,
table tr td,
table tfoot tr td {
  display: table-cell;
  line-height: 1.625em;
}
table .button {
  margin: 1px 0;
}
table td {
  padding: 8px 8px;
  vertical-align: middle;
}
table th.sorting,
table th.sorting_asc,
table th.sorting_desc {
  cursor: pointer;
  vertical-align: middle;
}
table td span[class^=icon] {
  cursor: pointer;
  vertical-align: middle;
}
table .center {
  text-align: center;
}
table .center a {
  margin: 0 5px;
}

.gridWrap {
  border: 1px solid #DAE1E8;
  background: #F0F1F2;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  width: 100%;
  margin: 0 auto;
  background-color: #f9f9f9;
}
.gridWrap table {
  border-collapse: collapse;
  width: 100%!important;
}
.gridWrap table th {
  border-right: solid 1px #d8d5d5;
}
.gridWrap .subHeader, .gridWrap fullHeader {
  border-bottom: 1px solid #DAE1E8;
  background: #F0F1F2;
  -moz-border-radius: 2px 2px 0px 0px;
  -webkit-border-radius: 2px 2px 0px 0px;
  border-radius: 2px 2px 0px 0px;
  padding: 10px 10px 9px 4px;
  overflow: auto;
}
.gridWrap .subHeader {
  margin-bottom: 0;
}
.gridWrap .subHeader h3 {
  background: none;
  color: #222;
  font-size: 1.3em;
}
.gridWrap .subHeader .add-btn,
.gridWrap .subHeader .add-button,
.gridWrap .subHeader .view-btn,
.gridWrap .subHeader .view-button,
.gridWrap .subHeader .button {
  float: right;
  margin: 0;
}

.dataTables_wrapper {
  position: relative;
  clear: both;
  padding: 20px;
}
.dataTables_wrapper th {
  line-height: 1em;
  padding: 1em 0.75em 0.8em;
  color: #222;
}
.dataTables_wrapper tbody tr.odd {
  background: white;
}
.dataTables_wrapper tbody tr:hover {
  background: whitesmoke!important;
}
.dataTables_wrapper td {
  border-right: 1px solid #DAE1E8;
  border-bottom: 1px solid #DAE1E8;
  /*word-break: break-word;*/
}
.dataTables_wrapper label {
  font: bold 0.875em Helvetica, Arial, sans-serif;
  color: #222;
}
.dataTables_wrapper select {
  padding: 0.4em;
}

.dataTables_processing {
  position: absolute;
  top: 0;
  left: 50%;
  width: 250px;
  margin-left: -125px;
  border: 1px solid #ddd;
  text-align: center;
  color: #6c6c6c;
  font-size: 0.669rem;
  padding: 2px 0;
}

.dataTables_length {
  float: left;
}

.dataTables_filter {
  float: right;
  text-align: right;
  margin-top: 2px;
}
.dataTables_filter input[type=text] {
  width: 200px;
  display: inline-block;
}

.dataTables_info {
  float: left;
  font: bold 0.875em Helvetica, Arial, sans-serif;
  color: #222;
}

.dataTables_paginate {
  float: right;
  text-align: right;
  border: solid 1px #c4c4c4;
}

/* * * * *  Sorting  * * * * */
@media only screen and (min-width: 1025px) {
  .sorting_asc {
    background: url("/Content/Images/sorting_sprite.png") no-repeat 99% -19px;
    border-bottom: solid 2px #167519;
  }

  .sorting_desc {
    background: url("/Content/Images/sorting_sprite.png") no-repeat 99% -49px;
    border-bottom: solid 2px #167519;
  }

  .sorting {
    background: url("/Content/Images/sorting_sprite.png") no-repeat 99% 11px;
  }
}
/* * * * * *   Misc   * * * * * */
.dataTables_scroll {
  clear: both;
}

.dataTables_scrollBody {
  -webkit-overflow-scrolling: touch;
}

.gridWrap .top,
.gridWrap .bottom {
  background-color: #F5F5F5;
  border: 1px solid #CCCCCC;
  padding: 15px;
}

.gridWrap .top .dataTables_info {
  float: none;
}

.clear {
  clear: both;
  float: none!important;
}

.dataTables_empty {
  text-align: center;
  height: 100px;
  font-weight: bold;
}

td.group {
  background-color: #d1cfd0;
  border-bottom: 2px solid #A19B9E;
  border-top: 2px solid #A19B9E;
}

td.details {
  background: whitesmoke;
  padding: 5px 20px !important;
}
td.details label {
  display: block;
  font-size: 1em!important;
}

.paging_full_numbers .paginate_button,
.paging_full_numbers .paginate_active {
  background: #f3f3f3;
  background: -webkit-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
  background: -moz-linear-gradient(linear, 0% 40%, 0% 70%, from(whitesmoke), to(#f1f1f1));
  cursor: pointer;
  display: inline-block;
  font: bold 12px Helvetica, Arial, sans-serif!important;
  margin: 0;
  padding: 10px 16px;
  position: relative;
  text-decoration: none;
  text-shadow: 0 1px 0 #fff;
  color: #222;
}

.paging_full_numbers .paginate_button:hover {
  text-decoration: underline;
  -webkit-transition: 0.2s linear;
  -moz-transition: 0.2s linear;
  -o-transition: 0.2s linear;
  transition: 0.2s linear;
}

.paging_full_numbers .paginate_active {
  color: white;
  background: #18801E!important;
  border: solid 1px #1a8d21;
  border-top: none;
  border-bottom: none;
  text-shadow: none;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.paging_full_numbers .paginate_active:hover {
  cursor: default;
}

.paginate_button_disabled,
.paginate_button_disabled:hover
.paginate_button_disabled:active {
  text-decoration: none!important;
  background-color: #f3f3f3!important;
  border-color: #7a7a7a !important;
  color: #696969 !important;
  cursor: default!important;
  opacity: 0.5;
}

.greenTipsTable {
  float: left;
  margin-top: 5px;
  background: transparent;
  border: none;
}

.greenTipsTable tr {
  background-color: transparent!important;
}

.greenTipsTable td {
  vertical-align: top;
  padding: 5px 5px 5px 28px;
  background: transparent url("/Content/Images/Icons/green_check.png") no-repeat 5px 6px;
  font-size: 1em;
  line-height: 1.3em;
}

.productTypesTbl {
  margin: 10px 0px;
  width: 100%;
  border: none;
  background: none;
}
.productTypesTbl ul {
  margin: 0;
}

.productTypesTbl thead th {
  font-weight: bold;
  vertical-align: bottom;
  padding-top: 10px;
  padding-bottom: 2px;
  border-bottom: solid 1px #ccc;
  color: #3B3B3B;
  background: #EEE!important;
}

.productTypesTbl tbody tr {
  margin-bottom: 10px;
  border-bottom: solid 1px #CCC;
  background: #EEE!important;
}
.productTypesTbl tbody tr:hover {
  background: #EEE;
}

.productTypesTbl tbody td {
  padding: 5px 2.5%;
  border-bottom: solid 1px #CCC;
  color: #3B3B3B;
  vertical-align: top;
}

.productTypesTbl tbody td.addColumn a.createProjectBtn {
  color: white;
  background: #1c8921;
}

.productTypesTbl tbody tr:last-child td {
  border-bottom: none;
}

.productTypesTbl thead th.addColumn,
.productTypesTbl tbody td.addColumn {
  width: 5%;
  padding: 5px 1% 2px 0;
}

.productTypesTbl thead th.productTypeCol,
.productTypesTbl tbody td.productTypeCol {
  width: 25%;
  padding-right: 1.5%;
  padding-left: 0px;
}

.productTypesTbl thead th.procurementInfoCol,
.productTypesTbl tbody td.procurementInfoCol {
  width: 40%;
  padding-right: 1.5%;
  padding-left: 0px;
}

.productTypesTbl thead th.availabilityCol,
.productTypesTbl tbody td.availabilityCol {
  width: 25%;
  padding-right: 1.5%;
  padding-left: 0px;
}

td.availabilityCol a {
  display: block;
}

.productTypesTbl thead th.search_productTypeCol,
.productTypesTbl tbody td.search_productTypeCol,
.productTypesTbl thead th.search_productCategoryCol,
.productTypesTbl tbody td.search_productCategoryCol,
.productTypesTbl thead th.search_contentLevelCol,
.productTypesTbl tbody td.search_contentLevelCol {
  width: 30%;
  padding-right: 1.5%;
  padding-left: 0px;
}

.productTypesTbl tbody td > ul > li > a > img {
  vertical-align: bottom;
  width: 20px;
  height: 20px;
}

#tblComp {
  line-height: 1.5em;
}

#tblComp th {
  font-weight: bold;
}

#tblComp td {
  vertical-align: top;
  font-size: .9em;
}

#tblComp td span {
  min-height: 30px;
}

#tblComp th.prosConsHdr {
  background-color: #f6f6f6;
  text-align: right;
  font-size: .9em;
  vertical-align: top;
}

#tblComp th.comparisonTblHdr {
  font-size: 1.1em;
}

#tblComp th.benefitTh {
  background: #e8eef4 url(/Content/Images/icons/add.png) no-repeat 3px center;
  color: Black;
}

#tblComp th.considerationTh {
  background: #e8eef4 url(/Content/Images/icons/delete.png) no-repeat 3px center;
  color: Black;
  font-weight: bold;
}

#tabHeader table thead {
  border: none;
}

table th .display-label, table th .editor-label {
  color: #353535;
  font-size: 1.15em;
}

.api-table {
  border: none;
}
.api-table thead {
  background: #eee;
}
.api-table thead th {
  color: #222;
  padding: 0.5em 0.75em;
  border-right: solid 1px #d8d5d5;
}
.api-table td {
  border-top: solid 1px #d8d5d5;
  padding: 1em .75em;
  color: #222;
}
.api-table tr:nth-of-type(even) {
  background: none;
}

.break-word {
  word-break: break-word!important;
}
.break-word td {
  word-break: break-word!important;
}

/* Panels */
.panel {
  border-style: solid;
  border-width: 1px;
  border-color: #d9d9d9;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #f2f2f2;
}
.panel > :first-child {
  margin-top: 0;
}
.panel > :last-child {
  margin-bottom: 0;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6, .panel p {
  color: #333333;
}
.panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel h1.subheader, .panel h2.subheader, .panel h3.subheader, .panel h4.subheader, .panel h5.subheader, .panel h6.subheader {
  line-height: 1.4;
}
.panel.callout {
  border-style: solid;
  border-width: 1px;
  border-color: #166dba;
  margin-bottom: 1.25em;
  padding: 1.25em;
  background: #1f6cdf;
  -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;
}
.panel.callout > :first-child {
  margin-top: 0;
}
.panel.callout > :last-child {
  margin-bottom: 0;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6, .panel.callout p {
  color: #333333;
}
.panel.callout h1, .panel.callout h2, .panel.callout h3, .panel.callout h4, .panel.callout h5, .panel.callout h6 {
  line-height: 1;
  margin-bottom: 0.625em;
}
.panel.callout h1.subheader, .panel.callout h2.subheader, .panel.callout h3.subheader, .panel.callout h4.subheader, .panel.callout h5.subheader, .panel.callout h6.subheader {
  line-height: 1.4;
}
.panel.radius {
  -webkit-border-radius: 3px;
  border-radius: 3px;
}

.success-panel, p.error-panel, p.info-panel {
  position: relative;
  border: 1px solid #D8D8D8;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font-size: 0.669rem;
  text-transform: uppercase;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #ecffd8;
  color: green;
  text-align: center;
  margin-top: 30px;
  font-size: 0.9em;
}
.success-panel:before, p.error-panel:before, p.info-panel:before {
  content: "\f058";
  font-family: FontAwesome;
  margin-right: 6px;
  font-size: 1.1em;
}
.success-panel strong, p.error-panel strong, p.info-panel strong {
  color: green;
  font-weight: bold;
  font-size: 1.1em;
}

p.error-panel {
  border: 1px solid #D8D8D8;
  background-color: #fff9f2;
  color: #d30000;
}
p.error-panel:before {
  content: "\f071";
}
p.error-panel strong {
  color: #d30000;
}

p.info-panel {
  border: 1px solid #F7E3BC;
  background: #fcf8e3;
  color: #c09853;
}
p.info-panel:before {
  content: "\f05a";
}
p.info-panel strong {
  color: #c09853;
}

@media only screen and (max-width: 767px) {
  .f-dropdown {
    max-width: 100%;
    left: 0;
  }
}
/* Foundation Dropdowns */
.f-dropdown {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  width: 100%;
  max-height: none;
  height: auto;
  background: white;
  border: solid 1px #cccccc;
  font-size: 1.004rem;
  z-index: 99;
  margin-top: 2px;
  max-width: 200px;
}
.f-dropdown > *:first-child {
  margin-top: 0;
}
.f-dropdown > *:last-child {
  margin-bottom: 0;
}
.f-dropdown:before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  border-color: transparent transparent white transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -12px;
  left: 10px;
  z-index: 99;
}
.f-dropdown:after {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border: inset 7px;
  border-color: transparent transparent #cccccc transparent;
  border-bottom-style: solid;
  position: absolute;
  top: -14px;
  left: 9px;
  z-index: 98;
}
.f-dropdown.right:before {
  left: auto;
  right: 10px;
}
.f-dropdown.right:after {
  left: auto;
  right: 9px;
}
.f-dropdown li {
  font-size: 0.875em;
  cursor: pointer;
  line-height: 1.125em;
  margin: 0;
}
.f-dropdown li:hover, .f-dropdown li:focus {
  background: #eeeeee;
}
.f-dropdown li a {
  display: block;
  padding: 0.5em 0.625em;
  color: #555555;
  text-decoration: none!important;
}
.f-dropdown.content {
  position: absolute;
  top: -9999px;
  list-style: none;
  margin-left: 0;
  padding: 1.25em;
  width: 100%;
  height: auto;
  max-height: none;
  background: white;
  border: solid 1px #cccccc;
  font-size: 1.004rem;
  z-index: 99;
  max-width: 200px;
}
.f-dropdown.content > *:first-child {
  margin-top: 0;
}
.f-dropdown.content > *:last-child {
  margin-bottom: 0;
}
.f-dropdown.tiny {
  max-width: 200px;
}
.f-dropdown.small {
  max-width: 300px;
}
.f-dropdown.medium {
  max-width: 500px;
}
.f-dropdown.large {
  max-width: 800px;
}

#systemNav.f-dropdown {
  max-width: 180px;
}

.glow-button-dropdown {
  display: inline-block;
  clear: both;
  border: solid 1px #d8d5d5;
}
.glow-button-dropdown ul {
  margin: 0;
}
.glow-button-dropdown a, .glow-button-dropdown span {
  width: 218px;
  background: #eee;
  font: bold 16px "Helvetica Neue", "Helvetica", "Arial", sans-serif;
  color: #222;
  cursor: pointer;
  display: inline-block;
  text-align: left;
  font-family: inherit;
  font-weight: bold;
  padding: 10px 20px;
  position: relative;
  -webkit-transition: background-color 0.15s ease-in-out;
  -moz-transition: background-color 0.15s ease-in-out;
  -o-transition: background-color 0.15s ease-in-out;
  transition: background-color 0.15s ease-in-out;
}
.glow-button-dropdown a:not(span):hover, .glow-button-dropdown span:not(span):hover {
  text-decoration: none;
  background: #e1e1e1;
  color: #222;
}
.glow-button-dropdown span:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: #222 transparent transparent transparent;
  top: 15px;
  right: 15px;
  border-width: .5625em;
}

.glow-button-dropdown.fix {
  width: 220px;
  position: fixed;
}

/* Dropdown Button */
.dropdown.button {
  position: relative;
  padding-right: 2.9375em;
}
.dropdown.button:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  display: block;
  border-style: solid;
  border-color: white transparent transparent transparent;
  top: 50%;
}
.dropdown.button:before {
  border-width: 0.5em;
  right: 1.375em;
  margin-top: -0.21875em;
}
.dropdown.button:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.tiny {
  padding-right: 2.1875em;
}
.dropdown.button.tiny:before {
  border-width: 0.4375em;
  right: 0.875em;
  margin-top: -0.15625em;
}
.dropdown.button.tiny:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.small {
  padding-right: 2.8125em;
}
.dropdown.button.small:before {
  border-width: 0.5625em;
  right: 1.125em;
  margin-top: -0.21875em;
}
.dropdown.button.small:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.large {
  padding-right: 4em;
}
.dropdown.button.large:before {
  border-width: 0.625em;
  right: 1.75em;
  margin-top: -0.3125em;
}
.dropdown.button.large:before {
  border-color: white transparent transparent transparent;
}
.dropdown.button.secondary:before {
  border-color: #333333 transparent transparent transparent;
}

.addBtn,
.createBtn {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.6875em;
  padding-right: 1.375em;
  padding-bottom: 0.625em;
  padding-left: 1.375em;
  font-size: 1em;
  background-color: #1c8921;
  border-color: #19871e;
  color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  font-size: 1.255rem !important;
  padding: 2px 4px 2px 4px !important;
  font-weight: normal;
  line-height: 0.8em;
  width: 22px;
}
.addBtn:hover,
.createBtn:hover {
  text-decoration: none;
}
.addBtn:hover, .addBtn:focus,
.createBtn:hover,
.createBtn:focus {
  background-color: #157119;
}
.addBtn:hover, .addBtn:focus,
.createBtn:hover,
.createBtn:focus {
  color: white;
}

.removeBtn {
  border-style: solid;
  border-width: 1px;
  cursor: pointer;
  font-family: AvenirStd, "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 1.25em;
  position: relative;
  text-decoration: none;
  text-align: center;
  display: inline-block;
  padding-top: 0.6875em;
  padding-right: 1.375em;
  padding-bottom: 0.625em;
  padding-left: 1.375em;
  font-size: 1em;
  background-color: red;
  border-color: #fa0000;
  color: white;
  -webkit-border-radius: 6px;
  border-radius: 6px;
  line-height: 0.8em;
  font-size: 1.255rem !important;
  padding: 2px 7px 2px 6px !important;
}
.removeBtn:hover {
  text-decoration: none;
}
.removeBtn:hover, .removeBtn:focus {
  background-color: #e00000;
}
.removeBtn:hover, .removeBtn:focus {
  color: white;
}

.materialAddTooltip {
  position: absolute;
  right: 0;
  top: -1.5em;
  display: none;
  color: Green;
}

.materialCompareLi .removeBtn::after {
  content: "Remove from Project";
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  opacity: 0;
  color: red;
  font-size: 0.6em;
  font-weight: normal;
  width: 135px;
}
.materialCompareLi .removeBtn:hover::after {
  opacity: 1;
  top: -1.8em;
  display: block;
}
.materialCompareLi .removeBtn.active::after {
  content: "Removed from Project!";
  top: -2.5em;
  opacity: 0;
}
.materialCompareLi .addBtn::after {
  content: "Add to Project";
  font-size: 0.6em;
  position: absolute;
  right: 0;
  top: 0;
  display: none;
  opacity: 0;
  color: #1c8921;
  width: 100px;
}
.materialCompareLi .addBtn:hover::after {
  opacity: 1;
  top: -1.8em;
  display: block;
}
.materialCompareLi .addBtn.active::after {
  content: "Added to Project!";
  top: -2.5em;
  opacity: 0;
}

.createProjectTooltip {
  position: absolute;
  right: -108px;
  top: -18px;
  width: 200px;
  display: none;
}

a.createProjectBtnNoJs {
  float: right;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-decoration: underline;
  color: #1c8921;
  text-align: center;
  margin-top: 2px;
}

a.addProjectBtnNoJs {
  float: right;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-decoration: underline;
  color: #1c8921;
  text-align: center;
  margin-top: 2px;
}

a.removeProjectBtnNoJs {
  float: right;
  border: none;
  cursor: pointer;
  width: 50px;
  height: 50px;
  text-decoration: underline;
  color: red;
  text-align: center;
  margin-top: 2px;
}

.projectMenu--Link:hover::after, .projectMenu--Link:hover:after,
.projectMenu a:hover::after,
.projectMenu a:hover:after {
  content: none!important;
  height: 0!important;
  text-decoration: underline!important;
}

.MyProjectsBeta {
  display: inline-block;
  padding: 3px;
  border-radius: 10px;
  color: white;
  font-size: 0.9em;
  background: #1f6cdf;
}

.projectMenu--Link {
  position: relative;
  margin: 0px;
  display: inline-block;
  padding-right: 16px !important;
}
.projectMenu--Link .fa {
  position: absolute;
  top: 1px;
  font-size: 1.004rem;
  margin-left: 4px !important;
}

.projectMenu--MaterialsList {
  background: #F7F7F7;
  border: solid 1px #eee;
  margin: -3px 0 0 0;
  padding: 10px;
}

.active-project-badge {
  font-size: 0.669rem;
  background: #F7F7F7;
  padding: 2px 8px;
  border: solid 1px #eee;
  border-bottom: none;
}

.projectMenu {
  display: none;
  width: 350px;
  position: absolute;
  background: white;
  padding: 0;
  z-index: 10000;
  border-radius: 0px 0 8px 8px;
  -moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2);
  background-clip: padding-box;
}

li.projectMenu--Inner {
  text-align: left;
  padding: 9px 11px 11px 11px;
  border: 1px solid #ccc;
  border: 1px solid rgba(0, 0, 0, 0.12);
}

.no-js.projectMenu.active {
  display: block;
}

.projectMenu--Item {
  display: block;
  width: 100%;
  padding: 5px;
  text-align: left;
  line-height: 1.3em;
}

.projectMenu--Item:last-child {
  margin-bottom: 0;
  border: none;
}

.projectMenu--MaterialsHeading {
  display: block;
  font-size: 0.669rem;
  border-bottom: solid 1px;
  margin: 0 8px;
}

.projectMenu--Item--Material {
  display: inline-block;
  font-size: 0.9em;
  padding: 6px 9px 4px 9px;
  background: #F1F1F1;
}
.projectMenu--Item--Material:nth-child(odd) {
  background: #E9E9E9;
}

a.projectMenu--Item--RemoveLink {
  display: inline-block;
  float: right;
}

.projectMenu--DetailsItem {
  padding: 1px 0px 10px 0px;
  font-size: 1.1em;
}

.projectMenu--ActivateItem {
  margin: 0;
  text-align: center;
  background: #424a5d;
  border-radius: 0px 0 1px 1px;
  padding: 10px 0;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.projectMenu--ActivateItem .projectMenu--Item--Link {
  color: white!important;
}

.project--GiveFeedback {
  position: fixed;
  top: 65%;
  left: -51px;
  padding: 10px 20px;
  background: #225892;
  color: white;
  font-size: 1em;
  font-weight: bold;
  opacity: 1;
  z-index: 10000;
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}
@media (max-width: 1280px) {
  .project--GiveFeedback {
    padding: 5px 10px;
    left: -41px;
    font-size: 0.9em;
  }
}
@media (max-width: 801px) {
  .project--GiveFeedback {
    display: none;
  }
}

.projectStart {
  background: #FFF;
  padding: 1.5em;
  color: black;
  position: relative;
  width: 100%;
  max-width: 87em;
  margin-top: 35px;
}
@media (max-width: 1180px) {
  .projectStart {
    margin-top: 2px;
  }
}

.projectStart--Hero {
  height: 200px;
}
@media (max-width: 801px) {
  .projectStart--Hero {
    height: auto;
    margin-bottom: 20px;
  }
}

.projectStart--Hero--Header {
  font-size: 2em;
}

.projectStart--Card {
  height: 200px;
}
@media (max-width: 520px) {
  .projectStart--Card {
    width: 100%;
    height: auto;
  }
}

.projectStart--Card--Step {
  background: white;
  border-radius: 100%;
  text-align: center;
  display: block;
  margin: 1em auto;
  width: 1.5em;
  height: 1.5em;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
}

.projectStart--Card--Title {
  color: black;
  width: 100%;
  font-weight: normal;
  font-size: 1.05em;
  text-align: center;
  display: block;
  margin-bottom: 5%;
  line-height: 1;
}

.projectStart--Card--DropDown {
  width: 100%;
}

.projectStart--Card--Goal {
  width: 100%;
}

.projectStart--Card--Contact {
  text-indent: -9999px;
  background: url("../../Images/Icons/SVG/ContactAdd.svg");
  background-size: contain;
  background-position: center center;
  width: 65px;
  height: 65px;
  border-radius: 100%;
  border: solid 2px white;
  display: block;
  margin: auto;
}

.no-svg .projectStart--Card--Contact {
  background: url("../Images/Icons/SVG/ContactAdd.png");
  background-size: contain;
}

.projectStart--Card--StartButton {
  margin-top: 2em;
  background: transparent;
  border: solid 3px #EEE;
  font-size: 2em;
  display: block;
  border-radius: 3px;
  color: #FFF;
  width: 100%;
  white-space: normal;
  padding-top: 0.3em 0;
}
.projectStart--Card--StartButton:hover {
  cursor: pointer;
}
@media (max-width: 520px) {
  .projectStart--Card--StartButton {
    margin: 2em 0;
  }
}

.betaBannerWrap {
  width: 85px;
  height: 88px;
  overflow: hidden;
  position: absolute;
  top: -3px;
  right: -3px;
}

.betaBanner {
  display: block;
  font-size: 1.1em;
  color: #FFF;
  text-align: center;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  background-color: #4e7caf;
  -webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.3);
}

.betaBanner:before, .betaBanner:after {
  content: "";
  border-top: 3px solid #4e7caf;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}

.betaBanner:before {
  left: 0;
}

.betaBanner:after {
  right: 0;
}

.projectStart--Card--1 {
  background: #3fdb46;
}

.projectStart--Card--2 {
  background: #27d02e;
}

.projectStart--Card--3 {
  background: #21b228;
}

.projectStart--Card--4 {
  background: #1E821E;
}

.projectStart--Card--TitleWrap {
  -moz-transition: all 0.5s, opacity 0.2s ease-out;
  -webkit-transition: all 0.5s, opacity 0.2s ease-out;
  -o-transition: all 0.5s, opacity 0.2s ease-out;
  transition: all 0.5s, opacity 0.2s ease-out;
}

.projectStart--Card--TitleWrap.active {
  -moz-transform: translateY(-90px);
  -webkit-transform: translateY(-90px);
  -o-transform: translateY(-90px);
  transform: translateY(-90px);
  opacity: 0;
}

.projectStart--Card--Contact--Action {
  -moz-transform: translateY(-90px);
  -webkit-transform: translateY(-90px);
  -o-transform: translateY(-90px);
  transform: translateY(-90px);
  opacity: 1;
  -moz-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
  -webkit-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
  -o-transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
  transition: all 0.1s 0.3s, opacity 0.1s 0.3s ease-out;
}

.projectStart--Card--Contact--Action.preaction {
  opacity: 0;
  -moz-transform: translateY(0px);
  -webkit-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

.projectLoginBackground {
  position: absolute;
  width: 66.666%;
  top: 0;
  right: 0;
  height: 100%;
}
@media (max-width: 800px) {
  .projectLoginBackground {
    width: 100%;
    top: 38%;
    height: auto;
    width: 98.5%;
  }
}
@media (max-width: 750px) {
  .projectLoginBackground {
    top: 40%;
  }
}
@media (max-width: 520px) {
  .projectLoginBackground {
    top: 47%;
  }
}

.projectLogin {
  width: 30%;
  margin: auto;
  background: white;
  opacity: 1;
  z-index: 10003;
  position: relative;
  height: 100%;
}
@media (max-width: 1000px) {
  .projectLogin {
    width: 50%;
  }
}
@media (max-width: 520px) {
  .projectLogin {
    width: 75%;
  }
}
@media (min-width: 1000px) and (max-width: 1441px) {
  .projectLogin {
    width: 36%;
  }
}

.projectLoginInner {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 95%;
  margin: auto;
  padding: 20px;
  z-index: 99;
}
.projectLoginInner hr {
  border-top: solid 1px #ccc;
  border-bottom: solid 1px #F3F3F3;
  clear: both;
  margin: 14px 0 15px 0;
  height: 0;
}
@media (max-width: 801px) {
  .projectLoginInner {
    position: static;
  }
}

.projectLoginInner-blur {
  position: absolute;
  width: 102%;
  height: 100%;
  right: -1%;
  filter: blur(1px);
  -webkit-filter: blur(1px);
  -moz-filter: blur(1px);
  -o-filter: blur(1px);
  -ms-filter: blur(1px);
  background: white;
  z-index: 0;
}
@media (max-width: 801px) {
  .projectLoginInner-blur {
    display: none;
  }
}

.projectLogin--signup,
.projectLogin--login {
  display: block;
  height: 40px;
  line-height: 14px;
  margin-bottom: 0;
  font-size: 1.2em;
  font-weight: 100;
  letter-spacing: 1px;
  background: #4b77a8;
  border-color: #436b96;
  -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
}
.projectLogin--signup:hover,
.projectLogin--login:hover {
  background: #40668f;
  border-color: #38597e;
}

.projectLogin--signup {
  margin-bottom: 0.7em;
}

.projectLogin--login {
  margin-top: 0.7em;
}

.projectLoginInner p {
  line-height: 1.2em;
  font-size: 0.9em;
  color: #3A3A3A;
  padding: 0 4px;
  margin-top: 0;
}

@media (max-width: 1000px) {
  .projectStart--Hero--Header {
    font-size: 1.625em;
  }
}

.blur--opaque {
  -webkit-filter: blur(2px);
  -moz-filter: blur(2px);
  -o-filter: blur(2px);
  -ms-filter: blur(2px);
  filter: blur(2px);
}

.blur--opaque:after {
  content: "";
  display: block;
  position: absolute;
  background: black;
  opacity: 0.35;
  z-index: 10000;
  bottom: 15px;
  right: 16px;
}
@media (min-width: 801px) {
  .blur--opaque:after {
    width: 65%;
    height: 86%;
  }
}
@media (max-width: 801px) {
  .blur--opaque:after {
    width: 96%;
    height: 73%;
  }
}
@media (max-width: 520px) {
  .blur--opaque:after {
    width: 94%;
    height: 80%;
  }
}
@media (max-width: 405px) {
  .blur--opaque:after {
    height: 76%;
  }
}
@media (max-width: 320px) {
  .blur--opaque:after {
    height: 72.5%;
  }
}

.large-4.columns.small-12.omega {
  margin-top: 60px;
}

.projectBanner {
  margin: auto auto -2.3em;
  min-height: 200px;
  height: 250px;
  position: relative;
  width: 100%;
  max-width: 87em;
}
@media (max-width: 1180px) {
  .projectBanner {
    margin: auto auto -1px;
  }
}

.projectBanner.noBackground {
  background: #EEE;
  color: black;
}

.projectBanner--overlay {
  height: 250px;
}

.projectBanner--overlay.noBackground {
  background: rgba(50, 122, 50, 0.9);
}

.projectBanner.hasBackground {
  background-size: cover;
  background-position: 0;
}

.projectBanner-Title {
  text-align: center;
  color: white;
  font-size: 4em;
  padding-top: 75px;
  position: relative;
  z-index: 10;
}
@media (max-width: 801px) {
  .projectBanner-Title {
    font-size: 2.4em;
  }
}

.projectBanner-Subtitle {
  text-align: center;
  position: absolute;
  bottom: 0;
  left: 40%;
  z-index: 10;
}

.gray.projectBanner-ImageButton {
  position: absolute;
  top: 0px;
  right: 0px;
  z-index: 10;
  border-radius: 0;
}

.projectBanner.hasBackground .projectBanner--overlay ~ .projectBanner-ImageButton {
  display: none;
}

.projectBanner.hasBackground .projectBanner--overlay:hover ~ .projectBanner-ImageButton,
.projectBanner.hasBackground .projectBanner-Title:hover ~ .projectBanner-ImageButton,
.projectBanner.hasBackground .projectBanner-Subtitle:hover ~ .projectBanner-ImageButton,
.projectBanner.hasBackground .projectBanner--overlay ~ .projectBanner-ImageButton:hover {
  display: block;
}

.projectBanner--Actions {
  position: absolute;
  right: 3%;
  width: 25%;
  top: 175px;
  z-index: 10;
}

.projectBanner--Actions--Item {
  display: inline-block;
  margin: 0;
  padding: 0;
  width: 32%;
}

.projectBanner--Actions--Item--Link {
  display: block;
  width: 100%;
  padding: 0.5em 2.5%;
  background: #1c8921;
  text-align: center;
  color: white;
}

.projectSections {
  min-height: 400px;
}

.projectSections--Menu {
  display: block;
  width: 100%;
  overflow: hidden;
}

.projectSections--Menu--Item {
  display: block;
  width: 25%;
  float: left;
}

.projectSections--Menu--Item--Link {
  padding: 0.5em 5%;
  width: 100%;
  background: #eeeeee;
  display: inline-block;
  text-align: center;
  margin: 0px;
  -moz-transition: background-color 175ms;
  -webkit-transition: background-color 175ms;
  -moz-transition: background-color 175ms;
}
.projectSections--Menu--Item--Link:hover {
  background-color: #dfdfdf;
  text-decoration: none;
}

a.projectSections--Menu--Item--Link.current,
a.projectSections--Menu--Item--Link.current:hover {
  color: white;
  background: #1c8921;
  cursor: default;
}

.projectDetails--TitleWrap {
  overflow: auto;
}
.projectDetails--TitleWrap h4 {
  float: left;
}

.projectDetails--EditLink {
  float: left;
  margin-top: 12px;
  margin-left: 10px;
}

.projectDetails--List {
  width: 95%;
  overflow: visible;
  position: relative;
  padding: 0;
  box-sizing: border-box;
}

.projectDetails--List--Item {
  display: block;
  margin: 0;
  padding: 0.25em 0 0;
  width: 100%;
}

.projectDetails--List--Label {
  width: 25%;
  color: black;
  font-weight: bold;
  display: inline-block;
}

.projectRef {
  margin-bottom: 20px;
}

p.projectRef--Description {
  margin-top: 0;
  padding-top: 0;
}

.projectActivities {
  padding: 1.5%;
}

.projectActivities--Item {
  color: #383a3e;
  font-size: 1.1em;
}

.projectActivities--Item--Action {
  display: block;
  margin-left: 1%;
  font-size: 0.9em;
  text-align: left;
}

.projectActivities--Item--Time {
  display: inline;
  font-size: 0.7em;
  color: #3c4044;
}

.addGoal {
  display: block;
}
@media (max-width: 801px) {
  .addGoal .rPad2 {
    padding: 0!important;
  }
}

.addGoal--Label {
  display: none;
}

.oldie .addGoal--Label {
  display: block;
  float: left;
}

.oldie .addGoal--GoalLabel {
  width: 20%;
  margin-right: 5%;
}

.oldie .addGoal--StartDateLabel {
  width: 15%;
  margin-right: 2.5%;
}

.oldie .addGoal--EndDateLabel {
  width: 15%;
  margin-right: 2.5%;
}

input.addGoal--Input {
  display: block;
}

input.addGoal--GoalInput {
  font-size: 1em;
}

input.addGoal--DateInput {
  font-size: 1em;
}

.addGoal--Submit {
  margin: 0!important;
}

.goalRecommendation--Title {
  background: none;
  color: black;
  padding-bottom: 0;
  line-height: 1.2em;
}

.js .goalComments {
  display: none;
}

.goalComments--List {
  padding: 0;
  margin: 10px 0;
}

.goalComments--List--Item {
  display: block;
  padding: 10px 1%;
  width: 98%;
  border: solid 3px #f0f4f0;
  background: #f0f4f0;
  position: relative;
  margin-bottom: 7px;
  border-radius: 3px;
}

.goalComments--List--Item::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f0f4f0;
  position: absolute;
  top: -10px;
}

.goalComments--List--Item--Comment {
  padding: 0;
  margin-top: 0;
}

.goalComments--List--Item--Date {
  display: inline-block;
  margin-top: 3px;
  font-size: 0.9em;
}

.goalComments--List--Item--Collaborator {
  display: inline-block;
  margin-top: 3px;
  font-size: 0.9em;
}

.goalComments--List--Item--Actions {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

.projectGoal--List--Header {
  border-bottom: solid 1px #eeeeee;
  color: #6a7077;
  margin-bottom: 15px;
}

.projectGoal--List {
  margin: 0;
  padding: 0;
  width: 100%;
  max-height: 600px;
  margin-bottom: 6px;
}

.projectGoal--List--Item {
  margin-bottom: 20px;
}
.projectGoal--List--Item:hover {
  background: white;
}

.projectGoal--List--Item.current {
  background: #f0f4f0;
}

.goal--Item {
  overflow: auto;
  position: relative;
}

.goal--Item--RecomendationLink {
  float: right;
  margin-right: 12%;
  font-size: 0.9em;
}

.projectGoal--List--Item--Title {
  font-weight: normal;
  width: 50%;
  float: left;
  display: block;
}

.projectGoal--List--Item--Title--Label {
  display: inline;
  font-size: 1.2em;
}

input.projectGoal--List--Item--Title--Checkbox {
  font-size: 1.2em;
  margin: 0;
}

.projectGoal--List--Item--Date {
  display: block;
  width: 17%;
  float: left;
}

.goalComments--Link {
  font-size: 0.8em;
}

.goalRecommendation {
  width: 100%;
}

.projectGoal--recommendation {
  background: #f0f4f0;
  padding: 1.2em 2%;
  position: relative;
  transition: all 0.7s ease-in-out;
}

.no-js .goalRecommendation-TitleActions {
  display: none;
}

.goalRecommendation-Arrow {
  cursor: pointer;
  position: absolute;
  top: 25px;
}

.goalRecommendation-Arrow.prev {
  left: 10px;
}

.goalRecommendation-Arrow.next {
  right: 10px;
}

.no-js .goalRecommendation-Arrow {
  display: none;
}

.goalRecommendation--TitleCount {
  text-align: center;
}

.row.collapse .columns.projectGoal--recommendation {
  padding-left: 2%;
  padding-right: 2%;
}

.recNav.carouselNav {
  width: 100%;
  margin-bottom: 10px;
  overflow: hidden;
  text-align: center;
}

.carouselNav a.navCircle {
  float: none;
}

.addCollaborator {
  padding: 0;
}

.addCollaborator--Input {
  display: inline-block;
  width: 25%;
}

.collaboratorList {
  font-size: 1.1em;
}

.collaboratorList--Item--Action {
  display: inline-block;
  margin-left: 5px;
}

dt.greenCheck {
  background-image: url("/Content/Images/icons/green_check.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 20px;
}

table.materialsTable {
  border: none;
  margin-top: 0.375em;
}

table th.materialsTable--Head--Row--Cell {
  background: white;
  font-size: 1em;
  padding: 0 0.75em 0.75em;
  text-align: center;
}

.materialsTable--Head--Row--Cell--Title {
  text-align: left;
  padding: 0;
  margin: 0;
}

table th.materialsTable--Head--Row--Span {
  text-align: center;
  color: #1c8921;
  font-size: 1.5em;
  padding: 0.375em 0.75em 0;
}

.materialsTable--Body--Row {
  background: white;
  margin-bottom: 20px;
}

.materialsTable--Body--Row.materialsTable--Body--MaterialTitle {
  margin-bottom: 0;
}

.materialsTable--Body--Row--Cell {
  background: white;
  vertical-align: top;
}

.materialsTable--DataCell,
table th.materialsTable--Head--Row--Cell.materialsTable--DataCell {
  background: #f2f7f6;
}

.materialsTable--Body--Row--Header {
  width: 50%;
  padding-top: 0;
  padding-bottom: 0;
  padding-right: 3%;
}

.materialsTable--Body--Row--Header--Title {
  font-size: 1.4em;
  width: 100%;
  text-align: left;
  display: block;
  margin: 10px 0 0;
  padding: 0 0 0.1em;
}

.materialsTable--Body--Row--Header--Content {
  width: 100%;
  font-size: 1.1em;
  text-align: left;
  line-height: 1.5;
  margin: 0 0 0.625em;
  text-rendering: optimizeLegibility;
}

td.materialsTable--Body--Row--Cell {
  padding: 0 0.75em 0.75em;
}

td.materialsTable--Body--MaterialGroup--Cell {
  padding: 0;
}

.materialsTable--Body--MaterialGroup--Cell--Header {
  display: block;
  width: 100%;
  font-size: 1.3em;
  padding: 0.5em;
}

.spanArrows {
  margin-top: 6px;
}

.userProjects-Column1 {
  padding-left: 0;
}

.userProjects-Column2 {
  padding-right: 0;
}

.projectCard {
  padding: 10px;
  position: relative;
  word-break: break-word;
  box-sizing: border-box;
  border: 1px solid #cacaca;
  border: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -moz-box-shadow: 2px 2px 10px #ccc;
  -webkit-box-shadow: 2px 2px 10px #ccc;
  -o-box-shadow: 2px 2px 10px #ccc;
  -ms-box-shadow: 2px 2px 10px #ccc;
  box-shadow: 2px 2px 10px #ccc;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 0;
}

.projectCard--Content {
  height: 150px;
}

.projectCard--Content--Desc {
  height: 85px;
  overflow: hidden;
}

.projectCard--Content--Link {
  padding-top: 0.4375em;
  padding-right: 0.875em;
  padding-bottom: 0.375em;
  padding-left: 0.875em;
}

a.delete--CloseImage {
  background: url(/Content/Images/Icons/apple-close.png) no-repeat center center;
  position: absolute;
  right: -13px;
  top: -13px;
  cursor: pointer;
  height: 28px;
  width: 28px;
  overflow: hidden;
  text-indent: -9999px;
}

.hasBackground.active--Project {
  margin: 0;
}
.hasBackground.active--Project .projectCard--Content {
  color: white;
  margin-bottom: 20px;
  z-index: 100;
  position: relative;
}
.hasBackground.active--Project h3.projectCard--Content--Title {
  margin-top: 80px;
  background: none;
}
.hasBackground.active--Project a.delete--CloseImage {
  top: -23px;
  right: -23px;
}

.active--Project {
  text-align: center;
}
.active--Project .projectCard--Content {
  height: inherit;
}
.active--Project .projectCard--Content--Desc {
  height: inherit;
}

.collabProject {
  padding-bottom: 10px;
  border-bottom: solid 2px #EEE;
}

.project-DeleteInfo {
  padding: 1em;
  margin: 1em 0 1em;
  font-size: 1em;
  color: #987b48;
  background-color: #FCF8E3;
  border-color: #FBEED5;
  color: #B94A48;
  background-color: #F2DEDE;
  border-color: #EED3D7;
  border: solid 1px;
}

.projectActivated {
  height: 168px;
  padding: 10px;
  background: #f2f7f6;
}
.projectActivated .addBtn {
  margin-bottom: 0;
}
.projectActivated:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border: inset 10px;
  border-color: transparent #eff3f2 transparent transparent;
  border-right-style: solid;
  left: -20px;
  top: 20px;
}

.hotspot {
  display: inline-block;
  width: 20px;
  height: 20px;
  background: transparent url(/Content/Images/hotspot_read.png) no-repeat center center;
}

.animated {
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@-webkit-keyframes scaledIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.02);
    transform: scale(1.02);
  }

  100% {
    -webkit-transform: translateX(1);
    transform: translateX(1);
  }
}

@keyframes scaledIn {
  0% {
    opacity: 0;
    -webkit-transform: scale(1.02);
    -ms-transform: scale(1.02);
    transform: scale(1.02);
  }

  100% {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
}

.scaledIn {
  -webkit-animation-name: scaledIn;
  animation-name: scaledIn;
}

@-webkit-keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(750px);
    transform: translateX(750px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes slideInRight {
  0% {
    opacity: 0;
    -webkit-transform: translateX(750px);
    -ms-transform: translateX(750px);
    transform: translateX(750px);
  }

  100% {
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
}

.slideInRight, .slideInRight:after {
  -webkit-animation-name: slideInRight;
  animation-name: slideInRight;
}

@media (max-width: 800px) {
  .productPaneTabs {
    display: none;
  }
}

li.productPaneTab-Item {
  width: 25%;
}

a.productPaneTab-Item-Link {
  display: inline-block;
  position: relative;
  width: 95%;
  padding: 0.5em 0.875em 0.4375em;
  margin: 0 0 1.25em;
  background-color: #888888;
  color: white;
  text-decoration: none;
  text-align: center;
  font-size: 0.8125em;
  font-weight: bold;
  font-family: Arial, sans-serif;
  border-radius: 3px;
  -moz-transition: all 250ms ease;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}

a.productPaneTab-Item-Link:hover {
  background-color: #3e638c;
}

a.productPaneTab-Item-Link.current,
a.productPaneTab-Item-Link.current:hover {
  background-color: #4e7caf;
}

.productPaneTab-Item-Link.current:after {
  content: "";
  display: block;
  position: absolute;
  left: 42%;
  bottom: -17px;
  width: 0;
  height: 0;
  border-left: 12px solid transparent;
  border-right: 12px solid transparent;
  border-bottom: 12px solid white;
}

.productTabSections {
  background: white;
  padding: 10px;
}

.tooltip {
  display: none;
  width: 250px;
  left: 12px;
  padding: 10px;
  font-size: 0.753rem;
  background: #eeeeee;
  color: #414141;
  line-height: 1.3em;
  position: absolute;
  border: solid 1px #CCCCCC;
  z-index: 99;
  font-weight: bold;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 4px #8D8D8D;
  -webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  box-shadow: 1px 1px 4px #8D8D8D;
}
.tooltip:before, .tooltip:after {
  content: "";
  width: 0;
  position: absolute;
  z-index: 0;
  height: 0;
  border-left: 0px solid transparent;
  border-right: 35px solid transparent;
  border-top: 15px solid #eeeeee;
}
.tooltip:before {
  bottom: -1.25em;
  left: 1.9em;
  border-right: 35px solid transparent;
  border-top: 15px solid #C0C0C0;
}
.tooltip:after {
  bottom: -1em;
  left: 2.05em;
  border-top-color: #eeeeee;
  border-right: 35px solid transparent;
}
.tooltip.left:before {
  left: auto;
  right: 1.9em;
  border-left: 35px solid transparent;
  border-right: none;
}
.tooltip.left:after {
  left: auto;
  right: 2.05em;
  border-right: none;
  border-left: 35px solid transparent;
}
.tooltip.bottom:before {
  bottom: auto;
  top: -1.25em;
  left: 1.9em;
  border-bottom: 15px solid silver;
  border-top: none;
}
.tooltip.bottom:after {
  bottom: auto;
  top: -1em;
  left: 2.05em;
  border-bottom: 15px solid #eee;
  border-top: none;
}
.tooltip.bottom.left:before {
  left: auto;
  right: 1.9em;
  border-left: 35px solid transparent;
  border-right: none;
}
.tooltip.bottom.left:after {
  left: auto;
  right: 2.05em;
  border-right: none;
  border-left: 35px solid transparent;
}
.tooltip.centered:before {
  bottom: -0.9em;
  left: 43%;
  border-top: 10px solid #C0C0C0;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
.tooltip.centered:after {
  bottom: -0.8em;
  left: 43%;
  border-top: 10px solid #eeeeee;
  border-left: 13px solid transparent;
  border-right: 13px solid transparent;
}
.tooltip.centered.bottom:before {
  top: -0.9em;
  bottom: auto;
  border-bottom: 10px solid #C0C0C0;
  border-top: none;
}
.tooltip.centered.bottom:after {
  bottom: auto;
  top: -0.8em;
  border-bottom: 10px solid #eeeeee;
  border-top: none;
}
.tooltip.flat:before, .tooltip.flat:after {
  border: none;
}
.tooltip span {
  display: block;
  border-bottom: solid 1px;
  font-size: 1.2em;
  padding: 0px 0 6px 0;
  margin-bottom: 5px;
}
.tooltip a {
  display: inline;
  padding: 0;
  color: #1f6cdf;
  background-color: inherit;
  border: none;
}
.tooltip a:hover {
  text-decoration: underline;
}

.help-tip-target {
  display: inline-block;
  position: relative;
  font-size: 1.5em!important;
  vertical-align: -2px;
  margin-left: 4px;
}
.help-tip-target:hover {
  cursor: pointer;
}
.help-tip-target:hover .help-tip {
  display: block;
}

.help-tip {
  display: none;
  padding: 0.66667rem;
  position: absolute;
  z-index: 1006;
  font-weight: normal;
  font-size: 0.77778rem;
  line-height: 1.3;
  bottom: 25px;
  left: -2px;
  font-family: Arial;
  width: 300px;
  color: white;
  background: #333333;
}
.help-tip:hover {
  display: block;
}
.help-tip .ht-title {
  font-size: .9rem;
  font-weight: bold;
}
.help-tip > .nub {
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px;
  border-color: #333333 transparent transparent transparent;
  bottom: -9px;
  pointer-events: none;
  transition: border-width 350ms;
}

/*
$include-html-tooltip-classes: $include-html-classes !default;

$has-tip-border-bottom: dotted 1px #ccc !default;
$has-tip-font-weight: bold !default;
$has-tip-font-color: #333 !default;
$has-tip-border-bottom-hover: dotted 1px darken($primary-color, 20%) !default;
$has-tip-font-color-hover: $primary-color !default;
$has-tip-cursor-type: help !default;

$tooltip-padding: emCalc(8px) !default;
$tooltip-bg: #000 !default;
$tooltip-font-size: emCalc(15px) !default;
$tooltip-font-weight: bold !default;
$tooltip-font-color: #fff !default;
$tooltip-line-height: 1.3 !default;
$tooltip-close-font-size: emCalc(10px) !default;
$tooltip-close-font-weight: normal !default;
$tooltip-close-font-color: #888 !default;
$tooltip-font-size-sml: emCalc(14px) !default;
$tooltip-radius: $global-radius !default;
$tooltip-pip-size: 5px !default;

@if $include-html-tooltip-classes != false {

  .has-tip {
    border-bottom: $has-tip-border-bottom;
    cursor: $has-tip-cursor-type;
    font-weight: $has-tip-font-weight;
    color: $has-tip-font-color;

    &:hover,
    &:focus {
      border-bottom: $has-tip-border-bottom-hover;
      color: $has-tip-font-color-hover;
    }

    &.tip-left,
    &.tip-right { float: none !important; }
  }

  .tooltip {
    display: none;
    position: absolute;
    z-index: 999;
    font-weight: $tooltip-font-weight;
    font-size: $tooltip-font-size;
    line-height: $tooltip-line-height;
    padding: $tooltip-padding;
    max-width: 85%;
    left: 50%;
    width: 100%;
    color: $tooltip-font-color;
    background: $tooltip-bg;
    @include radius($tooltip-radius);

    &>.nub {
      display: block;
      left: $tooltip-pip-size;
      position: absolute;
      width: 0;
      height: 0;
      border: solid $tooltip-pip-size;
      border-color: transparent transparent $tooltip-bg transparent;
      top: -($tooltip-pip-size * 2);
    }

    &.opened {
      color: $has-tip-font-color-hover !important;
      border-bottom: $has-tip-border-bottom-hover !important;
    }
  }

  .tap-to-close {
    display: block;
    font-size: $tooltip-close-font-size;
    color: $tooltip-close-font-color;
    font-weight: $tooltip-close-font-weight;
  }

  @media only screen and (min-width: 801px) {
    .tooltip {
      &>.nub {
        border-color: transparent transparent $tooltip-bg transparent;
        top: -($tooltip-pip-size * 2);
      }
      &.tip-top>.nub {
        border-color: $tooltip-bg transparent transparent transparent;
        top: auto;
        bottom: -($tooltip-pip-size * 2);
      }

      &.tip-left,
      &.tip-right { float: none !important; }

      &.tip-left>.nub {
        border-color: transparent transparent transparent $tooltip-bg;
        right: -($tooltip-pip-size * 2);
        left: auto;
        top: 50%;
        margin-top: -$tooltip-pip-size;
      }
      &.tip-right>.nub {
        border-color: transparent $tooltip-bg transparent transparent;
        right: auto;
        left: -($tooltip-pip-size * 2);
        top: 50%;
        margin-top: -$tooltip-pip-size;
      }

    }
  }

}
*/
/* Flex Video */
.flex-video {
  position: relative;
  padding-top: 1.5625em;
  padding-bottom: 67.5%;
  height: 0;
  margin-bottom: 1em;
  overflow: hidden;
}
.flex-video.widescreen {
  padding-bottom: 57.25%;
}
.flex-video.vimeo {
  padding-top: 0;
}
.flex-video iframe,
.flex-video object,
.flex-video embed,
.flex-video video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.flex-video.rounded iframe {
  z-index: 0;
  border: solid black 5px;
  border-radius: 4px !important;
}

.goalAnalysisCell {
  width: 25%;
  font-size: 1.1em;
}

.goalRecAnalysisCell {
  width: 25%;
  text-align: left;
}
.goalRecAnalysisCell h5 {
  font-size: 1.05em;
  text-transform: capitalize;
}

.sparkline {
  float: left;
  height: 60px;
  margin: 0 0.5em;
  position: relative;
}

.sparkline .index {
  position: relative;
  float: left;
  width: 9px;
  margin-right: 1px;
  height: 60px;
}

.sparkline .index:hover {
  background: #EEE;
}

.sparkline .index .count {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 0;
  background: #32bf38;
  overflow: hidden;
  text-indent: -9999px;
}

.sparkline .baseline {
  width: 100%;
  height: 0;
  position: absolute;
  left: 0;
  bottom: 0;
  border-top: solid 1px black;
}

.analysisTip {
  width: 350px;
  font-size: 1em;
  background: white;
  padding: 10px;
  box-sizing: border-box;
  border: solid 2px #AAA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -moz-box-shadow: 1px 1px 4px #8D8D8D;
  -webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -o-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  -ms-webkit-box-shadow: 1px 1px 4px #8D8D8D;
  box-shadow: 1px 1px 4px #8D8D8D;
}
.analysisTip h4 {
  padding: 0;
}
.analysisTip .fixed-loading-gif {
  border: none;
  position: static;
}

.badge {
  padding: 0 3px;
  color: white;
  font-weight: bold;
  background: #aaaaaa;
  border: solid 1px #969696;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  -ms-border-radius: 6px;
  -o-border-radius: 6px;
  border-radius: 6px;
}

/*
Overide Classes for content managers
*/
a.block-link {
  display: block;
}

ul.noPadding,
ol.noPadding,
li.noPadding,
p.noPadding,
#main ul.noPadding,
#main ol.noPadding,
#main li.noPadding,
#main p.noPadding {
  padding: 0;
}

ul.noMargin,
ol.noMargin,
li.noMargin,
p.noMargin,
h1.noMargin,
h2.noMargin,
h3.noMargin,
h4.noMargin,
h5.noMargin,
#main ul.noMargin,
#main ol.noMargin,
#main li.noMargin,
#main p.noMargin {
  margin: 0;
}

ul.noPadding--top,
ol.noPadding--top,
li.noPadding--top,
p.noPadding--top,
h1.noPadding--top,
h2.noPadding--top,
h3.noPadding--top,
h4.noPadding--top,
h5.noPadding--top,
#main ul.noPadding--top,
#main ol.noPadding--top,
#main li.noPadding--top,
#main p.noPadding--top {
  padding-top: 0;
}

ul.noMargin--top,
ol.noMargin--top,
li.noMargin--top,
p.noMargin--top,
h1.noMargin--top,
h2.noMargin--top,
h3.noMargin--top,
h4.noMargin--top,
h5.noMargin--top,
#main ul.noMargin--top,
#main ol.noMargin--top,
#main li.noMargin--top,
#main p.noMargin--top {
  margin-top: 0;
}

ul.noPadding--bottom,
ol.noPadding--bottom,
li.noPadding--bottom,
p.noPadding--bottom,
#main ul.noPadding--bottom,
#main ol.noPadding--bottom,
#main li.noPadding--bottom,
#main p.noPadding--bottom {
  padding-bottom: 0;
}

ul.noMargin--bottom,
ol.noMargin--bottom,
li.noMargin--bottom,
p.noMargin--bottom,
#main ul.noMargin--bottom,
#main ol.noMargin--bottom,
#main li.noMargin--bottom,
#main p.noMargin--bottom {
  margin-bottom: 0;
}

.register-logins-table {
  border-collapse: collapse;
}
.register-logins-table tr th,
.register-logins-table tr td {
  padding: 0.125em 0.625em;
}
.register-logins-table tr {
  border-bottom: solid 1px #d8d5d5;
  background: none!important;
}
.register-logins-table button {
  margin-top: 16px;
  padding: 4px 6px !important;
}
.lt-ie9 .register-logins-table button {
  margin-right: -10px;
}

.registered-login-btn form {
  margin: 0;
}

.registered-login-google .registered-login-icon {
  color: #DA3A25;
  font-size: 1.3em;
}
.registered-login-google .registered-login-icon span:before {
  content: "\f0d5";
}

.registered-login-linkedin .registered-login-icon {
  color: #4875B4;
  font-size: 1.3em;
}
.registered-login-linkedin .registered-login-icon span:before {
  content: "\f0e1";
}

.registered-login-facebook .registered-login-icon {
  color: #3B5998;
  font-size: 1.3em;
}
.registered-login-facebook .registered-login-icon span:before {
  content: "\f09a";
}

.registered-login-twitter .registered-login-icon {
  color: #55ACEE;
  font-size: 1.3em;
}
.registered-login-twitter .registered-login-icon span:before {
  content: "\f099";
}

/* Autocomplete
----------------------------------*/
.ui-autocomplete {
  position: absolute;
  cursor: default;
}

.ui-autocomplete-loading {
  background: none!important;
}

/* workarounds */
* html .ui-autocomplete {
  width: 1px;
}

/* without this, the menu expands to 100% in IE6 */
/* Menu
----------------------------------*/
.ui-menu {
  max-width: 476px;
  list-style: none;
  padding: 2px;
  font-size: 0.753rem;
  font-size: 0.9em;
  margin: 0 0 0 8px;
  display: block;
  border: 1px solid #999;
  border-top: none;
  background: #FFF;
  cursor: default;
  -webkit-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  -moz-box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  box-shadow: 1px 4px 3px rgba(50, 50, 50, 0.64);
  z-index: 99999;
}

.ui-menu .ui-menu {
  margin-top: -3px;
}

.ui-menu .ui-menu-item {
  margin: 0;
  padding: .2em 10px;
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.ui-menu .ui-menu-item a {
  text-decoration: none;
  display: block;
  padding: .2em .4em;
  line-height: 1.5;
  font-size: 1.3em;
  zoom: 1;
  color: rgba(0, 0, 0, 0.75);
}

.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
  margin: -1px;
}

.ui-helper-hidden {
  display: none;
}

.ui-helper-hidden-accessible {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.ui-state-focus {
  background: #f2f7f6;
  outline: none;
}

.hp-searchbox-inner .ui-autocomplete-input.ui-autocomplete-loading {
  background: #5165a2;
  background: rgba(21, 29, 80, 0.36) !important;
}

#hp-search-results .ui-menu {
  color: #cfddff;
  text-shadow: 1px 1px 3px #131625;
  background: #5165a2;
  background: rgba(19, 25, 64, 0.36);
  border-color: #cfddff;
  max-height: 235px;
  overflow: auto;
}
@media (max-width: 800px) {
  #hp-search-results .ui-menu {
    background: rgba(92, 112, 168, 0.9);
  }
}
#hp-search-results .ui-state-focus {
  color: #fff;
  background: #3d4c79;
  background: rgba(162, 162, 162, 0.36);
}

#learn-intro {
  margin-top: -20px;
  margin-bottom: 50px;
}
@media only screen and (max-width: 800px) {
  #learn-intro {
    margin-bottom: 4px;
  }
}
#learn-intro h2 {
  font-size: 2.25em;
  margin-top: 22px;
}
@media only screen and (max-width: 1440px) {
  #learn-intro h2 {
    margin-top: 20px;
    font-size: 2em;
  }
}
@media only screen and (max-width: 800px) {
  #learn-intro h2 {
    font-size: 1.5em;
    margin-top: 0;
  }
}
#learn-intro p {
  font-weight: 200;
  font-size: 1.14em;
  color: #767676;
  line-height: 1.375;
}

#learn-topic-container {
  position: relative;
  overflow: hidden;
}
@media only screen and (max-width: 800px) {
  #learn-topic-container {
    min-height: 420px !important;
  }
}

#learn-body {
  margin-bottom: 50px;
}
#learn-body ul {
  z-index: 1;
  margin: 0;
}
#learn-body ul li {
  text-transform: uppercase;
  font-size: 3em;
  letter-spacing: 4px;
  font-weight: 200!important;
  margin-bottom: 15px;
  color: #767676;
  transition: all .25s ease-out;
}
#learn-body ul li:hover, #learn-body ul li:focus {
  color: #000;
  cursor: pointer;
}
#learn-body ul li.active {
  font-weight: 900!important;
  color: #1f6cdf;
}
#learn-body ul li[data-color="green"].active {
  color: #509400;
}
#learn-body ul li[data-color="blue"].active {
  color: #007174;
}
#learn-body ul li[data-color="pink"].active {
  color: #c32f4e;
}
#learn-body ul li[data-color="orange"].active {
  color: #ff8a00;
}
#learn-body ul li.xs {
  font-size: 1.6em;
  letter-spacing: 2px;
}
#learn-body ul li.xs:hover, #learn-body ul li.xs:focus {
  text-shadow: none;
}
#learn-body ul li.featured {
  display: inline-block;
  color: #767676;
  background: #eaeaea;
  padding: 4px 10px 2px 10px;
  margin-top: 5px;
}
#learn-body ul li.featured:hover, #learn-body ul li.featured:focus {
  color: #000;
  text-shadow: none;
}
#learn-body ul li.featured.active {
  font-weight: 900!important;
  color: #1f6cdf;
}
#learn-body ul li.divider {
  width: 18%;
  border-top: solid 1px rgba(120, 120, 120, 0.7);
  margin-bottom: 26px;
}
@media only screen and (max-width: 1280px) {
  #learn-body ul li {
    font-size: 1.8em;
    margin-bottom: 12px;
  }
  #learn-body ul li.xs {
    font-size: 1.06em;
  }
  #learn-body ul li.divider {
    margin-bottom: 19px;
  }
}
@media only screen and (max-width: 800px) {
  #learn-body ul li {
    font-size: 1.004rem;
    display: inline-block;
    border-right: solid 1px;
    line-height: 22px;
    margin-bottom: 12px;
    margin-right: 16px;
    padding-right: 16px;
  }
  #learn-body ul li.xs {
    font-size: 1.004rem;
    margin-right: 18px;
    margin-bottom: 8px;
    border-right: 0;
  }
  #learn-body ul li.featured {
    display: none;
  }
  #learn-body ul li.divider {
    width: 100%;
    display: block;
    margin: 0;
    border: 0;
  }
}
@media only screen and (max-width: 450px) {
  #learn-body ul li {
    font-size: 0.92rem;
    margin-right: 7px;
    padding-right: 7px;
    line-height: 18px;
    margin-bottom: 8px;
  }
  #learn-body ul li.xs {
    font-size: 0.92rem;
    margin-right: 18px;
    margin-bottom: 4px;
    margin-top: 0px;
  }
}
@media only screen and (max-width: 360px) {
  #learn-body ul li {
    font-size: 0.753rem;
  }
  #learn-body ul li.xs {
    font-size: 0.753rem;
  }
}
#learn-body section {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 28px 16px -26px rgba(0, 0, 0, 0.7);
  transform: translate3d(5%, 0, 0);
  transition: transform .6s ease, opacity .35s ease-in-out;
  overflow: hidden;
  z-index: -1;
}
#learn-body section.active {
  right: 0;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  z-index: 2;
}
#learn-body section.active main a {
  z-index: 2;
  transform: translate3d(0, 0, 0);
}
#learn-body section main img {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
#learn-body section main .img-annotation {
  position: absolute;
  bottom: 0;
  right: 0;
  color: #fff;
  font-style: italic;
  font-size: .9em;
  padding: 6px 12px;
  text-shadow: 1px 1px 4px #000;
}
#learn-body section main .img-annotation > .fa {
  margin-right: 8px;
  vertical-align: 1px;
}
#learn-body section main > p {
  z-index: 1;
}
#learn-body section main > p.placeholder {
  margin: 0;
}
#learn-body section main > p:not(.placeholder) {
  position: relative;
  overflow: hidden;
  font-size: 1.4em;
  line-height: 1.3;
  color: #fff;
  padding: 16px 20px;
  margin: 0 0 40px 0;
}
@media only screen and (max-width: 800px) {
  #learn-body section main > p:not(.placeholder) {
    font-size: 1em;
    margin: 0 0 20px 0;
  }
}
@media only screen and (max-width: 600px) {
  #learn-body section main > p:not(.placeholder) {
    padding: 10px 12px;
  }
}
#learn-body section main > p:not(.placeholder):after {
  display: block;
  position: absolute;
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.15) 0%, rgba(0, 0, 0, 0.6) 100%);
  height: 100%;
  width: 100%;
  content: '';
  left: 0;
  top: 0;
  z-index: -1;
}
#learn-body section main > p:not(.placeholder) small {
  display: block;
  font-size: .6em;
  text-transform: uppercase;
  margin-top: 12px;
  letter-spacing: 1px;
  color: #FFEB3B;
}
#learn-body section main a {
  position: relative;
  display: block;
  float: left;
  clear: left;
  margin-bottom: 0px;
  padding: 9px 14px 7px 14px;
  text-align: right;
  border-bottom: solid 2px rgba(0, 0, 0, 0.55);
  min-width: 40%;
  font-weight: 600;
  font-size: 1.2em;
  font-size: 1.087rem;
  color: #000;
  background: rgba(255, 255, 255, 0.945);
  transform: translate3d(-15%, 0, 0);
  transition: border-color 0.75s ease-out, color 0.75s ease-out, background 0.75s ease-out, transform 0.75s ease-out, min-width 0.3s 0.275s, max-width 0.3s 0.275s;
}
@media only screen and (max-width: 1200px) {
  #learn-body section main a {
    font-size: 0.92rem;
  }
}
@media only screen and (max-width: 800px) {
  #learn-body section main a {
    font-size: 1em;
  }
}
#learn-body section main a:hover, #learn-body section main a:focus {
  min-width: 43%;
  text-decoration: none;
  background: #fff;
  color: #1f6cdf;
}
@media only screen and (max-width: 800px) {
  #learn-body section main a:hover, #learn-body section main a:focus {
    min-width: 40%;
  }
}
#learn-body section main a:hover:before, #learn-body section main a:focus:before {
  opacity: .35;
  transform: translate3d(0, 0, 0);
}
#learn-body section main a:before {
  opacity: 0;
  color: #1f6cdf;
  content: "\f061";
  top: 0;
  left: 10px;
  font-size: 1.087rem !important;
  font-weight: 200!important;
  bottom: 0;
  position: absolute;
  height: 26px;
  margin: auto;
  display: inline-block;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate3d(-75%, 0, 0);
  transition: opacity .5s .275s, transform .5s .275s;
}
@media only screen and (max-width: 800px) {
  #learn-body section main a:before {
    display: none;
  }
}
#learn-body section main a.featured {
  margin-top: 45px;
  max-width: 80%;
  font-size: 1.8em;
  font-weight: 700;
  padding: 8px 20px 8px 20px;
}
#learn-body section main a.featured:hover, #learn-body section main a.featured:focus {
  max-width: 83%;
}
@media only screen and (max-width: 800px) {
  #learn-body section main a.featured {
    font-size: 1.4em;
  }
  #learn-body section main a.featured span {
    font-size: 0.669rem !important;
    vertical-align: 2px !important;
  }
  #learn-body section main a.featured p {
    font-size: 0.753rem !important;
  }
}
#learn-body section main a.featured span {
  color: #696969;
  background: #eaeaea;
  padding: 6px 8px 4px 10px;
  font-size: 0.753rem;
  margin-right: 12px;
  font-weight: 200;
  vertical-align: 5px;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#learn-body section main a.featured p {
  font-size: .55em;
  color: #767676;
  line-height: 1.4;
}

#learn-help-block {
  color: #767676;
}

.triangle-left-sm {
  width: 0;
  height: 0;
  border-top: 7px solid transparent;
  border-bottom: 7px solid transparent;
  border-right: 13px solid #1c8921;
  display: inline-block;
  vertical-align: -1px;
  margin-right: 12px;
}

.archive {
    background-color: #A11F20;
    color: #FFFFFF;
    text-align: center;
    font-size: 1.2em;
}

.reveal-modal-bg {
    /*position: fixed;*/
}

.reveal-modal {
    /*top: 150px !important;*/
    position: fixed;
}

.reveal-modal > div {
    overflow-y: scroll;
    max-height: 430px;
}