html, body {background: #d6d6d6 url("../images/bg.gif") 0 0 repeat; margin:0; padding:0; font-family: Arial, verdana, helvetica; font-size: 12px; color:#333333;height: 100%; width:100%; }
img {border:0;}
form,h1,h2,h3,h4,h5,p {margin:0;padding:0;}
.both {clear: both; }
/*Test*/
hr {padding:0; margin:3px 0;}
#header {margin:0 0 20px;padding:0;background:#fff;height:115px;position:relative;}
#header .menu {background:#123361 url(../images/bg_menu.gif) 0 0 repeat;height:40px;position:absolute;bottom:0;left:0;width:100%;}
#header .menu ul {height:40px;margin:0;padding:0 0 0 10px;list-style:none}
#header .menu li {height:40px;line-height:40px;float:left;margin:0; padding:0;}
#header .menu a  {height:40px;line-height:40px;display:block;font-size:14px;color:#97b2d8;text-decoration:none;}
#header .menu a span {border-left:1px solid #97b2d8;padding:0 30px}
#header .menu a:hover,#header .menu .active a {color:#fff;}
#header .menu .active a {background: url(../images/bg_menu_li.gif) center top no-repeat;}
#header .menu li.home {background: url(../images/bg_menu_li.gif) left center no-repeat;}
#header .menu li.home.active a {background: url(../images/bg_menu_li.gif) left bottom no-repeat;}
#header .menu li.home span {border:0;}
#header .logo {position:absolute;top:10px;left:10px;background: url(../images/logo.gif) 0 0 no-repeat;width:193px;height:55px;}
#header .logout {position:absolute;top:20px;right:10px;font-size:14px;color:#003768;text-decoration:none;height:30px;line-height:30px;text-align:center;width:90px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: #999999 0 2px 2px;-moz-box-shadow: #999999 0 2px 2px;box-shadow: #999999 0 2px 2px;background-image: -moz-linear-gradient(top, #f1f1f1, #cdcdcd);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #f1f1f1),color-stop(1, #cdcdcd));}
#header .logout:hover {text-decoration:underline}
#header .logout b {color:#7ac142;font-size:16px;}

.center {text-align:center; margin:0 auto;}

.box {position: relative;margin:15px auto 10px auto;background:#fff;border:1px solid #999999;width:450px;-webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius: 20px;-webkit-box-shadow: #999999 0 5px 5px;-moz-box-shadow: #999999 0 5px 5px;box-shadow: #999999 0 5px 5px;background-image: -moz-linear-gradient(top, #ffffff, #f0f0f0);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #ffffff),color-stop(1, #f0f0f0));filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f0f0f0')";}
.box_size_4 {position: relative;margin:15px auto 10px auto;background:#fff; width:auto;border:1px solid #999999;}
.box.sixe_1 {width:550px;}
.box.sixe_2 {width:750px;}
.box.sixe_3 {width:900px;}
.box form {padding-top:20px}
.box h2 {background:#13335f;color:#fff;font-size:18px;padding:10px 20px;-webkit-border-top-left-radius: 20px;-webkit-border-top-right-radius: 20px;-moz-border-radius-topleft: 20px;-moz-border-radius-topright: 20px;border-top-left-radius: 20px;border-top-right-radius: 20px;border-bottom:1px solid #0d2242;background-image: -moz-linear-gradient(top, #14386a, #12305a);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #14386a),color-stop(1, #12305a));filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a')";}
.box h2 b.plus {padding:0 25px;display:inline-block;background: url(../images/plus.gif) left center no-repeat;}
.box h2 b.edit {padding:0 25px;display:inline-block;background: url(../images/edit.gif) left center no-repeat;}
.box table {margin:0;padding:0;font-size:14px;width:100%;}
.box th {margin:0;padding:7px 20px;text-align:left;font-weight:bold;color:#19437f;}
.box td {margin:0;padding:7px 20px;border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;}
.smaller td {margin:0;padding:7px 10px;border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;}
.smaller2 td {margin:0;padding:2px 5px;border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;}
.box td.first {border-left:0;}
.box .qreport th {margin:0;padding:2px 5px;text-align:left;font-weight:bold;color:#19437f;border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7; text-align:center; font-size:14px;}
.box .qreport td {margin:0;padding:2px 5px;border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7; text-align:center; font-size:12px;}
.box .tableTop td {font-weight:bold;border:0;text-align:left;background:#13335f;color:#fff;margin:0;background-image: -moz-linear-gradient(top, #14386a, #12305a);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #14386a),color-stop(1, #12305a));filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a')";}
.box .tableTop .first {-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;}
.box .tableTop .last {-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.box .tableBottom td {border:0;padding:2px 20px;text-align:center;background:#13335f;color:#fff;margin:0;-webkit-border-bottom-right-radius: 20px;-webkit-border-bottom-left-radius: 20px;-moz-border-radius-bottomright: 20px;-moz-border-radius-bottomleft: 20px;border-bottom-right-radius: 20px;border-bottom-left-radius: 20px;background-image: -moz-linear-gradient(top, #14386a, #12305a);background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #14386a),color-stop(1, #12305a));filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a');-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#14386a', endColorstr='#12305a')";}
.box .nobord td {border:0;}
.box p  {color:#676767;font-size:12px;padding: 10px;height:30px;line-height:30px;}
.box .tableBottom td p {margin:0;padding:3px 0;}
.box p.size_1 {margin:0 auto;width:400px;}
.box label {float:left;width:125px;height:30px;line-height:30px;text-align:right;padding-right:5px;}
.box label.size_1 {width:50px;}
.box label b {color:#003768;}
.box input {float:left;}
.box input.submit {float:none;}
.box input.bord {border:1px solid #999999;width:260px;height:30px;line-height:30px;}
.box input.submit.size_1 {width:210px;}
.box a {/*float:left;*/color:#19437f;text-decoration:none;padding:0 5px;}
.box a.bordL {border-left:1px solid #19437f;}
.box a:hover {text-decoration:underline;}
.box span.bord {border:1px solid #999999;background:#fff;height:23px;display:inline-block;padding:3px}
.box span.bord select {background:#fff;border:0;margin:0;padding:0;height:23px;}
/* */
.box_size_4 form {padding-top:20px; margin:0 auto;}
.box_size_4 h2 {background:#13335f;color:#fff;font-size:18px;padding:10px 20px;}
.box_size_4 h2 b.plus {padding:0 25px;display:inline-block;background: url(../images/plus.gif) left center no-repeat;}
.box_size_4 h2 b.edit {padding:0 25px;display:inline-block;background: url(../images/edit.gif) left center no-repeat;}
.box_size_4 table {margin:0 auto;padding:0;font-size:14px;}
.box_size_4 th {margin:0;padding:7px 5px 0px 7px;text-align:left;font-weight:bold;color:#19437f;}
.box_size_4 th a{color:#ffffff;}
.box_size_4 td {margin:0;padding:7px 5px; border:none;}
.box_size_4.border td {margin:0;padding:7px 5px; border-bottom: 1px solid #a7a7a7;border-left: 1px solid #a7a7a7;}
.box_size_4.border tr.headers{background-color:#13335f;}
.box_size_4.border th {margin:0;padding:7px 5px;text-align:left;font-weight:bold;color:#fff;}
.box_size_4 td.first {border-left:0;}
.box_size_4.border td.first {border-left:0;}
.box_size_4 .tableTop td {font-weight:bold;border:0;text-align:left;background:#13335f;color:#fff;margin:0;}
.box_size_4 .tableTop .first {-webkit-border-top-left-radius: 20px;-moz-border-radius-topleft: 20px;border-top-left-radius: 20px;}
.box_size_4 .tableTop .last {-webkit-border-top-right-radius: 20px;-moz-border-radius-topright: 20px;border-top-right-radius: 20px;}
.box_size_4 .tableBottom td {border:0;padding:2px 20px;text-align:center;background:#13335f;color:#fff;margin:0;}
.box_size_4 .nobord td {border:none;}
.box_size_4 td.nobord {border:none;}
.box_size_4 p  {color:#676767;font-size:12px;padding: 10px;height:30px;line-height:30px;}
.box_size_4 .tableBottom td p {margin:0;padding:3px 0;}
.box_size_4 p.size_1 {margin:0 auto;width:400px;}
.box_size_4 label {float:left;width:125px;height:30px;line-height:30px;text-align:right;padding-right:5px;}
.box_size_4 label.size_1 {width:50px;}
.box_size_4 label b {color:#003768;}
.box_size_4 input {}
.box_size_4 input.bord {border:1px solid #999999;width:260px;height:30px;line-height:30px;}
.box_size_4 input.submit {}
.box_size_4 input.submit.size_1 {width:210px;}
.box_size_4 a {color:#19437f;text-decoration:none;padding:0 5px;}
.box_size_4 a.bordL {border-left:1px solid #19437f;}
.box_size_4 a:hover {text-decoration:underline;}
.box_size_4 span.bord {border:1px solid #999999;background:#fff;height:23px;display:inline-block;padding:3px}
.box_size_4 span.bord select {background:#fff;border:0;margin:0;padding:0;height:23px;}
.box_size_4 span.bord input {background:#fff;border:0;margin:0;padding:0;height:23px;}
/* */


#sign_in_box {position:absolute;top:50%;left:50%;margin:-150px 0 0 -225px;height:300px;width:450px;}

.homeLinks {margin:0 auto;width:660px;padding:0;list-style:none;}
.homeLinks li {margin:10px;padding:0;width:300px;height:82px;float:left;}
.homeLinks a {background: url(../images/bgHomePage_a.gif) 20px 0 no-repeat;display:block;width:300px;height:82px;line-height:82px;color:#646464;font-size:16px;text-decoration:none;text-align:right;}
.homeLinks a:hover {text-decoration:none;}
.homeLinks b {color:#7ac142;padding:0 10px}
.homeLinks .EditLocations a {background-position: 20px -82px;}
.homeLinks .CreateReports a {background-position: 20px -164px;}
.homeLinks .ViewReports   a {background-position: 20px -246px;}
.homeLinks .TimeSheets   a {background-position: 20px -328px;}
.homeLinks .EQTracking a {background-position: 20px -482px;}
.homeLinks .Materials a {background-position: 20px -646px;}
.homeLinks .PO a {background-position: 20px -564px;}
.homeLinks .DFieldLog a {background-position: 20px -400px;}
.homeLinks .Award a {background-position: 20px -742px;}
.homeLinks .PreMeet a {background-position: 20px -829px;}
.homeLinks .BuyOut a {background-position: 20px -906px;}
.homeLinks .PCO a {background-position: 20px -990px;}
.homeLinks .TMO a {background-position: 20px -1070px;}
.overlay{
    opacity:0.6;
    background-color:#000;
    position:fixed;
    width:100%;
    height:100%;
    top:0px;
    left:0px;
    z-index:1000;
}

/*  _____       _       _      ____                                                                               
  / ___/____  (_)___  (_)__  / / /___                                                                            
  \__ \/ __ \/ / __ \/ / _ \/ / / __ \                                                                           
 ___/ / /_/ / / / / / /  __/ / / /_/ /                                                                           
/____/ .___/_/_/ /_/_/\___/_/_/\____/                                                                            
    /_/___            _                            __     ________                __        __        __         
   / ____/___ ___  __(_)___  ____ ___  ___  ____  / /_   / ____/ /___  __  ______/ /  _____/ /___  __/ /__  _____
  / __/ / __ `/ / / / / __ \/ __ `__ \/ _ \/ __ \/ __/  / /   / / __ \/ / / / __  /  / ___/ __/ / / / / _ \/ ___/
 / /___/ /_/ / /_/ / / /_/ / / / / / /  __/ / / / /_   / /___/ / /_/ / /_/ / /_/ /  (__  ) /_/ /_/ / /  __(__  ) 
/_____/\__, /\__,_/_/ .___/_/ /_/ /_/\___/_/ /_/\__/   \____/_/\____/\__,_/\__,_/  /____/\__/\__, /_/\___/____/  
         /_/       /_/                                                                      /____/             
*/
/* Container styling */
.box.dispatch-search {
  max-width: 880px;
  width: 880px;
  margin: 0 auto;
  padding: 20px;
  background: #fff;
  border-radius: 0 0 10px 10px;
  /* soften the grey page behind it */
}
.box {
    width: 880px;
}

/* Flex‐layout for the three search blocks */
.dispatch-search {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: wrap;
}

/* Each block gets its own column */
.dispatch-search .search-block {
  flex: 1 1 250px; /* grow & shrink, base width ~250px */
  margin: 0 10px;
}

/* OR separators */
.dispatch-search .or-sep {
  flex: 0 0 auto;
  align-self: center;
  margin: 0 5px;
  color: #c00;
  font-weight: bold;
}

/* Ensure your headings inside each block are aligned the same */
.dispatch-search .search-block > p {
  margin-bottom: 5px;
  font-weight: bold;
}

/* Tidy up form controls */
.dispatch-search select,
.dispatch-search input[type="text"] {
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 10px;
  padding: 5px;
}

/* Search button styling */
.dispatch-search button,
.dispatch-search input[type="submit"] {
  display: block;
  margin: 0 auto;
  padding: 6px 12px;
  border-radius: 4px;
  background: #005290;
  color: #fff;
  border: none;
  cursor: pointer;
}
.dispatch-search button:hover,
.dispatch-search input[type="submit"]:hover {
  background: #003f6b;
}
.wildcard-wrap {
  text-align: center;
  margin-top: 10px; /* optional spacing */
}
.wildcard-wrap sub {
  display: inline-block; /* so padding/margins work if you need them */
}
.results-container {
    max-width: 1180px;
    margin: 0 auto;
}
/* Center and stack the form rows */
.multi-search-form {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
}

/* Lay each row out side-by-side */
.multi-search-form .multi-row {
  display: flex;
  gap: 5px;
}

/* Make inputs & selects a sensible size */
.multi-row input {
  width: 180px;
}
.multi-row select {
  width: 120px;
}

/* Center the wildcard hint below */
.wildcard-hint {
  display: block;
  margin: 5px auto 0;
  text-align: center;
  font-size: 0.9em;
  color: #555;
}