@charset "utf-8";
/* CSS Document */

body {
  font-family: Arial, Helvetica, sans-serif;
}
#container {
  background-color: #fff;
  font-size: 0.8em;
  margin: 0 auto;
  width: 1400px;
  /*	border-left:2px solid #036;
	border-right:2px solid #036;*/
  padding-bottom: 40px;
  /*background-color:#FFFF99;*/
}
#pagecontent {
  display: inline;
  float: left;
  width: 1400px;
  margin-top: -50px;
  margin-left: 0px;
  text-align: left;
  /*background-color:#9FF;*/
}

#page_border,
#div_item {
  display: inline;
  float: left;
  width: 1400px; /*was 1200*/
  margin-left: 0px;
}

#help_text {
  display: inline;
  float: left;
  width: 1140px;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 0px;
  text-align: left;
  background-color: #e5e5e5;
  padding: 0px 20px 20px 20px;
}

#help_close {
  display: inline;
  float: right;
  width: 30px;
  margin-top: 10px;
  margin-right: 10px;
}

#index_main {
  display: inline;
  float: left;
  width: 100%;
  margin-top: 50px;
  margin-left: 0px;
  text-align: left;
  /*background-color:#9FF;*/
}

#index_main li {
  background: url(../images/triangle_blue.jpg) no-repeat left top;
  list-style-type: none;
  padding: 0px 0px 0px 30px;
  line-height: 30px;
  font-weight: 600;
}

#index_main li a:hover {
  color: #006da5;
}

#pagecontent .triangle li {
  background: url(../images/triangle_blue.jpg) no-repeat left top;
  list-style-type: none;
  padding: 0px 0px 0px 30px;
  line-height: 30px;
  font-weight: 600;
}

#pagecontent .triangle li a:hover {
  color: #006da5;
}

