/* 
 * Kestrel PO System CSS file.
 * Browser CSS reset rules use amended version of base.css 0.4 by Thierry Koblentz
 */
html {
  height: 100%;
  overflow-y: scroll;
}
body {
  height: 100%;
  background: #fff;
  color: #444;
  line-height: 1.4;
}
body, input, button, textarea, select {
  font-family: Helvetica, Arial, sans-serif;
  letter-spacing: .05em;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "Trebuchet MS", Trebuchet, Tahoma, Arial, sans-serif;
  letter-spacing: .1em;
}
pre, tt, code, kbd, samp, var {
  font-family: "Courier New", Courier, monospace;
}
h1 {font-size: 1.5em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.3em;}
h4 {font-size: 1.2em;}
h5 {font-size: 1.1em;}
h6 {font-size: 1em;}
h1, h2, h3, h4, h5 {font-weight: normal;}
/* default styling for links
 */
a:link {color: #000; outline: none}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
a:hover,a:active {outline: none;}
body, p, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, blockquote, th, td {
  margin: 0;
  padding: 0;
}
fieldset, img {
  border: 0;
}
img {vertical-align: bottom;}
ol li,
ul ol li {list-style-type: decimal;}
ul li {list-style-type: disc;}
ul ul li {list-style-type: circle;}
ul ul ul li {list-style-type: square;}
ol ol li {list-style-type: lower-alpha;}
ol ol ol li {list-style-type: lower-roman;}
sub {
  vertical-align: sub;
  font-size: smaller;
}
sup {
  vertical-align: super;
  font-size: smaller;
}
legend {
  color: #000;
  padding-bottom: .5em; 
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption {
  position: absolute;
  left: -999em;
}
th {text-align: center;} 
tbody th {text-align: left;} 
code {color: #06f;}
code, pre {font-family: "Courier New", monospace, serif; font-size: 1em;}
blockquote, q, em, cite, dfn, i, cite, var, address {
  font-style: italic;
}
blockquote p:before, blockquote p:after, q:before, q:after {content: '';}
th, strong, dt, b {
  font-weight: bold;
}
ins {
  text-decoration: none;
  border-bottom: 3px double #333;
}
del {text-decoration: line-through;} 
abbr, 
acronym {
  border-bottom: 1px dotted #333;
  font-variant: normal;
  cursor: help;
}
h1, h2, h3, h4, h5, h6, p, pre, ul, ol, dl, fieldset, address {padding:0 15px;}
dd p, dd pre, dd ul, dd ol, dd dl, li p, li pre, li ul, li ol, li dl, fieldset p, fieldset ul, fieldset ol {
  padding-right: 0;
  padding-left: 0;
}
dd {
  padding-left: 20px;
  margin-top: .5em;
}
li {margin-left:30px;}
table {
  margin-right: 15px;
  margin-left: 15px;
} 
hr {
  margin-right: 15px;
  margin-left: 15px;
  border-style: inset;
  border-width: 1px;
}
h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li, legend, address {padding-top: 0.6em;}
hr, input, button, textarea, select, table {margin-top: 1.2em;}
/* form elements
 */
label {padding-top: 1.2em;}
fieldset {line-height: 1;}
/* vertical alignment of checkboxes (a different value is served to IE 7)
 */
input[type="checkbox"] {
  vertical-align: bottom; 
  *vertical-align: baseline;
}
/* vertical alignment of radio buttons
 */
input[type="radio"] {vertical-align: text-bottom;}
/* vertical alignment of input fields for IE 6
 */
input {_vertical-align: text-bottom;}
input, button, textarea, select, optgroup, option {
  font-size: .9em;
	line-height: 1.4 !important;
}
button,
input[type="submit"],
input[type="reset"],
input[type="button"],
.inputButton {
  *overflow: visible;
  _width: 0;
  padding: .2em .4em;
}
.block {
  padding: 0 30px;
  margin-top: 1.2em;
}
.padding2margin {
  margin-right: 30px;
  margin-left: 30px;
  padding-right: 0;
  padding-left: 0;
}
.noMarker li {
  list-style: none;
  margin-left: 0;
}

/* Layout Rules */
body {
  background: #b2bbc7;
  font-size: 13px;
}

h1, h2 {
  letter-spacing: -1px;
}

#wrapper {
  background: #fff;
  border: 10px solid #979696;
  margin: 20px auto;
  width: 960px;
}

#content {
  padding-bottom: 15px;
}

#header {
  border-bottom: 6px solid #2b4669;
  position: relative;
  padding: 15px 30px;
}

