/* 
 * 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;}
a:visited {text-decoration: none;}
a:hover {text-decoration: none;}
a:focus {text-decoration: none;}
a:focus,:focus {outline: 1px dotted #000;}
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: 0;
  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: #fff;
  font-size: 13px;
  line-height: 1.5;
}

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

#wrapper {
  background: #fff;
  margin: 20px auto;
  width: 90%;
  border:0;
}

#content {
  padding-bottom: 15px;
}

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

/* Header elements */
#header h1 {
  margin: 0;
  padding: 0;
}

#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,
#navigation,
#clientsearch {
  display: none;
}

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

/* WebApp icons */
#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;
display:none;
}
#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;
display:none;
}
th#docheader {
width:20px;
}
th#docheader span {
display:block;
width:16px;
height:16px;
text-indent:-9999em;
background:none;
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 solid #bbb;
}

.rowalt {
background: #D5DAE1;
}

/* po status icons */
.po-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;
}
.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;
}