@viewport
{
  zoom: 1.0;
  width: extend-to-zoom;
}

/* #region Resets */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i, dl, dt, dd,
form, label,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  background-color: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section
{
  display: block;
}

a:link, a:visited
{
  color: inherit;
}

img
{
  max-width: 100%;
}

nav ul, nav ul li ul
{
  list-style: none;
}

html
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  overflow-y: scroll;
}

*, *:before, *:after
{
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}

*
{
  -webkit-transition: background-color 0.20s ease-in-out, opacity 0.20s ease-in-out, border 0.20s ease-in-out;
  -moz-transition: background-color 0.20s ease-in-out, opacity 0.20s ease-in-out, border 0.20s ease-in-out;
  -o-transition: background-color 0.20s ease-in-out, opacity 0.20s ease-in-out, border 0.20s ease-in-out;
  transition: background-color 0.20s ease-in-out, opacity 0.20s ease-in-out, border 0.20s ease-in-out;
}

select option
{
  transition: none;
}

::-webkit-input-placeholder
{
  color: #aaaaaa;
  overflow: visible;
}

::-moz-placeholder
{
  color: #aaaaaa;
  overflow: visible;
}

:-ms-input-placeholder
{
  color: #aaaaaa;
  overflow: visible;
}

input:-moz-placeholder
{
  color: #aaaaaa;
  overflow: visible;
}

::placeholder
{
  color: #aaaaaa;
  overflow: visible;
}

/* #endregion */

body
{
  font: normal 15px "Segoe UI", Arial, Helvetica, sans-serif;
  height: 100%;
}

h1
{
  font-size: 220%;
  font-weight: normal;
}

h2
{
  font-size: 180%;
  font-weight: normal;
  clear: left;
  padding-top: 10px;
}

h3
{
  font-size: 140%;
  font-weight: normal;
  clear: left;
  padding-top: 10px;
}

.contentContainer
{
  max-width: 1170px;
  position: relative;
  min-height: 750px;
}

header
{
  width: 100%;
  margin: 0;
  position: relative;
  overflow: hidden;
}

#boardLogo
{
  display: inline-block;
}

.accountInfo
{
  float: right;
  text-align: right;
  margin-top: 10px;
}

  .accountInfo a
  {
    display: inline-block;
    padding: .15em .3em .3em .3em;
    border-radius: 6px;
    text-decoration: none;
    margin: .2em;
    background-color: #000000;
    color: #ffffff;
  }

    .accountInfo a:hover
    {
      background-color: #666666;
    }

.social
{
  overflow: hidden;
}

  .social a
  {
    display: inline-block;
    margin: 0 3px;
  }

    .social a:hover
    {
      opacity: .8;
    }

  .social .fa-facebook, .social .fa-twitter, .social .fa-linkedin, .social .fa-google-plus, .social .fa-youtube, .social .fa-instagram, .social .fa-angellist
  {
    height: 34px;
    width: 34px;
    line-height: 32px;
    border-radius: 4px;
    font-size: 24px;
    margin: 0;
  }

#acceptCookies
{
  display: block;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid #cccccc;
  background-color: #fff6f6;
  padding: 20px;
  text-align: center;
  z-index: 9999999;
}

@media only screen and (max-width : 767px)
{
  #boardLogo
  {
    float: none;
    text-align: center;
  }

    #boardLogo img
    {
      float: none;
    }

  .accountInfo
  {
    display: none;
  }

  div.social
  {
    display: block;
    position: relative;
    text-align: center;
    margin: 6px;
    bottom: unset;
    right: unset;
  }
}

.scroller
{
  width: 100%;
  overflow-x: auto;
}

/* #region Navigator */

#menuBar
{
  width: 100%;
  overflow: visible;
  background-color: #000000;
}

nav, nav ul, nav li, nav a, nav span
{
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  line-height: 0;
}

nav
{
  position: relative;
  display: block;
  overflow: visible;
  font-size: 0;
  width: 100%;
  margin: 0 auto;
  z-index: 99999;
  background-color: #000000;
  color: #ffffff;
}

  nav ul
  {
    display: inline;
    text-align: left;
    z-index: 1;
    overflow: visible;
    position: relative;
  }

  nav li
  {
    display: inline-block;
    overflow: visible;
  }

  nav > ul > li
  {
    display: inline-block;
    position: relative;
  }

    nav > ul > li:hover
    {
      cursor: pointer;
      background-color: #444444;
    }

  nav a, nav span
  {
    display: block;
    line-height: 40px;
    text-decoration: none;
    overflow: hidden;
    padding: 0 8px;
    font-size: 15px;
  }

  nav > ul > li > a, nav > ul > li > span
  {
    width: auto;
    padding-right: 90px;
  }

  nav > ul > li > ul > li
  {
    width: 100%;
  }

    nav > ul > li > ul > li > a
    {
      width: 100%;
      overflow: hidden;
    }

  nav li a:hover
  {
    cursor: pointer;
    background: #888888;
  }

  nav ul ul
  {
    display: none;
  }

  nav ul li:hover > ul
  {
    display: inline-block;
    position: absolute;
    left: 0;
    top: 100%;
    z-index: 1;
    /*background-color: #444444;*/
  }

.menuButtonContainer
{
  display: none;
}

.menuButton
{
  padding: 5px;
  position: absolute;
  top: 10px;
  right: 10px;
  overflow: hidden;
}

  .menuButton span
  {
    height: 3px;
    width: 26px;
    display: block;
    margin-bottom: 6px;
    padding: 0;
    border-radius: 3px;
    background-color: #ffffff;
  }

@media only screen and (max-width : 767px)
{
  .menuShow
  {
    display: block;
  }

  .menuButtonContainer
  {
    display: inline-block;
  }

  nav ul
  {
    display: none;
  }

  nav span, nav a
  {
    display: block;
    width: 100%;
  }

  .menuShow ul, .menuShow li
  {
    display: block;
  }

  nav ul li ul li a
  {
    padding-left: 1.5em;
  }

  .menuShow ul ul
  {
    display: none;
  }

  .menuShow ul li ul li
  {
    display: block;
  }

  .menuShow ul li:hover > ul
  {
    display: block;
    position: relative;
    z-index: 1;
  }
}
/*#endregion*/

/* #region controls */

input, select, textarea, button
{
  font: normal 15px "Segoe UI", Arial, Helvetica, sans-serif;
  outline: 0;
  max-width: 100% !important;
  background-color: #ffffff;
}

textarea
{
  overflow-y: auto;
}

input[type=submit], a.linkButton, label.linkButton, button
{
  display: inline-block;
  background-color: #000000;
  padding: 8px 14px 10px 14px;
  border-radius: 6px;
  color: #ffffff;
  -webkit-appearance: none;
  border: none;
  text-decoration: none;
}

  input[type=submit].inline, .linkButton.inline
  {
    float: left;
    display: inline-block;
    font-size: 80%;
    padding: 2px 8px 4px 8px;
    border-radius: 4px;
    margin: 2px 4px 2px 0;
    vertical-align: middle;
  }

  input[type=submit].small, a.linkButton.small, label.linkButton.small, button.small
  {
    font-size: 80%;
    padding: 2px 8px 4px 8px;
    border-radius: 4px;
    margin: 2px 4px 2px 0;
    vertical-align: middle;
  }

  input[type=submit]:hover, a.linkButton:hover, label.linkButton:hover, button:hover
  {
    background-color: #666666;
  }

  input[type=submit]:disabled, a.linkButton:disabled, label.linkButton:disabled, button:disabled
  {
    background: #cccccc;
  }

  a.linkButton.aspNetDisabled, label.linkButton.aspNetDisabled, a.linkButton.aspNetDisabled:hover, label.linkButton.aspNetDisabled:hover, button.aspNetDisabled:hover
  {
    background: #cccccc;
  }

input[type=text], input[type=password], textarea, select
{
  border: solid 1px #aaaaaa;
  border-radius: 6px;
  padding: 8px;
}

select
{
  padding: 7px;
}


select
{
  border: solid 1px #aaaaaa;
  border-radius: 6px;
}

  input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus
  {
    box-shadow: 0 0 4px 0 #dddddd inset;
    border: 1px solid #666666;
    transition: all 0.20s ease-in-out;
  }

input[type=checkbox]
{
  margin: 6px 6px 0 0;
  padding: 6px 0 0 0;
}

  input[type=checkbox] + label
  {
    padding: 4px 30px 0 0;
    margin: 0;
  }

input[type=radio]
{
  white-space: nowrap;
  margin: 6px 6px 0 0;
  padding: 6px 0 0 0;
}

  input[type=radio] + label
  {
    padding: 0 14px 4px 0;
  }

input[type=file].formControl
{
  border: none;
  padding: 4px 0;
  box-shadow: none;
}

div.mce-edit-area
{
  width: calc(100% - 2px) !important;
}

/*#endregion*/
main
{
  display: block;
  background-size: cover;
  background-attachment: fixed;
  width: 100%;
  margin: 0;
}

.wrapper
{
  max-width: 1170px;
  margin: 0 auto;
  position: relative;
}

footer
{
  width: 100%;
  margin: 0;
  padding: 20px 0;
}

  footer .wrapper
  {
    text-align: center;
    white-space: nowrap;
    padding: 0 20px;
  }

  footer .address
  {
    display: inline-block;
    width: 50%;
    line-height: 1.5em;
    text-align: left;
    vertical-align: top;
  }

    footer .address img
    {
      width: 180px;
    }

  footer .links
  {
    display: inline-block;
    width: 50%;
    line-height: 1.5em;
    text-align: right;
    vertical-align: top;
  }

    footer .links a:link, footer .links a:visited
    {
      text-decoration: none;
    }

  footer .seal
  {
    width: 100%;
    text-align: center;
    float: left;
    padding-bottom: 1em;
  }

@media only screen and (max-width : 767px)
{
  footer .address, footer .links
  {
    display: block;
    width: 100%;
    float: none;
    text-align: center;
    padding-bottom: 0;
  }
}

/* #region Form Items */
.formContainer
{
  position: relative;
  overflow: hidden;
  padding: 20px;
  width: auto;
  min-height: 600px;
}

.formItemContainer, .formSoloContainer
{
  display: block;
  float: left;
  margin: 2px 25px 2px 0;
  overflow: hidden;
  padding: 4px 0;
  width: auto;
  min-height: 54px;
  max-width: 100%;
}

.formSoloContainer
{
  padding-top: 20px;
  min-height: 30px;
}

.formInlineContainer
{
  display: block;
  float: left;
  margin: 2px 25px 2px 0;
  overflow: hidden;
  padding: 4px 0;
  width: auto;
  min-height: 54px;
  max-width: 100%;
  padding-top: 31px;
}

