@charset "utf-8";
.rounded, #formstyle, legend, fieldset, #nav>select {
  border-radius: 5px;
}

.shadowed {
  box-shadow: 0 0 2px 2px #189952;
}

.contenter_24 {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  font-family: Calibri, myriad-pro, helvetica, arial, sans-serif;
}

.grid_3, .grid_24 {
  display: inline;
  float: left;
  padding-left: 2px;
}

.container_24 .grid_3 {
  width: 112px;
  float: left;
}

.container_24 .grid_21 {
  width: 903px;
  width: 1024px;
  float: left;
}

.headmain {
  font-size: 23px;
  font-weight: bold;
  text-shadow: 0 -1px 0 #231914;
  margin-top: -18px;
}

#message {
  color: red;
  padding-bottom: 15px;
}

#subheading1 {
  color: white;
  float: left;
  font-size: 1em;
  font-style: italic;
}

#subheading2 {
  float: right;
  margin-top: -12px;
  font-size: 16px;
}

#subheading2 ul>li {
  color: black;
  text-shadow: 0 -1px 0 #231914;
  overflow: hidden;
  list-style: none;
  float: right;
  padding-left: 8px;
}

#nav {
  background: url(../img/menu_bg.png) repeat-x;
  background-size: 200px 50px;
  color: white;
  height: 45px;
  line-height: 45px;
  padding-left: 0px;
  margin-top: 1px;
}

#nav>ul {
  list-style: none;
  overflow: hidden;
}

#nav>ul a {
  padding-left: 12px;
  padding-right: 12px;
  float: left;
  display: inline;
  text-shadow: 0 0 0 #281f1b;
  font-size: 16px;
  color: black;
  text-decoration: none;
}

#nav>ul a:hover {
  background: #efb04f;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-transition: background 1s;
  -moz-transition: background 1s;
  transition: background 1s;
}

#sidebarSA {
  font-size: 13px;
  padding: 3px;
  height: 750px;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
  border-right: 1px solid #bba67b;
}

#sidebarSA li {
  font-size: 14px;
  border-radius: 9px;
  border: 1px;
  padding: 2px;
  list-style: none;
  margin-left: -40px;
  padding-left: 10px;
  padding-bottom: 10px;
}

#sidebarSA li:hover {
  cursor: pointer;
  background: #b3b3ff;
  color: yellow;
  background: -moz-linear-gradient(top, #1E90FF, #5CACEE);
  background: -ms-linear-gradient(top, #1E90FF, #5CACEE);
  background: -o-linear-gradient(top, #1E90FF, #5CACEE);
  background: -webkit-linear-gradient(top, #1E90FF, #5CACEE);
  background: linear-gradient(top, #1E90FF, #5CACEE);
}

#sidebar {
  margin-top: 0px;
  height: 900px;
  display: inline;
  border-right: 1px solid #bba67b;
  background: -moz-linear-gradient(right, #A5CDFA, #e7eef6) repeat-y;
  background: -ms-linear-gradient(right, #A5CDFA, #e7eef6) repeat-y;
  background: -o-linear-gradient(right, #A5CDFA, #e7eef6) repeat-y;
  background: -webkit-linear-gradient(right, #A5CDFA, #e7eef6) repeat-y;
  background: linear-gradient(right, #A5CDFA, #e7eef6) repeat-y;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
  background: linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
}

#primary_hd {
  height: 50px;
  background: #e1e0e0;
}

#primary_dt {
  height: 850px;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
}

.workspace, #list, #detail, #search {
  margin-left: 20px;
  font-size: 15px;
}

.buttons {
  float: right;
  margin-right: 25px;
}

button {
  float: right;
  font-size: 10px;
  border-radius: 8px;
  /* text-shadow: 0 -1px 0 #e09944 ; */
  cursor: pointer;
  margin-top: 8px;
  padding: 6px 8px 6px 8px;
  color: white;
  background: -moz-linear-gradient(top, #1E90FF, #104E8B);
  background: -ms-linear-gradient(top, #1E90FF, #104E8B);
  background: -o-linear-gradient(top, #1E90FF, #104E8B);
  background: -webkit-linear-gradient(top, #1E90FF, #104E8B);
  background: linear-gradient(top, #1E90FF, #104E8B);
}

button:hover {
  background: -moz-linear-gradient(top, #1E90FF, #5CACEE);
  background: -ms-linear-gradient(top, #1E90FF, #5CACEE);
  background: -o-linear-gradient(top, #1E90FF, #5CACEE);
  background: -webkit-linear-gradient(top, #1E90FF, #5CACEE);
  background: linear-gradient(top, #1E90FF, #5CACEE);
}

.button_small {
  font-size: 15px;
  cursor: pointer;
  padding: 0px;
}

#busy_wait {
  background-color: white;
  position: absolute;
  top: 350px;
  left: 500px;
}

#busy_wait2 {
  background-color: white;
  position: absolute;
  top: 100px;
  left: 200px;
}

.table_main, .table_main2 {
  font-size: 12px;
  margin-top: 3px;
  border-collapse: collapse;
  box-shadow: 0 0 2px 2px #d5d9de;
  border: 1px;
}

.table_main thead, tfoot>tr, .table_main2 thead, tfoot>tr {
  background: url(../img/menu_bg.png) repeat-x;
  cursor: pointer;
  color: white;
}

.table_main thead th, tfoot th, .table_main2 thead th, tfoot th {
  border-right: 1px solid #d5d9de;
  padding: 6px;
}

.showQoh, .table_main tbody, .table_main2 tbody {
  border-right: 1px solid #d5d9de;
  padding: 5px;
  border: 1px solid #d5d9de;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 10, 0 10, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
}

.showQoh {
  position: absolute;
  width: 120px;
  height: 30px;
  padding: 15px;
  border: 1px solid black;
  /* These three lines are for transparency in all browsers. */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
  filter: alpha(opacity=90);
  opacity: .9;
}

.table_main tbody>tr, .table_main2 tbody>tr {
  border-bottom: 1px solid #e1e0e0;
}

.table_main tbody>tr:hover, .table_main2 tbody>tr:hover {
  background-color: #CAE1FA;
  cursor: pointer;
}

.table_main tbody>tr td, .table_main2 tbody>tr td {
  padding: 4px 3px;
  /* pixels */
  border-right: 1px solid #d5d9de;
  /* to avoid the hacks for the padding */
}

.hide {
  display: none;
}

body {
  font-size: 10px;
  background: #e1e0e0;
  url(../img/body_bg2.jpg) repeat-x 0 0;
}

h1 {
  color: #00418C;
}

p {
  color: #00418C;
}

#footers {
  background: url(../img/menu_bg.png) repeat-x;
  height: 25px;
  width: 1024px;
  /*position: fixed;*/
  bottom: 0;
  padding: 0px 0px 0px 30px;
}

#formstyle_long, #editAdditional, #formTag, #formQoh {
  font-size: 12px;
  padding: 5px;
  margin-bottom: 35px;
  width: 96%;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
}

#formstyle_long ul {
  list-style: none;
  margin: 0;
}

#formstyle_long ul li {
  margin-bottom: 6px;
  margin-left: -30px;
}

#formstyle_long ul li label {
  display: block;
  float: left;
  width: 230px;
  line-height: 20px;
}

#formstyle, .return_qoh {
  font-size: 12px;
  border-right: 1px solid #CAE1FA;
  margin-top: 3px;
  padding: 5px;
  margin-bottom: 35px;
  width: 96%;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
}

#formstyle ul {
  list-style: none;
  margin: 0;
}

#formstyle ul li {
  margin-bottom: 6px;
  margin-left: -30px;
}

#formstyle ul li label {
  display: block;
  float: left;
  width: 100px;
  line-height: 20px;
}

#formstyle_custom {
  font-size: 12px;
  border-right: 1px solid #CAE1FA;
  margin-top: 3px;
  padding: 5px;
  margin-bottom: 35px;
  background: #e1e0e0;
  /* Fallback */
  background: -moz-linear-gradient(top, #f0f2f4, #e1e0e0 1px, #f0f2f4 60px);
  background: -webkit-gradient(linear, 0 0, 0 60, from(#f0f2f4), color-stop(3%, #e1e0e0), to(#f0f2f4));
}

#formstyle_custom ul {
  list-style: none;
  margin: 0;
}

#formstyle_custom ul li {
  margin-bottom: 6px;
  margin-left: -30px;
}

#formstyle_custom ul li label {
  display: block;
  float: left;
  width: 100px;
  line-height: 20px;
}

legend {
  background: url(../img/menu_bg.png) repeat-x;
  color: white;
  height: 22px;
  line-height: 21px;
  padding: 0 15px;
  margin-top: 10px;
  margin-bottom: 10px;
  font: sans-serif;
  font-size: 138%;
}

#search {
  height: 45px;
  line-height: 45px;
  font-size: 20px;
  text-shadow: 0 -1px 0 #e09944;
}

#search>label {
  padding-left: 5px;
}

#ui-datepicker-div {
  font-size: 12px;
}