#logo {
  display: inline;
  float: right;
  margin-right: 10px;
  margin-top: 0px;
  /*width: 250px;*/
  height: 66px;
  /*background-color:#9FF;*/
}
a {
  text-decoration: none;
  color: #333333;
}
a:hover {
  color: #a6a6a6;
}
#topnav {
  float: left;
  display: inline;
  width: 1400px;
  height: 36px;
  margin-bottom: 6px;
  background: url(../images/topnav_bg.png) no-repeat;
}
#topnav ul {
  margin: 0;
  padding: 0;
  list-style: none;
  height: 36px;
}
#topnav ul a {
  display: block;
  padding: 0px 20px 0px 20px;
  line-height: 36px;
  color: #333;
  text-decoration: none;
}
#topnav ul li {
  float: left;
  border-right: 1px solid #333;
}
#topnav ul a:hover {
  color: #fff;
  background: url(../images/topnav_link_bg.png) repeat-x;
}
#login_info {
  float: right;
  display: inline;
  margin-right: 20px;
  line-height: 36px;
  color: #fff;
  font-weight: 600;
}
.navlink {
  float: left;
  display: inline;
  padding: 10px 10px 0px 10px;
  text-align: center;
  background-image: url(../images/nav_cell.jpg);
  height: 44px;
  background-repeat: no-repeat;
}
.navlink:hover {
  height: 44px;
  color: #fff;
}
.navlink_2 {
  color: #fff;
  background-color: #ff9900;
  width: 100px;
  height: 20px;
  float: left;
  display: inline;
  margin-left: 5px;
  text-align: center;
  padding: 6px;
}
.navlink_2 a {
  color: #fff;
}
.navlink_2 a:hover {
  color: #adadad;
}
.log_id {
  float: left;
  display: inline;
  padding-top: 10px;
  text-align: center;
  padding-right: 10px;
  width: 136px;
  height: 44px;
  background-repeat: no-repeat;
  color: #fff;
  background-image: url(../images/nav_last_cell.jpg);
}
.home_butt {
  float: left;
  display: inline;
  width: 48px;
  height: 44px;
  background-image: url(../images/nav_home_button.jpg);
}
.home_butt:hover {
  float: left;
  display: inline;
  width: 48px;
  height: 44px;
  background-image: url(../images/nav_home_button_h.jpg);
}
.clearline {
  clear: both;
}
#pagetitle {
  display: inline;
  float: left;
  width: 700px;
  margin-top: 30px;
  margin-left: 0px;
  margin-bottom: 10px;
  font-size: 160%;
  color: #333333;
}
.label {
  color: #333333;
  font-weight: 600;
  text-align: left;
  vertical-align: top;
}
.formlabel {
  color: #333333;
  text-align: right;
  vertical-align: top;
}
.smlabel {
  color: #333333;
  font-weight: 600;
  text-align: left;
  vertical-align: top;
  font-size: 90%;
}
#pagecontent ul {
  margin: 0;
  padding: 0;
}
#pagecontent li {
  padding-left: 10px;
  padding-top: 3px;
  list-style-type: none;
}
.goright {
  text-align: right;
}
.full_line {
  clear: both;
  width: 1000px;
  height: 5px;
  border-bottom: 1px solid #39c;
}
h1 {
  font-size: 120%;
  color: #333333;
  padding-bottom: 20px;
  padding-top: 10px;
}
h2 {
  font-size: 110%;
  color: #333333;
  padding-bottom: 16px;
  padding-top: 10px;
}
h3 {
  font-size: 90%;
  color: #333333;
  padding-bottom: 4px;
  padding-top: 4px;
}
.gofloat {
  display: inline;
  float: left;
  margin-top: 16px; /*was 30 */
  margin-bottom: 16px;
  width: 98%;
}
.gofloat40_right {
  display: inline;
  float: right;
  margin-top: 16px; /*was 30 */
  margin-bottom: 16px;
  width: 40%;
  text-align: right;
}
.gofloat_45 {
  display: inline;
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 45%;
}
.gofloat_40 {
  display: inline;
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 40%;
}
.gofloat_30 {
  display: inline;
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 30%;
}
.gofloat_20 {
  display: inline;
  float: left;
  margin-top: 0px;
  margin-right: 20px;
  margin-bottom: 20px;
  width: 20%;
}
.gofloat_nowidth {
  display: inline;
  float: left;
  margin-bottom: 16px;
  margin-right: 40px;
}
.gofloat_nobdr {
  display: inline;
  float: left;
  margin-bottom: 30px;
}
.gofloat_table {
  display: inline;
  float: left;
  margin-top: 30px;
  margin-right: 30px;
  border: 1px solid #ccc;
}
.gofloat_damage {
  display: inline;
  float: left;
  margin-bottom: 4px;
  margin-left: 0px;
  width: 168px;
  padding: 6px;
  /*border:1px solid #CCC;*/
}
.money {
  text-align: right;
  font-size: 90%;
}
.longtext {
  font-size: 84%;
}
.smalltext {
  font-size: 0.7em;
}
.formtext {
  font-family: Arial, Helvetica, sans-serif;
  padding: 0px;
  margin: 0px;
  text-align: left;
  color: #333;
}
.formtext a {
  color: #f60;
}
.formtext a:hover {
  color: #006da5;
}
.textareacss {
  font-family: Arial, Helvetica, sans-serif;
  padding: 4px;
  text-align: left;
}
.cell_highlight {
  float: left;
  display: inline;
  color: #f00;
  font-size: 130%;
}
.highlight {
  float: left;
  display: inline;
  color: #f00;
  font-size: 130%;
  margin-top: 20px;
  margin-bottom: 20px;
}
.highlight_small {
  color: #f00;
  font-size: 90%;
}
.highlight_small a {
  text-decoration: none;
  color: #f00;
  font-size: 90%;
}
.highlight_small a:hover {
  text-decoration: underline;
  color: #f00;
  font-size: 90%;
}
.lowlight {
  color: #ccc;
}
th {
  background-color: #006da5;
  color: #fff;
  text-align: center;
}
.question {
  color: #06c;
  font-size: 90%;
  text-align: left;
  padding: 8px;
}
.answer {
  font-size: 90%;
  text-align: left;
  padding: 8px;
}
.forty {
  display: inline;
  float: left;
  width: 45%;
  padding-right: 16px;
  padding-left: 10px;
  padding-top: 20px;
}
/*.job_label {
		background-color:#00007f;
		color:#FFF;
		display:block;
}
.job_label a{
		background-color:#00007f;
		color:#FFF;
		display:block;
}*/
.job_label {
  color: #333333;
  font-weight: 500;
}
.job_label a {
  color: #333333;
  font-weight: 500;
}
.job_label_red {
  background-color: #c30;
  color: #fff;
  display: block;
}
.job_label_red a {
  background-color: #c30;
  color: #fff;
  display: block;
}
.job_tab {
  background: url(../images/job_tab.gif) left no-repeat;
  text-align: left;
  width: 100px;
  height: 30px;
  padding-left: 6px;
}
#job_links {
  float: left;
  display: inline;
  border-bottom: 2px solid #ff9900;
}
#carer_contacts_left {
  display: inline;
  float: left;
  width: 200px;
  border: 2px solid #333333;
  /*background-color:#FFC;*/
  /*height:400px;/*temp*/
}
#carer_contacts_right {
  display: inline;
  float: left;
  width: 550px;
  /*background-color:#9FF;*/
  /*height:500px;/*temp*/
  margin-left: 30px;
}
#carer_actions {
  display: inline;
  float: left;
  width: 550px;
  /*background-color:#9FF;*/
  /*height:500px;/*temp*/
  margin-left: 30px;
}
.link_white a {
  text-decoration: none;
  color: #fff;
}
.link_white a:hover {
  color: #ccc;
}
#pba_awards_left,
#ha_awards_left {
  display: inline;
  float: left;
  width: 200px;
  border: 2px solid #333333;
  /*background-color:#FFC;*/
  /*height:400px;/*temp*/
}
#pba_awards_right,
#ha_awards_right {
  display: inline;
  float: left;
  width: 550px;
  /*background-color:#9FF;*/
  /*height:500px;/*temp*/
  margin-left: 30px;
}
.rollover:hover {
  background-color: #e6e7e8;
}
.strike {
  text-decoration: line-through;
  color: #999;
}
#new_invoice {
  display: inline;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 94%;
}
#invoice_pdf {
  display: inline;
  float: left;
  margin-top: 30px;
  margin-bottom: 30px;
  width: 540px;
  height: 40px;
}
#prodresults {
  float: left;
  display: inline;
  width: 600px; /*was 400*/
  margin-top: 60px;
  /*background-color:#CF0;*/
}
.tb_green {
  background-color: #f7faff;
}
.date_picker th {
  color: #ccc;
}
#er_checklist {
  text-align: left;
}
#er_checklist th {
  text-transform: capitalize;
  text-align: center;
}
/*#er_checklist textarea{
	width:300px;
	height:15px;
	text-align:left;
}*/
.red_tick {
  color: #ff0000;
  border: solid 5px #ff0000;
  background-color: #ff0000;
  width: 30px;
}
.dmg_box {
  color: #ff0000;
  border: solid 1px #ff0000;
  background-color: #ff0000;
}
#col_highlight {
  column-rule-color: #ff0000;
}
#no_highlight {
  column-rule-color: #000;
}
.radio_center {
  text-align: center;
}
.pallet_location {
  display: inline;
  float: left;
  width: 350px; /*was 250*/
  margin-top: 10px;
  margin-left: 10px;
  border: 1px solid #666;
}
#po_detail {
  display: inline;
  float: left;
  width: 1400px;
  margin-top: 0px;
  margin-left: 0px;
  text-align: left;
}
#ss_detail {
  display: inline;
  float: left;
  width: 1400px;
  margin-top: 0px;
  margin-left: 0px;
  text-align: left;
}

.js-autocomplete {
  background: #fff;
  background-color: white;
  border: 1px solid #888;
  margin: 0;
  padding: 0;
}
.js-autocomplete ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.js-autocomplete ul li.selected {
  background-color: #ffb;
}
.js-autocomplete ul li {
  list-style-type: none;
  display: block;
  margin: 0;
  padding: 2px;
  cursor: pointer;
}