.formLabel
{
  display: block;
  text-align: left;
  padding: 2px 0 4px 0;
  overflow: visible;
  float: none;
  color: #666666;
}

  .formLabel.inline
  {
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

.formControl
{
  display: block;
}

  .formControl.inline
  {
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

span.formControl
{
  border: none;
  border-radius: 6px;
  padding: 6px;
}

.formDataLabel
{
  display: block;
  padding: 8px 0 0 0;
}

  .formDataLabel.inline
  {
    display: inline-block;
    float: left;
    margin-right: 10px;
  }

table.formControl
{
  border-collapse: collapse;
}

  table.formControl td
  {
    padding: 0;
    margin: 0;
  }

div.formControl
{
  display: block;
  border: solid 1px #aaaaaa;
  border-radius: 6px;
  padding: 8px;
}

.formButtonContainer
{
  display: block;
  clear: both;
  padding: 8px 0;
  position: relative;
}

.formButtonContainerTop
{
  display: none;
}

.formButtonContainer input[type=submit]
{
  margin: 4px 2px 4px 0;
}

.formButtonContainer .linkButton
{
  margin: 4px 6px 4px 0;
}

.listRowCount
{
  position: absolute;
  bottom: 0;
  right: 0;
  color: #999;
  font-size: 90%;
}

.formGroup
{
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 8px 16px 16px 16px !important;
  width: 400px;
  max-width: 100%;
  position: relative;
  overflow: visible;
  margin-top: 24px;
}

  .formGroup .formGroupLabel
  {
    display: inline-block;
    position: relative;
    margin-bottom: 8px;
    font-size: 125%;
    overflow: visible;
  }

  .formGroup .formButtonContainer
  {
    margin: 0 !important;
    padding: 10px 0 0 0 !important;
  }

.contentBlock
{
  position: relative;
  padding: 6px 0;
  color: #666666;
}

.code
{
  font: normal 13px Consolas, Lucida Console, Monospace !important;
}

.lightText
{
  color: #aaaaaa;
}

.homeContainer
{
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  padding: 0;
  overflow: hidden;
  width: 100%;
}

  .homeContainer h1
  {
    color: #ffffff;
    text-align: center;
    font-size: 500%;
    font-weight: bold;
    padding: 0;
    text-shadow: 1px 1px #000000;
    margin: 80px 0;
  }

  .homeContainer h2
  {
    color: #ffffff;
    text-align: center;
    font-size: 300%;
    font-weight: bold;
    padding: 0;
    text-shadow: 1px 1px #000000;
    margin: 80px 0;
  }

  .homeContainer h3
  {
    text-align: center;
    font-size: 200%;
    padding: 0;
    margin: 20px 0;
    line-height: 150%;
  }

@media only screen and (max-width : 767px)
{
  .homeContainer h1
  {
    font-size: 300%;
    margin: 40px 0;
  }

  .homeContainer h2
  {
    font-size: 220%;
    margin: 40px 0;
  }

  .homeContainer h3
  {
    font-size: 140%;
    margin: 15px 0;
  }
}

@media only screen and (max-width : 480px)
{
  .homeContainer h1
  {
    font-size: 260%;
    margin: 30px 0;
  }

  .homeContainer h2
  {
    font-size: 200%;
    margin: 30px 0;
  }

  .homeContainer h3
  {
    font-size: 140%;
    margin: 10px 0;
  }
}

.homeButtons
{
  position: relative;
  text-align: center;
  overflow: hidden;
  padding: 16px;
  margin: 0 5px 40px 5px;
  border-radius: 8px;
  color: #ffffff;
  background-color: rgba(0,0,0, 0.6);
}

  .homeButtons input[type=text]
  {
    max-width: 100% !important;
    font-size: 18px;
    height: 42px;
    margin: 4px;
    vertical-align: middle;
  }

  .homeButtons a, .homeButtons input[type=submit]
  {
    font-size: 18px;
    display: inline-block;
    padding: 10px;
    border-radius: 6px;
    text-decoration: none;
    margin: 4px;
    background-color: #aaaaaa;
    height: 42px;
    border: none;
    vertical-align: middle;
  }

/*#endregion*/

/* #region Lists */
.listContainer
{
  display: table;
  border-collapse: collapse;
  width: 100%;
  margin: 10px 0;
  padding: 0;
  clear: left;
  border-top: 1px solid #dddddd;
  border-bottom: 1px solid #dddddd;
}

.listHeaderRow
{
  display: table-row;
  border-bottom: 1px solid #dddddd;
}

.listHeaderColumn
{
  display: table-cell;
  padding: 4px 6px;
  vertical-align: bottom;
  color: #999999;
}

.listRow
{
  display: table-row;
  border-bottom: 1px solid #dddddd;
}

.listColumn
{
  display: table-cell;
  padding: 4px 6px;
  vertical-align: top;
}

.emptyList
{
  display: block;
  clear: both;
  margin: 10px 0;
  color: #999999;
}

.pagerContainer
{
  display: table;
  width: 100%;
  margin-top: 20px;
}

.pager
{
  display: table-row;
}

.pagerLinks
{
  display: table-cell;
  vertical-align: top;
  padding: 4px 16px 4px 0;
}

.pagerCurrentPage, .pagerPageLink
{
  display: inline-block;
  padding-right: 5px;
  font-weight: normal;
}

.pageSize
{
  display: table-cell;
  padding: 2px 4px;
  float: right;
}

@media only screen and (max-width : 767px)
{
  .pagerContainer
  {
    display: block;
  }

  .pager
  {
    display: block;
  }

  .pagerLinks
  {
    display: block;
    vertical-align: top;
    padding: 4px 0 4px 0;
  }

  .pageSize
  {
    display: inline;
    float: right;
  }
}

.pictureContainer
{
  display: inline-block;
  margin: 0 20px 20px 0;
  text-align: center;
  vertical-align: bottom;
}

  .pictureContainer img
  {
    display: block;
    max-height: 150px;
    max-width: 150px;
    margin-bottom: 6px;
  }

  .pictureContainer a
  {
    display: inline-block;
    font-size: 90%;
    margin: 4px;
  }

  .pictureContainer input[type=checkbox]
  {
    display: inline-block;
    font-size: 90%;
    vertical-align: middle;
    margin: 0;
  }

    .pictureContainer input[type=checkbox] + label
    {
      font-size: 90%;
      margin: 0 0 0 6px;
      vertical-align: middle;
    }

.pictureSmall
{
  width: 100px;
}

  .pictureSmall img
  {
    max-height: 80px;
    max-width: 80px;
  }

#EmployerInfo h1
{
  max-width: 100%;
}

.employerPicture
{
  max-width: 500px;
  float: right;
  padding: 0 0 20px 20px;
}

.rightPicture
{
  max-width: 500px;
  float: right;
  padding: 0 0 25px 25px;
}

@media only screen and (max-width : 767px)
{
  .employerPicture
  {
    max-width: 100%;
    float: none;
    padding: 10px 0;
  }

    .employerPicture img
    {
      width: 100%;
    }

  .rightPicture
  {
    max-width: 100%;
    float: none;
    padding: 10px 0;
  }

    .rightPicture img
    {
      width: 100%;
    }
}

.halfColumn
{
  width: 48%;
  display: inline-block;
  vertical-align: top;
  margin: 1%;
  padding: 10px;
}

.thirdColumn
{
  width: 32%;
  display: inline-block;
  vertical-align: top;
  margin: 1%;
  padding: 10px;
}

.fourthColumn
{
  width: 24%;
  display: inline-block;
  vertical-align: top;
  margin: 1%;
  padding: 10px;
}

@media only screen and (max-width : 767px)
{
  .thirdColumn, .fourthColumn
  {
    width: 48%;
  }
}

@media only screen and (max-width : 479px)
{
  .halfColumn, .thirdColumn, .fourthColumn
  {
    width: 100%;
    margin: 1% 0;
  }
}

.modalOuter
{
  position: fixed;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .5);
  z-index: 99999;
  overflow-y: auto;
  will-change: transform;
}

.modalInner
{
  display: inline-block;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  background: #fcfcfc;
  padding: 10px 20px 20px 20px;
  overflow: hidden;
  width: 370px;
  max-width: 100%;
  max-height: 100%;
  border-radius: 6px;
  box-shadow: rgba(0, 0, 0, .8) 2px 2px 10px;
  overflow-y: auto;
}

  .modalInner h2
  {
    margin-bottom: 8px;
  }

  .modalInner .formButtonContainer input[type=submit]
  {
    margin-right: 6px;
  }

@media only screen and (max-width : 479px)
{
  .modalInner
  {
    margin: 0;
    border-radius: 0;
  }
}

.tip
{
  display: inline-block;
  float: left;
  font: 100 14px/16px FontAwesome;
  color: white;
  background-color: #cccccc;
  border-radius: 50%;
  height: 16px;
  width: 16px;
  text-align: center;
  cursor: pointer;
  position: relative;
  overflow: visible;
  margin: 4px 0 0 4px;
}

.tipContent
{
  visibility: hidden;
  opacity: 0;
  font-size: 90%;
  position: absolute;
  bottom: 105%;
  left: 50%;
  transform: translate(-50%, 5px);
  color: #fff;
  background-color: #555;
  padding: 8px 16px;
  border-radius: 5px;
  transition: visibility .3s ease-in-out, opacity .3s ease-in-out;
  width: 300px;
  z-index: 999999999;
  will-change: transform;
}

.tip:hover ~ .tipContent
{
  visibility: visible;
  opacity: 1;
}

.tipContent > div
{
  position: absolute;
  bottom: -7px;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #555;
}

.tipParent
{
  overflow: visible;
  position: relative;
}

/*#region Font-Awesome Icons */
.fa-facebook, .fa-twitter, .fa-linkedin, .fa-envelope, .fa-google-plus, .fa-youtube, .fa-instagram, .fa-angellist, .fa-rss
{
  height: 38px;
  width: 38px;
  line-height: 38px;
  font-size: 26px;
  text-align: center;
  color: #ffffff;
  border-radius: 8px;
  margin: 16px 12px 16px 0;
}

.fa-facebook
{
  background-color: #3b5998;
}

.fa-twitter
{
  background-color: #00aced;
}

.fa-linkedin
{
  background-color: #007bb6;
}

.fa-envelope
{
  background-color: #ff9900;
  margin-right: 0;
}

.fa-google-plus
{
  background-color: #e15649;
}

.fa-youtube
{
  background-color: #971e1e;
}

.fa-instagram
{
  background-color: #96a8b6;
  background-color: #f10176;
}

.fa-angellist
{
  background-color: #444444;
}

.fa-rss
{
  background-color: #f8991d;
}

.fa-exclamation
{
  height: 18px;
  width: 18px;
  line-height: 18px;
  font-size: 14px;
  text-align: center;
  background-color: #bbbbbb;
  color: #ffffff;
  border-radius: 50%;
  margin: 0;
}

.x-twitterIcon
{
  display: inline-block;
  height: 38px;
  width: 38px;
  line-height: 38px;
  border-radius: 8px;
  text-align: center;
  background: transparent url('/images/x-twitter-logo.svg') center center;
  background-color: #222222;
  background-size: 20px 20px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 7px 12px 16px 0;
}

.blueskyIcon
{
  display: inline-block;
  height: 38px;
  width: 38px;
  line-height: 38px;
  border-radius: 8px;
  text-align: center;
  background: transparent url('/images/bluesky.svg') center center;
  background-color: #0085ff;
  background-size: 26px 26px;
  background-repeat: no-repeat;
  vertical-align: middle;
  margin: 7px 12px 16px 0;
}

.crunchBaseIcon
{
  display: inline-block;
  background-color: #0288d1;
  height: 38px;
  width: 38px;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  color: #ffffff;
  border-radius: 8px;
  margin: 16px 12px 16px 0;
  vertical-align: top;
  line-height: 38px;
}

.glassDoorIcon
{
  display: inline-block;
  height: 38px;
  width: 38px;
  border-radius: 8px;
  text-align: center;
  background: #0caa41 url('/images/glassdoor.svg') center center;
  background-size: 18px 24px; /* width should be 75% of height */
  background-repeat: no-repeat;
  margin: 16px 12px 16px 0;
  vertical-align: top;
}

.fa-check
{
  font-size: 20px;
  color: #00cc00;
}

.fa-sticky-note-o, .fa-file-pdf-o, .fa-file-excel-o, .fa-file-word-o, .fa-file-image-o, .fa-file-o, .fa-file-archive-o, .fa-file-text-o, .fa-print, .fa-envelope-o, .fa-share-square-o, .fa-plus-square-o, .fa-minus-square-o, .fa-pencil-square-o
{
  display: inline-block;
  font-family: FontAwesome;
  font-size: 24px;
  text-decoration: none;
  color: #333333;
  padding: 0 1px;
}

.fa-file-pdf-o
{
  color: #dd0000;
}

.fa-file-word-o
{
  color: #2a5696;
}

.fa-file-image-o
{
  color: #00bcd4;
}

.fa-file-text-o
{
  color: #993399;
}

.fa-file-o
{
  color: #cc6600;
}

.fa.fa-check.selectAll
{
  font-size: 12px;
  line-height: 18px;
  color: #999999;
  height: 18px;
  width: 18px;
  cursor: pointer;
  border-radius: 4px;
  vertical-align: middle;
  text-align: center;
  background-color: #ffffff;
  border: 1px solid #999999;
  margin: 0;
}

.fa-check-square
{
  font-size: 24px !important;
  color: #00cc33;
}

.fa-square-o
{
  color: #999999;
  font-size: 26px !important;
  text-decoration: none;
}

.fa-print
{
  font-size: 20px;
}

/*#endregion*/

/* #region CustomInputs */
label
{
  cursor: pointer;
  margin-right: 14px;
}

.clearSpacing label
{
  margin-right: 0;
}

label i
{
  margin-right: 6px;
  box-sizing: border-box;
}

.clearSpacing label i
{
  margin-right: 0;
}

label.floatLeft i
{
  margin-right: 2px;
}

label i.cb-unchecked
{
  display: none;
  height: 16px;
  width: 16px;
  border: 2px solid #dddddd;
  border-radius: 3px;
}

label i.cb-checked
{
  position: relative;
  display: none;
  height: 16px;
  width: 16px;
  border-radius: 3px;
  border: 2px solid #999999;
  background-color: #999999;
  will-change: transform;
}

  label i.cb-checked:after
  {
    content: "";
    display: inline-block;
    position: absolute;
    left: 3px;
    top: -1px;
    width: 6px;
    height: 12px;
    border: solid #fff;
    background-color: #999999;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }

label i.rb-unselected
{
  display: none;
  height: 16px;
  width: 16px;
  border: 2px solid #dddddd;
  border-radius: 50%;
}

label i.rb-selected
{
  position: relative;
  display: none;
  height: 16px;
  width: 16px;
  border-radius: 50%;
  border: 2px solid #999999;
  background-color: #999999;
  will-change: transform;
}

  label i.rb-selected:after
  {
    content: "";
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0px;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 2px solid #fff;
    background-color: #999999;
  }

label input[type="checkbox"]:checked ~ i.cb-checked, label input[type="radio"]:checked ~ i.rb-selected
{
  display: inline-block !important;
}

label input[type="checkbox"]:not(:checked) ~ i.cb-unchecked, label input[type="radio"]:not(:checked) ~ i.rb-unselected
{
  display: inline-block !important;
}

div.listColumn.alignCenter > label
{
  margin-right: 0;
}

div[id*="cf"] table label
{
  white-space: nowrap;
}
/* #endregion */
/*#region Error Messages*/
.errorContainer
{
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  background: #ffebe9;
  padding: 10px;
  margin: 4px 0;
}

.errorTitle
{
  font: bold 18px "Segoe UI", Arial, Helvetica, sans-serif;
  color: #990000;
}

ul.errorMessage
{
  list-style-position: inside;
  padding-left: 10px;
  font: normal 15px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 150%;
  color: #990000;
}

.formError
{
  background: #ffebe9 !important;
  border-color: #ffaaaa !important;
}

input[type=checkbox].formError
{
  outline: 6px solid #ffebe9;
  background-color: none;
  border-color: #ffaaaa;
}

.inlineError
{
  display: block;
  padding: 8px 0;
  color: #990000;
  clear: both;
}

.warningContainer
{
  border: 1px solid #99cc99;
  border-radius: 6px;
  background-color: #eeffee;
  padding: 10px;
  margin: 4px 0;
}

.warningTitle
{
  font: bold 18px "Segoe UI", Arial, Helvetica, sans-serif;
  color: #006600;
}

ul.warningMessage
{
  list-style-position: inside;
  padding-left: 10px;
  font: normal 15px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 150%;
  color: #006600;
}

.formWarning
{
  background: #aaffaa !important;
  border-color: #66cc66 !important;
}
/*#endregion*/

/* #region JQuery date picker */
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight
{
  border: 1px solid #cccccc;
  background: #d9d9d9;
  color: #333333;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-state-active.ui-button:hover
{
  border: 1px solid #999999;
  background: #aaaaaa;
  color: #ffffff;
}

.ui-datepicker
{
  width: 14em;
  z-index: 99999 !important;
}
/* #endregion */

/* #region Special UI classes */
.alignRight
{
  text-align: right;
}

.alignCenter
{
  text-align: center;
}

.floatLeft
{
  float: left;
  margin-right: 4px;
}

.floatRight
{
  float: right;
  margin-left: 4px;
}

.floatNone
{
  float: none !important;
}

.clearLeft
{
  clear: left;
}

.clearLine
{
  height: 0;
  width: 100%;
  overflow: hidden;
}

.clearFix::after
{
  content: "";
  display: block;
  clear: both;
}

.noWrap
{
  white-space: nowrap;
}

.pointerCursor
{
  cursor: pointer;
}

.verticalCenter
{
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.positionAbsolute
{
  position: absolute;
}

.positionRelative
{
  position: relative;
}

.marginNone
{
  margin: 0;
}

.displayNone
{
  display: none;
}

.underlineLink
{
  text-decoration: underline;
}

.widthFull
{
  width: 100%;
}

.noMinHeight
{
  min-height: 0;
}

.subCategory
{
  margin-left: 20px;
}

.subSubCategory
{
  margin-left: 40px;
}

.subCF
{
  margin-left: 20px;
}

.subSubCF
{
  margin-left: 40px;
}

.termsPadding
{
  padding: 10px 6px;
}

@media print
{
  .noprint
  {
    display: none !important;
    visibility: hidden;
  }
}

.subHeading
{
  padding: 4px 0 12px 0;
  display: block;
  color: #666666;
  clear: left;
}

.linkBox
{
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 0;
  cursor: pointer;
}

.videoContainer
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
}

  .videoContainer iframe
  {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

.spinner
{
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: rgba(0, 0, 0, .1);
  z-index: 9999999;
  overflow-y: auto;
  will-change: transform;
}

.spinnerInner
{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #ffffff;
  z-index: 1;
  font-size: 140px;
}
/* #endregion */

/* #region */
#creditCardErrors
{
  display: none;
}

#lnkStripe
{
  display: block;
  text-align: right;
  margin-right: 10px;
  text-decoration: none;
  float: right;
  white-space: nowrap;
}

  #lnkStripe span
  {
    display: inline-block;
    color: #aaaaaa;
    font-size: 13px;
    height: 16px;
  }

  #lnkStripe img
  {
    height: 22px;
    width: auto;
    margin-left: -4px;
    margin-bottom: -7px;
  }
/* #endregion */

/* #region Maps */
#jobmap
{
  height: 100%;
  width: 100%;
  min-height: 200px;
  background: #ffffff url('/images/map-loading.gif') no-repeat center center;
}

.markerPin, .markerPinYellow
{
  background-position: top center;
  height: 40px !important;
  width: 25px !important;
  margin-top: -40px !important;
  color: #fff;
  text-align: center;
  font-weight: bold;
}

.markerPin
{
  background-image: url('/images/maps/redmarker.png');
}

.markerPinYellow
{
  background-image: url('/images/maps/yellowmarker.png');
}

  .markerPin span, .markerPinYellow span
  {
    display: inline-block;
    padding-top: 4px;
  }

    .markerPin span.dot, .markerPinYellow span.dot
    {
      height: 9px;
      width: 9px;
      border-radius: 5px;
      background-color: #fff;
      margin-top: 8px;
    }

.markerPopupContainer
{
  left: -154px !important;
  bottom: -4px !important;
}

  .markerPopupContainer .jobUrl
  {
    font-size: 14px;
  }

.markerPopup
{
  max-height: 280px;
  overflow-y: auto;
  overflow-x: hidden;
  width: 280px;
  box-sizing: padding-box;
}

  .markerPopup > div
  {
    border-bottom: 1px solid #dddddd;
  }

  .markerPopup .logo img
  {
    max-width: 220px;
    max-height: 80px;
    margin: 6px 0 0 0;
  }

  .markerPopup .employer
  {
    margin: 4px 0 0 0;
  }

.marker-cluster-small
{
  background-color: rgba(237, 178, 0, 0.3);
  height: 36px !important;
  width: 36px !important;
  border-radius: 18px !important;
}

  .marker-cluster-small div
  {
    background-color: rgba(237, 178, 0, 0.90);
    height: 26px !important;
    width: 26px !important;
    border-radius: 13px !important;
  }

.marker-cluster-medium
{
  background-color: rgba(47, 211, 14, 0.3);
}

  .marker-cluster-medium div
  {
    background-color: rgba(47, 211, 14, 0.9);
  }

.marker-cluster-large
{
  background-color: rgba(0, 140, 255, 0.3);
  height: 44px !important;
  width: 44px !important;
  border-radius: 22px !important;
}

  .marker-cluster-large div
  {
    background-color: rgba(0, 140, 255, 0.9);
    height: 34px !important;
    width: 34px !important;
    border-radius: 17px !important;
  }

/* IE 6-8 fallback colors */
.leaflet-oldie .marker-cluster-small
{
  background-color: rgba(237, 178, 0, 0.3);
}

  .leaflet-oldie .marker-cluster-small div
  {
    background-color: rgba(237, 178, 0, 0.90);
  }

.leaflet-oldie .marker-cluster-medium
{
  background-color: rgba(47, 211, 14, 0.3);
}

  .leaflet-oldie .marker-cluster-medium div
  {
    background-color: rgba(47, 211, 14, 0.9);
  }

.leaflet-oldie .marker-cluster-large
{
  background-color: rgba(0, 140, 255, 0.3);
}

  .leaflet-oldie .marker-cluster-large div
  {
    background-color: rgba(0, 140, 255, 0.9);
  }

.marker-cluster
{
  background-clip: padding-box;
  border-radius: 20px;
}

  .marker-cluster div
  {
    width: 30px;
    height: 30px;
    margin-left: 5px;
    margin-top: 5px;
    text-align: center;
    border-radius: 15px;
    font: 12px "Helvetica Neue", Arial, Helvetica, sans-serif;
  }

  .marker-cluster span
  {
    line-height: 30px;
    color: #ffffff;
  }

.marker-cluster-small span
{
  line-height: 26px;
}

.marker-cluster-large span
{
  line-height: 34px;
}

.leaflet-cluster-anim .leaflet-marker-icon, .leaflet-cluster-anim .leaflet-marker-shadow
{
  -webkit-transition: -webkit-transform 0.3s ease-out, opacity 0.3s ease-in;
  -moz-transition: -moz-transform 0.3s ease-out, opacity 0.3s ease-in;
  -o-transition: -o-transform 0.3s ease-out, opacity 0.3s ease-in;
  transition: transform 0.3s ease-out, opacity 0.3s ease-in;
}
/* #endregion */

/* #region Operator Dashboard */
.dashBadge
{
  display: block !important;
  position: relative;
  width: auto !important;
  border: 1px solid #cccccc;
  margin: 5px !important;
  padding: 10px !important;
  border-radius: 5px;
  overflow: hidden;
  background: #f0f0f0;
}

.badgeRow
{
  display: table;
  width: 100%;
}

.badgeColumn1
{
  display: table-cell;
  width: 16%;
  height: 65px;
  vertical-align: middle;
  margin-right: 20px;
}

.badgeColumn2
{
  display: table-cell;
  width: 84%;
  height: 65px;
  margin-right: 20px;
  vertical-align: middle;
  padding-left: 10px;
}

.badgeHeading
{
  width: 100%;
  font-size: 16px;
  text-align: left;
  margin-bottom: 0;
}

.badgeValue
{
  display: inline-block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  text-align: right;
  vertical-align: bottom;
}

  .badgeValue span
  {
    display: inline-block;
    float: left;
    margin: 4px 0 0 0;
    font-size: 12px;
    font-weight: normal;
    text-align: left;
  }

.dashBadge .fa
{
  height: 36px;
  width: 36px;
  font-size: 36px;
  text-align: center;
  color: #6A86B0;
}

.dashBadge .dashLink
{
  position: absolute;
  top: 6px;
  right: 6px;
}

.dashBadge .fa.fa-external-link
{
  height: 12px;
  width: 12px;
  font-size: 12px;
  color: #333333;
}

.badgeNote
{
  display: inline-block;
  position: absolute;
  bottom: 4px;
  right: 8px;
  font-size: 11px;
}

.rangeSelector
{
  display: table;
  border-collapse: collapse;
  list-style-type: none;
}

  .rangeSelector li
  {
    display: table-cell;
    border: 1px solid #cccccc;
    background-color: #f6f6f6;
    white-space: nowrap;
  }

    .rangeSelector li.selected
    {
      background-color: #d6d6d6;
    }

    .rangeSelector li a:link, .rangeSelector li a:visited
    {
      display: inline-block;
      padding: 6px;
      text-decoration: none;
    }

    .rangeSelector li.selected span#customDates
    {
      display: inline-block;
    }

  .rangeSelector input[type=text]
  {
    font-size: 14px;
    padding: 2px;
  }

  .rangeSelector #customDates
  {
    display: none;
  }

@media only screen and (max-width : 767px)
{
  .rangeSelector li
  {
    display: inline-block;
    border: 1px solid #dddddd;
  }
}
/* #endregion */

/*#region Grid*/
.grid
{
  width: 100%;
  display: flex;
  flex-flow: row wrap;
}

.gc-1-1
{
  width: 100%;
}

.gc-1-2
{
  width: 50%;
  max-width: 50%;
  flex: 0 0 50%;
}

.gc-1-3
{
  width: 33.33%;
  max-width: 33.33%;
  flex: 0 0 33.33%;
}

.gc-2-3
{
  width: 66.66%;
  max-width: 66.66%;
  flex: 0 0 66.66%;
}

.gc-1-4
{
  width: 25%;
  max-width: 25%;
  flex: 0 0 25%;
}

.gc-3-4
{
  width: 75%;
  max-width: 75%;
  flex: 0 0 75%;
}

.gc-1-5
{
  width: 20%;
  max-width: 20%;
  flex: 0 0 20%;
}

.gc-2-5
{
  width: 40%;
  max-width: 40%;
  flex: 0 0 40%;
}

.gc-3-5
{
  width: 60%;
  max-width: 60%;
  flex: 0 0 60%;
}

.gc-4-5
{
  width: 80%;
  max-width: 80%;
  flex: 0 0 80%;
}

.gc-1-6
{
  width: 16.66%;
  max-width: 16.66%;
  flex: 0 0 16.66%;
}

.gc-5-6
{
  width: 83.33%;
  max-width: 83.33%;
  flex: 0 0 83.33%;
}


@media only screen and (max-width : 1365px)
{
  .gc-m-1-1
  {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .gc-m-1-2
  {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .gc-m-1-3
  {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }

  .gc-m-2-3
  {
    width: 66.66%;
    max-width: 66.66%;
    flex: 0 0 66.66%;
  }

  .gc-m-1-4
  {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .gc-m-3-4
  {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .gc-m-1-5
  {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .gc-m-2-5
  {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
  }

  .gc-m-3-5
  {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
  }

  .gc-m-4-5
  {
    width: 80%;
    max-width: 80%;
    flex: 0 0 80%;
  }

  .gc-m-1-6
  {
    width: 16.66%;
    max-width: 16.66%;
    flex: 0 0 16.66%;
  }

  .gc-m-5-6
  {
    width: 83.33%;
    max-width: 83.33%;
    flex: 0 0 83.33%;
  }
}

@media only screen and (max-width : 1023px)
{
  .gc-t-1-1
  {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .gc-t-1-2
  {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .gc-t-1-3
  {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }

  .gc-t-2-3
  {
    width: 66.66%;
    max-width: 66.66%;
    flex: 0 0 66.66%;
  }

  .gc-t-1-4
  {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .gc-t-3-4
  {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .gc-t-1-5
  {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .gc-t-2-5
  {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
  }

  .gc-t-3-5
  {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
  }

  .gc-t-4-5
  {
    width: 80%;
    max-width: 80%;
    flex: 0 0 80%;
  }

  .gc-t-1-6
  {
    width: 16.66%;
    max-width: 16.66%;
    flex: 0 0 16.66%;
  }

  .gc-t-5-6
  {
    width: 83.33%;
    max-width: 83.33%;
    flex: 0 0 83.33%;
  }
}

@media only screen and (max-width : 767px)
{
  .gc-p-1-1
  {
    width: 100%;
    max-width: 100%;
    flex: 0 0 100%;
  }

  .gc-p-1-2
  {
    width: 50%;
    max-width: 50%;
    flex: 0 0 50%;
  }

  .gc-p-1-3
  {
    width: 33.33%;
    max-width: 33.33%;
    flex: 0 0 33.33%;
  }

  .gc-p-2-3
  {
    width: 66.66%;
    max-width: 66.66%;
    flex: 0 0 66.66%;
  }

  .gc-p-1-4
  {
    width: 25%;
    max-width: 25%;
    flex: 0 0 25%;
  }

  .gc-p-3-4
  {
    width: 75%;
    max-width: 75%;
    flex: 0 0 75%;
  }

  .gc-p-1-5
  {
    width: 20%;
    max-width: 20%;
    flex: 0 0 20%;
  }

  .gc-p-2-5
  {
    width: 40%;
    max-width: 40%;
    flex: 0 0 40%;
  }

  .gc-p-3-5
  {
    width: 60%;
    max-width: 60%;
    flex: 0 0 60%;
  }

  .gc-p-4-5
  {
    width: 80%;
    max-width: 80%;
    flex: 0 0 80%;
  }

  .gc-p-1-6
  {
    width: 16.66%;
    max-width: 16.66%;
    flex: 0 0 16.66%;
  }

  .gc-p-5-6
  {
    width: 83.33%;
    max-width: 83.33%;
    flex: 0 0 83.33%;
  }
}
/*#endregion*/

/* #region Form Fields */
.address
{
  width: 315px;
}

.answer
{
  width: 450px;
}

.apiKey
{
  width: 360px;
}

.cardNumber
{
  width: 180px;
}

.city
{
  width: 225px;
}

.content
{
  width: 100%;
  height: 30em;
  overflow-y: auto;
  font: normal 13px Consolas, Lucida Console, Monospace !important;
}

.coverLetter
{
  font: normal 13px Consolas, Lucida Console, Monospace !important;
  width: 100%;
  height: 200px;
  overflow-y: auto;
}

.coverLetterText
{
  width: 100%;
  min-height: 150px;
  max-height: 592px;
  font: normal 13px Consolas, Lucida Console, Monospace !important;
  overflow-x: hidden;
  overflow-y: scroll;
  border: 1px solid #cccccc;
  padding: 4px;
}

.date
{
  width: 100px;
}

.description
{
  width: 720px;
  height: 5.6em;
}

.email
{
  width: 360px;
}

.emailList
{
  width: 450px;
  height: 66px;
}

.essay
{
  width: 720px;
  height: 5.6em;
}

.fact
{
  width: 280px;
}

.fieldLabel
{
  width: 600px;
  height: 3.8em;
}

.invoiceNumber
{
  width: 135px;
}

.invoiceTerms
{
  width: 225px;
}


.jobDescription
{
  width: 100%;
  height: 28em;
  overflow-y: auto;
}

.jobTitle
{
  width: 450px;
}

.jobTitleList
{
  width: 450px;
  height: 5.6em;
}

.keywords
{
  width: 270px;
}

.keywordList
{
  width: 450px;
  height: 150px;
}

.layout
{
  width: 100%;
  overflow-y: auto;
  height: 35em;
  font: normal 13px Consolas, Lucida Console, Monospace !important;
}

.location
{
  width: 270px;
}

.message
{
  width: 630px;
  height: 5.6em;
}

.miles
{
  width: 45px;
}

.name
{
  width: 360px;
}

.nameLong
{
  width: 720px;
}

.namePart
{
  width: 180px;
}

.note
{
  width: 720px;
  height: 16.8em;
}

.octet
{
  width: 45px;
}

.password
{
  width: 180px;
}

.percentage
{
  width: 90px;
}

.phone
{
  width: 180px;
}

.positionTitle
{
  width: 270px;
}

.price
{
  width: 90px;
}

.promoCode
{
  width: 180px;
}

.purchaseOrder
{
  width: 180px;
}

.quantity
{
  width: 45px;
}

.question
{
  width: 720px;
  height: 5.6em;
}

.relationship
{
  width: 270px;
}

.requisitionCode
{
  width: 180px;
}

.resume
{
  font-size: 13px;
  height: 20em;
  width: 100%;
  overflow-y: auto;
}

.resumePrint
{
  width: 100%;
  font-size: 13px;
}

  .resumePrint > strong:first-child
  {
    font-size: 120%;
  }

.resumeText
{
  display: block;
  clear: both;
  width: 100%;
  min-height: 150px;
  max-height: 592px;
  font-size: 13px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #cccccc;
  padding: 6px;
}

  .resumeText .majorBlock, .resumePrint .majorBlock
  {
    margin: 0 0 .5em 0;
  }

  .resumeText ul, .resumePrint ul
  {
    margin: 0 0 0 1em;
    padding: 0 0 0 1em;
    display: block;
  }

    .resumeText ul.doubleColumn, .resumePrint ul.doubleColumn
    {
      list-style-position: outside;
      -webkit-column-gap: 3em;
      -moz-column-gap: 3em;
      column-gap: 3em;
      -webkit-columns: 2;
      -moz-columns: 2;
      columns: 2;
    }

  .resumeText .heading, .resumePrint .heading
  {
    display: block;
    font-weight: bold;
    width: 100%;
    border-bottom: 1px solid #333333;
    margin: 1em 0 .5em 0;
  }

.salary
{
  width: 90px;
}

.securityCode
{
  width: 45px;
}

.skills
{
  width: 450px;
  height: 320px;
  overflow-y: auto;
}

.state
{
  width: 180px;
}

.style
{
  width: 450px;
}

.subject
{
  width: 450px;
}

.upload
{
  background: none;
}

.time
{
  width: 90px;
}

.title
{
  width: 600px;
}

.url
{
  width: 450px;
}

.website
{
  width: 320px;
}

.zipCode
{
  width: 90px;
}
/* #endregion */

/* #region Forms */
.accountInfo
{
  float: right;
  margin: 4px 10px;
}

  .accountInfo .accountName, .accountInfo .emulatedUser
  {
    display: inline-block;
  }

  .accountInfo .emulatedUser
  {
    margin-left: 12px;
  }

@media only screen and (max-width : 767px)
{
  .accountInfo
  {
    display: none;
  }
}

#BlogList .blogDescription
{
  margin: 10px 0;
}

#BlogList a.blogLink:link, #BlogList a.blogLink:visited
{
  text-decoration: none;
}

#BlogList a:first-child article
{
  border-top: 1px solid #cccccc;
}

#BlogList article
{
  display: flex;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 0 20px 0;
  text-decoration: none;
  overflow: hidden;
  border-bottom: 1px solid #cccccc;
}

  #BlogList article.imageTop
  {
    display: block;
  }

#BlogList .blogMedia
{
  height: 200px;
  overflow: hidden;
  background-size: cover;
  background-position: center center;
}

#BlogList article.imageLeft .blogMedia
{
  order: 1;
  width: 30%;
}

#BlogList article.imageTop .blogMedia
{
  width: 100%;
}

#BlogList article.imageRight .blogMedia
{
  order: 2;
  width: 30%;
}

#BlogList article.imageEmpty .blogMedia
{
  height: 0;
  width: 0;
}

#BlogList article.imageLeft .blogContent
{
  margin-left: 25px;
  width: 70%;
  order: 2;
}

#BlogList article.imageTop blogContent
{
  margin: 0;
}

#BlogList article.imageRight .blogContent
{
  margin-right: 25px;
  width: 70%;
  order: 1;
}

#BlogList article.imageEmpty .blogContent
{
  width: 100%;
}

#BlogList .blogPublish
{
  color: #666666;
  margin-top: 10px;
}

#BlogList .blogAuthor::before
{
  content: " by ";
}

#BlogList .blogSnippet
{
  margin-top: 10px;
}

#BlogList #categoryUrl > div
{
  white-space: nowrap;
}

#BlogList #authorContainer
{
  margin: 30px 0;
}

#BlogList #authorImageContainer
{
  margin: 0 auto;
  width: 156px;
  height: 156px;
  border-radius: 50%;
  overflow: hidden;
  background-size: cover;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

#BlogList #authorInfo h2
{
  margin-bottom: 20px;
  padding-top: 0;
}

#BlogList #authorContainer .gc-1-6, #BlogList #authorContainer .gc-5-6
{
  min-height: 180px;
}


@media only screen and (max-width : 767px)
{
  #BlogList article.imageLeft, #BlogList article.imageRight
  {
    display: block;
  }

    #BlogList article.imageLeft .blogMedia, #BlogList article.imageRight .blogMedia
    {
      width: 100%;
    }
}

#BlogPost #imageContainer
{
  width: 100%;
  text-align: left;
  margin-bottom: 20px;
}

#BlogPost #publishContainer
{
  color: #666666;
  margin-top: 10px;
}

#BlogPost #navContainer
{
  margin-top: 20px;
}

#BlogPost #lnkNext
{
  float: right;
}

#BlogPost #imgPost
{
  display: block;
  max-width: 100%;
  height: auto;
}

#BlogPost .gc-3-4
{
  padding-right: 20px;
}

#BlogPost .gc-1-4
{
  padding-left: 20px;
  border-left: 1px solid #cccccc;
}

#BlogPost #blogLatest > a.lnkPost, #BlogPost #blogAuthor > a.lnkPost
{
  display: block;
  margin-top: 10px;
  text-decoration: none;
}

#BlogPost #blogLatest .publishContainer, #BlogPost #blogAuthor .publishContainer
{
  color: #999;
}

#BlogPost #blogLatest .titleContainer, #BlogPost #blogAuthor .titleContainer
{
  font-size: 110%;
  font-weight: 600;
}

#BlogPost #blogAuthor h3
{
  margin-top: 20px;
}

#BlogPost #lnkAuthorPosts
{
  text-decoration: underline;
}

#cardInfo
{
  width: 480px;
  max-width: 100%;
  clear: both;
}

#card-element
{
  max-width: 100%;
  display: block;
}

  #card-element .StripeElement
  {
    font: normal 15px "Segoe UI", Arial, Helvetica, sans-serif;
  }

#card-errors
{
  color: #CC0000;
}

.contentBlock
{
  position: relative;
  padding: 10px 10px 10px 0;
  color: #333333;
}

  .contentBlock #cbMore
  {
    display: none;
  }

    .contentBlock #cbMore ~ label
    {
      font-size: 80%;
      position: relative;
      display: block;
      padding: 2px;
      color: #0066cc;
    }

      .contentBlock #cbMore ~ label:hover
      {
        cursor: pointer;
        color: #0656a7;
      }

    .contentBlock #cbMore:checked ~ div.contentMore
    {
      max-height: 1200px;
      overflow-y: auto;
      opacity: 1;
      -webkit-transition: all .5s ease;
      -moz-transition: all .5s ease;
      -o-transition: all .5s ease;
      transition: all .5s ease;
    }

    .contentBlock #cbMore ~ label:after
    {
      content: "[ + ]";
    }

    .contentBlock #cbMore:checked ~ label:after
    {
      content: "[ - ]";
    }

  .contentBlock .contentMore
  {
    max-height: 0;
    opacity: 0;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease;
    overflow: hidden;
    padding: 0;
  }

    .contentBlock .contentMore p:first-child, .contentBlock p:first-child
    {
      padding-top: 0;
      margin-top: 0;
    }

  .contentBlock p:last-of-type
  {
    padding-bottom: 0;
    margin-bottom: 0;
  }

#filterExpander
{
  min-height: 0;
}

  #filterExpander label
  {
    font-size: 80%;
    color: #0066cc;
  }

  #filterExpander #lblExpandIcon
  {
    display: inline-block;
    width: 26px;
  }

.featuredJobs
{
  position: relative;
  display: block;
  margin: 20px auto;
  width: 100%;
  border: none;
  top: auto;
  right: auto;
  text-align: center;
  vertical-align: top;
}

  .featuredJobs .featuredJobsHeading
  {
    background: none;
    margin-bottom: .6em;
    font-weight: normal;
    font-size: 2em;
    text-align: center;
  }

.featuredJob
{
  display: inline-block;
  position: relative;
  text-align: left;
  background: #ffffff;
  border: 1px solid #cccccc;
  width: 24%;
  min-width: 220px;
  height: 170px;
  overflow: hidden;
  margin: 2px 3px;
  padding: 0;
  vertical-align: top;
}

@media only screen and (max-width : 900px)
{
  .featuredJob
  {
    width: 32%;
  }
}

@media only screen and (max-width : 767px)
{
  .featuredJob
  {
    width: 49%;
  }
}

@media only screen and (max-width : 480px)
{
  .featuredJob
  {
    width: 96%;
  }
}

.featuredJob .employerLogo
{
  display: block;
  position: relative;
  height: 60px;
  text-align: center;
  vertical-align: middle;
  margin: 5px 2px;
}

  .featuredJob .employerLogo img
  {
    max-height: 50px;
    max-width: 200px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }

.featuredJob .jobTitle
{
  font-size: 110%;
  font-weight: bold;
  padding: 2px 4px;
  width: auto;
}

.featuredJob .employerName
{
  display: block;
  color: #000000;
  padding: 2px 4px;
}

.featuredJob .location, .featuredJob .postedDate, .featuredJob .postedSince, .featuredJob .abstract
{
  color: #666666;
  padding: 2px 4px;
}

.featuredJob .location, .featuredJob .postedSince, .featuredJob .postedDate, .featuredJob .postedFullDate
{
  display: inline-block;
  width: auto;
}

.featuredJob .location
{
  padding-right: 0;
  color: #666666;
  width: auto !important;
}

.featuredJob .postedSince
{
  padding: 2px 0;
}

  .featuredJob .postedSince::before
  {
    content: '- ';
  }

.featuredJob .abstract
{
  display: none;
  border-top: 1px solid #dddddd;
  font-size: 80%;
}

.featuredJob .postedDate, .featuredJob .postedFullDate
{
  display: none;
}

.featuredJob:hover
{
  border: 1px solid #333333;
  transition: all 0.20s ease-in-out;
}

.featuredEmployers
{
  display: block;
  width: 100%;
  float: none;
  margin: 20px auto;
  background: none;
  text-align: center;
  position: relative;
  top: auto;
  left: auto;
}

  .featuredEmployers .featuredEmployersHeading
  {
    background: none;
    margin-bottom: .6em;
    font-weight: normal;
    font-size: 2em;
    text-align: center;
  }

.featuredEmployer
{
  position: relative;
  display: inline-block;
  text-align: center;
  background: none;
  width: 24%;
  min-width: 200px;
  height: 80px;
  overflow: hidden;
  margin: 3px;
  padding: 2px 4px;
  border-radius: 6px;
  font-weight: 700;
}

  .featuredEmployer:last-child
  {
    border-bottom: none;
  }

  .featuredEmployer .link
  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }

  .featuredEmployer img
  {
    display: inline-block;
    max-width: 190px;
    max-height: 75px;
    vertical-align: middle;
    position: relative;
  }

  .featuredEmployer .employerName
  {
    font-size: 120%;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
  }

  .featuredEmployer .middle
  {
    display: inline-block;
    height: 100%;
    vertical-align: middle;
  }

#listUsers.modalInner
{
  width: 580px;
}

#listUrls.modalInner, #listViews.modalInner
{
  width: 480px;
}

#postJobOptions.modalInner
{
  width: 440px;
}

#listUsers.modalInner #tbAdditionalEmails
{
  width: 580px;
}

.sponsorEmployers
{
  display: block;
  width: 100%;
  float: none;
  margin: 20px auto;
  background: none;
  text-align: center;
  position: relative;
  top: auto;
  left: auto;
  margin-bottom: .6em;
}

.sponsorEmployersHeading
{
  background: none;
  margin-bottom: .6em;
  font-weight: normal;
  font-size: 2em;
  text-align: center;
}

.sponsorEmployer
{
  position: relative;
  display: inline-block;
  text-align: center;
  background: none;
  width: 24%;
  min-width: 200px;
  height: 80px;
  overflow: hidden;
  margin: 3px;
  padding: 2px 4px;
  border-radius: 6px;
}

  .sponsorEmployer .link
  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }

  .sponsorEmployer img
  {
    display: inline-block;
    max-width: 190px;
    max-height: 75px;
    vertical-align: middle;
    position: relative;
  }

  .sponsorEmployer .employerName
  {
    font-size: 120%;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
  }

  .sponsorEmployer .sponsorInfo
  {
    width: 100%;
    position: absolute;
    bottom: 0;
  }

  .sponsorEmployer .sponsorLocation
  {
    display: none;
  }

.fileLink
{
  text-decoration: none;
}

  .fileLink span:last-child
  {
    margin-left: 8px;
  }

.formItemContainer.first
{
  clear: left;
}

.formItemContainer table.formControl
{
  margin: 2px 4px;
}

.priceList
{
  overflow: hidden;
}

.priceListHeading
{
  font-size: 120%;
  text-align: center;
  overflow: hidden;
}

.priceList .priceListInner
{
  display: table;
}

.priceList .packageHeaderRow
{
  display: table-row;
}

  .priceList .packageHeaderRow .price, .priceList .packageHeaderRow .memberPrice
  {
    white-space: nowrap;
    vertical-align: bottom;
  }

.priceList .packageRow
{
  display: table-row;
}

.priceList .packageGroup
{
  display: table-cell;
  margin: 4px 4px;
  padding: 16px 4px;
}

.priceList .package, .priceList .price, .priceList .memberPrice
{
  display: table-cell;
  margin: 4px 4px;
  padding: 8px 4px;
  border-bottom: 1px solid #cccccc;
}

#groupedPriceList.priceList .package, #groupedPriceList.priceList .price, #groupedPriceList.priceList .memberPrice
{
  padding: 10px 0;
  border-bottom: none;
}

#groupedPriceList.priceList .price, #groupedPriceList.priceList .memberPrice
{
  padding-top: 0;
  padding-bottom: 20px;
}

#groupedPriceList.priceList .package
{
  padding-left: 12px;
}

#groupedPriceList.priceList .dividerCell
{
  border-bottom: 1px solid #cccccc;
}

.priceList .packageGroupDescription, .packageGroupBox .packageGroupDescription
{
  font-size: 100%;
  color: #333333;
}

.priceList .packageName, .packageGroupBox .packageName
{
  display: block;
  font-weight: bold;
  font-weight: 600;
}

.priceList .packageDescription, .packageGroupBox .packageDescription
{
  color: #333333;
}

.priceListBoxes
{
  display: block;
  text-align: center;
}

  .priceListBoxes .packageGroup
  {
    display: block;
    text-align: center;
  }

.packageGroupBox .packageName, .packageGroupBox .packageDescription
{
  display: block;
  padding: 20px 10px;
}

.packageGroupBox .packageName, .packageGroupBox .price, .packageGroupBox .memberPrice
{
  padding: 10px 0;
  font-size: 125%;
}

.packageGroupBox
{
  display: inline-block;
  width: 330px;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin: 10px;
  vertical-align: top;
  text-align: center;
  position: relative;
}

  .packageGroupBox-package, .packageGroupBox .memberPrice, .packageGroupBox .price
  {
    display: block;
    width: 100%;
  }

  .packageGroupBox .memberPrice, .packageGroupBox .price
  {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }

  .packageGroupBox .price
  {
    margin-bottom: 70px;
  }

.memberPriceHeading, .priceHeadingMember
{
  display: inline-block;
  float: left;
  margin-left: 5px;
}

.memberPricePrice, .pricePriceMember
{
  display: inline-block;
  float: right;
  margin-right: 5px;
}

.memberPrice
{
  font-weight: bold;
  font-weight: 600;
}

.packageGroupBox-package
{
  padding: 10px 5px;
  background-color: #f9f9f9;
}

@media only screen and (max-width : 767px)
{
  .packageGroupBox
  {
    width: 290px;
  }
}

.packagePurchase
{
  position: absolute;
  bottom: 15px;
}

  .packagePurchase .linkButton
  {
    width: 90%;
  }

.printButton
{
  position: absolute;
  top: 26px;
  right: 20px;
}

.profileContainer
{
  width: 64%;
  float: left;
}

.profileVideoContainer
{
  width: 34%;
  float: right;
  margin-left: 2%;
}

#ApplyHistoryJob #imgLogo
{
  max-width: 220px;
  max-height: 120px;
  margin: 10px 0;
}

#ApplyHistoryJob h1.pageTitle
{
  padding: 0;
}

#ApplyHistoryJob h2.subTitle
{
  color: #0071bd;
  padding: 0 0 10px 0;
}

#ApplyHistoryJob h2 #lblOutLocation
{
  color: #999999;
}

#EmployerProfile #imgLogoOut, #EmployerProfileEdit #imgLogo, #EmployerProfilePreview #imgLogoOut
{
  max-width: 300px;
  max-height: 200px;
}

#EmployerProfile #employerLogo, #EmployerProfilePreview #employerLogo
{
  margin-top: 20px;
}

#EmployerProfile .profileJobLink, #EmployerProfilePreview .profileJobLink
{
  margin-top: 20px;
}

#EmployerProfileEdit #socialUrl1, #EmployerProfileEdit #socialUrl2, #EmployerProfileEdit #socialUrl3
{
  display: none;
}

#EmployerProfileEdit #tbImageUrl1, #EmployerProfileEdit #lbtnRemove1, #EmployerProfileEdit #tbImageUrl2, #EmployerProfileEdit #lbtnRemove2, #EmployerProfileEdit #tbImageUrl3, #EmployerProfileEdit #lbtnRemove3
{
  display: inline-block;
}

.profileJobLink, .profileInfoContainer, .profileMediaContainer
{
  margin-bottom: 20px;
}

  .profileMediaContainer h3
  {
    margin-bottom: 16px;
  }

#EmployerProfile #employerDescription, #EmployerProfilePreview #employerDescription
{
  margin-top: 20px;
}

#EmployerProfileHtml h1:first-child, #EmployerProfileHtmlPreview h1:first-child
{
  margin-bottom: 20px;
}


#lnkTwitter, #lnkFacebook, #lnkLinkedIn, #lnkInstagram, #lnkYouTube, #lnkGlassDoor, #lnkSocial1, #lnkSocial2, #lnkSocial3
{
  text-decoration: none !important;
}

#EmployerProfile #employerDescription, #EmployerProfilePreview #employerDescription
{
  padding-right: 20px;
}

#EmployerProfile .profileSocialContainer a, #EmployerProfilePreview .profileSocialContainer a
{
  color: transparent;
}

#EmployerProfile .grid, #EmployerProfilePreview .grid
{
  margin-top: 20px;
}

/* New Employer Profile End */

.profileVideo
{
  width: 100%;
  margin-bottom: 15px;
}

  .profileVideo div
  {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 0;
    height: 0;
  }

    .profileVideo div iframe
    {
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      position: absolute;
    }

@media only screen and (max-width : 767px)
{
  .profileContainer
  {
    width: 100%;
    float: none;
  }

  .profileVideoContainer
  {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

.profileActions, .profileDesc, .profileFacts, .profileSocial, .profileMedia
{
  display: inline-block;
  width: 46%;
  padding: 0;
  float: left;
  margin-bottom: 18px;
  clear: left;
}

.profileActions, .profileFacts, .profileSocial, .profileMedia
{
  float: right;
  clear: right;
}

@media only screen and (max-width : 767px)
{
  .profileActions, .profileDesc, .profileFacts, .profileSocial, .profileMedia
  {
    display: block;
    width: 100%;
    float: none;
  }
}

.profileDesc img
{
  max-width: 300px;
  max-height: 200px;
}

.profileFactHeading
{
  display: inline-block;
  width: 35%;
  color: #666666;
  vertical-align: top;
  margin-bottom: 4px;
}

.profileFact
{
  display: inline-block;
  width: 60%;
  vertical-align: top;
  margin-bottom: 4px;
}

.profileImage
{
  margin-bottom: 10px;
}

#Activate #buildResume
{
  min-height: 0;
}

#Applicant #activityIcon
{
  width: 3%;
  padding: 4px 8px;
  text-align: center;
}

  #Applicant #activityIcon i
  {
    font-size: 20px;
    color: #333333;
  }

#Applicant #activityText
{
  width: 72%;
  position: relative;
  padding-right: 32px;
}

  #Applicant #activityText #lbtnNote
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
  }

  #Applicant #activityText #lnkShowHide
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 8px;
    cursor: pointer;
  }

  #Applicant #activityText #lblBody
  {
    width: 100%;
    background-color: #f6f6f6;
    padding: 0 4px;
    margin-top: 4px;
  }

#Applicant #activityUser
{
  width: 15%;
}

#Applicant #activityDate
{
  width: 10%;
}

#Applicant .correctAnswer
{
  color: #006600;
  float: left;
  margin-right: 8px;
}

#Applicant .inCorrectAnswer
{
  color: #dd0000;
  float: left;
  margin-right: 8px;
}

#Applicant .selectedAnswer
{
  border: 1px solid #999999;
  padding: 2px;
}

#Applicant .notSelectedAnswer
{
  border: none;
  padding: 3px;
}

#Applicants #cbSelect
{
  margin: 6px 0;
  padding: 0;
}

#ApplicantFeedEdit.modalInner
{
  width: 500px;
}

#Applicants #lbtnApplicantId
{
  white-space: nowrap;
}

#Applicants #activities
{
  max-width: 450px;
}

#Applicants .activityList
{
  display: table;
}

#Applicants .activityIcon
{
  display: table-cell;
  padding: 4px 6px 0 0;
  vertical-align: top;
  text-align: center;
}

#Applicants #activities i
{
  font-size: 20px;
  text-align: center;
  color: #333333;
}

#Applicants .activityText
{
  display: table-cell;
  padding: 4px 0 4px 0px;
  vertical-align: top;
}

#Applicants .activity
{
  display: table-row;
  width: 100%;
  margin: 10px 0;
}

#Applicants #picture
{
  width: 100px;
}

  #Applicants #picture img
  {
    max-height: 80px;
    max-width: 80px;
  }

#Applicants div#bestMatch p
{
  margin: 5px;
  padding: 10px;
  background-color: #f9f9f9;
}

#applicantList div#skills
{
  padding-top: 6px;
}

  #applicantList div#skills > span
  {
    display: inline-block;
    font-size: 85%;
    text-decoration: none;
    color: #003746;
    filter: brightness(1.25);
    margin-right: 10px;
    white-space: nowrap;
  }

#applicantList div#resumeTitles
{
  margin-top: 12px;
  margin-bottom: 6px;
}

  #applicantList div#resumeTitles > span
  {
    display: inline-block;
    margin: 0 9px 6px 0;
    padding: 4px 8px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    background: #e6e6e6;
    font-size: 90%;
    white-space: nowrap;
  }

#applicantList div#appName
{
  font-size: 120%;
  font-weight: 600;
  display: inline-block;
}

  #applicantList div#appName > a
  {
    text-decoration: none;
    color: #003746;
    filter: brightness(1.25);
  }

    #applicantList div#appName > a:hover
    {
      text-decoration: underline;
    }

#applicantList div#summary
{
  margin-top: 6px;
}

#Apply #attachmentUpload #fuAttachments
{
  display: inline-block;
}

#Apply #attachmentUpload span:last-child
{
  display: inline-block;
  margin-left: 12px;
}

#Apply #resumeText, #Apply #coverLetter
{
  float: none;
  clear: both;
}

#Apply #lbtnViewResume, #Apply #lblOutResumeFileName
{
  display: inline-block;
}

#Apply #lblResumeIcon
{
  margin-right: 8px;
  vertical-align: middle;
}

#Apply #lblOutResumeFileName
{
  vertical-align: middle;
}

#ApplyCreate .formItemContainer
{
  clear: both;
}

#AwarenessType #cbSelectStart, #AwarenessType #tbStartDateTime, #AwarenessType #cbSelectEnd, #AwarenessType #tbEndDateTime
{
  float: left;
}

#AwarenessType #cbSelectStart, #AwarenessType #cbSelectEnd
{
  margin: 6px 6px 0 2px;
}

#awarenessList div#options
{
  width: 10%;
  white-space: nowrap;
}

  #awarenessList div#options input
  {
    float: none;
  }

#BoardFile .formItemContainer
{
  float: none;
}

#BoardFiles .formItemContainer
{
  float: none;
}

#BoardFiles #fileList .listColumn
{
  overflow-wrap: break-word;
}

#BoardFiles #url
{
  -ms-word-break: break-all;
  word-break: break-all;
  min-width: 100px;
}

#BoardFiles #file, #BoardFiles #type
{
  word-break: break-all;
  min-width: 50px;
}

#BoardLayout #layoutHtml
{
  float: none;
  clear: both;
}

#BoardSearch #cblCategories
{
  height: 200px;
  border: 1px solid #cccccc;
  overflow-y: auto;
}

#BlockedIP .octet
{
  float: left;
}

#BlockedIP span.octet
{
  width: auto;
  margin: 0 2px;
  line-height: 30px;
}

#Category #tbValue.formControl, #Category #lbxValues.formControl, #Category #lbxCategories.formControl #Category #tbNewValue.formControl
{
  float: left;
}

#Category #btnAddValue, #Category #btnUpdateValue
{
  margin-left: 8px;
}

#Category #valueButtonContainer
{
  float: left;
  margin-left: 10px;
}

#Category #btnDeleteValue, #Category #btnMoveUp, #Category #btnMoveDown
{
  display: block;
  clear: left;
}

#Category .listBox
{
  min-width: 250px;
}

#Categories .formItemContainer
{
  float: none;
}

#ContactUs #contactInfo
{
  float: left;
  width: 45%;
  margin: 1em;
}

#ContactUs #contactForm
{
  float: left;
  width: 45%;
  margin: 1em;
}

#ContactUs #mapCanvas
{
  height: 16em;
  float: left;
  margin: 0 0 2em 0;
  overflow: hidden;
  background: #ffffff url('/images/map-loading.gif') no-repeat center center;
}

@media only screen and (max-width : 767px)
{
  #ContactUs #contactInfo, #ContactUs #contactForm
  {
    float: none;
    width: 100%;
  }
}

#CustomPage
{
  height: 100%;
  overflow: hidden;
  padding: 20px 25px;
}

#CustomField #valueButtonContainer
{
  float: left;
  margin-left: 10px;
}

#CustomFields #options
{
  white-space: nowrap;
}

  #CustomFields #options.listHeaderColumn
  {
    text-align: center;
  }

#Dashboard .dashUpdated
{
  font-size: 80%;
  color: #666666;
  margin: -10px 0 10px 5px;
}

#Dashboard .grid
{
  width: auto !important;
  margin: 0 -5px !important;
}

#Dashboard .chartPanel
{
  width: auto;
  border: 1px solid #cccccc;
  border-radius: 5px;
  margin: 5px;
  background: #f6f6f6;
  overflow: hidden;
  display: block;
}

  #Dashboard .chartPanel .heading
  {
    background: #cccccc;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    position: relative;
    line-height: 180%;
  }

    #Dashboard .chartPanel .heading select
    {
      position: absolute;
      right: 4px;
      font-size: 90%;
      padding: 2px;
    }

  #Dashboard .chartPanel .detail
  {
    display: table;
    padding: 5px;
    background: #ffffff;
  }

    #Dashboard .chartPanel .detail .item
    {
      display: table-row;
    }

    #Dashboard .chartPanel .detail .text, #Dashboard .chartPanel .detail .value
    {
      display: table-cell;
      padding: 5px;
    }

    #Dashboard .chartPanel .detail .textline
    {
      padding: 5px;
    }

  #Dashboard .chartPanel .chart
  {
    padding: 4px 8px;
    background-color: #ffffff;
    aspect-ratio: 2;
  }

#Dashboard a, #Dashboard .item span
{
  margin: 5px;
}

#Dashboard #listUrls.modalInner
{
  width: 840px;
  max-width: 100%;
}

#Dashboard #listUrls .scroller
{
  min-height: 250px;
  max-height: 400px;
}

#Dashboard #listUrls .listColumn:nth-child(1)
{
  white-space: nowrap;
  width: 12%;
}

#Dashboard #listUrls .listColumn:nth-child(2)
{
  width: 21%;
}

#Dashboard #listUrls a
{
  margin: 0;
}


#Dashboard .leftPanel
{
  float: left;
  width: 49%;
}

#Dashboard .rightPanel
{
  float: right;
  width: 49%;
}

#Dashboard .panel
{
  width: 100%;
  max-width: 550px;
  border: 1px solid #cccccc;
  border-radius: 8px;
  margin: 20px 0;
  background: #f6f6f6;
  overflow: hidden;
  display: block;
}

  #Dashboard .panel .heading
  {
    background: #cccccc;
    color: #ffffff;
    padding: 5px;
    font-weight: bold;
    position: relative;
    line-height: 180%;
  }

    #Dashboard .panel .heading select
    {
      position: absolute;
      right: 4px;
      font-size: 90%;
      padding: 2px;
    }

  #Dashboard .panel .detail
  {
    display: table;
    padding: 5px;
    background: #ffffff;
  }

    #Dashboard .panel .detail .item
    {
      display: table-row;
    }

    #Dashboard .panel .detail .text, #Dashboard .panel .detail .value
    {
      display: table-cell;
      padding: 5px;
    }

    #Dashboard .panel .detail .textline
    {
      padding: 5px;
    }

  #Dashboard .panel a.linkButton
  {
    margin-right: 10px;
  }

#Dashboard .panelGroup
{
  overflow: hidden;
}

#Dashboard .shortCuts
{
  border: 1px solid #cccccc;
  border-radius: 8px;
  padding: 12px;
  overflow: hidden;
  max-width: 550px;
  margin: 20px 0;
}

#Dashboard .rightPanel .panel, #Dashboard .rightPanel .shortCuts
{
  float: right;
}

#Dashboard .shortCuts h2
{
  padding: 0 0 .5em 0;
}

#Dashboard .shortCuts a
{
  float: left;
  clear: both;
  margin: 6px 0;
}

#Dashboard #lnkPurchases
{
  display: none;
}

@media only screen and (max-width : 1000px)
{
  #Dashboard .leftPanel, #Dashboard .rightPanel
  {
    width: 100%;
    float: none;
  }

    #Dashboard .rightPanel .panel, #Dashboard .rightPanel .shortCuts
    {
      float: none;
    }
}

#Employer #activityIcon
{
  width: 3%;
  padding: 6px 6px 2px 0;
}

  #Employer #activityIcon i
  {
    font-size: 20px;
    color: #333333;
  }

#Employer #activityText
{
  width: 72%;
  position: relative;
  padding-right: 32px;
}

  #Employer #activityText #lblBody
  {
    width: 100%;
    background-color: #f6f6f6;
    padding: 0 4px;
    margin-top: 4px;
  }

  #Employer #activityText #lbtnNote
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 4px;
    cursor: pointer;
  }

  #Employer #activityText #lnkShowHide
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 8px;
    cursor: pointer;
  }

#Employer #activityUser
{
  width: 15%;
}

#Employer #activityDate
{
  width: 10%;
}

#Employer #freePostings label
{
  padding-right: 0;
}

#Employer #tbFreePostingDays, #Employer #lblFreePostingDays
{
  display: inline-block;
}

#EmployerDefaults #tbFreePostingDays, #EmployerDefaults #lblFreePostingDays
{
  display: inline-block;
}

#EmployerInfo
{
  padding: 20px 25px;
}

  #EmployerInfo ul
  {
    list-style-type: disc;
    margin: 12px;
    padding: 0;
  }

  #EmployerInfo li
  {
    margin: 4px;
    padding: 0;
  }

#EmployerJobs #profile
{
  float: left;
  clear: none;
}

#EmployerJobs #logo
{
  display: inline-block;
  float: right;
}

  #EmployerJobs #logo img
  {
    max-width: 300px;
    max-height: 200px;
  }

@media only screen and (max-width : 767px)
{
  #EmployerJobs #profile, #EmployerJobs #logo
  {
    float: none;
  }
}

#EmployerJobs .listRow
{
  position: relative;
  min-height: 70px;
  display: block;
  overflow: hidden;
  padding: 5px;
}

  #EmployerJobs .listRow .title
  {
    display: block;
    position: relative;
    max-width: 600px;
    z-index: 2;
  }

    #EmployerJobs .listRow .title a
    {
      font-size: 18px;
      text-decoration: none;
      position: relative;
      z-index: 2;
    }

  #EmployerJobs .listRow .company
  {
    display: block;
    clear: left;
    max-width: 600px;
    padding: 2px 0;
  }

  #EmployerJobs .listRow .logo
  {
    display: inline;
    float: right;
    margin: 0 5px;
    max-width: 200px;
    max-height: 50px;
  }

  #EmployerJobs .listRow .abstract
  {
    display: block;
    font-size: 90%;
    padding: 2px 0;
    color: #333333;
  }

  #EmployerJobs .listRow .lnkRow
  {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 0;
  }

#EmployerLogos #logoList
{
  display: flex;
  flex-flow: wrap;
  margin: 0 -10px;
}

#EmployerLogos #employerContainer
{
  width: 25%;
  padding: 10px;
}

@media only screen and (max-width : 1365px)
{
  #EmployerLogos #employerContainer
  {
    width: 33.33%;
  }
}

@media only screen and (max-width : 1023px)
{
  #EmployerLogos #employerContainer
  {
    width: 50%;
  }
}

@media only screen and (max-width : 767px)
{
  #EmployerLogos #employerContainer
  {
    width: 100%;
  }
}

#EmployerLogos #employer
{
  position: relative;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 10px 10px 50px 10px;
  text-align: center;
}

#EmployerLogos #employerLogo
{
  height: 150px;
  position: relative;
}

  #EmployerLogos #employerLogo img
  {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-height: 100%;
    width: auto;
  }

#EmployerLogos #employerName
{
  position: absolute;
  bottom: 10px;
  width: 100%;
  text-align: center;
  padding: 0 5px;
  margin: 0 -10px;
}

#EmployerLogos #jobCount
{
  display: none;
}

#EmployerProfile #Video1, #EmployerProfile #Video2, #EmployerProfile #Video3
{
  clear: none;
}

#EmployerProfile #profileContainer
{
  width: 64%;
  float: left;
}

#EmployerProfile #profileVideoContainer
{
  width: 34%;
  float: right;
  margin-left: 2%;
}

  #EmployerProfile #profileVideoContainer .profileVideo
  {
    width: 100%;
    margin-bottom: 15px;
  }

#EmployerProfile .profileVideo div
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}

  #EmployerProfile .profileVideo div iframe
  {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

@media only screen and (max-width : 767px)
{
  #EmployerProfile #profileContainer
  {
    width: 100%;
    float: none;
  }

  #EmployerProfile #profileVideoContainer
  {
    float: none;
    width: 100%;
    margin-left: 0;
  }
}

#EmployerProfile .formItemContainer .profileVideo
{
  width: 300px;
  max-width: 300px;
  float: none;
  clear: none;
  padding-bottom: 0;
}

#EmployerProfile.operator .profileVideo p
{
  display: none;
}

#EmployerProfileEdit #Video1, #EmployerProfile #Video2, #EmployerProfile #Video3
{
  clear: none;
}

#EmployerProfileEdit #tbImageUrl1, #EmployerProfileEdit #tbImageUrl2, #EmployerProfileEdit #tbImageUrl3
{
  display: inline-block;
}

#EmployerProfileEdit #imgImage1, #EmployerProfileEdit #imgImage2, #EmployerProfileEdit #imgImage2
{
  padding: 0;
  max-height: 60px;
  max-width: 200px;
}

#Employers #cbSelect
{
  margin: 6px 0;
  padding: 0;
}

#Employers #jobs, #Employers #available
{
  width: 70px;
}

#Employers #activities
{
  max-width: 450px;
}

#Employers .activityList
{
  display: table;
}

#Employers .activity
{
  display: table-row;
  width: 100%;
  margin: 4px 0;
}

#Employers .activityIcon
{
  display: table-cell;
  padding: 2px 6px 0 0;
  vertical-align: top;
}

  #Employers .activityIcon i
  {
    font-size: 20px;
    color: #333333;
  }

#Employers .activityText
{
  display: table-cell;
  padding: 4px 0 2px 4px;
  vertical-align: top;
}

#Employers #show span.formControl, #Employers #credits span.formControl
{
  display: inline-block;
}

#Emulate h2
{
  padding: 0 0 .5em 0;
}

#Emulate #employerContainer
{
  width: 49%;
  float: left;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 12px;
  margin: 10px 0;
}

#Emulate #seekerContainer
{
  width: 49%;
  float: right;
  border: 1px solid #cccccc;
  border-radius: 6px;
  padding: 12px;
  margin: 10px 0;
}

@media only screen and (max-width : 767px)
{
  #Emulate #employerContainer, #Emulate #seekerContainer
  {
    width: 100%;
    float: none;
    margin-bottom: 20px;
  }
}

#Export #tbStartDate, #Export #tbEndDate
{
  display: inline-block;
}

#Export #location
{
  position: relative;
  overflow: visible;
}

#Export #selectLocation
{
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffebe9;
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  padding: 4px;
  z-index: 99999;
}

#FolderResume .listRow
{
  background: none;
}

#FolderResume #activityIcon
{
  width: 3%;
  padding: 4px 8px;
  text-align: center;
}

  #FolderResume #activityIcon i
  {
    font-size: 20px;
    text-align: center;
    color: #333333;
  }

#FolderResume #activityText
{
  width: 72%;
  position: relative;
  padding-right: 32px;
}

  #FolderResume #activityText #lbtnNote
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 8px;
    cursor: pointer;
  }

  #FolderResume #activityText #lnkShowHide
  {
    font-size: 20px;
    color: #333333;
    text-decoration: none;
    position: absolute;
    top: 4px;
    right: 8px;
    cursor: pointer;
  }

  #FolderResume #activityText #lblBody
  {
    width: 100%;
    background-color: #f6f6f6;
    padding: 0 4px;
    margin-top: 4px;
  }

#FolderResume #activityUser
{
  width: 15%;
}

#FolderResume #activityDate
{
  width: 10%;
}

#FolderResume #lbtnResumeFileName
{
  margin-left: 8px;
}

#FolderResumes #name, #FolderResumes #location
{
  white-space: nowrap;
}

#FolderResumes .activityList
{
  display: table;
}

#FolderResumes .activity
{
  display: table-row;
  width: 100%;
  margin: 10px 0;
}

#FolderResumes .activityIcon
{
  display: table-cell;
  padding: 4px 6px 0 0;
  vertical-align: top;
  text-align: center;
}

#FolderResumes #activities i
{
  font-size: 20px;
  text-align: center;
  color: #333333;
}

#FolderResumes .activityText
{
  display: table-cell;
  padding: 4px 0 4px 4px;
  vertical-align: top;
}

#FolderResumes #select
{
  width: 40px;
}

#Folders #resumes
{
  width: 5%;
}

#Job h1.pageTitle
{
  padding-bottom: 0;
}

#Job h2.subTitle
{
  padding: 0;
  font-weight: normal;
  margin-bottom: 10px;
}

  #Job h2.subTitle #lblOutLocation
  {
    color: #999999;
  }

#Job h2 a
{
  text-decoration: none;
}

#Job #jobContainer
{
  float: left;
  width: 64%;
}

#Job #logoContainer
{
  float: right;
  width: 34%;
  padding: 0 0 15px 0;
}

  #Job #logoContainer img
  {
    max-width: 300px;
    max-height: 80px;
  }

#Job #websiteContainer
{
  float: right;
  width: 34%;
  padding: 0 0 15px 0;
}

#Job #phoneContainer
{
  float: right;
  width: 34%;
  padding: 0 0 15px 0;
}

#Job[data-user-context='jobSeeker'] #socialContainer
{
  float: right;
  width: 34%;
  margin: 10px 0;
}

  #Job[data-user-context='jobSeeker'] #socialContainer h3
  {
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }

#Job #btnPrintable
{
  display: none;
  font-size: 22px;
  float: right;
  padding-top: 10px;
}

#Job #mapContainer
{
  float: right;
  width: 34%;
  clear: right;
}

#Job #mapCanvas
{
  height: 300px;
  width: auto;
  background: #ffffff url('/images/map-loading.gif') no-repeat center center;
}

#Job #jobVideoContainer
{
  width: 34%;
  float: right;
  clear: right;
}

  #Job #jobVideoContainer .jobVideo
  {
    margin-bottom: 15px;
  }

#Job .jobVideo div
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}

  #Job .jobVideo div iframe
  {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

#Job #category1, #Job #field1
{
  clear: left;
}

#Job #description
{
  float: none;
  clear: both;
}

#Job #jobQuestionList .listHeaderColumn
{
  padding: 2px 12px 2px 2px;
}

#Job #jobQuestionList .listColumn
{
  vertical-align: middle;
  padding: 2px 12px 2px 2px;
}

#Job .formItemContainer .jobVideo
{
  width: 300px;
  max-width: 300px;
  float: none;
  clear: none;
  padding-bottom: 0;
}

#Job .jobVideo p
{
  display: none;
}

#Job.operator .formItemContainer .jobVideo
{
  width: 300px;
  max-width: 300px;
  float: none;
  clear: none;
  padding-bottom: 0;
}

#Job.operator .jobVideo p
{
  display: none;
}

#Job #jobQuestionList .listColumn input[type=submit]
{
  padding: 1px 8px 3px 8px;
  border-radius: 4px;
  font-size: 80%;
  margin: 2px 4px 2px 0 !important;
}

#Job #btnEditAlias
{
  margin-top: 5px;
}

@media only screen and (max-width : 767px)
{
  #Job #jobContainer, #Job #logoContainer, #Job #socialContainer, #Job[data-user-context='jobSeeker'] #socialContainer, #Job #mapContainer, #Job #jobVideoContainer
  {
    clear: left;
    float: none;
    width: 100%;
  }

  #Job #logoContainer
  {
    margin-top: 20px;
  }
}

#JobPreview h1.pageTitle
{
  padding-bottom: 0;
}

#JobPreview h2.subTitle
{
  padding: 0;
  font-weight: normal;
  margin-bottom: 10px;
}

  #JobPreview h2.subTitle #lblOutLocation
  {
    color: #999999;
  }

#JobPreview h2 a
{
  text-decoration: none;
}

#JobPreview #jobContainer
{
  float: left;
  width: 64%;
}

#JobPreview #logoContainer
{
  float: right;
  width: 34%;
  padding: 0 0 15px 0;
}

  #JobPreview #logoContainer img
  {
    max-width: 300px;
    max-height: 80px;
  }

#JobPreview #socialContainer
{
  float: right;
  width: 34%;
  margin: 10px 0;
}

  #JobPreview #socialContainer h3
  {
    font-size: 150%;
    font-weight: normal;
    padding-bottom: 10px;
    border-bottom: 1px solid #cccccc;
  }

#JobPreview #jobVideoContainer
{
  width: 34%;
  float: right;
  clear: right;
}

  #JobPreview #jobVideoContainer .jobVideo
  {
    margin-bottom: 15px;
  }

#JobPreview .jobVideo div
{
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 0;
  height: 0;
}

  #JobPreview .jobVideo div iframe
  {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    position: absolute;
  }

#JobPreview #mapContainer
{
  float: right;
  width: 34%;
  clear: right;
}

#JobPreview #mapCanvas
{
  height: 300px;
  width: auto;
}

#JobQuestion #rblIsCorrect, #JobQuestion #btnAddValue
{
  float: left;
}

#JobQuestion #jobQuestionValues
{
  width: auto;
  clear: both;
}

#JobQuestion #jobQuestionValueList .listHeaderColumn
{
  white-space: nowrap;
  padding: 2px 12px 2px 2px;
}

#JobQuestion #jobQuestionValueList .listColumn
{
  vertical-align: middle;
  padding: 2px 12px 2px 2px;
}

  #JobQuestion #jobQuestionValueList .listColumn:last-child
  {
    min-width: 235px;
    padding: 2px;
    float: left;
    white-space: nowrap;
  }

#JobAlert #ddlTextStartTime, #JobAlert #ddlTextEndTime, #JobAlert #lblOutTimeZone, #JobAlert #emailAddress .formControl, #JobAlert #emailAddress .formDataLabel, #JobAlert #phoneNumber .formControl
{
  display: inline-block;
}

#JobAlert #ddlTextEndTime, #JobAlert #lblOutTimeZone
{
  margin-left: 10px;
}

#JobAlert #location
{
  position: relative;
  overflow: visible;
}

#JobAlert #selectLocation
{
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffebe9;
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  padding: 4px;
  z-index: 99999;
}

#JobSearch #jobSearch
{
  padding: 5px 0 0 5px;
  margin-bottom: 0;
}

#JobSearch #bestMatch
{
  clear: left;
  margin: 0;
  padding: 10px 0 0 0;
  text-align: center;
}

  #JobSearch #bestMatch p
  {
    margin: 0;
    padding: 10px;
    background-color: #f9f9f9;
  }

#BestMatchError.modalInner
{
  width: 500px;
}

#JobSearch #jobs_widget_link
{
  display: block;
  text-align: right;
  margin: 5px auto;
}

  #JobSearch #jobs_widget_link span
  {
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
  }

#JobSearch #searchLocation
{
  position: relative;
  overflow: visible;
}

#JobSearch #selectLocation
{
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffebe9;
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  padding: 4px;
  z-index: 99999;
}

#JobSearch #btnSearch, #JobSearch #btnSearch2, #JobSearch #btnReset, #JobSearch #btnReset2
{
  margin-top: 26px;
}

#JobSearch #jobSearch .formItemContainer
{
  float: left;
  margin-right: 10px;
}

#JobSearch #jobList
{
  padding-top: 20px;
}

  #JobSearch #jobList .abstract
  {
    line-height: 140%;
  }

  #JobSearch #jobList .jobSkills
  {
    display: block;
    margin: 6px 0;
    padding: 0;
    font-size: 85%;
    text-decoration: none;
    color: #003746;
    filter: brightness(1.25);
    width: calc(100% - 200px);
    padding-right: 10px;
  }

    #JobSearch #jobList .jobSkills > span
    {
      margin-right: 10px;
    }

  #JobSearch #jobList .listRow
  {
    display: block;
    overflow: hidden;
    min-height: 90px;
    padding: 5px;
    position: relative;
  }

    #JobSearch #jobList .listRow:hover
    {
      background: #e4f5fe;
    }

    #JobSearch #jobList .listRow .title
    {
      display: block;
      position: relative;
      width: 100%;
      max-width: 100%;
      z-index: 2;
    }

      #JobSearch #jobList .listRow .title a
      {
        font-size: 18px;
        text-decoration: none;
        position: relative;
        z-index: 2;
        cursor: pointer;
      }

    #JobSearch #jobList .listRow .company
    {
      display: block;
      max-width: 600px;
      padding: 2px 0;
    }

    #JobSearch #jobList .listRow .logo
    {
      display: block;
      float: right;
      margin: 5px;
      min-height: 80px;
      width: 200px;
    }

      #JobSearch #jobList .listRow .logo img
      {
        max-height: 80px;
        max-width: 200px;
      }

    #JobSearch #jobList .listRow .abstract
    {
      display: block;
      font-size: 90%;
      padding: 2px 0;
      color: #333333;
      overflow: hidden;
    }

  #JobSearch #jobList .premium
  {
    border-left-width: 20px;
    border-left-style: solid;
    padding-left: 10px;
  }

#JobSearch #indeed_at
{
  display: block;
  margin: 5px auto;
}

#JobSearch #saveAlert
{
  display: block;
  min-height: 30px;
}

#JobSearch .advancedBlock, #JobSearch .mapBlock
{
  clear: left;
}

#JobSearch #jobMap
{
  height: 400px;
}

#JobSearch .advancedBlock #cbAdvanced, #JobSearch #cbShowMap
{
  display: none;
}

  #JobSearch .advancedBlock #cbAdvanced ~ label, #JobSearch #cbShowMap ~ label
  {
    font-size: 85%;
    position: relative;
    display: inline-block;
    color: #0066cc;
  }

    #JobSearch .advancedBlock #cbAdvanced ~ label:hover, #JobSearch #cbShowMap ~ label:hover
    {
      cursor: pointer;
      color: #0656a7;
    }

#JobSearch #lblShowMap
{
  padding-left: 5px;
}

#JobSearch .advancedBlock .advancedSearch
{
  display: none;
}

#JobSearch #searchButton2, #JobSearch #resetButton, #JobSearch #resetButton2
{
  display: none;
}

#JobSearch #jobList .socialContainer
{
  display: none;
  position: relative;
  z-index: 9;
  margin-top: 10px;
  height: 32px;
}

#JobSearch #jobList .fa-facebook, #JobSearch #jobList .fa-twitter, #JobSearch #jobList .fa-linkedin, #JobSearch #jobList .fa-envelope, #JobSearch #jobList .fa-google-plus,
#JobSearch #jobList .x-twitterIcon
{
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 14px;
  margin: 0 4px;
  border-radius: 4px;
}

#JobSearch #jobList .x-twitterIcon
{
  background-size: 14px 14px;
  margin-top: -1px;
}

#JobSearch #jobList .fa-bookmark, #JobSearch #jobList .fa-star, #JobSearch #jobList .fa-share
{
  height: 22px;
  width: 22px;
  line-height: 22px;
  font-size: 14px;
  margin: 0 4px;
  border-radius: 4px;
  color: #ffffff;
  text-align: center;
  background-color: #78d154;
}

#JobSearch .fa-usd
{
  text-align: center;
  font-size: 20px !important;
}

#JobSearch #searchAI, #ResumeSearch #searchAI
{
  min-width: 350px;
}

  #JobSearch #searchAI span.formControl, #ResumeSearch #searchAI span.formControl
  {
    padding-left: 0;
  }

  #JobSearch #searchAI input, #ResumeSearch #searchAI input
  {
    width: 0;
    height: 0;
    position: absolute;
    left: -9999px;
  }

    #JobSearch #searchAI input + label, #ResumeSearch #searchAI input + label
    {
      margin: 0;
      padding: 8px 2px 8px 2px;
      position: relative;
      display: inline-block;
      border: 1px solid #aaaaaa;
      background-color: #FFF;
      line-height: 120%;
      font-weight: 500;
      text-align: center;
      box-shadow: 0 0 0 rgba(255, 255, 255, 0);
      transition: border-color 0.15s ease-out, color 0.25s ease-out, background-color 0.15s ease-out, box-shadow 0.15s ease-out;
      width: 48%;
      max-width: 48%;
    }

      #JobSearch #searchAI input + label:first-of-type, #ResumeSearch #searchAI input + label:first-of-type
      {
        border-radius: 6px 0 0 6px;
        border-right: none;
      }

      #JobSearch #searchAI input + label:last-of-type, #ResumeSearch #searchAI input + label:last-of-type
      {
        border-radius: 0 6px 6px 0;
        border-left: none;
      }

    #JobSearch #searchAI input:hover + label, #ResumeSearch #searchAI input:hover + label
    {
      border-color: #213140;
    }

    #JobSearch #searchAI input:checked + label, #ResumeSearch #searchAI input:checked + label
    {
      background-color: #4B9DEA;
      color: #ffffff;
      border-color: #4b9dea;
      border-bottom: none;
      z-index: 1;
    }

      #JobSearch #searchAI input:checked + label:before, #ResumeSearch #searchAI input:checked + label:before
      {
        content: "\f00c";
        font-family: "FontAwesome";
        font-weight: 500;
        margin-right: 4px;
        color: #ffffff;
      }

@media only screen and (max-width : 767px)
{
  #JobSearch #jobList .listRow .logo
  {
    float: none;
    min-height: 0;
    margin: 0;
    padding: 0;
  }
}

@media only screen and (max-width : 480px)
{
  #JobSearch #searchAI, #ResumeSearch #searchAI
  {
    min-width: 320px;
  }
}

#JobSeekers #cbSelect
{
  margin: 6px 0;
  padding: 0;
}

#JobSeekers #tbName, #JobSeekers #tbEmail
{
  width: 225px;
}

#JobSeekers #emailAddress
{
  -ms-word-break: break-all;
  word-break: break-all;
}

#latestJobs .logo, #latestJobs .logo
{
  display: none;
}

#latestJobs .postedDate, #latestJobs .postedDmY
{
  display: none;
}

#latestJobs .posted
{
  white-space: nowrap;
}

#Login .formItemContainer
{
  float: none;
}

#Login #loginContainer, #Login #registerSeekerContainer, #Login #registerEmployerContainer
{
  width: 48%;
  float: left;
}

#Login #loginContainer
{
  margin-right: 2%;
}

@media only screen and (max-width : 767px)
{
  #Login #loginContainer, #Login #registerSeekerContainer, #Login #registerEmployerContainer
  {
    width: 100%;
  }
}

#Login h2
{
  padding-top: 10px;
}

#Login_Forgot .formItemContainer
{
  float: none;
}

#MessageHistory #createdDateTime
{
  white-space: nowrap;
}

#MessageHistoryMessage #message #Message
{
  border: 1px solid #cccccc;
  padding: 8px;
  width: 100%;
}

#Package #cbSelectStart, #Package #tbStartDateTime, #Package #cbSelectEnd, #Package #tbEndDateTime
{
  float: left;
}

#Package #cbSelectStart, #Package #cbSelectEnd
{
  margin: 6px 6px 0 2px;
}

#Package #tbStartDateTime:disabled, #Package #tbEndDateTime:disabled
{
  color: #bbbbbb;
}

#Package #packageProductList #quantity, #Package #packageProductList #price
{
  padding-right: 18px;
}

#Package #options
{
  width: 170px;
  -ms-word-break: keep-all;
  word-break: keep-all;
  -ms-word-wrap: normal;
  word-wrap: normal;
  white-space: nowrap;
}

#PackageProduct #tbDuration, #PackageProduct #ddlPeriodId
{
  float: left;
  margin-right: 6px;
}

#PackageProduct #cbQuantity, #PackageProduct #tbQuantity, #PackageProduct #cbUnlimited, #PackageProduct #cbPeriod, #PackageProduct #tbDuration
{
  float: left;
  margin-right: 6px;
}

#PackageProduct #cbUnlimited
{
  margin-left: 12px;
}

#PackageProduct #productQuantity #cbUnlimited + label
{
  display: inline;
  float: left;
}

#PackageProduct .formItemContainer #tbExpireDuration, #Package .formItemContainer #ddlExpirePeriod
{
  float: left;
  margin-right: 6px;
}

#Packages #package span, #PackagesAndGroups #package span, #PackagesAndGroups #lblPackageGroupDescription
{
  display: block;
}

/*#Packages #options
{
  width: 100px;*/
/*  -ms-word-break: keep-all;
  word-break: keep-all;
  -ms-word-wrap: normal;
  word-wrap: normal;*/
/*white-space: nowrap;
}

#Packages #options.listHeaderColumn
{
  text-align: center;
}*/

/*#Packages #options input[type='submit']
{
  float: none;
}*/

#PaymentSettings #stripeTestSecretKey, #PaymentSettings #stripeLiveSecretKey
{
  min-width: 350px;
}

#PostPayment #postUse
{
  min-height: 40px;
}

#PostPayment #select
{
  width: 2%;
}

#PostPayment #tbPromoCode, #PostPayment #btnPromo
{
  display: inline-block;
  float: left;
  margin-right: 8px;
}

#PostPayment #packageList #package #lblName, #PostPayment #packageList #package #lblDescription
{
  display: block;
}

#PostPayment #packageList #package #lblName
{
  font-weight: bold;
}

ul.progress
{
  height: 70px;
  list-style: none;
  position: relative;
  padding: 0;
  margin: 10px 0;
  overflow: hidden;
  text-align: center;
}

  ul.progress li
  {
    display: inline-block;
    width: 25%;
    margin: 0;
    position: relative;
    color: #999999;
    font-weight: bold;
    height: 70px;
    text-align: center;
  }

    ul.progress li.active
    {
      color: #333333;
    }

    ul.progress li.complete
    {
      color: #999999;
    }

    ul.progress li span
    {
      display: inline-block;
      position: relative;
      width: 100%;
      text-align: center;
      margin-top: 10px;
    }

    ul.progress li:before
    {
      display: inline-block;
      -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
      box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
      background: #ddd;
      border: 2px solid #FFF;
      border-radius: 50%;
      color: #fff;
      font-size: 18px;
      font-weight: bold;
      line-height: 38px;
      height: 40px;
      position: relative;
      text-align: center;
      text-shadow: 1px 1px rgba(0, 0, 0, 0.2);
      top: 0;
      width: 40px;
      z-index: 999;
    }

    ul.progress li:after
    {
      position: absolute;
      top: 14px;
      left: 50%;
      background-color: #ececec;
      height: 15px;
      width: 100%;
      content: "";
    }

    ul.progress li.complete::after
    {
      background-color: #999999;
    }

    ul.progress li:last-child::after
    {
      display: none;
    }

    ul.progress li:nth-child(1):before
    {
      content: "1";
    }

    ul.progress li:nth-child(2):before
    {
      content: "2";
    }

    ul.progress li:nth-child(3):before
    {
      content: "3";
    }

    ul.progress li:nth-child(4):before
    {
      content: "4";
    }

    ul.progress li:nth-child(5):before
    {
      content: "5";
    }

    ul.progress li.active:nth-child(1):before, ul.progress li.active:nth-child(2):before, ul.progress li.active:nth-child(3):before, ul.progress li.active:nth-child(4):before, ul.progress li.active:nth-child(5):before
    {
      background-color: #333333;
    }

    ul.progress li.complete:nth-child(1):before, ul.progress li.complete:nth-child(2):before, ul.progress li.complete:nth-child(3):before, ul.progress li.complete:nth-child(4):before
    {
      background-color: #999999;
      content: "\2713 ";
    }

@media only screen and (max-width : 479px)
{
  ul.progress
  {
    height: auto;
    position: relative;
  }

    ul.progress li
    {
      display: block;
      position: relative;
      width: 100%;
      max-width: 100%;
      height: auto;
      margin: 10px 0 0 0;
      text-align: left;
    }

      ul.progress li span
      {
        display: inline-block;
        position: relative;
        width: auto;
        left: 0;
        text-align: center;
        margin-left: 10px;
        margin-top: 10px;
      }

      ul.progress li:before
      {
        display: inline-block;
        position: relative;
        left: 0;
      }

      ul.progress li:after
      {
        display: none;
      }
}

#Promo #cbSelectStart, #Promo #tbStartDateTime, #Promo #cbSelectExpire, #Promo #tbExpireDateTime
{
  float: left;
}

#Promo #cbSelectStart, #Promo #cbSelectExpire
{
  margin: 6px 6px 0 2px;
}

#Purchase #package #lblName
{
  display: block;
  font-weight: bold;
}

#Purchase #package #lblDescription
{
  display: block;
}

#Purchase #packageList #select, #Purchase #packageList #quantity
{
  width: 8%;
}

#Purchase #select #cbSelect
{
  margin-left: auto;
  margin-right: auto;
}

#Purchase #packageList #tbQuantity
{
  margin-left: auto;
  margin-right: auto;
}

#PurchaseHistory #date
{
  width: 10%;
}

#PurchasePackage #package #lblName
{
  display: block;
  font-weight: bold;
}

#PurchasePackage #package #lblDescription
{
  display: block;
}

#PurchasePayment #subTotal, #PurchasePayment #eligibleCharges, #PurchasePayment #discountAmount, #PurchasePayment #totalCharges, #PurchasePayment #cardCVC
{
  clear: none;
}

#PurchasePayment .formItemContainer
{
  clear: both;
}

#PurchasePayment #purchaseSummaryList
{
  width: auto;
}

#PurchasePayment #listHeaderColumn, #PurchasePayment #listColumn
{
  padding: 4px 20px;
}

#PurchasePayment #stripeLogo
{
  padding: 10px 0;
  display: block;
}

#PurchaseSummary #employer
{
  float: none;
  margin-bottom: 15px;
}

#PurchaseSummary #purchaseSummaryList
{
  border-top: 1px solid #eeeeee;
  border-bottom: 1px solid #eeeeee;
}

#PurchaseSummary #quantity
{
  width: 1%;
}

#RegisterResume #attachmentList #show, #RegisterResume #photoList #default
{
  width: 15%;
}

#RegisterResume #attachmentList #option, #RegisterResume #photoList #option
{
  width: 10%;
}

#RegisterUpload .formItemContainer
{
  min-height: 26px;
}

#RegisterUpload .formButtonContainer
{
  margin-top: 20px;
}

body.printable
{
  background-color: #ffffff;
  overflow: hidden;
}

  body.printable #Report
  {
    padding: 20px;
    font-size: 13px;
  }

body #Report table
{
  font-size: 14px;
}

body.printable #Report table
{
  font-size: 13px;
}

#Report h1
{
  display: inline-block;
}

.printable #Report h1
{
  padding-top: 0;
}

#Report #lblDateTime
{
  display: inline-block;
  float: right;
  margin-top: 16px;
}

body.printable #Report .formButtonContainer
{
  display: none;
}

#Report table
{
  border-collapse: collapse;
}

  #Report table.fixed
  {
    table-layout: fixed;
    width: 100%;
  }

#Report tr, #Report td
{
  page-break-inside: avoid;
}

  #Report td.reportNote
  {
    padding: 6px 0;
  }

#Report th.left, #Report th.center, #Report th.right
{
  vertical-align: bottom;
}

#Report td.left, #Report td.center, #Report td.right
{
  vertical-align: top;
}

#Report td.wrap
{
  word-wrap: break-word;
}

#Report .left
{
  text-align: left;
  padding: 3px 10px 3px 20px;
}

#Report .center
{
  text-align: center;
  padding: 3px 15px;
}

#Report .right
{
  text-align: right;
  padding: 3px 20px 3px 10px;
}

#Report .left.tight
{
  padding: 3px 4px 3px 8px;
}

#Report .center.tight
{
  padding: 3px 6px;
}

#Report .right.tight
{
  padding: 3px 8px 3px 4px;
}

#Report .left:first-child, #Report .center:first-child, #Report .right:first-child
{
  padding-left: 0;
}

#Report .left:last-child, #Report .center:last-child, #Report .right:last-child
{
  padding-right: 0;
}

#Report .line
{
  height: 1px;
  background-color: #cccccc;
}

#Report .cfTitle
{
  display: inline;
  clear: left;
  white-space: initial;
  font-weight: bold;
}

#Report .catValue
{
  display: inline;
}

#ResetPassword .formItemContainer
{
  float: none;
}

#ResumeAlert #location
{
  position: relative;
  overflow: visible;
}

#ResumeAlert #selectLocation
{
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffebe9;
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  padding: 4px;
  z-index: 99999;
}

#ResumeBuilder .experienceRow, #ResumeBuilder .educationRow, #ResumeBuilder .certificationRow
{
  border-bottom: 1px solid #cccccc;
  overflow: hidden;
}

#ResumeBuilder #ddlDegree, #ResumeBuilder #tbDegreeName
{
  display: inline-block;
}

#ResumeBuilder #customInstructions
{
  min-height: 0;
}

#ResumeBuilder #btnPrint
{
  float: right;
  margin-top: 20px;
}

#ResumeBuilder div.tabContainerEnd
{
  border: none;
}

#Resumes #cbSelect
{
  margin: 6px 0;
  padding: 0;
}

#Resumes .pictureContainer
{
  display: inline-block;
  margin: 0 20px 20px 0;
  vertical-align: top;
}

  #Resumes .pictureContainer img
  {
    display: block;
    max-height: 150px;
    max-width: 150px;
  }

  #Resumes .pictureContainer a
  {
    display: block;
  }

#Resumes #resumeList #modified, #Resumes #resumeList #default, #Resumes #attachmentList #modified, #Resumes #attachmentList #show, #Resumes #photoList #modified, #Resumes #photoList #default
{
  width: 15%;
}

#Resumes #resumeList #option, #Resumes #attachmentList #option, #Resumes #photoList #option
{
  width: 10%;
}

#ResumeSearch #location
{
  position: relative;
  overflow: visible;
}

#ResumeSearch #selectLocation
{
  position: absolute;
  top: 100%;
  left: 0;
  background: #ffebe9;
  border: 1px solid #ffaaaa;
  border-radius: 6px;
  padding: 4px;
  z-index: 99999;
}

#ResumeSearch div#bestMatch p
{
  margin: 5px;
  padding: 10px;
  background-color: #f9f9f9;
}

#ResumeUpload .formButtonContainer
{
  margin-top: 20px;
}

#resumeList div#skills
{
  padding-top: 6px;
}

  #resumeList div#skills > span
  {
    font-size: 85%;
    text-decoration: none;
    color: #003746;
    filter: brightness(1.25);
    margin-right: 10px;
  }

#resumeList div#resumeTitles
{
  margin-top: 12px;
  margin-bottom: 6px;
}

  #resumeList div#resumeTitles > span
  {
    display: inline-block;
    margin: 0 9px 6px 0;
    padding: 4px 8px;
    border: 1px solid #dddddd;
    border-radius: 10px;
    background: #e6e6e6;
    font-size: 90%;
    white-space: nowrap;
  }

#resumeList div#summary
{
  margin-top: 6px;
  line-height: 140%;
}

#resumeList div#activityDate
{
  white-space: nowrap;
}

  #resumeList div#activityDate span
  {
    margin-left: 8px;
  }

.tabContainer
{
  padding: 0;
  border-bottom: 1px solid #cccccc;
  clear: both;
  margin: 15px 0;
}

  .tabContainer input[type=submit]
  {
    background-color: #f0f0f0;
    padding: 8px 30px !important;
    color: #333333;
    -webkit-appearance: none;
    border: 1px solid #cccccc;
    border-radius: 0;
    margin-left: 5px;
    margin-bottom: -1px;
    overflow: visible;
    z-index: 999999;
    cursor: pointer;
  }

    .tabContainer input[type=submit]:disabled
    {
      background-color: #ffffff;
      border-bottom: 1px solid #ffffff;
      cursor: none;
    }

.tabContainerEnd
{
  height: 15px;
  padding: 0;
  border-bottom: 1px solid #cccccc;
  clear: both;
  margin: 0 0 10px 0;
}

@media only screen and (max-width : 479px)
{
  .tabContainer input[type=submit]
  {
    width: 100%;
  }
}

#TellAFriend #captcha
{
  margin-top: 12px;
}

#Template #insertMerge #ddlInsertMerge, #Template #insertImage #ddlInsertImage
{
  float: left;
  margin-right: 8px;
}

#Users #email
{
  -ms-word-break: break-all;
  word-break: break-all;
}

#TermsConfirmed .fa.fa-check.red
{
  color: #d00;
}

body.printable #TermsConfirmed, body.printable #TermsConfirmed input[type='text']
{
  font-size: 12px;
}

  body.printable #TermsConfirmed input[type='submit']
  {
    display: none;
  }

dialog.noteDialog
{
  border: 1px solid #ccc;
  position: absolute;
  margin: 0;
  padding: 0;
  background: #ffff99;
  width: 340px;
  box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, .6);
  opacity: 0;
  transition: opacity 2s ease;
  z-index: 999999999;
  height: unset;
}

  dialog.noteDialog.fade-in
  {
    opacity: 1;
  }

  dialog.noteDialog div.dialogHeader
  {
    font-size: 110%;
    font-weight: 600;
    width: calc(100% - 20px);
    padding: 5px 10px;
    overflow: hidden;
    text-align: center;
    cursor: move;
  }

  dialog.noteDialog div.close
  {
    width: 100%;
    padding: 5px 10px;
  }

    dialog.noteDialog div.close button
    {
      padding: 2px 6px;
      float: right;
      font-size: 14px;
    }

  dialog.noteDialog div.dialogContent
  {
    padding: 6px 12px;
    border-top: 1px solid #999;
    border-bottom: 1px solid #999;
  }


/* #endregion */