span.Required {
  color: #ff0000;
}

ul.Tools {
  list-style: none;
  margin: 0px 0px 30px 0px;
  letter-spacing: 0.02em;
  padding: 0px;
  /* font-size: 1.2em;*/
}

ul.Tools li {
  display: inline;
  margin-left: 25px;
}

ul.Tools li:first-child {
  margin-left: 0px;
}

ul.Tools a {
  color: #006fb5;
}

section {
  /*width: 728px;*/
  /*border: solid 1px #e1e1e1;*/
  /*margin-bottom: 25px;*/
}

section header {
  background-color: #f3f3f3;
  padding: 12px 24px 11px 24px;
  overflow: auto;
}

section header h2 {
  float: left;
  padding-bottom: 0px;
  /* font-weight: normal;*/
}

section header a.help {
  float: right;
  color: #959595;
}

.MainContent section ul, .MainContent section ol {
  margin: 20px 24px 25px 24px;
}

.MainContent section.identifying-info ul {
  margin-right: 20px;
}

section ul li {
  list-style-type: none;
  margin: 20px 0px 0px 0px;
  padding: 0px;
}

section ul li:first-of-type {
  margin: 0px 0px 0px 0px;
}

section label {
  font-weight: bold;
  display: block;
  margin-bottom: 5px;
}

section label span {
  font-weight: normal;
  font-style: italic;
  color: #959595;
}

section ol li {
  list-style-position: inside;
  position: relative;
  font-weight: bold;
}

section ol label {
  width: 470px;
  display: inline-block;
  vertical-align: top;
  margin-left: 8px;
}

section input[type=text], input[type=number], input[type=date] {
  padding: 7px 7px 6px 10px;
  border: solid 1px #e1e1e1;
}

section input[type=number] {
  padding-right: 6px;
}

section.identifying-info input[type=text] {
  width: 192px;
  margin-right: 26px;
}

#middlename {
  margin-right: 0;
}

section.identifying-info input[type=text]:first-of-type {
  margin-left: 0px;
}

section.identifying-info input[type=text].notes {
  width: 658px;
}

section.pay-periods-interest ol li {
  border-top: 1px dotted #e1e1e1;
  vertical-align: top;
  padding: 20px 0px;
}

section.pay-periods-interest ol li:first-of-type {
  border-top: none;
  padding-top: 10px;
}

section.pay-periods-interest ol li:last-of-type {
  padding-bottom: 10px;
}

section.pay-periods-interest input[type=text] {
  position: absolute;
  width: 148px;
  right: 0;
}

section.pay-periods-interest input[type=number] {
  position: absolute;
  width: 99px;
  right: 52px;
}

section.outside-earnings aside {
  margin: 20px 24px 25px 24px;
}

section.outside-earnings label.instructions {
  font-size: 1.2em;
  line-height: 1.6;
}

section.pay-period-data label.instructions {
  margin: 20px 24px 25px 24px;
  font-size: 1.2em;
  line-height: 1.6;
}

section.outside-earnings .button-set {
  text-align: center;
  margin-top: 20px;
}

section.outside-earnings .button-set button {
  background-color: #ffffff;
  border: solid 1px #e1e1e1;
  padding: 9px 10px 8px 10px;
  width: 110px;
  margin: 0px 5px;
  font-weight: bold;
  text-transform: uppercase;
  color: #000000;
  letter-spacing: 0.08em;
}

section.outside-earnings .button-set button.active {
  background-color: #898989;
  border: solid 1px #898989;
  color: #ffffff;
}

section.outside-earnings input[type=number] {
  position: absolute;
  width: 148px;
  right: 0;
  font-size: 1em;
}

section.pay-period-data .table {
  margin: 20px 24px 25px 24px;
}

section.pay-period-data .table ol.thead li {
  color: #959595;
  text-transform: uppercase;
  font-size: 0.9em;
  padding: 0px 10px 11px 0px;
  line-height: 1.5em;
  vertical-align: bottom;
}

section.pay-period-data .table ol.ppd-data li {
  padding: 10px 10px 10px 0px;
  font-weight: normal;
}

section.pay-period-data .table ol.ppd-data li {
  border-top: 1px solid #e1e1e1;
  padding: 10px 10px 10px 0px;
  font-weight: normal;
}

section.pay-period-data .table ol.ppd-data li.PayPer {
  width: 50px;
  font-weight: bold;
}

