/* REGISTER MODAL */
/* CONFIRM EMAIL MODAL */
#registerModal {
  position: absolute;
  top: 0;
  left: -300%;
  width: 100%;
}
#registerModal * {
  box-sizing: border-box;
}
#registerModal .registerWrapper {
  position: relative;
  width: 450px;
  margin: 30px auto 0 auto;
  background: #fff;
  padding: 20px;
  z-index: 9999;
  opacity: 0;
  -webkit-transform: translateY(-300px);
  -moz-transform: translateY(-300px);
  -o-transform: translateY(-300px);
  transform: translateY(-300px);
  -webkit-transition: all 200ms ease-in-out 300ms;
  -moz-transition: all 200ms ease-in-out 300ms;
  -o-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
}

#registerModal.displayed {
  left: 0;
  min-width: 1000px;
}
#registerModal.displayed .registerBg {
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out 0;
  -moz-transition: all 500ms ease-in-out 0;
  -o-transition: all 500ms ease-in-out 0;
  transition: all 500ms ease-in-out 0;
  min-width: 1000px;
}
#registerModal.displayed .registerWrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 200ms ease-in-out 300ms;
  -moz-transition: all 200ms ease-in-out 300ms;
  -o-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
}

.registerBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9998;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out 0;
  -moz-transition: all 500ms ease-in-out 0;
  -o-transition: all 500ms ease-in-out 0;
  transition: all 500ms ease-in-out 0;
}

.closeRegisterModal {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.closeConfirmEmail {
  position: absolute;
  right: 0;
  top: 0;
  cursor: pointer;
}

.h1--register {
  font-size: 1.5rem;
  text-align: center;
  margin-top: 20px;
  margin-bottom: 25px;
}
.h1--register span {
  color: #c51c23;
}

.loginHere__link {
  color: #DA161F;
  cursor: pointer;
}
.loginHere__link:hover {
  color: #000;
}

.register__noaccount {
  padding-bottom: 5px;
  text-align: center;
  border-bottom: 1px solid #d1d1d1;
}

.register__notLinked {
  display: none;
  width: 300px;
  margin: 20px auto;
}
.register__notLinked .registerForm__errorMessage {
  margin-bottom: 20px;
}

.register__notLinked.activated {
  display: block;
}

.register__notLinked__profile {
  position: relative;
  background-color: #ccc;
  padding: 0;
  margin: 20px 0;
}
.register__notLinked__profile span.icon {
  width: 40px;
  line-height: 40px;
  font-size: 1rem;
  position: absolute;
  top: 10px;
  left: 10px;
  text-align: center;
  color: #fff;
}
.register__notLinked__profile .gmicon-facebook {
  background-color: #283796;
}
.register__notLinked__profile .gmicon-googleplus {
  background-color: #cf4c30;
}
.register__notLinked__profile .gmicon-linkedin {
  background-color: #1c72c1;
}
.register__notLinked__profile .register__notLinked__thumbnail {
  width: 40px;
  position: absolute;
  top: 10px;
  left: 60px;
}
.register__notLinked__profile .register__notLinked__profile__name {
  font-size: 1rem;
  padding-top: 15px;
  padding-left: 110px;
  display: block;
  padding-right: 10px;
  word-wrap: break-word;
}
.register__notLinked__profile .register__notLinked__profile__email {
  font-size: 0.8rem;
  color: #06659e;
  padding-left: 110px;
  padding-bottom: 10px;
  padding-right: 10px;
  display: block;
  word-wrap: break-word;
  min-height: 25px;
}

.register__notLinked__actionButtons .actionbutton {
  padding: 10px 0;
  float: left;
}
.register__notLinked__actionButtons .createNewAccount {
  width: 70%;
  margin: 0 5% 20px 0;
  background-color: #000;
  color: #fff;
  border: 0px;
}
.register__notLinked__actionButtons .cancelCreate {
  width: 25%;
  margin: 0 0 20px 0;
  background-color: #e1e1e1;
  border: 0px;
}

.register__socialaccount {
  width: 100%;
  margin: 0 auto 17px auto;
}

.register__socialaccount__links {
  text-decoration: none;
}
.register__socialaccount__links > div {
  display: inline-block;
  width: 32.3%;
  text-align: center;
  cursor: pointer;
  color: #fff;
  line-height: 45px;
  font-size: 1.2em;
}

div.registerFacebook {
  background: #3B5998;
  cursor: pointer;
}

div.registerGoogle {
  background: #D14836;
  cursor: pointer;
}

div.registerLinkedin {
  background: #007FB1;
  cursor: pointer;
}

.registerWith {
  text-align: center;
  font: normal normal 15px/1 "PrattBold", Georgia;
  margin: 25px auto 10px auto;
}

#registerStep2 {
  display: none;
}

.registerForm_row {
  display: inline-block;
  width: 100%;
}

.registerForm_leftCol {
  display: inline-block;
  width: 50%;
  padding-right: 5px;
  float: left;
}

.registerForm_rightCol {
  display: inline-block;
  width: 50%;
  padding-left: 5px;
  float: left;
}