/* Header elements */
#header h1 {
height:130px;
margin:0;
padding:0;
width:700px;
position: relative;
}

#header h1 a {
background: url("/img/common/kestrel-global-logo.png") no-repeat scroll 0 0 transparent;
color: #2B4669;
display: block;
font-size: 26px;
height: 152px;
padding: 30px 0 0 140px;
position: absolute;
text-decoration: none;
top: -24px;
}

.userinfo {
  position: absolute;
  top: 15px;
  right: 30px;
  text-align: right;
}

.userinfo ul li {
  list-style-type: none;
}

.userinfo ul li a {
  text-decoration: none;
  background: #2b4669;
  border: 1px solid #2b4669;
  -moz-border-radius: 8px;
  border-radius: 8px;
  padding: 5px 10px;
  color: #fff;
}

.userinfo ul li a:hover,
.userinfo ul li a:focus {
 background: #fff;
 color: #2b4669;
}

#navigation {
overflow: hidden;
}

#navigation ul {
    
}

#navigation ul li {
 float: left;   
}

/* Client Search & Login form */
#clientsearch {
  margin: 15px 5px;
}

#loginform {
  margin: 15px auto;
  width: 250px;
}

.loginsubmit {
  padding-right:2px;
  text-align:right;
}

.loginerror { 
  color: #c00; 
}

#clientsearch fieldset,
#loginform fieldset {
  border: 1px solid #2b4669;
  padding-bottom: 1.2em;
}

#clientsearch legend,
#loginform legend {
  background: #2b4669;
  border: 1px solid #2b4669;
  padding: 10px;
  color: #fff;
}

.notes {
display:block;
padding:1.5em 0.5em 0;
}

.formcolumn {
	float: left;
	width: 300px;
}

#loginform .formcolumn {
  width: 235px;
}

#clientsearch .dateholder {
	padding-top: 0.6em;
}

#clientsearch label,
#loginform label {
  display: block;
  float: left;
  padding: 1.4em 0.5em 0;
  width: 105px;  
}

#clientsearch select {
    width: 180px;
}

#loginform label {
  padding: 1.2em 0 0;
  width: 85px;  
}

#clientsearch .submitholder {
  clear: both;
}

#customer_results_test {

    
}
/* record display */
#customer_results_test td a,
#customer_results td a {
text-decoration: none;
  /*font-size: 11px;*/
}

/* WebApp icons */
#customer_results_test td a.info,
#customer_results td a.info {
background:url("/media/images/kestrel-icons.png") no-repeat scroll 0 -32px transparent;
display:block;
height:16px;
margin-left:5px;
text-indent:-999em;
width:16px;
}
#customer_results_test td a.doc,
#customer_results td a.doc {
background:url("/media/images/kestrel-icons.png") no-repeat scroll 0 0 transparent;
display:block;
height:16px;
margin:0 auto;
text-indent:-999em;
width:16px;
}
th#docheader {
width:20px;
}
th#docheader span {
display:block;
width:16px;
height:16px;
text-indent:-9999em;
background:url(/media/images/kestrel-icons.png) no-repeat 0 -16px;
margin:0 auto;
}

table th  {
background: #2b4669;
color: #fff;
/*width: 100px;*/
padding: 5px 0;
}

th#info {
width:25px;
}
th#poid {
width:60px;
}
th#status {
width:60px;
}
th#podate, th#needby, th#etd, th#eta {
width:90px;
}
th#destination {
width:120px;
}
th#vendor {
width:260px;
}
th#container_number {
width:100px;
}
th#blref {
width:110px;
}
th#creator {
width:85px;
}

table tr td {
text-align: center;
padding: 5px 0;
border-bottom: 1px dotted #666;
}

.rowalt {
background: #D5DAE1;
}

/* details & documents popup */
#detail_list {
width: 900px;
min-height: 200px;
}

