/* Generic styles */
body { margin: 0; padding: 0; font-size: 10pt; font-family: arial, helvetica, sans-serif; background-color: #eee; color: #333; }
h2, h3, p { margin-left: 10px; }
h2 { font-size: 130%; color: #666; background-color: transparent; }
h3 { font-size: 110%; color: #666; background-color: transparent; margin: 5px; }
a:link, a:visited { color: #333; background-color: transparent; text-decoration: none; }
a:hover, a:active { color: #600; background-color: transparent; text-decoration: underline; }
table { margin: 0px; padding: 0px; background-color: transparent; border-collapse: collapse; }
th { text-align: left; }
tr.even { background-color: #e8e8e8; }
tr.odd { background-color: #ddd; }
td { padding: 0px; margin: 0px; }
fieldset { margin: 5px; padding: 5px; border: 1px solid #ccc;
    -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
fieldset p { margin: 2px 12px 10px 10px; }
fieldset label { display: block; }
fieldset label.inline { display: inline; }
legend { font-weight: bold; }
select { border: 1px solid #ccc; }
input[type="text"] { border: 1px solid #ccc; width: 143px; margin: 3px; }
input[type="password"] { border: 1px solid #ccc; }
input[readOnly="true"] { background-color: #eee; }
input[disabled] { background-color: #eee; cursor: default; }
.num { text-align: right; }
.cost { text-align: right; }

/* Validation */
.error { color:Red; }
.field-validation-error { color: #ff0000; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffcccc; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }

/* Page layout */

#header { width: 100%; height: 110px; color: #000; background-color: #FFF; background-image: url(images/sla.jpg); background-repeat: no-repeat; background-position: 2px 2px; }
#header h1 { display: none; }
#content { float: left; margin: 5px; }

/* Menu */
#menu { margin: 0; background-color: #aaa; padding: 2px 0; }
#menu li { display: inline; list-style-type: none; padding-left: 30px; }
#menu a:link, #menu a:visited { color: #333; background-color: transparent; text-decoration: none; }
#menu a:hover, #menu a:active { color: #fff; background-color: #333; }
#menu li.hover, #menu li:hover { position: relative; }
#menu ul { width: 100%; background-color: #aaa; visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 30; padding-top: 2px; padding-left: 0; margin-left: 25px; padding-right: 5px; }
#menu ul li { width: inherit; display: inline-block; float: none; padding: 3px 0px; margin: 0; }
#menu ul li a { width: inherit; display: inline-block; padding-left: 5px; }

/* Calculator */
fieldset.calc-origin, fieldset.calc-destination, fieldset.calc-input, fieldset.calc-items, fieldset.calc-meansoftransport, fieldset.calc-surcharges { height: 225px; float: left; /*vertical-align: top;*/ }
fieldset.calc-meansoftransport { min-width: 100px; }
fieldset.calc-input input[type="text"] { width: 120px; margin-right: 3px; }
fieldset.calc-origin select, fieldset.calc-destination select { display: block; }
fieldset.calc-surcharges label, fieldset.calc-meansoftransport label { display: inline; }
select.calc-originfilter, select.calc-destinationfilter { margin-bottom: 3px; margin-left: 3px; width: 145px; }
div.calc-validation { clear: both; }
div.scroll-items { overflow-y: scroll; overflow-x: hidden; max-height: 210px; }
div.calc-buttons, div.volume-link { display: inline; }

/* Calculator results */
table.calc-results, table.calc-rejections { margin: 5px 10px; }
table.calc-results tr.odd, table.calc-results tr.even, table.calc-rejections tr.odd, table.calc-rejections tr.even { cursor: pointer; }
div.calc-detail { display: none; margin-left: 10px; }
table.calc-results tr.even td, table.calc-results tr.odd td, table.calc-results th,
table.calc-rejections tr.even td, table.calc-rejections tr.odd td, table.calc-rejections th { padding: 3px 5px; }
table.calc-results thead { color: #fff; background-color: #333; }
td.calc-cost { text-align: right; }

/* Shipments */
div.shp-search select { margin: 3px; }
div.shp-search div { vertical-align: bottom; display: inline-block; }
input.shp-tocc { width: 60px; }
input.shp-fromcc { width: 60px; }
input.shp-todate { width: 70px; }
input.shp-fromdate { width: 70px; }
input.shp-refno { width: 60px; }
input.shp-userrefno { width: 70px; }
textarea.shp-comments { width: 500px; }
p.shp-pager { margin: 0px 0px 5px 20px; padding: 0px; }

table.shp-shipments { margin-left: 20px; }
table.shp-shipments th, table.shp-shipments td { /*margin: 0px;*/ padding: 1px 5px; }
table.shp-shipments tr.odd, table.shp-shipments tr.even { cursor: pointer; }
div.shp-details { display: none; margin-left: 20px; margin-top: 10px; margin-bottom: 10px; background-color: white; border: 1px solid black; padding: 3px; float: left; }

td.shp-search { vertical-align: bottom; }
td.shp-confirmed-yes { color: Green; text-align: center; }
td.shp-confirmed-no { color: Red; text-align: center; }

td.shp-refno, td.shp-userrefno, td.shp-dateofloading { vertical-align: middle; }

/* Shipment details */
tr.shp-info { font-style: italic; }
tr.shp-total { font-weight: bold; }
tr.shp-info td, tr.shp-cost td, tr.shp-total td { padding: 1px 3px; }
tr.shp-details label { font-weight: bold; }
tr.shp-details p { margin-top: 3px; }

/* Shipments booking */
fieldset.shp-from, fieldset.shp-to, fieldset.shp-bookinfo { display: inline; vertical-align: top; }
fieldset.shp-details input.shp-userrefno { width: 143px; }
textarea.shp-payer, textarea.shp-bookingcomments { width: 400px; height: 50px; }
input.shp-fromemail, input.shp-toemail, input.shp-notificationemail, input.shp-notificationphone { width: 400px; }

/* jQuery UI overrides */
.ui-datepicker-year { padding: 2px; }
.ui-datepicker-month { padding: 2px; }
.ui-accordion { width: auto; }
.ui-accordion .ui-accordion-header a { padding: .1em .5em .2em 2.2em; }
.ui-accordion .ui-accordion-content { padding: .3em .3em .2em .8em; }
.ui-tabs .ui-tabs-nav li a { padding: .2em 1em; }
.ui-helper-reset { font-size: 10pt; }
.ui-datepicker th { padding: 0; }
.ui-widget { font-size: 10pt; }
.ui-datepicker .ui-datepicker-title { line-height: normal; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { height:1.3em; width: 1.3em; }

/* jQuery combobox */
ul.ui-autocomplete { max-height: 300px; overflow-y: scroll }
input.ui-autocomplete-input { margin-right: 0; width: 125px; }
button.ui-combobox-button { height: 20px; width: 18px; margin: 3px 3px 3px -1px; }
button.ui-combobox-button span.ui-button-text { padding: 0; }