.inputRow_icon {
  background: #a6a5a5;
  width: 50px;
  display: inline-block;
  height: 40px;
  border-radius: 3px 0 0 3px;
  -webkit-border-radius: 3px 0 0 3px;
  -moz-border-radius: 3px 0 0 3px;
  margin-top: 10px;
  float: left;
}

#emailRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/emailrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
  margin-top: 2px !important;
}

#passwordRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/lockrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#displayNameRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/username_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#birthYearRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/birthyearrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#industryRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/industryrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#positionRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/occupationrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#incomeRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/incomerangerow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

#genderRow-icon {
  background-image: url("https://sec.images.theglobeandmail.com/static/CEM/genderrow_icon.png");
  background-position: center;
  background-repeat: no-repeat;
}

.registerForm input {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  height: 40px;
  width: 100%;
  line-height: 15px;
  border: 1px solid #a6a5a5;
  display: block;
  padding: 5px 10px;
  margin: 10px 0 0 0;
}
.registerForm input[type="text"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  height: 40px;
  width: 100%;
  line-height: 15px;
  border: 1px solid #a6a5a5;
  display: block;
  padding: 5px 10px;
  margin: 10px 0 0 0;
}
.registerForm input[type="email"] {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  box-shadow: none;
  height: 40px;
  width: 100%;
  line-height: 15px;
  border: 1px solid #a6a5a5;
  display: block;
  padding: 5px 10px;
  margin: 10px 0 0 0;
}

#registerForm_email {
  margin-top: 2px !important;
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_displayName {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_birthYear {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_industry {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_position {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_income {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

#registerForm_gender {
  border-radius: 0 3px 3px 0 !important;
  -webkit-border-radius: 0 3px 3px 0 !important;
  -moz-border-radius: 0 3px 3px 0 !important;
  border-left: none !important;
  display: inline-block !important;
  width: 360px !important;
}

.registerForm__inputPassword {
  width: 300px !important;
  float: left;
  border-right: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.registerForm__showHidePassword {
  color: #ddd;
  padding: 10px;
  height: 40px;
  text-align: center;
  cursor: pointer;
  display: inline-block;
  margin-top: 10px;
  font: normal normal 11.5px/1 Helvetica,sans-serif;
  line-height: 20px;
  border: 1px solid #a6a5a5;
  border-radius: 0 3px 3px 0;
  -webkit-border-radius: 0 3px 3px 0;
  -moz-border-radius: 0 3px 3px 0;
  border-left: none;
  width: 60px;
}

.registerForm__showHidePassword.activated {
  color: #209999;
}

#registerForm select {
  width: 100%;
  margin-top: 10px;
  line-height: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  height: 40px;
  border: 1px solid #a6a5a5;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  font: normal normal 12px/2 Georgia, Palatino;
  padding: 5px 10px;
  background: no-repeat 96% 50% url("https://sec.images.theglobeandmail.com/static/CEM/select_icon.png");
}

.inputError_border {
  border-color: #F40000 !important;
}

.registerForm__errorMessage {
  margin: 20px 0 0 0;
  font: normal normal 12px/1.3 Helvetica,sans-serif;
  background-color: rgba(255, 0, 13, 0.08);
  display: block;
  display: none;
  padding: 6px 10px;
  color: #f40000;
}

.registerForm__error {
  margin: 4px 0 0 0;
  color: #F40000;
  font: normal normal 11px/1.3 Helvetica,sans-serif;
}

#fpdSubmitButton {
  margin-top: 20px !important;
  width: 100%;
  margin: 10px auto 25px auto;
  display: block;
  background-color: #333333;
  color: white;
  border: 0;
  padding: 13px 40px 12px;
  font: normal normal 16px/1.2 Helvetica,sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
#fpdSubmitButton:after {
  content: "Create My Account";
}

#registerSubmitButton {
  width: 100%;
  margin: 10px auto 25px auto;
  display: block;
  background-color: #333333;
  color: white;
  border: 0;
  padding: 13px 40px 12px;
  font: normal normal 16px/1.2 Helvetica,sans-serif;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
#registerSubmitButton:after {
  content: "Continue to Register";
}

#registerSubmitButton.disabled {
  opacity: 0.5;
  font-style: italic;
}
#registerSubmitButton.disabled:after {
  content: "Please wait...";
}

#fpdSubmitButton.disabled {
  opacity: 0.5;
  font-style: italic;
}
#fpdSubmitButton.disabled:after {
  content: "Please wait...";
}

.optionalInfoCaption {
  border-top: 1px solid #d1d1d1;
  font: normal normal 15px/1.3 "Pratt", Helevtica;
  padding-bottom: 10px;
  padding-top: 15px;
}

.regModalLegal {
  font: normal normal 10px/1.2 Helvetica;
  text-align: center;
  color: #777;
  margin-top: -8px;
  margin-bottom: 15px;
}
.regModalLegal a {
  color: #DA161F;
}
.regModalLegal a:hover {
  color: #333;
}