#detail_list ul {
margin: 15px;
padding: 0;
width: 415px;
float: left;
}

#detail_list ul li {
list-style-type:none;
margin:0;
overflow:hidden;
padding: 5px 0;
zoom: 1;
}

#detail_list ul li strong {
display:block;
float:left;
width:170px;
}
#detail_list ul li select {
margin:0;
}
#comments {
/*bottom:30px;*/
clear:both;
left: auto;
/*position:absolute;*/
}

#comments_list {
margin:15px;
width:840px;
}

#comments_list tr th,
#comments_list tr td {
text-align: left;
padding: 5px 10px;
vertical-align: top;
}

#comments_list #commdate {
width: 140px;    
}

#comments_list #commuser {
   
}

#doclist {
width: 400px;
min-height: 200px;
}

#doclist table { 
width: 100%; margin: 0 auto; 
}

#statushelp {
margin:0;
padding:0;
overflow:hidden;
}
#statushelp ul {
margin:0 0 15px;
list-style-type:none;
padding:0;
}
#statushelp ul li {
float:left;
list-style:none;
}
#statushelp ul li span {
float:left;
margin-right:5px;
}

/* po status icons */
.po-issued,
.issued {
background:#fda;
border:1px solid #e90;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.shipper-contacted {
background:#66e;
border:1px solid #00e;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.quoted {
  background: #ee343f;
  border:1px solid #ee242c;
  display:block;
  height:8px;
  margin:0 auto;
  text-indent:-9999em;
  width:8px;
}
.confirm-quote {
  background: #37ea44;
  border:1px solid #ee2d80;
  display:block;
  height:8px;
  margin:0 auto;
  text-indent:-9999em;
  width:8px;
}
.booked {
background:#aee;
border:1px solid #0ee;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.delayed {
background:#e4e;
border:1px solid #e9e;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.shipped {
background:#aca;
border:1px solid #0c0;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.cancelled {
background:#faa;
border:1px solid #f00;
display:block;
height:8px;
margin:0 auto;
text-indent:-9999em;
width:8px;
}
.cargo-received {
    background: none repeat scroll 0 0 #EEEE66;
    border: 1px solid #EEEE00;
    display: block;
    height: 8px;
    margin: 0 auto;
    text-indent: -9999em;
    width: 8px;
}
#addmessage a {
-moz-border-radius:8px 8px 8px 8px;
background:none repeat scroll 0 0 #2B4669;
border:1px solid #2B4669;
color:#FFFFFF;
padding:5px 10px;
text-decoration:none;
position: absolute;
bottom: 30px;
}

#newcomment {
background:#fff;
border:1px solid #f00;
-moz-border-radius:8px;
border-radius:8px;
bottom: 75px;
min-height:320px;
left:15px;
position:absolute;
width:350px;
}
#commentform p {
clear:both;
overflow: hidden;
}
#commentform textarea {
border:1px solid #2b4669;
width:300px;
height:150px;
}
#commentform label {
display:block;
font-weight:bold;
float:left;
}
#commentform label.error {
color:#c00;
display:block;
font-weight:normal;
margin:0;
padding:5px;
text-align:right;
float:right;
width: 280px;
}
#commentform textarea {
border:1px solid #2B4669;
height:150px;
width:320px;
}
#commentform input[type=text] {
float:right;
width:200px;
border:1px solid #2B4669;
padding:3px;
}
#commentform input[type=submit] {
margin-bottom: 15px;    
}
#commentform select {
float:right;
width:208px;
padding:3px;
border:1px solid #2B4669;
}
.portalpanel {
border:1px solid #666; 
width: 430px; 
float: left; 
margin: 10px 15px; 
padding-bottom:10px;
}

#resetform, #resetform:active {
    margin-left: 20px;
    colour: #f00;
    text-decoration: none;
}
#client_switch p {
    margin: 0;
    padding: 0;
}

a.csvdownload {
    background: #2B4669;
    padding: 5px;
    clear: left;
    color: #fff;
    text-decoration: none;
    margin-bottom: 1em;
    display: block;
    width: 100px;
    text-align: center;
}

li.adminlink {
    position: absolute;
    bottom: 0;
    left: -5px;
}