@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
    display: block;
}
html, body {
    font-family:Verdana;
    font-size: 85%;
    height:100%; 
    background-color:#E8E8E8;
}

body {
    line-height: 1;
    overflow-y: auto;
}
strong {
    font-weight:bolder;
}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    font-size:inherit;
    width:100%;
}

body {
    width:96%;
    margin-left:auto;
    margin-right:auto;
    padding-left:2%;
    padding-right:2%
}
input {
    font-family:sans-serif;
    font-size: 85%;
    float:inherit;
}

select {
    font-size: 100%;
}

form.box {
    border: 2px solid gray;
}

input.check {
    height: 13px;
    width: 13px;
}

textarea {
    font-family:sans-serif;
    font-size: 85%;
    float: inherit;
}

label, select {
    float: left;
    width: 160px;
    margin-bottom: 4px;
}

br {
    clear: left;
}

hr {
    border-style: solid;
    margin: 0;
    border-width: 3px 0 0 0;
}

a > img {
    border-style: none;
}

.menu {
    width:150px;
    float:left;
    z-index:939;
    position:relative;
}

#bottom .ui-menu {
    margin-left:20px;
}

#header {
    height: 68px;
}

#headercontent {
    margin-top:8px;
}

.ui-selectmenu-menu {
    z-index:9999999 !important; /*To have nice looking dropdown work with modals.*/
}

#content{
    height: 85%;
    width: 100%;
}

#container{
    height: 100%;
    width: 100%;
}

#tableholder{
    height: 90%;
    width: 100%;
}

#content > .right {
    float: right;
    margin-right: 0;
}

#left_panel input {
    padding: 5px; /*Standard padding on all input elements to make them a little more comfortable.*/
}

.menuholderTop {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:100%;
    height: 50%;
    margin:0px auto;
}

.menuholderBottom {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
    width:100%;
    height: inherit;
    margin:0px auto;
}

.menuitem {
    width: 155px;
    height: 155px;
    vertical-align: top;
    zoom: 1;
    border: 0px !important;
}
.menuitem img {
    width:100%;
}

.menuitemBottom {
    width: 50px;
    vertical-align: top;
    zoom: 1;
    border: 0px !important;
}
.menuitemBottom img {
    width:100%;
    margin-left:3px;
}

.clickable {
    cursor: pointer
}

.menu-unimportant {
    width: 50%;
    margin: 0px auto;
    height: 50% !important;
}

.menu-unimportantBottom {
    margin: 0px auto;
    height: inherit;
}

.ui-widget-header a {
    width:100%;
}
.ui-widget-header a {
    width:100%;
}
.FormElement * {
    padding:3px;
    padding-left:10px;
    /*  width:200px;*/
}

#left_panel {
    position: relative;
    height:100%;
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    float:left;
}

#left_cell {
    width:85%;
    height:100%;
    padding-right:10px;
}

#right_cell {
    width:12%;
    height:100%;
}

#right_panel { 
    /*height : auto !important;  ignored by IE, applied everywhere else */
    height : 100%; /* IE treats as min-height */
    min-height : 100%; /* IE ignores this */
    float:right;
    vertical-align:top;
    min-width:220px;
    width:100%;
    background-position:bottom;
    background-repeat:no-repeat;
    position: relative;
}

#bottom {
    margin-top: .5%;
    height:2%;
    width:100%;
    float:left;
    padding-bottom: .5em;
    padding-top: 1em;
}

.hidden {
    display: none;
}

.wide {
    width:100%;
}

.ui-widget-content {
    margin-bottom:5px;
}

.ui-autocomplete-loading{  
    background:url('../../../gfx/indicator.gif') no-repeat left center !important;
    padding-left:20px;
}  

.ui-autocomplete-category {
    font-weight: bold;
    padding: .2em .4em;
    margin: .8em 0 .2em;
    line-height: 1.5;
}
.ui-autocomplete {
    z-index:999999 !important;
}

.ui-jqgrid-pager {
    height:30px !important;
}

.ui-jqgrid-bdiv {
    overflow-x:hidden !important; 
}
.toprow td{
    margin:10px; padding:5px;
}

.ui-dialog {
    overflow: visible;
}

#headercontent{
    width: 230px; 
    float: right; 
    text-align: right;
    top: 1.2em; 
    padding: 5px; 
}

#smallLogo{
    border: none;
    height: 70%;
    padding-top: 1em;
    /*margin-left:60px;*/
}

.ui-tooltip-content {
    text-align: center;
    font-size:1.3vmin;
    font-weight: bolder;
    min-width: 65px;
    width: 100%;
    height: 100%;
}
.ui-tooltip {
    box-shadow: 0 0 5px #aaa;
    max-width: 300px;
    padding: 8px;
    position: absolute;
    z-index: 9999;
}

.buttongrouper {
    padding-left: 5px;
}

#filters, #dateFilters {
    padding-left: 5px;
}

#files {
    width: 95%;
}

#orderLinesGrid {

    margin-top: 20px;
}

#orderDetailsTable, #packlistDetailsTable {
    border-collapse: collapse;
    width: 42%;
    float:left;
}

#orderDetailsTable td, #packlistDetailsTable td {
    border: 1px solid black;
    padding: 5px
}

#confirmButton, #closeButton {

    float: left;
    width: 200px;
    margin-left: 50px;
    margin-top: 30px;
}
#ETDholder {
    float: left;
    width: 200px;
    margin-left: 70%;
    margin-top: -30px;
}
#additionalFieldHolder {
    float:left;
    width:50%;
}
#setDates {
    margin-top:5px;
}
.clearDiv {clear: both}

#ord_vendor_orderno, #pal_no, #pal_reference, #pal_delivery_date, #pal_total_no_of_units {float:left}

/*#ord_vendor_orderno-error {margin-left: 5px; margin-top: 2px}*/
label.errorDiv {margin-left: 5px; margin-top: 2px}

.red {background: #F76F6F}

.login {
    height: 350px;
}

#FrmGrid_orderdetails select {margin-left: 4px; width: 150px}
#FrmGrid_orderdetails input {width: 140px}
#selectedOrderLinesGrid {margin-top: 20px; width: 98%}
#pal_dates {width: 500px; margin-left: 50px; margin-top: 30px; float: left;}
#div_pal_eta {float: left; width: 50%;}
#div_pal_etd {float: left; width: 50%;}
#div_pal_eta_label, #div_pal_etd_label {float: left; width: 50px; margin-top: 2px}
#div_pal_eta_input, #div_pal_etd_input {float: left;}
#confirmDESADV {margin-left: 150px; margin-top: 20px; width: 200px}
#pal_eta-error, #pal_etd-error {clear: left; margin-left: 0; margin-top: 2px}
#upload_lines {margin-top: 5px; margin-left: 75px; width: 150px}

th.ui-th-column div{
    white-space:normal !important;
    height:auto !important;
    padding:2px;
}