body {
  font-size: .85em;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  color: #232323;
  background-color: rgb(230, 232, 231);
}

/*header, footer, nav, section {*/
header {
  display: block;
  font-size: 1.5em;
  font-weight: 700;
  margin: 10px 20px 5px 20px;
}

.bodyContainer {
  padding: 10px;
  border: thin solid #000000;
  margin: 0 20px 0 20px;
  background-color: #fff;
}

.eventDisplay {
  position: absolute;
  top: 100px;
  left: 400px;
  margin-right: 25px;
}

.none-display {
  font-weight: 700;
  margin-top: 10px;
}

.driverLicense {
  text-transform: uppercase;
}

.smaller-text {
  font-size: 0.85em;
}

.alternate-colors {
  border-collapse: collapse;
}

.alternate-colors tr:nth-child(even of :not([style="display: none;"])) {
  background-color: #E8E8E8;
}

  .alternate-colors td, th {
    padding: 2px 5px 2px 2px;
  }

  td.editor-label {
    text-align: right;
  }

td.display-label {
  text-align: right;
  white-space: nowrap;
  padding-right: 10px;
}

.display-field {
  font-weight: 600;
}


input[type="text"], input[type="password"], input[type="email"], textarea, select {
  border: 1px solid #e2e2e2;
  background: #fff;
  color: #333;
  font-size: 1.0em;
  margin: 3px 0 3px 0;
  padding: 4px;
  width: 300px;
}

input[type="number"] {
  border: 1px solid #e2e2e2;
  background: #fff;
  color: #333;
  font-size: 1.0em;
  margin: 3px 0 3px 0;
  padding: 4px;
  width: 100px;
}

textarea {
  font-family: inherit;
  width: 500px;
}

  input:focus, textarea:focus, select:focus {
    border: 1px solid #7ac0da;
  }

input[type="checkbox"] {
  background: transparent;
  border: none;
  width: auto;
}

input[type="submit"], input[type="button"], input[type="reset"], button {
  background-color: #D0D9DF;
  border: 1px solid #91A6B5;
  cursor: pointer;
  font-size: 1em;
  font-weight: 500;
  padding: 4px;
  margin-right: 4px;
  width: auto;
}

.link-list-item {
  margin-top: 15px;
}

/*Hide the close buttons on Jquery Dialogs*/
.ui-dialog-titlebar-close {
  visibility: hidden;
}

.ui-dialog .ui-widget-header {
  /*background: #9E012B;*/ /*cranberry from oaisd.org website*/ /*background: #051D2C;*/ /*dark blue from oaisd.org website*/
  background: rgb(118, 118, 118);
  color: white;
  font-size: 0.9em;
}

.ui-dialog .ui-widget-content {
  font-size: 0.8em;
}

.ui-widget-overlay {
  background: black;
  opacity: .30;
}

.button-container {
  margin-top: 20px;
}

.button-spacing {
  margin-left: 20px;
}

.link-button {
  font-weight: 500;
  text-decoration: none;
  background-color: #D0D9DF;
  color: #333333;
  padding: 5px 6px 5px 6px;
  border: 1px solid #91A6B5;
  margin-right: 4px;
  font-family: Arial;
}

.tabs-cleanheader {
  padding: 0;
  background: none;
  border-width: 0;
}

  .tabs-cleanheader .ui-tabs-nav {
    padding-left: 0;
    background: transparent;
    border-width: 0 0 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border-color: #808080;
  }

  .tabs-cleanheader .ui-tabs-panel {
    background: white;
    border-width: 0 1px 1px 1px;
    border-color: #808080;
  }

  .tabs-cleanheader .ui-state-default {
    background: #DBDBDB;
    border-color: #808080;
  }

  .tabs-cleanheader .ui-state-active {
    background: white;
  }

/*Fix a color change to the highlighted tab caused by an update*/
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
  color: black;
}

.datepicker {
  width: 100px !important;
  margin-right: 6px !important;
}

.timeEditor {
  width: 100px !important;
}

.action-links {
  margin: 5px 0 5px 0;  
}

.action-links a {
  margin-left: 10px;
}

.infoLink {
  background: transparent url(../img/Info.png) scroll no-repeat left center;
  padding: 2px 0 2px 20px;
}

.removeLink {
  background: transparent url(../img/Remove.png) scroll no-repeat left center;
  padding: 2px 0 2px 20px;
}

.printLink {
  background: transparent url(../img/Printer.png) scroll no-repeat left center;
  padding: 2px 0 2px 20px;
}

.page-message {
  font-weight: 700;
  margin-top: 10px;
  margin-bottom: 10px;
}

.required-indicator {
  color: #e80c4d;
  padding-left: 5px;
}

.required-disclaimer {
  color: #e80c4d;
}

.event-disclaimer {
  color: #FF0000;
  font-weight: bold;
}

.entryNote {
  padding-left: 10px;
  font-size: 0.8em;
}

.detailList {
  font-size: 0.90em;
}

.dialog-header {
  margin-left: 5px;
  font-weight: 700;
}

th {
  text-align: left;
  padding-left: 5px;
}

td {
  padding-left: 5px;
}

.inlineLink {
  margin-left: 15px;
}

/* Styles for basic forms
-----------------------------------------------------------*/
fieldset {
  border: 1px solid #ddd;
  padding: 0 1.4em 1.4em 1.4em;
  margin: 0 0 1.5em 0;
}

legend {
  font-size: 1.2em;
  font-weight: bold;
}

textarea {
  min-height: 75px;
}

.editor-label {
  margin: 10px 0 0 0;
}

h1 {
  font-size: 21px;
  margin: 5px 0 5px 0;
}


/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
  color: #f00;
  font-weight: bold;
  margin-bottom: 5px;
  display: block;
}

.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;
}

/* calendar styling */
.equinox .training-event {
  border-left: none;
  padding: 2px;
  font-size: 10px;
  color: black;
  min-height: 20px;
}

.equinox .beginning {
  background-color: #96C93D;
}

.equinox .continuing {
  background-color: #F7941E;
}

.equinox .supervisor {
  background-color: #8ED8F8;
}