﻿body
{
    font-size: .85em;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #232323;
    background-color: #fff;
    max-width: 960px; 
    margin: 0 auto;
    border: 1px solid black;
    padding: 0;
}

header,
footer,
nav,
section {
    display: block;
}

/* 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: 1em 0 0 0;
}

.editor-field 
{
    margin:0.5em 0 0 0;
}

table {
    width: 100%;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}


/* Misc
-----------------------------------------------------------*/

p.h3 {
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
}

td.JobSummaryBody {
    border: 1px solid #000000;
    background-color: #ffffff;
    /*background-color: #eaeaea;*/
    padding-left: 5px;
    padding-right: 5px;
}

td.JobApplyBody {
    border: 1px solid #000000;
    /*background-color: #ffffff;*/
    background-color: #eaeaea;
    padding-left: 5px;
    padding-right: 5px;
}

td.JobSummaryLabel {
    /* background-color: #647ba4; */
    padding-left: 5px;
    padding-right: 5px;
}

td.JobSummaryContactInfo {
    background-color: #28567B;
    color: #ffffff;
}

td.JobSummaryContactInfoContent {
    background-color: #D2C6B2;
}

.top-contact-info {
    font-size: 24px;
    color: #05A471;
}

td.Bolded {
    font-weight: bold;
}

.CenterText {
    text-align: center;
}

.AlignLeft
{
    float: left;
    vertical-align: middle;
}

.AlignRight
{
    float: right;
    vertical-align: middle;
}

.Menu {
    color: #eeeeee;
    /* font-weight: bold; */
    font-size: 14px;
    text-decoration: none;
}

.Resume {
    border: 1px solid #647ba4;
}

.ResumeText {
    width: 375px;
    height: 100px;
}

a.LoginArea {
    color: #ffffff;
    text-decoration: none;
}

a.Middle {
    vertical-align: middle;
    display: table-cell;
    line-height: 100%;
}

div.MenuItem {
    display: inline-block;
    float: left; 
    width: 225px; 
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}

div.MenuItem:hover {
    display: inline-block;
    background-color: #05A471;
    float: left; 
    width: 240px; 
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
    letter-spacing: 2px;
    text-transform: uppercase;
}

input.alertbox {
    border: 1px solid red;
}

.NoWrap {
    white-space: nowrap;
}

input.Required {
    border: 1px solid #ff0000;
}


/* Job Board-specific
-----------------------------------------------------------*/

.top-menu-bar {
    max-width: 100%;
    height: 20px;
}

.middle-menu-bar {
    display: table; 
    width: 100%; 
    height: 36px; 
    overflow: hidden; 
    /*background-color: #557aa6;*/
    padding: 0;
} 

.gradient-menubar {    
    background: -moz-linear-gradient(top, #274c68 0%, #0d2338 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#274c68), color-stop(100%,#0d2338));
    background: -webkit-linear-gradient(top, #274c68 0%,#0d2338 100%);
    background: -o-linear-gradient(top, #274c68 0%,#0d2338 100%);
    background: -ms-linear-gradient(top, #274c68 0%,#0d2338 100%);
    background: linear-gradient(to bottom, #274c68 0%,#0d2338 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#274c68', endColorstr='#0d2338',GradientType=0 );
} 

/* Buttons
-----------------------------------------------------------*/

.ApplyButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	box-shadow:inset 0px 1px 0px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:3px;
	-moz-border-radius-topleft:3px;
	border-top-left-radius:3px;
	-webkit-border-top-right-radius:3px;
	-moz-border-radius-topright:3px;
	border-top-right-radius:3px;
	-webkit-border-bottom-right-radius:3px;
	-moz-border-radius-bottomright:3px;
	border-bottom-right-radius:3px;
	-webkit-border-bottom-left-radius:3px;
	-moz-border-radius-bottomleft:3px;
	border-bottom-left-radius:3px;
	text-indent:0;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:22px;
	line-height:22px;
	min-width:113px;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
}
.ApplyButton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}

.ApplyButton:active {
    position: relative;
    top: 1px;
 }

.JoinButton {
   border-top: 1px solid #96d1f8;
   background: #32729c;
   background: -webkit-gradient(linear, left top, left bottom, from(#1e5275), to(#32729c));
   background: -webkit-linear-gradient(top, #1e5275, #32729c);
   background: -moz-linear-gradient(top, #1e5275, #32729c);
   background: -ms-linear-gradient(top, #1e5275, #32729c);
   background: -o-linear-gradient(top, #1e5275, #32729c);
   padding: 5px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 14px;
   font-style: italic;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.JoinButton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ccc;
   }
.JoinButton:active {
   border-top-color: #1b435e;
   background: #1b435e;
   }

.MultiButton {
   border-top: 1px solid #292929;
   background: #696969;
   background: -webkit-gradient(linear, left top, left bottom, from(#a1a1a1), to(#696969));
   background: -webkit-linear-gradient(top, #a1a1a1, #696969);
   background: -moz-linear-gradient(top, #a1a1a1, #696969);
   background: -ms-linear-gradient(top, #a1a1a1, #696969);
   background: -o-linear-gradient(top, #a1a1a1, #696969);
   padding: 6px 12px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #fff;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.MultiButton:hover {
   border-top-color: #6e6e6e;
   background: #6e6e6e;
   color: #ccc;
   }
.MultiButton:active {
   border-top-color: #363636;
   background: #363636;
   }

.hidden_ada {
    position: absolute;
    left: -10000px;
    top: auto;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* Responsive updates - 6/1/2020 */

* {
  box-sizing: border-box;
}

/* Create two equal columns that floats next to each other */
.column {
  float: left;
  width: 50%;
  padding: 10px;
  /*height: 300px;*/ /* Should be removed. Only for demonstration */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}

/*2023.8.1*/

.pad7and10 {
    padding: 7px 10px;
}

/* DivTable */
.divTable {
    display: table;
    width: 100%;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    display: table-cell;
    padding: 5px 10px;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

#ForgotPassword {
    width: 400px;
    max-width: 400px;
}

.red_text {
    color: #ff0000;
}

.green_text {
    color: #228B22;