section.pay-period-data .table ol.ppd-data li.DateRange {
  width: 160px;
}

section.pay-period-data .table ol.ppd-data li.PayDate {
  width: 100px;
}

section.pay-period-data .table ol.ppd-data li.grosspay {
  width: 146px;
  text-align: right;
}

section.pay-period-data .table ol.ppd-data li.correctedgrosspay {
  width: 136px;
  padding-right: 0px;
  text-align: right;
}

section.pay-period-data input[type=number] {
  text-align: right;
  font-size: 1em;
}

.footer input[type=submit].submit {
  background-color: #0091bc;
  font-size: 1.4em;
  border: none;
  padding: 11px 15px 10px 15px;
  margin: 0px 5px;
  font-weight: bold;
  text-transform: uppercase;
  color: #FFFFFF;
  letter-spacing: 0.06em;
}

.footer input[type=reset].reset {
  background-color: #ffffff;
  border: none;
  color: #959595;
  margin-top: 1.5em;
}

.footer {
  text-align: center;
}

/* Summary Report */
div#summary-popup h1, div.summary h1 {
  font-size: 1.5em;
}

div.summary-container h3 {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  text-transform: uppercase;
  font-weight: bold;
  padding-bottom: 1em;
}

div.summary-container Section {
  overflow: auto;
  width: 920px;
  border: none;
  border-top: solid 1px #e1e1e1;
  padding: 25px 0px 25px 0px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.1em;
  line-height: 1.7em;
  margin-bottom: 0px;
  color: #363636;
}

div.summary-container Section.TopSummary {
  padding: 25px 0px 25px 0px;
}

div.summary-container Section dl {
  margin: 0px;
}

div.summary-container Section.NameTop dt {
  display: inline;
  color: #959595;
  padding: 0px;
}

div.summary-container Section.NameTop dt.SpecialNotes {
  display: block;
  padding-top: 15px;
}

div.summary-container Section.NameTop dd.SpecialNotes {
  font-weight: normal;
}

div.summary-container Section.NameTop dd {
  display: inline;
  padding: 0px 40px 0px 0px;
  margin: 0px;
  font-weight: bold;
}

div.summary-container div.TwoColContainer {
  width: 425px;
  float: left;
  margin-left: 70px;
  margin-bottom: 0px;
}

div.summary-container div.TwoColContainer:first-of-type {
  margin-left: 0px;
}

div.summary-container Section.TopSummary dl {
  width: 425px;
  margin: 0px;
  padding: 0px;
  line-height: 1.9em;
  overflow: auto;
}

div.summary-container Section.TopSummary dt {
  float: left;
  width: 320px;
  margin: 0px;
  padding: 0px;
}

div.summary-container Section.TopSummary dd {
  float: right;
  width: 100px;
  margin: 0px;
  padding: 0px;
  text-align: right;
  font-weight: bold;
}

div.summary-container Section.TopSummary footer {
  background-image: none;
  border-top: dotted 1px #e1e1e1;
  padding-top: 22px;
  margin-top: 22px;
}

div.summary-container Section.DetailedComputation {
  padding-top: 35px;
}

div.summary-container Section.DetailedComputation ol.thead li {
  padding: 10px 0px 10px 10px;
  text-align: right;
  line-height: 1.5em;
  vertical-align: bottom;
}

div.summary-container Section.DetailedComputation ol.thead li:first-of-type {
  padding-left: 0px;
}

div.summary-container Section.DetailedComputation ol.data li {
  border-top: 1px solid #e1e1e1;
  padding: 10px 0px 10px 10px;
  font-weight: normal;
  text-align: right;
}

div.summary-container Section.DetailedComputation ol.data li.AlignLeft, div.summary-container Section.DetailedComputation ol.thead li.AlignLeft {
  text-align: left;
}

div.summary-container Section.DetailedComputation ol.data li:first-of-type {
  padding-left: 0px;
}

div.summary-container Section.DetailedComputation div.table {
  margin-top: 10px;
}

div.summary-container Section.DetailedComputation ol.data li:first-of-type {
  padding-left: 0px;
  font-weight: bold;
}

section.DetailedComputation footer {
  background-image: none;
  border-top: 1px solid #e1e1e1;
  padding-top: 30px;
  text-align: right;
  overflow: hidden;
}