#confirmEmailModal {
  position: absolute;
  top: 0;
  left: -300%;
  width: 100%;
}
#confirmEmailModal * {
  box-sizing: border-box;
}
#confirmEmailModal .confirmEmailWrapper {
  position: relative;
  width: 600px;
  margin: 30px auto 0 auto;
  background: #fff;
  color: #333;
  padding: 40px;
  z-index: 9999;
  opacity: 0;
  -webkit-transform: translateY(-300px);
  -moz-transform: translateY(-300px);
  -o-transform: translateY(-300px);
  transform: translateY(-300px);
  -webkit-transition: all 200ms ease-in-out 300ms;
  -moz-transition: all 200ms ease-in-out 300ms;
  -o-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
  webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

#confirmEmailModal.displayed {
  left: 0;
  min-width: 1000px;
}
#confirmEmailModal.displayed .confirmEmailBg {
  opacity: 1;
  -webkit-transition: all 500ms ease-in-out 0;
  -moz-transition: all 500ms ease-in-out 0;
  -o-transition: all 500ms ease-in-out 0;
  transition: all 500ms ease-in-out 0;
  min-width: 1000px;
}
#confirmEmailModal.displayed .confirmEmailWrapper {
  opacity: 1;
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -o-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition: all 200ms ease-in-out 300ms;
  -moz-transition: all 200ms ease-in-out 300ms;
  -o-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
}

.confirmEmailBg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 9998;
  opacity: 0;
  -webkit-transition: all 500ms ease-in-out 0;
  -moz-transition: all 500ms ease-in-out 0;
  -o-transition: all 500ms ease-in-out 0;
  transition: all 500ms ease-in-out 0;
}

.confirmEmailWrapper #confirmEmail_title {
  margin-bottom: 20px;
  color: #3CB57F;
  font: normal normal 2.1em/1 "PrattHeavy", Helvetica,sans-serif;
  text-align: center;
  border-bottom: 1px solid #eee;
  padding-bottom: 5px;
  display: block;
}
.confirmEmailWrapper #confirmEmail_subtitle {
  margin-bottom: 25px;
  font: bold normal 1.2em/1 Helvetica,sans-serif;
  text-align: center;
  display: block;
}
.confirmEmailWrapper p {
  font: normal normal 13.5px/1.3 Helvetica,sans-serif;
  margin-bottom: 10px;
}
.confirmEmailWrapper span.confirmationEmail {
  color: #3CB571;
  font-style: italic;
  font-weight: bold;
}

/* global.base.scss */
body {
  font: normal normal 13px/1.2 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  min-width: 1000px;
  background-color: #eee;
  color: #000000;
}

#page {
  background-color: #ffffff;
  position: relative;
}

#masthead, #content, footer {
  background-color: #ffffff;
  position: relative;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
}

ul {
  list-style-type: none;
}

ol {
  list-style-type: decimal;
}

a {
  text-decoration: none;
  color: #000000;
}
a:focus {
  outline: 1px dotted #666;
}
a:hover {
  text-decoration: none;
  /*  background-color: $lightestgrey; */
  color: #000000;
}

/* link styles in article content area */
.entry-content a {
  color: #df0023;
}

.entry-related a {
  color: #000000;
}

/* related content label */
.linklabel {
  color: #df0023;
  text-transform: uppercase;
  font: normal normal 11px/1 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  padding-right: 5px;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fn {
  float: none;
}

article {
  position: relative;
}

section {
  margin: 10px 0 20px 0;
}

.divider {
  margin: 5px 0;
  background-color: #EAEAEA;
  border-bottom: 1px solid #F4F4F4;
  border-top: 1px solid #DFDFDF;
  height: 1px;
  width: 100%;
}

/* spit out the background and font color tags for each pillar, to add a new one append it to $pillar_colours in _color.scss */
.bgnews {
  background-color: #df0023;
}

.colornews {
  color: #df0023;
}

.bgbusiness {
  background-color: #d50202;
}

.colorbusiness {
  color: #d50202;
}

.bgglobeinvestor {
  background-color: #ff6b00;
}

.colorglobeinvestor {
  color: #ff6b00;
}

.bgcommentary {
  background-color: #fa5443;
}

.colorcommentary {
  color: #fa5443;
}

.bgtechnology {
  background-color: #13B7C6;
}

.colortechnology {
  color: #13B7C6;
}

.bgarts {
  background-color: #2fe5a5;
}

.colorarts {
  color: #2fe5a5;
}

.bglife {
  background-color: #b82eff;
}

.colorlife {
  color: #b82eff;
}

.bgsports {
  background-color: #0099cc;
}

.colorsports {
  color: #0099cc;
}

.bgglobedrive {
  background-color: #84999a;
}

.colorglobedrive {
  color: #84999a;
}

.bgwealth {
  background-color: #BBC6CC;
}

.colorwealth {
  color: #BBC6CC;
}

.bgvideo {
  background-color: #1E2024;
}

.colorvideo {
  color: #1E2024;
}

.bggloberealestate {
  background-color: #df0023;
}

.colorgloberealestate {
  color: #df0023;
}

.loader, .icon-loading-ajax--black {
  background: url("../images/ui-elements/ajax-loader-black.gif") no-repeat scroll 0 0 transparent;
  height: 32px;
  width: 32px;
  margin: 20px auto;
}

.element--reset {
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  clear: both;
}

/* ---------------------------------------------------------------------
   Strip that has the chicklet colour on the left. ie:

   <div class="strip">
    <span class="bgnews"></span>
   </div>

--------------------------------------------------------------------- */
.strip {
  background-color: #424242;
  clear: both;
  display: block;
  height: 5px;
  line-height: 1;
  position: relative;
}
.strip span {
  border-right: 2px solid #ffffff;
  height: 5px;
  left: 0;
  position: absolute;
  top: 0;
  width: 20px;
}

.ie7 .s8of12 .strip, .ie7 .x620 .strip {
  width: 620px;
}

.ie7 .x300x300 .strip {
  width: 300px;
}

/* hide access (ie. Jump to Main Content) */
.access {
  display: none;
}

.widget_ad {
  z-index: 9999;
  /*
  &.ldbdfull {
      width: 960px;
      min-height: 90px;
      background-color: $white;
      padding:0;
  }
  */
}
.widget_ad.boxr {
  min-height: 250px;
  height: auto !important;
  height: 250px;
  min-width: 300px;
  width: auto !important;
  width: 300px;
  margin-bottom: 20px;
}
.widget_ad.halfbox {
  width: 300px;
  height: 125px;
  margin-bottom: 10px;
}
.widget_ad.ldbd {
  clear: left;
  width: 1000px;
  min-height: 90px;
  height: auto !important;
  height: 90px;
  padding: 5px 0 2px 0;
  background-color: #333;
  text-align: center;
}
.widget_ad.ldbd > div {
  margin: 0 auto !important;
}
.widget_ad.tile {
  width: 120px;
  height: 240px;
}
.widget_ad.sky {
  width: 160px;
  height: 600px;
  margin-bottom: 15px;
}
.widget_ad.halfpage {
  width: 300px;
  min-height: 250px;
  height: auto !important;
  height: 250px;
  margin: 15px 0;
}
.widget_ad.tripleplay {
  background-color: transparent;
  padding-bottom: 60px;
  min-height: 90px;
  width: 1000px;
  height: auto;
  margin-bottom: 10px;
  /* triple play above the basement */
  /* triple play within article */
}
#attic .widget_ad.tripleplay {
  margin: -10px 0 0 -20px;
}
.content--art .tertiary .widget_ad.tripleplay {
  margin: 0 0 0 -20px;
}
.content--art .hentry .widget_ad.tripleplay {
  margin-left: -170px;
}

