/****************************************
*  Site specific css definitions
****************************************/

div.application-yes-no {
  float:right;
  margin-right:70px;
}

div.steps-bar {
  margin:20px 0px 30px 0px;
}

/******************************
  Employment Application Styles
*******************************/

td.form-padding,
th.form-padding {
  padding:5px 10px 5px 5px;
}

td.form-padding-right {
  padding:0px 15px 5px 0px;
}

table.form-padding td {
  padding:5px 0px 5px 0px;
}

table.form-padding td + td {
  padding-left:10px;
}

table.form-padding td p {
  margin:0;
}

table.form-padding tr td:last-of-type {
  padding-right:5px;
}

td.form-padding-small {
  padding-right:5px;
}

span.required-indicator {
  color:#E74C3C;
}

/******************************
  Overlay Styles
******************************/

div.overlay-on,
div.overlay-off {
  position:fixed;
  width:100%;
  height:100%;
  top:0;
  left:0;
  background:rgba(16, 167, 213, 0.9);
  z-index:999;
  overflow:auto;
  text-align:center;
  opacity:1;
  transition:all 0.75s;
  padding-top:0;
}

div.overlay-on td.center {
  vertical-align:middle;
  text-align:center;
}

div.overlay-off {
  top:calc(-100% - 80px);
  opacity:0;
  transition:all 0.5s;
}

div.overlay-on div.content {
  display:inline-block;
  text-align:left;
  width:750px;
  padding:30px 0px 30px 0px;
  background:transparent;
}

/******************************
  Text Styles
*******************************/

@font-face {
  font-family:"BlackJack";
  src:url('/library/fonts/black_jack-webfont.eot');
  src:url('/library/fonts/black_jack-webfont.eot?#iefix') format('embedded-opentype'),
       url('/library/fonts/black_jack-webfont.woff2') format('woff2'),
       url('/library/fonts/black_jack-webfont.woff') format('woff'),
       url('/library/fonts/black_jack-webfont.ttf') format('truetype'),
       url('/library/fonts/black_jack-webfont.svg#blackjackregular') format('svg');
  font-weight:normal;
  font-style:normal;
}

div.overlay-on p,
div.overlay-on li {
  font:21px/29px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
}

div.overlay-on li {
  background:0px 12px no-repeat url(/images/layout/bullet_overlay.png);
  padding-left:11px;
}

div.overlay-on p strong {
  color:#fff3e4;
}

div.overlay-on h2 {
  font:normal 30px/38px Arial, Helvetica, sans-serif;
  color:#FFFFFF;
  margin:0px 0px 20px 0px;
}

div.overlay-on h2:first-line {
  font:normal 50px/58px Arial, Helvetica, sans-serif;
}

/*******************************
  Footer Styles
*******************************/

td.footer td.col-one {
  width:255px;
  padding:0;
}

td.footer td.col-two td.col-one {
  width:315px;
  padding:0;
}

td.footer td.col-two td.col-two {
  width:335px;
  padding:0;
}

td.footer td.col-two td.col-three {
  width:315px;
  padding:0;
}

/******************************
  Link Styles
*******************************/

div.overlay-on div.content a {
  color:#FFFFFF;
}

/******************************
  Elements hidden by default
*******************************/

.default-hidden {
  display:none;
}

/****************************************
* Footnote
****************************************/

.footnote {
  padding-bottom:13px;
  font-size:13px;
  font-style:italic;
}

td.col-two p.footnote {
  padding-bottom:0;
  font-size:11px;
  font-style:italic;
}

/****************************************
* Benefits Package
****************************************/

div.highlight li {
  margin-left:0 !important;
}

div.benefits-package li {
  margin-left:17px !important;
  margin-bottom:0 !important;
}

div.benefits-package ul ul {
  margin-bottom:0 !important;
}