section.DetailedComputation footer label {
  font-weight: normal;
  text-transform: uppercase;
  color: #959595;
  letter-spacing: 0.08em;
  padding-bottom: 15px;
}

section.DetailedComputation footer span.total {
  font-size: 1.4em;
  font-weight: bold;
}

section.TopSummary footer label {
  float: left;
  font-weight: normal;
  text-transform: uppercase;
}

section.TopSummary footer span.total {
  float: right;
  font-weight: bold;
}

/**/
header, footer, nav, section {
  display: block;
}

.field-validation-error {
  color: #f00;
}

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

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

.validation-summary-errors {
  font-weight: bold;
  color: #f00;
}

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

.oe-fields {
  display: none;
}

.grid {
  display: table;
}

.row {
  display: table-row;
}

.row li {
  display: table-cell;
}

#popup-holder {
  display: none;
}

.pay-period-data {
  display: none;
}

.loading {
  background-image: url("/css/images/spinner.gif");
  background-position: center;
  background-repeat: no-repeat;
  height: 100px;
}

.loading * {
  display: none;
}

section ol li.interest-multiplier {
  display: none;
}

.summary-print {
  display: none;
}

.invalid-date-choice .ui-state-default,
.invalid-date-choice .ui-widget-content .ui-state-default,
.invalid-date-choice .ui-widget-header .ui-state-default {
  border: 1px solid #dddddd;
  background: #ffefef 50% 50% repeat-x;
  color: #aaa;
}

.invalid-date-choice .ui-state-active {
  border: 1px solid #dddddd;
  background: #fff 50% 50% repeat-x;
}

section.hoverHelp {
  width: 700px;
  max-height: 250px;
  overflow-y: auto;
}

section.hoverHelp, section.hoverHelp dl {
  border: none;
  margin: 0;
  padding: 10px;
}

section.hoverHelp dt {
  margin-top: 5px;
  font-weight: bold;
}

a.help.tooltip-anchor {
  /*cursor: default;*/
  cursor: pointer;
  font-style: italic;
  font-family: Arial, Helvetica, sans-serif;
}

.fa-2 {
  font-size: 2em;
}

.fa-3 {
  font-size: 3em;
}

.fa-4 {
  font-size: 4em;
}

.fa-5 {
  font-size: 5em;
}

.input-hint {
  height: 35px;
  color: #959595;
  position: absolute;
  margin: 0;
  padding: 0;
}

.input-hint.fa-calendar {
  top: 29px;
  right: 5px;
}

.input-hint.fa-usd {
  top: 19px;
  left: 8px;
  z-index: 1;
  position: absolute;
}

.oe-fields .input-hint.fa-usd {
  top: 9px;
  left: 523px;
}

input.currency {
  text-align: right;
}

h2.section-help {
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
}

section.identifying-info input {
  padding-right: 0;
}

section.identifying-info li {
  width: 100%;
  padding-right: 10px;
}

section.save-as {
  width: auto;
  display: inline;
  border: none;
}

a.save {
  margin-right: 5px;
}

.validation-tooltip {
  display: none;
}

.validation-tooltip-icon {
  display: inline;
}

.validation-tooltip-wrapper.active .validation-tooltip,
.validation-tooltip-wrapper:hover .validation-tooltip {
  display: inline;
}

.validation-tooltip-wrapper.active .validation-tooltip-icon,
.validation-tooltip-wrapper:hover .validation-tooltip-icon {
  display: none;
}

.ui-datepicker {
  z-index: 99999999 !important;
}

.validation-hint {
  color: #f00;
}

.validation-hint.optional {
  color: #669900;
}

.disclaimer {
  text-decoration: italic;
}

section header a.help i {
  position: relative;
  top: 5px;
}

.tooltipster-shadow .tooltipster-content p,
.tooltipster-shadow .tooltipster-content li,
.tooltipster-shadow .tooltipster-content dd {
  font-family: "Arial", sans-serif;
  font-size: 14px;
  line-height: 20px;
  padding: 3px 0px;
}

.tooltipster-shadow .tooltipster-content dd {
  margin-left: 0;
}

.tooltipster-shadow .tooltipster-content li,
.tooltipster-shadow .tooltipster-content li:first-of-type {
  margin-top: 0;
}

.tooltipster-shadow, .tooltipster-shadow h2 {
  color: #777;
}

.footer .link {
  font: 13.3333px Arial;
}