@media screen and (max-width: 749px) and (min-width: 640px) {
  .widget_ad.tripleplay {
    margin: 0 auto !important;
    width: 300px;
  }
}
@media screen and (max-width: 1023px) and (min-width: 750px) {
  .widget_ad.tripleplay {
    margin: 0 auto !important;
    width: 750px;
  }
}
@media screen and (min-width: 1024px) {
  .widget_ad.tripleplay {
    margin-left: -180px;
    margin-bottom: 0 !important;
    width: 1000px;
  }
}
/* added ad tile spacing if tripleplay layout is active */
.content--art.tripleplay .x140x460 .column-1 {
  width: 120px;
  height: 240px;
}

#page .content--art.tripleplay + footer {
  padding: 0;
}

.top_full_width .ldbd {
  width: 960px;
}

#adv_ldbd_top {
  background-color: #333;
}

#adv_ldbd_top .widget_ad.ldbd {
  padding: 0;
  margin: 0 auto;
}

.canvas-ad__wrapper {
  position: absolute;
  top: 0;
  left: -670px;
  z-index: 9999;
  height: auto;
  width: 1000px;
  display: none;
  background: #eee url("../../../../media/www/images/ui-elements/ajax-loader.gif") no-repeat 50% 50%;
}

.canvas-ad__closebtn {
  cursor: pointer;
  margin: -15px 0px 0px 315px;
  position: absolute;
  z-index: 10000;
  display: none;
}

.canvas-ad__closebtn::before {
  display: inline-block;
  position: absolute;
  top: -2px;
  left: -119px;
  content: 'Close Advertisement';
  color: #888;
  text-align: left;
}

.lblmk {
  display: inline-block;
  height: 8px;
  width: 5px;
}

.ie7 .lblmk {
  display: inline;
  zoom: 1;
  vertical-align: middle;
  margin-right: 2px;
}

/* ---------------------------------------------------------------------
   Arrows used in nav, article throwback
   usage: <span class="arrow arrowDown"></span> etc.
   via: http://css-tricks.com/snippets/css/css-triangle/

   Actual border color etc should be defined in the appropriate .css/.scss
   file.

   For example, in global.navigation.scss:

   #secondary_nav .arrowUp { border-bottom: 5px solid $lightgrey; }

--------------------------------------------------------------------- */
.arrow {
  width: 0;
  height: 0;
  position: absolute;
}

.arrowUp, .arrowDown {
  left: 45%;
  bottom: 0;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}

.arrowLeft {
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-right: 5px solid transparent;
}

/* ---------------------------------------------------------------------
   Forms and labels

   If you are not using a fieldset or labels in your froms you are
   doing it wrong. Take a look at the mark up for the global search
   forms.

--------------------------------------------------------------------- */
form {
  vertical-align: middle;
}
form input.standard {
  width: 220px;
}

legend {
  display: none;
}