input[type="text"], input[type="password"], input[type="email"], input[type="tel"], textarea, select {
  color: black;
  padding: 0 8px;
  border: 1px solid #d5d9de;
  outline: none;
  height: 20px;
  font-size: 10px;
  -moz-box-shadow: 0 0 0 5px #faf9f9, inset 0 0 5px 5px #c8c7c7;
  -webkit-box-shadow: 0 0 0 5px #c8c7c7, inset 0 0 5px 5px #faf9f9;
  box-shadow: 0 0 0 5px #f0f2f4, inset 0 0 5px 5px #faf9f9;
}

textarea {
  height: 50px;
}

input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="tel"]:hover, input[type="tel"]:focus {
  /*border: 1px solid #c1c5ca;*/
  textarea:hover, textarea:focus, input[type="text"]:hover, input[type="text"]:focus, input[type="password"]:hover, input[type="password"]:focus, input[type="email"]:hover, input[type="email"]:focus, input[type="tel"]:hover, input[type="tel"]:focus {
    /*border: 1px solid #c1c5ca;*/
    box-shadow: 0 0 1px rgba(81, 203, 238, 1);
    /*padding: 3px 0px 3px 3px;*/
    /*margin: 5px 1px 3px 0px;*/
    border: 1px solid rgba(81, 203, 238, 1);
  }
  input[type=text]:focus, input[type=password]:focus, textarea:focus {
    box-shadow: 0 0 5px rgba(81, 203, 238, 1);
    border: 1px solid rgba(81, 203, 238, 1);
  }
  .ui-autocomplete {
    width: 600px;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    font-size: 120%;
  }
  #searchInput {
    -moz-box-shadow: 0 0 0 5px #faf9f9, inset 0 0 5px 5px #c8c7c7;
    -webkit-box-shadow: 0 0 0 5px #c8c7c7, inset 0 0 5px 5px #faf9f9;
    box-shadow: 0 0 0 5px #e1e0e0, inset 0 0 5px 5px #faf9f9;
  }
  .return_qoh {
    position: absolute;
    font-weight: bold;
    border: 1px sold black;
    width: 250px;
    height: 150px;
    padding: 10px 30px;
    /* These three lines are for transparency in all browsers. */
    /*   -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
       filter: alpha(opacity=90);
     opacity:.9;

}