/* ---------------------------------------------------------------------
   Inputs and generic buttons

   For normal text inputs you can optionally supply
   the class name "textfield";

   Buttons use the generic "btn" class; It's up to you to subclass
   it so as to get the desired presentation. The button class can be
   applied to anchors, inputs or buttons ie:

   <a class="btn btn_lofi">Button</a>

   <input type="submit" class="btn btn_mid" value="Submit">

--------------------------------------------------------------------- */
input[type="search"] {
  /* allows us to actually style a search input */
  -moz-appearance: none;
  -webkit-appearance: none;
  border: 1px solid #8C8B8B;
  font: normal normal 14px/1 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}
input[type="search"]:focus {
  outline: none;
}
input[type="text"], input[type="email"], input[type="password"], input.textfield {
  font: normal normal 12px/1 Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  box-shadow: 3px 2px 2px 0px #ddd inset;
  -webkit-box-shadow: 3px 2px 2px 0px #ddd inset;
  -moz-box-shadow: 3px 2px 2px 0px #ddd inset;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 1px solid #ccc;
  padding: 4px 3px;
}
input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder, input[type="password"]::-webkit-input-placeholder, input.textfield::-webkit-input-placeholder {
  color: #666;
}
input[type="text"]:-moz-placeholder, input[type="email"]:-moz-placeholder, input[type="password"]:-moz-placeholder, input.textfield:-moz-placeholder {
  color: #666;
}
input[type="text"]:focus, input[type="email"]:focus, input[type="password"]:focus, input.textfield:focus {
  outline: none;
}
input[type="text"], input.textfield {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
input[type="search"], input.textfield {
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border: 1px solid #ddd;
}

.btn {
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 5px 15px 8px;
  text-align: center;
  text-decoration: none;
  font: normal normal 12px/1.2 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  /* Button sub classes */
}
.btn.btn_lofi {
  color: #ffffff;
  background-color: #2E2E2E;
  border: 1px solid #000000;
}
.btn.btn_lofi:hover {
  background-color: #515151;
}
.btn.btn_hifi {
  color: #ffffff;
  background-color: #AD0C14;
  border: 1px solid #770000;
}
.btn.btn_hifi:hover {
  background-color: #E41620;
}
.btn.btn_mid {
  color: #333;
  background-color: #ACACAC;
  border: 1px solid #999;
}
.btn.btn_mid:hover {
  background-color: #D6D6D6;
}
.btn.btn_light {
  color: #333;
  background-color: #CCC;
  border: 1px solid #CCC;
}
.btn.btn_light:hover {
  background-color: #eee;
}
.btn.btn_lighter {
  color: #333;
  background-color: #ddd;
  border: none;
  font: normal normal 12px/1 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  margin-left: -2px;
}
.btn.btn_sm {
  font-size: 11px;
  padding: 3px 10px 4px;
}

/* overwrite webkit default styling */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
  display: none;
}

/* CSS3 button styles for non-shit browsers */
.cssgradients .btn.btn_lofi {
  background: -moz-linear-gradient(top, #515151 0%, #2E2E2E 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #515151), color-stop(100%, #2E2E2E));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #515151 0%, #2E2E2E 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #515151 0%, #2E2E2E 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #515151 0%, #2E2E2E 100%);
  /* IE10+ */
  background: linear-gradient(top, #515151 0%, #2E2E2E 100%);
  /* W3C */
}
.cssgradients .btn.btn_lofi:hover {
  background: #515151;
}
.cssgradients .btn.btn_hifi {
  background: -moz-linear-gradient(top, #E41620 0%, #AD0C14 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #E41620), color-stop(100%, #AD0C14));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #E41620 0%, #AD0C14 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #E41620 0%, #AD0C14 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #E41620 0%, #AD0C14 100%);
  /* IE10+ */
  background: linear-gradient(top, #E41620 0%, #AD0C14 100%);
  /* W3C */
}
.cssgradients .btn.btn_hifi:hover {
  background: #E41620;
}
.cssgradients .btn.btn_mid {
  background: -moz-linear-gradient(top, #D6D6D6 0%, #ACACAC 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #D6D6D6), color-stop(100%, #ACACAC));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #D6D6D6 0%, #ACACAC 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #D6D6D6 0%, #ACACAC 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #D6D6D6 0%, #ACACAC 100%);
  /* IE10+ */
  background: linear-gradient(top, #D6D6D6 0%, #ACACAC 100%);
  /* W3C */
}
.cssgradients .btn.btn_mid:hover {
  background: #D6D6D6;
}
.cssgradients .btn.btn_mid.active {
  color: #ffffff;
  background: #515151;
  border: 1px solid #000000;
}
.cssgradients .btn.btn_light {
  background: -moz-linear-gradient(top, #eee 0%, #CCC 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eee), color-stop(100%, #CCC));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #eee 0%, #CCC 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #eee 0%, #CCC 100%);
  /* Opera11.10+ */
  background: -ms-linear-gradient(top, #eee 0%, #CCC 100%);
  /* IE10+ */
  background: linear-gradient(top, #eee 0%, #CCC 100%);
  /* W3C */
}
.cssgradients .btn.btn_light:hover {
  background: #eee;
}

.btn--gray {
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2FhYWFhYSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA==');
  background-size: 100%;
  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #aaaaaa));
  background-image: -moz-linear-gradient(#ffffff, #aaaaaa);
  background-image: -webkit-linear-gradient(#ffffff, #aaaaaa);
  background-image: linear-gradient(#ffffff, #aaaaaa);
  color: #333;
}

/* moved to onespritetorulethemall 
.btn-close {
    width: 28px;
    height: 28px;
    display: block;
    background: url(../../../../media/www/images/ui-elements/close-big.png) 0 0 no-repeat;
}
*/
.rounded {
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
}

/* IE Styles */
.ie7 section {
  display: inline-block;
}
.ie7 .btn {
  display: inline;
  overflow: visible;
  padding-left: 5px;
  padding-right: 5px;
  zoom: 1;
}

/* ---------------------------------------------------------------------
   Data styles
   - used for highlighting financial data as either positive or negative

--------------------------------------------------------------------- */
.up, .pos {
  color: #093;
}

.down, .neg {
  color: #ff0000;
}

/* ---------------------------------------------------------------------
   "throw back"
   - used on both article and section pages
   - called via cobalt-throwback tag

--------------------------------------------------------------------- */
.tb {
  float: left;
  margin: 0 0 20px 0;
  background-color: #eee;
}
.tb .tb-inner {
  position: relative;
  width: 590px;
  padding: 10px 15px;
}
.tb .back {
  color: #df0023;
  text-transform: uppercase;
  font: normal normal 11px/1 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
  padding-right: 5px;
}
.tb .arrowLeft {
  border-right: 8px solid #eee;
  left: -7px;
  top: 35%;
}

.cssanimations .tb {
  -webkit-animation-duration: 1s;
  -webkit-animation-delay: 0.2s;
  -webkit-animation-timing-function: ease;
  -webkit-animation-fill-mode: both;
  -moz-animation-duration: 1s;
  -moz-animation-delay: 0.2s;
  -moz-animation-timing-function: ease;
  -moz-animation-fill-mode: both;
  -ms-animation-duration: 1s;
  -ms-animation-delay: 0.2s;
  -ms-animation-timing-function: ease;
  -ms-animation-fill-mode: both;
  animation-duration: 1s;
  animation-delay: 0.2s;
  animation-timing-function: ease;
  animation-fill-mode: both;
}

.top_full_width .entry-content .tb {
  margin-left: 10px;
}
.top_full_width .entry-content .tb .tb-inner a {
  color: black;
}
.top_full_width .entry-content .tb .tb-inner a.back {
  color: #DA161F;
}

.tgam-logo {
  height: 90px;
  width: 90px;
  display: block;
  background: url(../images/flag/gam-logo.png) 0 0 no-repeat;
}

.icon-loading-snake {
  height: 16px;
  width: 16px;
  background: transparent url("../../../../media/www/images/ui-elements/snake.gif") no-repeat 0 0;
}

.icon-loading-ajax {
  height: 32px;
  width: 32px;
  background: transparent url("../../../../media/www/images/ui-elements/ajax-loader.gif") no-repeat 0 0;
}

/* ---------------------------------------------------------------------
   Section Categories, Category search

--------------------------------------------------------------------- */
.main_items {
  clear: both;
}

.category_search {
  margin-top: 5px;
  float: right;
}
.category_search .input_text {
  width: 170px;
}

.x300x300 section h1 {
  float: none;
  clear: both;
}
.x300x300 .category_search {
  float: none;
  margin-bottom: 10px;
}
.x300x300 .category_search .input_text {
  width: 210px;
}

/* ---------------------------------------------------------------------
   mobile redirect

--------------------------------------------------------------------- */
#mobile_redirect {
  background-color: #000000;
  border: 5px solid #d50202;
  height: 60px;
  width: 990px;
  text-align: center;
}
#mobile_redirect a {
  color: white;
  display: block;
  margin-top: 15px;
  font: normal normal 20px/1.2 "PrattRegular", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}

/* ---------------------------------------------------------------------
   Modal window

--------------------------------------------------------------------- */
.modal_target {
  display: none;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.modal_target img {
  display: none;
}

.modal-backdrop {
  background-color: #000000;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 19000;
  opacity: 0.8;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.fade.in {
  opacity: 0.8;
}

.ie7 .modal-backdrop,
.ie8 .modal-backdrop {
  filter: alpha(opacity=80);
}

.modal-backdrop.fade {
  opacity: 0;
}

.ie7 .modal-backdrop.fade,
.ie8 .modal-backdrop.fade {
  filter: alpha(opacity=0);
}

.modal-backdrop,
.modal-backdrop.fade.in {
  opacity: 0.8;
}

.ie7 .modal-backdrop,
.ie7 .modal-backdrop.fade.in,
.ie8 .modal-backdrop,
.ie8 .modal-backdrop.fade.in {
  filter: alpha(opacity=80);
}

.modal {
  background-clip: padding-box;
  background-color: #ffffff;
  border: 1px solid rgba(0, 0, 0, 0.3);
  border-radius: 6px 6px 6px 6px;
  box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
  left: 50%;
  margin: -250px 0 0 -325px;
  overflow: auto;
  position: fixed;
  top: 50%;
  width: 650px;
  z-index: 20000;
  display: none;
}

.modal-header {
  /*border-bottom: 1px solid $lightestgrey;*/
  padding: 9px 15px;
  display: block;
  font: normal normal 16px/1.2 Helvetica, Arial, Verdana, sans-serif;
}
.modal-header h4 {
  float: left;
}
.modal-header p {
  width: 550px;
  float: left;
}
.modal-header .close {
  margin-top: -2px;
  float: right;
  font: normal bold 20px/1.2 Helvetica, Arial, Verdana, sans-serif;
  color: black;
  cursor: pointer;
  text-shadow: 0 1px 0 white;
  opacity: 0.2;
  filter: alpha(opacity=20);
}

.modal-body {
  max-height: 400px;
  overflow-y: auto;
  padding: 15px;
  clear: both;
}
.modal-body .audioembed {
  text-align: center;
}

.modal-form {
  margin-bottom: 0;
}

.modal-footer {
  background-color: #F5F5F5;
  border-radius: 0 0 6px 6px;
  border-top: 1px solid #ddd;
  box-shadow: 0 1px 0 #ffffff inset;
  margin-bottom: 0;
  padding: 14px 15px 15px;
  text-align: right;
  line-height: 1.4;
  font: normal normal 13px/1.3 Helvetica, Arial, Verdana, sans-serif;
}
.modal-footer:before, .modal-footer:after {
  content: "";
  display: table;
}
.modal-footer:after {
  clear: both;
}
.modal-footer p {
  float: left;
}
.modal-footer a {
  color: #df0023;
}
.modal-footer .ui_b {
  float: right;
}
.modal-footer .ui_b + .ui_b {
  margin-right: 10px;
}

.modal.modal_imgspotlight {
  background-color: #000000;
  color: #ffffff;
  z-index: 9999999999;
}
.modal.modal_imgspotlight .modal-header .close {
  color: #ffffff;
  opacity: 0.5;
  filter: alpha(opacity=50);
}
.modal.modal_imgspotlight .modal-header .skip {
  float: right;
  color: #fff;
  cursor: pointer;
  font: normal normal 13px/1.2 Helvetica, Arial, Verdana, sans-serif;
}
.modal.modal_imgspotlight .modal-header .skip .close {
  font: normal normal 13px/1.2 Helvetica, Arial, Verdana, sans-serif;
  opacity: 1.0;
}
.modal.modal_imgspotlight .modal-footer {
  background-color: #000000;
  border-top: 1px solid #000000;
  box-shadow: 0 1px 0 #333 inset;
  color: #ffffff;
  text-align: left;
}

/* ---------------------------------------------------------------------
   Generic pagination (mainly used on search results)

--------------------------------------------------------------------- */
ul.pagination {
  width: 100%;
  margin: 15px;
  text-align: center;
  float: left;
}
ul.pagination li {
  font: normal normal 12px/1.2 Helvetica, Arial, Verdana, sans-serif;
  margin-right: 10px;
  display: inline;
}
ul.pagination li.selected a {
  font-weight: bold;
  color: #df0023;
}

/* ---------------------------------------------------------------------
   Sprting for galleries, videos etc in the stories widget

--------------------------------------------------------------------- */
.o-ctx {
  position: relative;
  display: inline-block;
}

.doc-s {
  left: -10px;
  top: -10px;
}

.doc-l {
  left: -10px;
  top: -10px;
}

.gallery-l {
  top: 5px;
  right: 8px;
}

.gallery-s {
  top: 6px;
  right: 6px;
}

/* ---------------------------------------------------------------------
   Share widget spriting (2012.05.22 not curtently in use)

.share-facebook {
    background-position: -644px -46px;
    height:27px;
    width:27px;
}

.share-twitter {
    background-position: -644px -85px;
    height:27px;
    width:27px;
}

.share-google-plus {
    background-position: -644px -124px;
    height: 27px;
    width: 27px;
}

.share-linked-in {
    background-position: -644px -163px;
    height: 27px;
    width: 27px;
}

.share-stumbleupon {
    background-position: -644px -202px;
    height: 27px;
    width: 27px;
}

.share-tmbler {
    background-position: -644px -241px;
    height: 27px;
    width: 27px;
}

.share-email {
    background-position: -644px -7px;
    height: 27px;
    width: 27px;
}

.share-rss {
    background-position: -644px -280px;
    height: 27px;
    width: 27px;
}

.share-prince-license {
    background-position: -644px -319px;
    height: 27px;
    width: 27px;
}

.share-text-sml {
    background-position: -644px -358px;
    height: 33px;
    width: 33px;
}

.share-text-lrg {
    background-position: -644px -403px;
    height: 33px;
    width: 33px;
}
--------------------------------------------------------------------- */
.out {
  opacity: 0;
  -webkit-transition: opacity .15s ease-in-out;
  -moz-transition: opacity .15s ease-in-out;
  -ms-transition: opacity .15s ease-in-out;
  -o-transition: opacity .15s ease-in-out;
  transition: opacity .15s ease-in-out;
}

/* ---------------------------------------------------------------------
   styles for the preroll ad (lightbox)
--------------------------------------------------------------------- */
.adPreroll {
  width: 606px;
}

/* ---------------------------------------------------------------------
   styles for the recommender widget
--------------------------------------------------------------------- */
.recommenderWidget, .recommenderHeader {
  display: none;
}

/* ---------------------------------------------------------------------
   styles for the native ad Banner
--------------------------------------------------------------------- */
.advBanner {
  margin: 1px 0 8px 0;
}

.advhide {
  display: none;
}

.advBanner--reversed {
  background-color: #000;
}

.advBanner--articleview,
.art--nativecontent-earlug,
.art--nativecontent {
  background-color: #FFF8E7;
}

.advBanner__title {
  font: normal normal 10px/1.5 Helvetica, Arial, Verdana, sans-serif;
  text-transform: uppercase;
  color: #999;
}

.advBanner__title--standout {
  position: relative;
  top: 8px;
  width: 100%;
  text-align: center;
  text-transform: uppercase;
  border-top: 2px solid #999;
}

.advBanner__title--reversed {
  color: #FFFFCC;
}

.advBanner__titlebox {
  position: relative;
  top: -8px;
  padding: 0 10px;
}

.art--nativecontent {
  margin: -10px -10px 0 -10px;
  border: 10px solid #FFF8E7;
}
.art--nativecontent.art--articleNextStory.img_w140 {
  padding-bottom: 10px;
}

.art--nativecontent-earlug .art-label {
  margin-top: 3px;
}

.art--nativecontent-earlug .articleTitle {
  line-height: 1.2;
}

.nativead_block ~ .view_pic,
.nativead_earlug ~ .view_pic,
.nativead_rail ~ .view_pic,
.nativead_nextstory ~ .view_pic,
.nativead_video ~ .view_videos {
  display: none;
}

/* ---------------------------------------------------------------------
styles for Paid Post ADOPS-36
--------------------------------------------------------------------- */
.advBanner.advPaidPost.advBanner--articleview {
  background-color: #eee;
  padding: 5px 0 3px;
  clear: both;
}

.advBanner.advPaidPost .advBanner__title {
  font-size: 13px;
}

.advBanner.advPaidPost .advBanner__title--standout {
  border-top: none;
}

/* ghostery ad choices -- CON-332 */
.video .footer_companyInfo a {
  display: inline-block;
  margin-top: 10px;
  color: #fff;
}

#_bapw-icon {
  float: none !important;
  padding-right: 5px;
  vertical-align: middle;
}

/* ---------------------------------------------------------------------
styles for Paid Post ADOPS-41
--------------------------------------------------------------------- */
.nativead_pp1 {
  border: 2px solid #ccc;
}
.nativead_pp1 .advBanner__title {
  padding: 2px 0 2px 11px;
  background-color: #eee;
}
.nativead_pp1 .art--nativecontent {
  border: 7px solid #fff;
  background-color: #fff;
  margin: 0;
}
.nativead_pp1 #mv-content {
  float: right;
  width: 140px;
}

/* ---------------------------------------------------------------------
  Civil Comments
--------------------------------------------------------------------- */
.civilcomments-msg-txt {
  font: normal normal 14px/1.5 "PrattHeavy", Georgia, Palatino, "Book Antiqua", "Times New Roman", serif;
}

.civilcomments-msg,
.civilcomments-msg--info {
  padding: 10px 20px 10px 20px;
  background-color: #efefef;
  margin: 5px 0 20px 0;
  border-radius: 10px;
  border: 1px solid #efefef;
  font: normal normal 11px/1.5 Helvetica, Arial, Verdana, sans-serif;
}
.civilcomments-msg p,
.civilcomments-msg--info p {
  padding: 5px 0 5px 0;
}

.civilcomments-msg--info {
  cursor: pointer;
}

.civilcomments {
  margin: 5px 0 4px 0;
}

.civilcomments-msg--feedback {
  color: #df0023;
}

.civilcomments-steps {
  padding: 0;
}
.civilcomments-steps li {
  float: left;
  width: 18%;
  padding-right: 5%;
}
.civilcomments-steps li:last-child {
  width: 22%;
  margin-left: 10px;
}
.civilcomments-steps .civilcomments-arrow:before {
  color: #df0023;
  content: ">";
  display: block;
  float: right;
  font: 100 40px "Consolas";
  position: relative;
  top: -20px;
}
.civilcomments-steps .civilcomments-arrow--first:before {
  left: 0%;
}
.civilcomments-steps .civilcomments-arrow--reg:before {
  left: 10%;
}
.civilcomments-steps .civilcomments-arrow--last:before {
  left: 25%;
}

.civilcomments-icon-close:after,
.civilcomments-icon-info:after {
  float: right;
  position: relative;
  color: #999;
  cursor: pointer;
}

.civilcomments-icon-info:after {
  content: "i";
  border: 2px solid #999;
  border-radius: 50%;
  padding: 1px 6px;
  font: normal normal 11px/1.2 Helvetica, Arial, Verdana, sans-serif;
}

.civilcomments-icon-close:after {
  content: 'x';
  padding: 1px 4px;
  font: normal normal 20px/1.2 Helvetica, Arial, Verdana, sans-serif;
}

.civilcomments-msg--hide {
  display: none;
}