/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

/* Modules-specific */
/*@import url('bootstrap-icons.css');
@import url('bootstrap-layouts.css');
@import url('bootstrap-overrides.css');
@import url('pagelets.css');
@import url('export.css'); 
@import url('webstat.css');*/

/* Site styles */
body {
    background-color: #fff; /*#b6b7bc;*/
    font-size: .8em;
    font-family: arial,helvetica,sans-serif, verdana;
    /*"Trebuchet MS", Verdana, Helvetica, Sans-Serif;    */
    /*arial, sans-serif, Helvetica Neue", "Lucida Grande", "Segoe UI", Helvetica, Verdana;*/
    margin: 0;
    padding: 0;
    color: #000;
    /*color: #696969;*/
}

    body.popup {
        height: auto;
}

.wordwrap {
    white-space: normal;
}


.breadcrumb {
    padding-bottom: 10px;
    color: #505abc;
    text-decoration: none;
    /*float:left;*/
}

a:link {
    color: #034af3;
    text-decoration: underline;
}

.editor-field a:link,
.breadcrumb a:link {
    color: #505abc;
    clear: both;
    text-decoration: none;    
}

.editor-field a.cke_button:link {
    clear: none;
}

a:visited {
    color: #505abc;
}

.editor-field a:visited,
.breadcrumb a:visited {
    color: #505abc;
    text-decoration: none;    
}

a:hover {
    color: #1d60ff;
    text-decoration: none;
}

.editor-field a:hover,
.breadcrumb a:hover {
    color: #1d60ff;
    text-decoration: underline;
}

a:active {
    color: #12eb87;
}

.toggle-border-left {
    border-left: 0px;
}

.toggle-border-right {
    border-right: 0px;
}

thead a:link, thead a:visited, thead a:hover, thead a:active {
    color: #ffffff;
}

p, ul {
    margin-bottom: 20px;
    line-height: 1.6em;
}

header,
footer,
nav,
section {
    display: block;
}

br.clear {
/*	height:1px;*/
    clear: both;
    line-height: 0px;
/*	background-color: #00CC33;*/
}

.hide {
  display: none;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 {
    font-size: 1.5em;
    color: #000;
}

h1 {
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}

h2 {
    padding: 0 0 10px 0;
}

h3 {
    font-size: 1.2em;
    margin: 0 0 0.5em;
}

h4 {
    font-size: 1.1em;
}

h5, h6 {
    font-size: 1em;
}

hr {
    background-color: #4B6C9E;
    border: 0 none;
    clear: both;
    color: #4B6C9E;
    height: 2px;
    padding: 0;
    width: 100%;
}

hr.separator {
    background-color: #cccccc;
    height: 1px;
}

hr.dash-separator {
    border-top: 1px dashed;
    background-color: transparent;
    margin:5px 0;
}

<!-- /*
.header {
    background: #ffffff; 
    color: black; 
    border: 0px; 
    font-size: 15px
}
*/ -->

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

.page {
    -moz-min-width: 1260px;
    -ms-min-width: 1260px;
    -o-min-width: 1260px;
    -webkit-min-width: 1260px;
    min-width: 1260px;
    min-height: 650px;
    width: 100%;
    height: 80%;
    float: left;
    background-color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.popup .page {
    min-width: 500px;
    min-height: 350px;
}

header, #header {
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

header h1, #header h1 {
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 42px !important;
    text-shadow: 1px 1px 2px #111;
    margin-left: 10px;
}

    #header #title {
        width: 82%;
            -moz-min-width: 1020px;
            -ms-min-width: 1020px;
            -o-min-width: 1020px;
            -webkit-min-width: 1020px;
            min-width: 1020px;
        background-color: #4b6c9e; /*#84B6DE;5C87B2*/
        background: -moz-linear-gradient(left, #4b6c9e 0%, #4b6c9e 60%, #5c87b2 65%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4b6c9e), color-stop(60%,#4b6c9e), color-stop(65%,#5c87b2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #4b6c9e 0%,#4b6c9e 60%,#5c87b2 65%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #4b6c9e 0%,#4b6c9e 60%,#5c87b2 65%,#ffffff 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(left, #4b6c9e 0%,#4b6c9e 60%,#5c87b2 65%,#ffffff 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6c9e', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        /*background: linear-gradient(left, #4b6c9e 0%,#4b6c9e 60%,#5c87b2 65%,#ffffff 100%);*/ /* W3C */
    }
    #header #menuContainer > div {
        background-color: #5C87B2;
        width: 100%;
        float: left;
        min-height: 26px;
    }
    #header #logo {
        width: 17%;
    }

    #header #multipayTitle {
    text-align: center;
    background-color: #4b6c9e; /*#84B6DE;5C87B2*/
    background: -moz-linear-gradient(left, #4b6c9e 0%, #4b6c9e 80%, #5c87b2 85%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#4b6c9e), color-stop(80%,#4b6c9e), color-stop(85%,#5c87b2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #4b6c9e 0%,#4b6c9e 80%,#5c87b2 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #4b6c9e 0%,#4b6c9e 80%,#5c87b2 85%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #4b6c9e 0%,#4b6c9e 80%,#5c87b2 85%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4b6c9e', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
    /*background: linear-gradient(left, #4b6c9e 0%,#4b6c9e 80%,#5c87b2 85%,#ffffff 100%);*/ /* W3C */    
}

#multipayTitle h1 {
    font-size: 2em !important;
}

#main {
    padding: 10px 30px 15px 30px;
    background-color: #fff;
    border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    -moz-border-radius: 4px 0 0 0;
    min-width: 960px;
    /*min-height: 400px;*/
    min-height: 80%;
}

.popup #main {
    min-width: 490px;
}

footer, 
#footer {
    background-color: #fff;
    color: #999;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    line-height: normal;
    margin: 0px;
    font-size: .9em;
    border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    clear: both;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset {
    border: none;
    /*border-bottom: 2px solid #696969;*/
    border-bottom: 2px solid #4b6c9e;
    /*padding: 0 1em 1em 1em;*/
    padding: 0 0 0.25em 0;
    margin: 0 0 1em 0;
    -moz-min-width: 960px;
    -ms-min-width: 960px;
    -o-min-width: 960px;
    -webkit-min-width: 960px;
    min-width: 960px;
}

legend,
strong,
.strong {
    font-weight: bold;
}

.subtitle {
    font-size: 0.9em;
    font-weight: normal;
    color: #696969;
    padding-bottom: 1em;
}

textarea {
    font-family: arial,helvetica,sans-serif,verdana;
    font-size: 0.9em;
    min-height: 75px;
    padding: 0px;
}

input[type="search"],
input[type="text"], 
input[type="password"], 
.noborder > tbody > tr > td > input[type="text"],
.noborder > tbody > tr > td > input[type="password"] {
    border: 1px solid #ccc;
    padding: 2px;
    font-size: 0.9em;
    color: #000;
    width: 180px;
    background-color: transparent;
}

thead input[type="text"], thead select, 
th input[type="text"], th select {
    background-color: #fff !important;
}

input[type="submit"], 
input[type="reset"],
input[type="button"],
button[type="reset"],
button[type="submit"],
button[type="button"] {
    font-size: 0.85em;
<!--    padding: 1px;-->
    height: 2.0em;
}

input[type="text"].no-width {
    width: auto;
}

input[type="text"].short {
    width: 70px;
}

select, .noborder > tbody > tr > td > select {
    border: 1px solid #ccc;
    padding: 1px;
    font-size: 1.0em;
    color: #000;
    width: 120px;
    background-color: transparent;
}

select.fit,
    input[type="text"].fit {
    width: 100%;
}
/*
tr.controls
{
    background-color: #FFFFFF;
}
*/
.sub-form select {
    font-size: 1em;        
}


/* TABLE
----------------------------------------------------------*/

table {
    border: solid 1px #bbb; /*e8eef4;*/
    border-collapse: collapse;
    font-size: 1.0em;
    width:100%;
}

    table td {
    border: solid 1px #bbb; /*#e8eef4;*/
    white-space: nowrap;
    padding: 2px 3px;
}

    table th, table thead td {
    /*font-size: 1.1em;*/
    padding: 3px;
    text-align: center;
    background-color: #5C9CCC; /*#b8c8cb #5C87B2; 84B6DE #e8eef4; too light*/
    color: #fff; /*#696969;5C87B2 4b6c9e*/ 
    border: solid 1px #bbb;
    white-space: nowrap;
    /*font-weight: bold;*/
}

table thead tr.controls th, 
table thead tr.controls {
    padding: 3px 5px;
    background: #A6C7E0;
}

table thead tr.controls th input[type="text"], 
table thead tr.controls th input[type="search"], 
        table thead tr.controls th input[type="password"] {
    background: #fff !important;
}

table th.l {
    text-align: left;
}

table caption {
    text-align: left;
}

table  tbody > td {
    text-align: center;
}

.form-table {
    clear: both;    
    overflow: auto;
    padding: 3px 3px 3px 6px;
    font-size: 1em;	
}

    .form-table .display-label {
    color: #696969;
    font-size: 1.1em;
    border-bottom: 2px solid #696969;
    padding: 3px 3px 3px 6px;
}

/*
.form-table table th
{
    float: left;
    width: 145px;
    text-align: center;
    width: 125px;
    padding: 3px 3px 3px 6px;
}

.form-table table td
{
    text-align: center;
}

*/

table .text-box, table select {
    padding: 0;
    /*width: 7em;*/
}

table input[type="text"] {
    border: none;
    font-size: 1.0em;
    color: #444;
    width: 95%;
}

table select {
    border: none; /*1px solid #ccc;*/
    font-size: 1em;
    color: #000;
    width: 100%;
    -moz-min-width: 5.5em;
    -ms-min-width: 5.5em;
    -o-min-width: 5.5em;
    -webkit-min-width: 5.5em;
    min-width: 5.5em;
}

.display-field table td {
    white-space: normal;
    padding: 4px;
}

.readonly {
   background-color: #EEEEEE;
   font-size:1.0em;
}

.readonlydefaultcolor
{
   font-size:1.0em;
}

.fontcolor-red {
    color: red;
}

#frmEditMultipleDialog .main-form,
#divBillOfLadingEdit .main-form {
    width: 880px;
    -moz-min-width:880px;
    -ms-min-width:880px;
    -o-min-width:880px;
    -webkit-min-width:880px;
    min-width:880px;
}

#divVesselManagerEdit .main-form {
    width: 580px;
    -moz-min-width:580px;
    -ms-min-width:580px;
    -o-min-width:580px;
    -webkit-min-width:580px;
    min-width:580px;
}

table.appointment {
    border: none; /*solid 1px #000; e8eef4;*/
    border-collapse: collapse;
    font-size: 0.9em;
    width: 100%;
}

    table.appointment td {
        border: solid 1px #000; /*#e8eef4;*/
        white-space: nowrap;
        padding: 3px 5px;
    }

/*    table.appointment tr.limitDataRow td,
    table.appointment tr.limitDataRow_Summary td {
        border: none;
    }
*/

    table.appointment th, table.appointment thead td {
        font-size: 1em;
        padding: 3px 5px;
        text-align: center;
        background-color: #5c87b2; /*#b8c8cb #5C87B2; 84B6DE #e8eef4; too light*/
        color: #fff; /*#696969;5C87B2 4b6c9e*/ 
        border: solid 1px #000;
            <!-- white-space: nowrap; -->
        white-space: normal;
            <!-- font-weight: bold; -->
    }

    .appointment input[type="text"] {
        border: medium #444;
        font-size: 0.9em;
        color: #000;
        width: 95%;
    }

    table.appointment img.ui-datepicker-trigger {
        cursor: pointer;
        margin-bottom: -4px;
    }

table.traditional {
    border: none; /*solid 1px #000; e8eef4;*/
    border-collapse: collapse;
    width: 100%;
}

table.traditional td {
        border: solid 1px #000; /*#e8eef4;*/
    white-space: nowrap;
    padding: 3px 5px;
}

    table.traditional th, table.traditional thead td {
        font-size: 1em;
        padding: 3px 5px;
        text-align: center;
        background-color: #5c87b2; /*#b8c8cb #5C87B2; 84B6DE #e8eef4; too light*/
        color: #fff; /*#696969;5C87B2 4b6c9e*/ 
        border: solid 1px #000;
            <!-- white-space: nowrap; -->
        white-space: normal;
            <!-- font-weight: bold; -->
    }

    table.traditional input[type="text"] {
        border: medium #444;
    font-size: 0.9em;
    color: #000;
    width: 95%;
}

table.traditional img.ui-datepicker-trigger {
    cursor: pointer;
    margin-bottom: -4px;
}


table.editgrid th, 
table.editgrid thead td {
    font-size: 1em;
    width: 6em;
    padding: 3px 5px;
    text-align: center;
    background-color: #5c87b2;
    color: #fff; 
}

/* MISC  
----------------------------------------------------------*/
.clear {
    clear: both;
}

.error {
    color: Red !important;
}

.success {
    color: #127907 !important;
}

.info {
    color: #000066;
    font-weight: normal;
    font-style: italic;
}

.error-overlay {
    color: red;
}

.error-overlay, .button-overlay {
    color: red;
    position: absolute;
    left: 0px;
    bottom: -0.38em;
    background-color: white;
}

nav, .menucontainer {
    margin-top: 40px;
    width: 100%;
    background-color: #5C87B2; /*#3a4f63; too dark*/
    /*background-image: url('Images/menucontainer_bg.png');*/
    /*background-repeat: repeat-x;    */
    border-top: 2px #5C87B2 solid;
    border-bottom: 1px #b8c8cb solid;
}

#homepage {
    margin: 10px;
    width: 100%;
}

div#title {
    display: block;
    float: left;
    text-align: left;
    height: 98px;
}

div#logo {
    background: url('Images/smart-TecsLogo.png') no-repeat;
    float: right;
    text-align: right;
    width: 160px;
    height: 83px;
    margin-top: 15px;
}

.logo {
    float: left;
    width: auto !important;
    max-height: 90px !important;
    height: auto !important;
    padding: 0.4em;
    display: inline;
    margin-right: 5px;
    /*background: #555;*/
}

.heading h1 {
    position: relative;
    padding-left: 500px;
    /*top: 18px;*/
    left: 10px;
    bottom: 6px;
}

#logindisplay {
    font-size: 0.85em;
    float: right;
    margin: 0px;
    color: #fff;
    padding-top: .5em;
    padding-right: 8px;    
}

#logindisplay a:link {
    color: #fff;
    text-decoration: underline;
    margin-top: -10px;
    padding: 0 3px 0 3px;
    text-align: center;
    font-family: verdana;
}

#logindisplay a:visited {
    color: #fff;
    text-decoration: underline;
}

#logindisplay a:hover {
    color: #fff;
    text-decoration: none;
}

button {
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px;
}

/* not used
#button
{
    font-family: Arial, Helvetica, San-Serif;
    text-align: center;
    font-size: 8pt;
    background-color : #5f87bb;
    font-weight : bold;
    color: white;
    border-right : 1px solid DarkBlue;
    border-bottom : 1px solid DarkBlue;
}
*/

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-valid {
    display: none;
}

.field-validation-error {
    color: #ff0000;
    font-style: italic;
    font-size: .9em;
}

.field-validation-error[data-valmsg-for] {    
    display: none !important;
}

    .field-validation-error[data-valmsg-for="_FORM"] {
    display: inline-block !important;
}

.input-validation-error,
input.input-validation-error textarea.input-validation-error {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

input[type="checkbox"].input-validation-error {
    outline: 1px solid #ff0000 !important;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid {
    display: none;
}

.validation-summary-errors ul {
    padding-left: 12px;
    line-height: inherit;
    margin-bottom: 10px;
}
/* Styles for editor and display helpers
----------------------------------------------------------*/
/* Why don't use .clear */
.display-block, 
.editor-block {
    clear: both;
}

.display-field-nomargin, 
.editor-field-nomargin {
    float: left;   
}

.display-label, 
.editor-label {
    margin: 0.5em 0 0 0;
    font-size: 0.9em;
}

.editor-header-label {
    margin: 0.5em 0 0 0;
    font-size: 0.9em;
}

.display-field, 
.editor-field,
.editor-field-full,
.display-field-full {
    margin: 0.7em 0 0 0;
    font-size: 0.9em;
}

.display-field-nomargin, 
.editor-field-nomargin,
.display-field-full-nomargin,
.editor-field-full-nomargin {
    margin: 0;
    font-size: 0.9em;
}

.text-box {
    width: 30em;
}

    .text-box.multi-line {
    height: 7em;
}

.tri-state {
    width: 6em;
}

.main-form {
    float: left;
    padding: 3px 3px 3px 6px;
    /*background-color: #e8eef4;*/
    /*font-size: 1.2em;	*/
    font-size: 1em;
    min-width: 960px;
    width: 99%;
    margin-bottom: 5px;
}

.sub-form {
    float: left;
/*	min-width: 420px;*/
/*	max-width: 540px;*/
    width: 50%;
}

.sub-form-3col {
    float: left;
/*	min-width: 300px;*/
/*	max-width: 540px; */
    width: 33%;
}

/*will replace main-form*/

.inquiry-panel {
    float: left;
    padding: 3px 3px 6px 6px;
    -moz-min-width: 960px;
    -ms-min-width: 960px;
    -o-min-width: 960px;
    -webkit-min-width: 960px;
    min-width: 960px;
    width: 99%;
    margin-bottom: 0px;
}

.inquiry-panel .section-title {
    font-size: 1.2em;
}

.inquiry-panel-section-title {
    clear: both;
    color: #2E6E9E;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0E0E0;
}

.filter-section-title {
    font-size: 0.9em;
    color: white;
    background-color: #5C87B2;
    margin-bottom: 0.5em;
    padding: 2px;
}

.filter-section-note {
    font-size: 0.85em;
    color: #999;
    margin-bottom: 0.5em;
    padding: 2px;
}

.inquiry-panel .subpanel-left {
    float: left;
    width: 64%;
}

.inquiry-panel .subpanel-right {
    float: right;
    width: 34%;
}

.inquiry-panel .subpanel-left-border {
    float: left;
    width: 64%;
}

.inquiry-panel .subpanel-right-border-right {
    float: right;
    width: 34%;
}

.inquiry-panel .subpanel-left-wide {
    float: left;
    width: 75%;
}

.inquiry-panel .subpanel-right-narrow {
    float: left;
    width: 25%;
}

.inquiry-panel .subpanel-left-narrow {
    float: left;
    width: 39%;
}

.inquiry-panel .subpanel-right-wide {
    float: right;
    width: 59%;
}

.inquiry-panel .editor-label {
    float: left;
    width: 30%;
}

.inquiry-panel .editor-field {
    float: left;
    /*font-size: 0.9em;*/
    width: 65%;
}

.inquiry-panel .editor-label-wide {
    float: left;
    width: 40%;
}

.inquiry-panel .editor-field-narrow {
    float: left;
    /*font-size: 0.9em;*/
    width: 58%;
}

.inquiry-panel .display-label {
    float: left;
    width: 40%;
    /*height: 1.4em;*/
}

.inquiry-panel .display-field {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-2 {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-2-right {
    float: right;
    width: 50%;
}

.inquiry-panel .subpanel-2-border {
    float: left;
    width: 48%;
}

.inquiry-panel .subpanel-2-border-right {
    float: right;
    width: 48%;
}

.inquiry-panel .subpanel-2-5 {
    float: left;
    width: 40%;
}

.inquiry-panel .subpanel-4 {
    float: left;
    width: 25%;
}

.inquiry-panel .subpanel-4-border {
    float: left;
    width: 24%;
}

.inquiry-panel .subpanel-4-border-right {
    float: right;
    width: 24%;
}

.inquiry-panel .subpanel-3 {
    float: left;
    width: 33%;
}

    .inquiry-panel .subpanel-3 .editor-label {
    float: left;
    width: 30%;
}

    .inquiry-panel .subpanel-3 .editor-field {
    float: left;
    /*font-size: 0.9em;*/
    width: 50%;
}

    .inquiry-panel .subpanel-3 .display-label {
    float: left;
    width: 40%;
    /*height: 1.4em;*/
}

    .inquiry-panel .subpanel-3 .display-field {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-4 .editor-field {
    width: 100%;
}

.inquiry-panel .subpanel-5 {
    float: left;
    width: 20%;
}

.inquiry-panel .subpanel-5-right {
    float: right;
    width: 20%;
}

.action-panel-right {
    clear: both;
    text-align: right;
    width: 100%;
}

.action-panel-right input[type="submit"],
.action-panel-right input[type="button"],
    .action-panel-right button {
    height: 22px; 
    -moz-min-width: 60px;
    -ms-min-width: 60px;
    -o-min-width: 60px;
    -webkit-min-width: 60px;
    min-width: 60px;
    text-align: center;
}


/* Changed by laxmi to reduces the size of text area height*/
.sub-form textarea {
    font-size: 1.0em;
    width: 99%;
    min-height: 3.0em;
    border: 1px solid #ccc;
    padding: 0.4em 0 0 0.4em;
}

.sub-form .display-label,
.sub-form .display-label-top,
.legend-panel .display-label,
.legend-panel .display-label-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 40%;
    height: 1.4em;
    padding: 3px 3px 2.9px 6px;
    border-right: none;
    margin: 0;
    background-color: #e8eef4;
}

.sub-form .display-field,
.sub-form .display-field-top,
.legend-panel .display-field,
.legend-panel .display-field-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 50%;
    height: 1.4em;
    padding: 3px 3px 2.9px 6px;
    margin: 0;
    /*background-color: #e8eef4;*/
}


.sub-form-3col .display-label,
.sub-form-3col .display-label-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 40%;
    height: 1.4em;
    padding: 3px 3px 2.9px 6px;
    border-right: none;
    margin: 0;
    background-color: #e8eef4;
}

.sub-form-3col .display-field,
.sub-form-3col .display-field-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 50%;
    height: 1.4em;
    padding: 3px 3px 2.9px 6px;
    margin: 0;
    /*background-color: #e8eef4;*/
}

.sub-form .editor-label,
.sub-form .editor-label-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    /*width: 190px;*/
    width: 40%;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    margin: 0;
    background-color: #e8eef4;
}

.editor-field.middle,
.editor-field-top.middle {
    padding-bottom: 3px !important;
    padding-top: 3px !important;
}

.sub-form .editor-field,
.sub-form .editor-field-top {
    float: left;
    /*width: 190px;*/
    width: 45%;
    height: 1.4em;
    padding: 0px 3px 6px 6px;
    border: 1px solid #fff; /*#e8eef4;fff*/
    border-top: none;
    margin: 0;
    /*background-color: #e8eef4;*/
}

.sub-form .editor-field-top,
.sub-form-3col .editor-field-top {
    font-size: 0.9em;
    border-top: 1px solid #fff;
}

.sub-form-3col .editor-label,
.sub-form-3col .editor-label-top {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 40%;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    /*border-right: none;*/
    margin: 0;
    background-color: #e8eef4;
}

/* Start of  new styles added specific to EIR screen*/
/* Style used for Check boex to display them 3 in 1 row*/
.sub-form-3col .editor-label-3part {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 30%;
    height: 1.8em;
    padding: 3px 3px 3px 6px;
    /*border-right: none;*/
    margin: 0;
    background-color: #e8eef4;
    font-size: 0.7em;
}
/*Style used for All checkbox */
.sub-form-3col .editor-label-single {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 95%;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    /*border-right: none;*/
    margin: 0;
    background-color: #e8eef4;
    font-size: 0.7em;
}
/* Style used for equipemtn type radio buttons  to display them in 1 row*/
.sub-form-3col .editor-label-single-full {
    float: left;
    border: 1px solid #ccc;
    border-top: none;
    width: 93%;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    /*border-right: none;*/
    margin: 0;
    background-color: #e8eef4;
}
/* End of  new styles added specific to EIR screen*/



.sub-form-3col .editor-field,
.sub-form-3col .editor-field-top {
    float: left;
    border: 1px solid #fff;
    border-top: none;
    width: 50%;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    margin: 0;      
    /*background-color: #e8eef4;*/
}

#editor-label-text-area-1, #editor-label-text-area-2 {
    height: 80px;
}


.sub-form .display-label-top,
.sub-form-3col .display-label-top,
.legend-panel .display-label-top,
.sub-form .display-field-top,
.sub-form-3col .display-field-top,
.legend-panel .display-field-top,
.sub-form .editor-label-top,
.sub-form-3col .editor-label-top {
    font-size: 0.9em;
    border-top: 1px solid #ccc;
}


/*
.sub-form .editor-label:first-child,
.sub-form .display-label:first-child,
.sub-form .display-label:first-child + div.display-field,
.sub-form-3col .editor-label:first-child,
.sub-form-3col .display-label:first-child,
.sub-form-3col .display-label:first-child + div.display-field,
.sub-form .section-title + div.editor-label
{
    border-top: 1px solid #ccc;
}
.sub-form .editor-label:first-child + div.editor-field,
.sub-form-3col .editor-label:first-child + div.editor-field,
.sub-form .section-title + div.editor-label + div.editor-field
{
    border-top: 1px solid #fff;
}
*/

.sub-form input[type="text"],
.sub-form input[type="password"],
.sub-form-3col input[type="text"] {
    padding-left: 2px;
    font-size: 1.0em;
    height: 1.3em;
    width:97.5%;
    border: 1px solid #ccc;
    /*text-transform: uppercase;  */
}

.editor-block .editor-multilabel-top {
    width: 40%;
    height: 4em;
    background-color: #e8eef4;
    float: left;
    border: 1px solid #ccc;
    padding: 3px 3px 3px 6px;
    margin: 0;
}

.sub-form-3col .inquiry-form {
    clear: both;
    padding-top: 95px;
}

.sub-form > .section-title {
    clear: both;
    padding-top: 10px;
    color: #2E6E9E;
}

.section-title {
    color: #505ABC;
}

.sub-form > .section-title:first-child {
    padding-top: 0px;
}

.sub-form > .sub-section-title {
    clear: both;
    font-size: 1em;
    font-weight: bold;
    color: #696969;
    padding-top: 10px;
}

    .sub-form > .sub-section-title:first-child {
        padding-top: 0px;
}

.main-form > .section-title {
    color: #2E6E9E;
    margin-bottom: 5px;
    border-bottom: 1px solid #E0E0E0;
}

/*
.sub-form-3col .display-label
{
    float: left;
    border: 1px solid #ccc;
    width: 140px;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    border-right: none;
    margin: 0;
}

.sub-form-3col .display-field
{
    float: left;
    border: 1px solid #ccc;
    width: 140px;
    height: 1.4em;
    padding: 3px 3px 3px 6px;
    margin: 0;
}
*/

.main-form .search-form {
    display: block;
    margin-top: 10px;
    margin-bottom: 0px;
}

.inquiry-form {
    float: left;
    /*padding: 3px 3px 3px 6px;*/
    padding: 3px 0 3px 0;
    /*background-color: #e8eef4;*/
    font-size: 1em;	
    width: 100%;
    /*min-width: 1040px;*/
}

.multi-inquiry-form {
    float: left;
    /*padding: 3px 3px 3px 6px;*/
    padding: 3px 0 3px 0;
    /*background-color: #e8eef4;*/
    font-size: 1em;	
    width: 100%;
    /*min-width: 1040px;*/
}

.inquiry-form .editor-label,
    .multi-inquiry-form .editor-label {
    float: left;
        text-align: right;
    border: none;
    font-size: 1em;	
    /*width: 190px;*/
    /*padding: 3px 3px 3px 6px;*/
    padding: 6px 0px 3px 6px;
}

.inquiry-form .editor-header-label,
.main-form .editor-header-label {
    float: left;
    text-align: right;
    border: none;
    font-size: 1em;	
    /*width: 190px;*/
    /*padding: 3px 3px 3px 6px;*/
    padding: 6px 0 3px 6px;
}

.inquiry-form .editor-field,
.multi-inquiry-form .editor-field {
    float: left;
    width: 240px;
    padding: 3px 3px 3px 6px;
    font-size: 1em;	
    /*margin-top: 15px;*/
    margin-right: 15px;   
}

.inquiry-form input[type="submit"],
.inquiry-form input[type="button"],
.inquiry-form button {
    float: right;
    margin-left: 4px;
    margin-top: 10px;
    font-size: 0.75em;
}

.inquiry-form input[type="text"] {
    margin-bottom: 2px;
    text-transform: uppercase;     
}

.free-text input[type="text"] {
    text-transform: none;
}

/*
.multi-inquiry-form input[type="submit"]
{
    margin-top: 85px;
}
*/

.add-row-btn {
    padding: 8px 20px;
    margin: 5px 0 0;
    text-align: center;
    font-weight: bold;
    color: #888;
    background: #eee;
    border: 1px solid #ddd;
}

.add-row-btn:hover,
.add-row-btn:focus,
    .add-row-btn:active {
    color: #333;
    background: #ddd;
    border: 1px solid #ccc;
    cursor: pointer;
}

.dialogActionPanel {
    margin-right: 10px;
    text-align: right;
}

/*#divGrid, */
.scrollable-grid {
    clear: both;
    display: none;
}

.paging {
    padding: 10px 0 0 15px;
}

.rightActionPanel {
    clear: both;
    text-align: right;
    padding-bottom: 3px;
    width: 100%;
}

.rightActionPanel-top-padding {
    clear: both;
    text-align: right;
    padding-top: 20px;
}

#divContainerDetails .rightActionPanel {
    padding-top: 5px;
}

/* Pager styles start here */
.pager UL.pages {
    padding-right: 0px;
    display: block;
    padding-left: 5px;
    float: left;
    font-size: 11px;
    padding-bottom: 0px;
    margin: 2px 0px 2px;
    border-top-style: none;
    padding-top: 0px;
    border-right-style: none;
    border-left-style: none;
    border-bottom-style: none;
}

    .pager UL.pages LI {
    padding: 1px 4px 2px;
    float: left;
    margin: 0px 1px 0px 0px;
    list-style-type: none;
    text-decoration: none;
        border: 1px solid #C5DBEC;
        height: 15px;
}
/*
.pager UL.pages LI:hover
{
    border-right: #003f7e 1px solid;
    border-top: #003f7e 1px solid;
    border-left: #003f7e 1px solid;
    border-bottom: #003f7e 1px solid;
}
*/
        .pager UL.pages LI.pgEmpty {
    border-right: #ddd 1px solid;
    border-top: #ddd 1px solid;
    border-left: #ddd 1px solid;
    color: #aaa;
    border-bottom: #ddd 1px solid;
}

        .pager UL.pages LI.pgCurrent {
    border-right: #003f7e 1px solid;
    border-top: #003f7e 1px solid;
    font-weight: 700;
    border-left: #003f7e 1px solid;
    color: #000;
    border-bottom: #003f7e 1px solid;
    background-color: #eee;
}

.pager {
    float: right;
    margin-top: -5px;
}

.pagerbg {
    /*background:url('images/paging_bg.png') repeat-x;*/
    padding-top: 5px;
    padding-bottom: 3px;
}

ul.pages select {
    border: 0px;
    padding: 0px;
    width: auto;
}

.sortedAsc {
    background: url('images/sort_up.gif') no-repeat 99% 99%;
    background-color: #5C9CCC;
    padding-right: 20px;
}

.sortedDesc {
    background: url('images/sort_down.gif') no-repeat 99% 99%;
    background-color: #5C9CCC;
    padding-right: 20px;
}
/* Pager styles end here */


/* Utility styles */
.prototype {
    display: none;
}

.uppercase {
    text-transform: uppercase;
}

.new-mark {
    color: #198300;
    font-size: 0.8em;
    font-variant: small-caps;
}

/* Clear-fixes */
.display-block,
.editor-block,
.clearfix,
#main {
    /*zoom: 1;*/
    display: block;
}

.display-block:after,
.editor-block:after,
.clearfix:after,
    #main:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#divLoading, #divRendering, #divValidating {
    padding: 2px 10px 0 30px;
    position: absolute;
    left: 50%;
    top: 50%;
    background: url('images/loading.gif') no-repeat scroll 5px 3px #E8EEF4;
    font-size: 1.4em;
    height: 24px;
    z-index: 999999;
    color: #666666;
}

/* Scrollable table - start*/
.fht-table,
.fht-table thead,
.fht-table tfoot,
.fht-table tbody,
.fht-table tr,
.fht-table th,
.fht-table td {
    margin: 0;
    padding: 0;
    /*vertical-align: baseline;*/
}

    .fht-table th input[type="checkbox"] {
        margin: 0;
    vertical-align: middle;
}

.fht-tfoot .fht-table {
    border: none;
}

.fht-table tfoot td {
    padding-right: 0;
    padding-left: 0;
}

.fht-table {
    border-collapse: collapse;
    border-spacing: 0;
}

div.fht-table-wrapper {
    overflow: hidden;
    padding-bottom: 2px;
}

.fht-table-wrapper,
.fht-table-wrapper .fht-thead,
.fht-table-wrapper .fht-tfoot,
.fht-table-wrapper .fht-fixed-column .fht-tbody,
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	overflow: hidden;
	position: relative;
}
	
.fht-table-wrapper .fht-fixed-body .fht-tbody,
.fht-table-wrapper .fht-tbody {
	overflow: auto;
}

.fht-table-wrapper .fht-table .fht-cell {
	overflow: hidden;
	height: 1px;
}
	
.fht-table-wrapper .fht-fixed-column,
.fht-table-wrapper .fht-fixed-body {
	top: 0;
	left: 0;
	position: absolute;
}

.fht-table-wrapper .fht-fixed-column {
    background-color: #FFFFFF;
    z-index: 25;
}

div.fht-tbody {
    overflow-y: auto;
    overflow-x: auto;
    position: relative;
    z-index: 10;
}

.fht-table .fht-cell {
    overflow: hidden;
    height: 1px;
}

.scrollable-table-theme th,
.scrollable-table-theme td {
    padding: 1.5px 3.0px;
}

.scrollable-table-theme table tr td button {
    height: 1.6em;
<!--    width: 48%;-->
    margin-left: 0.5px;
}

/*.scrollable-table-theme td div
{
    position:relative;
}
*/
/*
.editor-field span.field-validation-error,
.editor-field-top span.field-validation-error,
td span.field-validation-error,
.booking-lines td div .field-validation-error,
.scrollable-table-theme td .field-validation-error,
.pre-staged-containers span.field-validation-error
{
    padding: 1px;
    border-style: solid;
    border-color: #f00;
    border-width: 1px;
    position:absolute;
    float: left;
    clear: both;
    background-color: #FFFFD9;
    z-index: 999999;
    display: block;
}
*/
/*td span.field-validation-error
{
    display: none;
}*/

    .scrollable-table-theme table tr td button.ui-button-icon-only {
        width: 2.4em;
        min-width: 2.4em;
}

/* Scrollable table - end*/
.information {
    font-size: 0.9em;
    font-style: italic;
    color: #4b6c9e;
    margin-top: 0.5em;
}

.information-left {
    font-size: 1em;
    font-style: italic;
    color: black;
    padding-left: 0em;	
    padding-top: 1em;	
    padding-bottom: 0.8em;	
}

/* TODO: Remove */
#newbooking {
    height: 500px;
    overflow-y: scroll;
}

.scrolling-panel {
    padding: 0 0 10px;
    margin: 0 0 10px;
    height: 500px;
    overflow-y: scroll;
    border-bottom: 1px #ccc dotted;
}

.required {
    color: #990000;
}

.ui-legend {
    float: left;
    font-size: 0.9em;
    color: #00216c;
    font-style: italic;
}

    .ui-legend sup {
        color: red;
}
/* Generic context menu styles */
.contextMenu {
    position: absolute;
    min-width: 200px;
    z-index: 99999;
    border: solid 1px #C5DBEC;
    background-color: #F5F8F9;
    padding: 0px;
    margin: 0px;
    display: none;
}

.contextMenu LI {
    list-style: none;
    padding: 0px;
    margin: 0px;
    white-space: nowrap;
}

.contextMenu A {
    color: #2E6E9E;
    text-decoration: none;
    display: block;
    line-height: 20px;
    height: 20px;
    background-position: 6px center;
    background-repeat: no-repeat;
    outline: none;
    padding: 1px 5px;
}

    .contextMenu LI.hover A {
    color: #E17009;
    background-color: #DFEFFC;
}

.contextMenu LI.disabled A {
    color: #AAA;
    cursor: default;
}

.contextMenu LI.hover.disabled A {
    background-color: transparent;
}

.disabled,
.contextMenu LI.disabled A span.ui-icon {
    opacity: 0.5;
    -ms-opacity: 0.5;
    pointer-events: none;
    cursor: not-allowed;
}

option:disabled {
    display: none;
}

a.disabled {
    -ms-opacity: 0.5;
    opacity: 0.5;
    color: grey;
    pointer-events: none;
    cursor: default;
}

.contextMenu LI.separator {
    border-top: solid 1px #C5DBEC;
    padding-top: 5px;
}

.contextMenu A span.ui-icon {
    float: left;
    margin-top: 2px;
    margin-right: 10px;
}

    
div.siteUserHeader {
    display: block;
    float: right;
    height: 55px;
    /*border:1px solid #C5DBEC;
    border-radius: 5px 5px 5px 5px;*/
    margin-right: 25px;
    padding: 8px;
    font-size: 1.2em;
    font-variant: small-caps;
    font-weight: 500;
    color: #000000 /*#696969 /*#4b6c9e #696969*/;
}

div.siteUserHeader select {
    color: #000000 /*#696969 /*#4b6c9e #696969*/;
}

.sscoLogoHeader {
    float: right;
    margin-left: 10px;
    margin-top: -4px;
}

#divLogOnWindow {
width: 400px;
    font-size: 1.2em;
    position: static;
    text-align: left;
    margin: 0 auto;
    /*float:center;*/
    font-family: arial,helvetica,sans-serif, verdana;
}

.myaccount {
    padding-bottom: 5px;
    text-align: right;
    float: right;
}

    .myaccount span.field-validation-error {
        position: relative;
}

.welcome {
    float: left;
}

.home {
    float: left;
}

/*Style for no javascript error block*/
div#JavascriptDisabledError {
    display: block;
    position: relative;
    font-weight: bold;
    padding: 12px;
    text-align: center;
    font-size: 1.3em;
}

#divPermissionsEditor, #divPermissionsRO {
    border-bottom: 1px solid #E0E0E0;
    margin-top: -5px;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 0.9em;
    clear: both;
}

#divPermissionsEditor > .section-title,
    #divPermissionsRO > .section-title {
    border-bottom: 1px solid #E0E0E0;
    color: #003366;
    padding-top: 10px;
        margin-bottom: 3px;
        clear: both;
}

#divPermissionsEditor > .section-title:first-child,
        #divPermissionsRO > .section-title:first-child {
    padding-top: 5px;
}

.layout-2-cols-35-65 {
    position: relative;
    padding: 3px 5px 3px 3px;
    width: 100%;
    float: left; /* Temp */
}

    .layout-2-cols-35-65 .l {
    float: left;
    width: 40%;
}

    .layout-2-cols-35-65 .r {
    float: right;
    width: 55%;
}

        .layout-2-cols-35-65 .r.r-align {
    text-align: right;
}

/* Added for image in header - RD */
.centerimage {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    max-width: 100px;
    height: 60px;
}

span.searchBox input[type="text"] {
    border: 1px solid #C5DBEC;
    width: 120px;
}

span.searchBox button {
    margin-left: -4px;
}

.headerUserSite {
    font-size: 1em;
    max-width: 240px;
    min-width: 240px;
    max-height: 1.2em;
    font-variant: normal;
    color: #000000; /*#696969; /*#00008C;#ffffbb;*/
    word-wrap: break-word;
    overflow: auto;
    display: inline;
    float: left;
}

.main-subform {
    clear: both;
    float: none;
    font-size: 1em;
    margin-bottom: 5px;
    padding: 3px 3px 3px 6px;
    /*min-width:auto;*/
    width: 99%;
}

.layout-2-cols .main-subform .sub-form,
.main-subform .sub-form {
        float: left;
        width: 50%;
}

img.ui-datepicker-trigger {
    cursor: pointer;
    margin-bottom: -4px;
}

#truckerSscoAgreementsForNew tr.enabled {
    background: #DDD;
}

.inquiry {
    color: #000000;
    /*background-color: #4b6c9e;*/
    font-weight: normal;
    padding-top: 0.2em;
    padding-left: 0.5em;
}

table.inquiry select {
    color: #000000;
    min-width: 6em;
    width: 75%;
    background-color: transparent;
    border: 1px solid #CCCCCC;    
}

table.inquiry td {
    border: medium none;
    padding: 1.5px;
    text-align: center;
    white-space: nowrap;
    color: #000000;
}

table.inquiry-list {
    border: 1px solid black;    
    background-color: transparent;
    padding: 0.5em;
}

table.inquiry-list td {
    border: medium none;
    padding: 1.5px;
    text-align: left;
    white-space: nowrap;
    color: #000000;
}

table td.date {
    white-space: nowrap;
    width: 85px;
}

    table td.date input.hasDatepicker {
    white-space: nowrap;
    width: 60px;
}

table th.date img.ui-datepicker-trigger,
table td.date img.ui-datepicker-trigger {
    float: right;
}


ul.dynatree-container .red a {
    color: red;
}

/* Grid Table */
table.grid-table {
    background-color: #BBBBBB;
}

table.grid-table thead tr th,
    table.grid-table tfoot tr th {
    font-size: 8pt;
    padding: 4px;
}

table.grid-table thead tr th.sortable,
        table.grid-table tfoot tr th.sortable {
    /*background-image: url('images/grid-sort-arr.gif');*/
    background-position: right 50%;
    background-repeat: no-repeat;
    padding-right: 18px;
    cursor: pointer;
}

table.grid-table thead tr th.sortable:hover,
            table.grid-table tfoot tr th.sortable:hover {
    background-color: #7babbb;
}

table.grid-table thead tr th.sortable.sorted,
            table.grid-table tfoot tr th.sortable.sorted {
    background-color: #7babbb;
    background-image: none;
}

table.grid-table thead tr th.sortable.sorted.sorted-asc,
                table.grid-table tfoot tr th.sortable.sorted.sorted-asc {
    /*background-image: url('images/grid-sort-arr-asc.gif');*/
}

table.grid-table thead tr th.sortable.sorted.sorted-desc,
                table.grid-table tfoot tr th.sortable.sorted.sorted-desc {
    /*background-image: url('images/grid-sort-arr-desc.gif');*/
}

    table.grid-table tbody tr td {
    background-color: #FFFFFF;
    color: #3D3D3D;
    padding: 4px;
    vertical-align: top;
}

.noborder tr,
.basic tr,
.cart tr {
    background: #ffffff !important;
}

.basic th{
    font-weight:normal;
}

tr {
    background: #ffffff;
}
    /*default background; for browsers who don't understand nth-child construct */
    tr:nth-child(even) {
        background: #e8eef4;
    }

    tr:nth-child(odd) {
        background: #ffffff;
    }

/* For IE8 ??*/
.divGrid table tr.even {
    background: #e8eef4;
}

.divGrid table tr.odd {
    background: #ffffff;
}

/*Autocomplete extended styles*/
li.ui-menu-item span.navAction {
    display: inline;
    position: absolute;
    right: 0;
}

td span.navAction {
    float: right;
    margin-top: -18px;
}

span.navAction span {
    cursor: pointer;
}

.field-warning {
    color: #FF0000;
    font-size: 0.8em;
    font-style: italic;
}

/*Should be merged with export.css*/
.cbr-number-search input[type="text"],
.cbr-number-search select {
    width: 47% !important;
}

/*DataPiacker in CBR Report, EIR page*/
#DateSubmittedFrom,
#DateSubmittedTo,
#MoveStartDate,
#MoveEndDate {
    width: 70%;
}

#divLimitEditor div.collapsible {
    width: 100%;
}

div.collapsible {
    width: 98%;
   /*background: url('Images/bg-panel.gif') repeat-x scroll 0 0 transparent;*/
}
   
.collapsible h3 {
    font-size: 12px;
    border-bottom: 1px solid #E0E0E0;
}

.collapsible h3.header-open {
    background: url('Images/toggle-collapse-dark.png') no-repeat scroll left center transparent;
        padding-left: 22px;
}

.collapsible h3.header-closed {
    background: url('Images/toggle-expand-dark.png') no-repeat scroll left center transparent;
        padding-left: 22px;
}

.collapsible div.header-open, .collapsible div.header-closed {
    cursor: pointer;
}

    .collapsible div.header-open > *:first-child:before {
        content: url('images/icon_collapse.png');
}

    .collapsible div.header-closed > *:first-child:before {
        content: url('images/icon_expand.png');
}

    .collapsible div.header-open + div {
    /*background-color: #E8EEF4;*/
}

.collapsible h3 a:link,
.collapsible h3 a:visited {
    color: #1B75BB;
    text-decoration: none;
}

.collapsible-section {
    padding-left: 22px; 
    padding-bottom: 10px;
}

.grid-header {
    height: 1.6em;
}

.edit-header-section {
    float: left;
    width: 22%;
    font-size: 0.9em;
    padding: 1.5px 0 0 3px; 
    border-right: solid #bbb 1px;
    background: #e8eef4;    
}

.edit-body-section {
    float: left;
    font-size: 0.9em;
    width: 76%;
}

.listbox-section {
    height: 64px;
    padding: 1.5px 0 0 3px;
}

.grid-box {
    float: left;
    width: 100%;
    border: solid #bbb 1px;
    border-top: none;
}    

.grid-box-top {
    float: left;
    width: 100%;
    border: solid #bbb 1px;
}

/* Login form */
.centered-narrow {
    width: 450px;
    margin: 0 auto;
}

.select-site-ssco-panel {
    width: 312px;
    min-width: 312px;
    float: right;
    margin-left: 12%;
}

/*.username-password-panel
{
    width: 300px;
    min-width: 300px;
    float: right;
    margin-left: 1em;
}*/

.login-form {
    width: 304px;
    min-width: 250px;
    float: right;
    margin-left: 1em;
    padding: 10px 15px 10px;
    border: 1px #1B75BB solid;
}

.site-ssco-form {
    width: 350px;
    min-width: 250px;
    float: right;
    margin-left: 1em;
    padding: 10px 15px 30px;
    border: 1px #1B75BB solid;
}

.login-form-widget {
    padding: 10px 15px 0px;
    border: 1px #1B75BB solid;
}

.login-form .form-title,
.login-form-widget .form-title,
    .site-ssco-form .form-title {
    font-size: 1.4em;
    padding-bottom: 5px;
    border-bottom: 2px #4B6C9E solid;
}

.login-form form,
    .login-form-widget form {
    padding: 10px 0 5px;
}

.login-form .editor-block,
.login-form-widget .editor-block,
    .site-ssco-form .editor-block {
    clear: both;
}

.login-form .editor-block input[type="text"],
.login-form .editor-block input[type="password"],
.login-form .editor-block select,
.login-form-widget .editor-block input[type="text"],
.login-form-widget .editor-block input[type="password"],
        .login-form-widget .editor-block select {
    font-size: 1.2em;
    width: 100%;
}

.login-form .editor-block .editor-label,
.login-form .editor-block .editor-label-empty,
.login-form .editor-block .editor-field,
.login-form-widget .editor-block .editor-label,
.login-form-widget .editor-block .editor-label-empty,
        .login-form-widget .editor-block .editor-field {
    float: left;
    clear: none;
}

.login-form .editor-block .editor-label,
        .login-form-widget .editor-block .editor-label {
    width: 30%;
    font-size: 0.9em;
    /*background: #E8EEF4;*/
    /*border: 1px #CCC solid;*/
    padding: 3px 5px;
    margin: 0.5em 0.5em 0 0;
            background-color: white;
            text-align: right;
    border: none;
}

.login-form .editor-block .editor-label-empty,
        .login-form-widget .editor-block .editor-label-empty {
    width: 30%;
    background: none;
    padding: 3px 5px;
    border: none;
    margin-right: 5px;
}

.login-form .editor-block .editor-field,
        .login-form-widget .editor-block .editor-field {
    width: 62%;
    font-size: 0.9em;
    margin: 0.5em 0 0 0;
}

.login-form .editor-block .editor-field .note,
            .login-form-widget .editor-block .editor-field .note {
    color: #999;
    font-size: 0.85em;
}

.login-form .form-buttons,
    .login-form-widget .form-buttons {
    padding: 10px 0 0;
}

.login-form .login-options,
    .login-form-widget .login-options {
    padding-top: 10px;
    clear: both;
}

/* Title-page layout */

.module-block {
    float: left;
    width: 65%;
    margin: 0 10px 20px 0;
}

    .module-block .module-title {
    padding: 5px 10px;
    font-size: 1.3em;
    font-weight: bold;
    color: #FFF;
    background: #4B6C9E;
}

    .module-block .module-desc {
    padding: 5px 10px;
    font-size: 0.85em;
    color: #666;
}

    .module-block .module-links {
    padding: 5px 10px;
}

.module-details {
    text-align: right;
}

.module-block .module-links-title {
    font-size: 1.1em;
    color: #4B6C9E;
}

.title-page-layout .module-block {
    float: left;
    width: 64%;
    margin: 0 10px 20px 0;    
}

.tooltip {
    position: absolute !important;
    z-index: 2147483647;
    left: -9999px;
    /*background-color:#2E6E9E;*/
    padding: 1px;
    border: 1px solid #C5DBEC;
    /*width:250px;*/
    font-size: 0.8em;
}

    .tooltip p, .tooltip .tooltip-inner {
    margin: 0;
    padding: 0;
    color: #000;
    background-color: #FFFFD9;
    padding: 0px 2px 0px 2px;
}

table.noborder {
    border: none;
    font-size: 1em;
}

table.noborder > tbody > tr > td,
table.cart > tbody > tr > td {
    border: none;
    vertical-align: top;
    white-space: normal;
}

.icon-button {
    cursor: pointer;
}

/* VoyagerTrack*/
.inquiry-panel input[type="text"] {
    font-size: 0.9em;
    text-transform: uppercase;  
}

.inquiry-panel select {
    color: #000000;
    background-color: transparent;
    border: 1px solid #CCCCCC;
    font-size: 1em;
}

.inquiry-panel .subpanel-left-wide {
    float: left;
    width: 75%;
}

.inquiry-panel .subpanel-right-narrow {
    float: left;
    width: 25%;
}

.inquiry-panel .editor-label {
    float: left;
    width: 30%;
}

.inquiry-panel .editor-field {
    float: left;
    /*font-size: 0.9em;*/
    width: 60%;
}

.inquiry-panel .editor-field-full {
    float: left;
    width: 100%;
}

.inquiry-panel .editor-field-full-nomargin {
    float: left;
    width: 100%;
    margin: 0.4em 0 0 0;
}

.inquiry-panel .display-label {
    float: left;
    width: 40%;
    /*height: 1.4em;*/
}

.inquiry-panel .display-field {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-2col {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-4col {
    float: left;
    width: 25%;
}

.inquiry-panel .subpanel-3col {
    float: left;
    width: 33%;
}

    .inquiry-panel .subpanel-3col .editor-label {
    float: left;
    width: 30%;
}

    .inquiry-panel .subpanel-3col .editor-field {
    float: left;
    /*font-size: 0.9em;*/
    width: 50%;
}

    .inquiry-panel .subpanel-3col .display-label {
    float: left;
    width: 40%;
    /*height: 1.4em;*/
}

    .inquiry-panel .subpanel-3col .display-field {
    float: left;
    width: 50%;
}

.inquiry-panel .subpanel-4col .editor-field {
    width: 100%;
}

.action-panel-right {
    clear: both;
    text-align: right;
    width: 100%;
}

.display-block .section-title,
.inquiry-panel .section-title,
.display-panel .section-title,
.editor-block .section-title {
    font-size: 1.1em;
    color: #505abc;
    <!-- background-color: #A6C7E0; -->
}

/*Appointment Limit Grids*/

div.limitBlock {
    padding-bottom: 15px;
}

    div.limitBlock table tr td {
        text-align: center;
}

div.limitDataBlock {
    overflow-x: auto;
    padding-right: 3px;
}

div.limitDataBlock table {
        border: none;
}

tr.limitScale td, tr.dummy td {
    border: medium none;
    padding: 0;
    white-space: nowrap;
    min-width: 15pt;
}

tr.limitHeader a, tr.offsetLimitHeader a, tr.limitFooter a, tr.offsetLimitFooter a, tr.limitRepeatHeader a, tr.offsetLimitRepeatHeader a {
    color: #ffffff;
}

tr.limitHeader td, tr.offsetLimitHeader td, tr.limitFooter td, tr.offsetLimitFooter td, tr.limitRepeatHeader td, tr.offsetLimitRepeatHeader td {
    /* font-weight: bold */
    background-color: #5C87B2;
    border: 1px solid #BBB;
    color: #FFFFFF;
    font-size: 0.85em;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    /*height: 1.5em;*/
}

table.appointment tr.limitHeader td, 
table.appointment tr.offsetLimitHeader td, 
table.appointment tr.limitFooter td, 
table.appointment tr.offsetLimitFooter td, 
table.appointment tr.limitRepeatHeader td, 
table.appointment tr.offsetLimitRepeatHeader td {
    border: 1px solid #000;
}

td.nr {
    background-color: #dddddd;
}
tr.offsetLimitDataRow td[data-role="empty"],
tr.offsetLimitHeader td[data-role="empty"],
tr.offsetLimitDataRow_Summary td[data-role="empty"],
tr.offsetLimitFooter td[data-role="empty"] {
    background-color: #FFFFFF;
}

tr.limitDataRow, tr.limitDataRow_Summary {
    background-color: #FFFFFF;
}

tr.offsetLimitDataRow, tr.offsetLimitDataRow_Summary {
    background-color: #FFFFCC;
}

tr.limitDataRow_AreaCounts td, tr.offsetLimitDataRow_AreaCounts td {
    text-align: left !important;
}

tr.limitDataRow td[data-role="empty"],
tr.offsetLimitDataRow td[data-role="empty"] {
    background-color: #DDDDDD;
}

tr.limitDataRow td, tr.offsetLimitDataRow td, tr.limitData td, tr.limitDataRow_Summary td {
    /*height: 1.5em;*/
}

tr.offsetLimitHeader td[data-role="empty"] {
    background-color: #5C87B2;
}

.date-input {
    width: 70% !important;
}

/* Password Strength Meter widget */
.pass-field-tip {
    position: absolute;
    top: 0;
    left: 0;
    width: 140px;
    padding: 6px;
    background: white;
    color: #252525;
    z-index: 500;
    border-radius: 3px;
    box-shadow: 0 2px 8px -1px rgba(0, 0, 0, 0.7);
}

.pass-field-tip .point-arrow {
    position: absolute;
    width: 0;
    height: 0;
    bottom: -5px;
    left: 15px;
    margin-left: -5px;
    border-top: 5px solid #fff;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
}

.pass-strength-meter {
}

.pass-strength-meter .scale {
    height: 6px;
    margin-bottom: 4px;
}

.pass-strength-meter .scale .fill {
    height: 6px;
    width: 0;
    background: #ccc;
}

.pass-strength-meter .scale .fill.weak {
    background: #d50000;
}

.pass-strength-meter .scale .fill.medium {
    background: #ffc800;
}

.pass-strength-meter .scale .fill.strong {
    background: #00c65d;
}

.pass-strength-meter .desc {
    font-size: 0.85em;
}

/* Report styles */
.report-table th {
    white-space: normal;
}

/* Pagination plugin */
.pagination {
    background: url("images/paging_bg.png") repeat-x scroll 0 0 transparent;
    margin-top: 5px;
}

.pagination .page-info {
}

.pagination .pages-nav {
    float: right;
    margin: 0;
    padding: 0;
    list-style-type: none;
    list-style-image: none;
}

.pagination .pages-nav li.btn {
    float: left;
    list-style-type: none;
    margin: 0 1px 0 0;
    text-decoration: none;
}

.pagination .pages-nav li.btn a {
    float: left;
    height: 15px;
    list-style-type: none;
    margin: 0 1px 0 0;
    padding: 1px 4px;
    text-decoration: none;
}

.pagination .pages-nav a.page-nav-btn {
}

.pagination .pages-nav li.page-select {
    display: inline-block;
    float: left;
    border: 1px solid #C5DBEC;
    margin: 0 1px 0 0;
    padding: 1px 4px;
    font-size: 11px;
    line-height: 1em;
}

.pagination .pages-nav li.page-select select {
    width: 45px;
    border: 0 none;
    padding: 0;
    font-size: 0.9em;
}

/* Contextual loading pane with large spinner */
.loading-pane-container {
    position: relative;
}

.loading-pane-large {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 50px 20px;
    background: white;
    background: rgba(255, 255, 255, 0.8);
    z-index: 100;
}

.loading-pane-large .ajax-spinner {
    width: 64px;
    height: 64px;
    margin: 0 auto;
    background: url("/Images/ajax-spinner-large.gif") 50% 50%;
}

/* Dialog form tweaks */
.dialog-form fieldset {
    width: auto;
    min-width: 300px;
}

.dialog-form .editor-block {
    margin-bottom: 5px;
}

.dialog-form .display-field,
.dialog-form .editor-field {
    margin: 0.3em 0 0;
}

.dialog-form .multiple-file-inputs {
    margin-bottom: 7px;
}

.multiple-file-inputs input[type="file"] {
    display: block;
    clear: right;
    margin-bottom: 7px;
}

.dialog-form .multiple-file-inputs .image-file-input-wrapper {
    clear: right;
}

.dialog-form .multiple-file-inputs .image-file-input-wrapper button[data-rel="file-input-delete"] {
    display: none;
}

.colorpicker input {
    width: auto;
}

.line-above {
    padding-top: 10px;
    border-top: 2px #4B6C9E solid;
}

.line-below {
    padding-bottom: 10px;
    border-bottom: 2px #4B6C9E solid;
}

.thin-line-above {
    padding-top: 10px;
    border-top: 1px #ccc solid;
}

.thin-line-below {
    padding-bottom: 10px;
    border-bottom: 1px #ccc solid;
}

.pad-above {
    padding-top: 10px;
}

.pad-below {
    padding-bottom: 10px;
}

.filter-grid-row {
    margin-bottom: 10px;
}

.center-align {
    text-align: center;
}

.right-align {
    text-align: right !important;
}

/* Special fieldset styling */
fieldset.labeled-group {
    min-width: 40px;
    width: auto;
    border: 1px solid #ccc;
    padding: 3px;
    margin-bottom: 5px;
}

fieldset.labeled-group legend {
    padding: 0 5px;
    margin: 0 0.2em;
}

fieldset.labeled-group legend input[type="checkbox"] {
    margin-left: 0;
    margin-right: 2px;
}

.cb-control {
    padding: 0 5px;
}

.cb-control input[type="checkbox"] {
    margin: 0 1px 0 3px;
}

.cb-control label {
    font-size: 0.8em;
}

.row-fluid [class*="span"].small {
    min-height: 20px;
}

.inline-form {
}

.inline-form .editor-block {
    clear: none;
    min-height: 20px;
}

.inline-form .editor-block .editor-label {
    width: 40%;
    float: left;
    text-align: right;
    margin-top: 3px;
}

.inline-form .editor-block label {
    width: auto;
    text-align: right;
    margin-right: 5px;
}

.inline-form .editor-block .editor-label.l,
.inline-form .editor-block .editor-label.l label {
    text-align: left;
}

.inline-form .editor-block .editor-field {
    width: 58%;
    float: left;
    margin: 0;
}

.inline-form .editor-block .editor-field input[type="text"],
.inline-form .editor-block .editor-field select {
    width: 99%;
}

.inline-form .editor-block .editor-field input.hasDatepicker {
    width: 70%;
}

.inline-form .editor-block .editor-field img.ui-datepicker-trigger {
    margin-bottom: -4px;
}

/* Report configuration widgets */
.report-column-selector {
}

.report-column-selector .listbox {
    width: 30%;
    float: left;
}

.report-column-selector .move-buttons {
    width: 5%;
    min-width: 20px;
    float: left;
    margin-top: 30px;
}

.report-column-selector .listbox select {
    width: 100%;
    height: 12em;
}

ul.plain-list {
    list-style: none;
    padding-left: 0;
}

ul.plain-list li {
    margin-left: 0;
    padding-left: 0;
}

ul.plain-list.framed {
        padding: 5px;
    border: 1px solid #ccc;
}

ul.plain-list.framed li {
}

.report-grid {
    overflow: auto;
    width: 100%;
    height: 100%;
}

    .report-grid th {
        white-space: normal;
}

    .report-grid tr {
        height: 1.6em;
}

    .report-grid button {
        -moz-min-width: 3em;
        -ms-min-width: 3em;
        -o-min-width: 3em;
        -webkit-min-width: 3em;
        min-width: 3em;
        float: none; 
        <!--height: 2em;-->
}

.btn-icon {
    width: 17px;
    height: 19px;
    background: transparent;
    border: none;
    padding-left: 3px;
    cursor: pointer;
    margin-bottom: 3px;
}

.btn-icon:hover {
    background: #ccc;
}

/* Hack */
.container-fluid.sub-form {
    width: auto;
    float: none;
}

/* Reports additional markup */

.report-section {
}

.report-section-title {
    color: #00216c;
    font-size: 1.5em;
    margin-bottom: 5px;
}

.report-section-subtitle {
    margin-bottom: 8px;
}

.aligntop {
    vertical-align: top;
}

.form-field * {
    vertical-align: top;
}

.form-field label, .form-field .label {
    text-align: right;
    display: inline-block;
    width: 150px;
}

.form-field input[type='text'] {    
    width: 397px;
}

.form-field textarea {
    width: 400px;
}

#main > h2.blue-header {
    background: #4B6C9E;
    padding: 5px;
    color: #fff;
    font-size: 1.2em;
    width: 100%;
    margin: 0;
}

.found-adresses-message {
    display: inline-block;
    width: 100%;
    text-align: center;
}

.found-adresses-message.red {
    color: red;
}

.found-adresses-message.green {
    color: green;
}

.gray {
    color: gray;
}

.red {
    color: red !important;
}

.black-border {
    border: 1px solid black;
    padding: 5px;
}

.float-left {
    float: left;
}

.equipment-history-search-block {
    height: 150px;
    margin-right: 10px;    
}

#equipment-history-results {
    clear: both;
}
<!--
.inquiry-grid-header-right {
    background-color: #e8eef4;  
    border: 1px solid #ccc; 
    border-top: none;
    border-right: none;
    float: right;
    width: 12%;
    height: 2em;
    padding-left: 0.25em;
}

.inquiry-grid-header-right-top {
    background-color: #e8eef4; 
    border: 1px solid #ccc; 
    border-right: none;
    float: right;
    width: 12%;
    height: 2em;
    padding-left: 0.25em;
}

.inquiry-grid-header-left {
    background-color: #e8eef4; 
    border: 1px solid #ccc; 
    border-top: none; 
    border-right: none;
    width: 12%;
    float: left;
    height: 2em;
    padding-left: 0.25em;    
}

.inquiry-grid-header-left-top {
    background-color: #e8eef4;
    border: 1px solid #ccc; 
    border-right: none;
    width: 12%;
    float: left;
    height: 2em;
    padding-left: 0.25em;
}

.inquiry-grid-editor-right {
    background-color: #fff; 
    border: 1px solid #ccc; 
    border-top: none; 
    float: right;
    width: 37%;
    height: 2em;
    padding-left: 0.25em;    
}

.inquiry-grid-editor-right-top {
    background-color: #fff; 
    border: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    float: right;
    width: 37%;
    height: 2em;
    padding-left: 0.25em;    
}

.inquiry-grid-editor-left {
    background-color: #fff; 
    border: 1px solid #ccc; 
    border-top: none;
    float: left;
    width: 37%;
    height: 2em;
    padding-left: 0.25em;    
}

.inquiry-grid-editor-left-top {
    background-color: #fff; 
    border: 1px solid #ccc; 
    border-top: 1px solid #ccc; 
    float: left;
    width: 37%;
    height: 2em;
    padding-left: 0.25em;    
}
-->

.subpanel-narrow > .editor-label-full, 
.subpanel-narrow > .editor-field-full,
.subpanel-narrow > .editor-label, 
.subpanel-narrow > .editor-field {
    margin-top: 0.2em;
} 

.inquiry-panel .editor-field input[type="text"] {
    width: 120px;
}

.cell-selected {
    background: #fff2cd !important;
}

tr.row-selected,
.readonly .row-selected {
    background: #8C92AC;
}

tr.summary-row {
    background: #b8c8cb;    
}

tr.summary-row-total {
    color: #fff;
    background: #5c87b2;    
}

<!-- .tableGateActivity {
    border: 0px;    
    border-collapse: collapse;
    font-size: 0.8em;
    width: 800px;
}

    .tableGateActivity tr:nth-child(even) {
        background: #ffffff;
}

    .tableGateActivity tr:nth-child(odd) {
        background: #ffffff;
    }

.tableGateActivity .input-mini {
        width: 100px;
}

div.hide {
    display: none;
}

div.edit {
}

div.done {
}

-->
.width-25 {
    width: 24%;
    margin-right: 1%;
    float: left;
}

.width-50 {
    width: 49%;
    margin-right: 1%;
    float: left;
}

.info u {
    text-decoration: none;
}



.display-page .display-label {
    margin: 0.5em 0 0 0.5em;
}

.display-page .display-label-30 {
    float: left;
    width: 30%;
    margin: 0.2em 0 0 0.5em;
    padding: 0 0 0 0.5em;
    background-color: #E8EEF4;
    border: 1px solid #E8EEF4;
}

.display-page .display-field-45 {
    float: left;
    width: 45%;
    margin: 0.5em 0 0 0.5em;
    padding: 0 0 0 0.5em;
}

.display-page .display-field-60 {
    float: left;
    width: 60%;
    margin: 0.2em 0 0 0.5em;
    padding: 0 0 0 0.5em;
    border: 1px solid #E8EEF4;
}

.display-page .editor-field-60 {
    float: left;
    width: 60%;
    margin: 0.2em 0 0 0;
    padding: 0 0 0 0.5em;
}

.display-page .display-title {
    padding: 5px 10px;
    font-size: 1em;
    color: #FFF;
    background: #4B6C9E;
}

.display-page .display-block-35 {
    float: left;
    width: 35%;
    height: 27em;
    border: 1px solid #4B6C9E;
    margin: 0 10px 20px 0;
}

.display-page .display-block-20 {
    float: left;
    width: 25%;
    height: 27em;
    border: 1px solid #4B6C9E;
    margin: 0 10px 20px 0;    
}

.page-title-section {
    float: left;
    width: 65%;
}

.page-title {
    display: block;
    font-size: 1.1em; 
    padding: 12px 0 3px 6px;
}

.page-title-button-section {
    width: 30%; 
    padding: 12px 3px 3px 6px; 
    float: right; 
    text-align: right;
}

/*<!--Statastics -->*/
h1.statisticsHeader {
    background-color: rgb(95,135,187) !important;
         color: white !important;
        font-size: 8pt !important;
    }

.statisticsTable table {
      border: 0 none;
      font-family: Arial,Helvetica,sans-serif;
    font-size: 8pt;
}

.statisticsTable tr:nth-child(even) {
    background: #ffffff !important;
}

.statisticsTable tr {
border: 0 none !important;
}

    .statisticsTable tr > td {
border: 0 none !important;
}

.statisticsTable thead > tr > th {
border: 0 none !important;
    background: #ffffff !important;
    color: black;
}

/*<!--statisticsTable table tr:nth-child(odd) {background: #ffffff}-->
<!--.statisticsTable table tr.even { background: #ffffff !important;}
.statisticsTable table tr.odd { background: #ffffff  !important;}-->*/

/*print style*/
.divTitle {
    font-size: 20px;    
    font-family: Arial,helvetica,sans-serif, verdana;
    text-align: center;
}

.divQueryInfo {
    font-family: Arial,helvetica,sans-serif, verdana;
    font-size: 12px;
}
    
table.printLayout {
    border-collapse: collapse;
    width: 100%;    
}

    table.printLayout td {
    border: solid 1px #000;
    white-space: normal;
    padding: 1px;   
    height: 15px;
    font-size: 10px;
        font-family: Arial,helvetica,sans-serif, verdana;
}

    table.printLayout th, table.printLyaout thead td {
    font-size: 10px;
    font-weight: bold;    
        font-family: Arial,helvetica,sans-serif, verdana;
    padding: 1px;
    height: 15px;
    text-align: center;
    background-color: #5c87b2;
    color: #fff;
    border: solid 1px #000;
    white-space: normal;    
}

.print-report-grid {
    width: 100%;
    height: 100%;
}

/*EIR*/
.eir-layout td p.title {
    font-family: /* Haettenschweiler, */ "Arial Narrow", Arial, sans-serif;
    font-size: 0.8em;
    font-weight: bold;
    text-transform: uppercase;
}

.eir-layout td .left-half {
    display: block;
    width: 50%;
    text-align: left;
}

.eir-layout td .tiny {
    font-family: Arial, sans-serif;
    font-size: 0.75em;
}

.eir-layout td.eir-header {
    font-size: 1.4em;
    text-align: center;
}

    .eir-layout td.eir-header h2 {
    margin: 0;
}

    .eir-layout td.eir-header p {
    margin: 5px;
}

.eir-layout .gate-pass-number {
    font-size: 4em;
}

.eir-layout td.table-inside {
    padding: 0;
    border: none;
}

.eir-layout td .centerized {
    width: 50%;
    display: block;
    margin: 0 auto;
}

.eir-layout td.eir-header {
    font-size: 1.4em;
    text-align: center;
}

table.center {
    margin-left: auto;
    margin-right: auto;
    text-align: center;
  }

.print-header {
    display: none;
}


.marker {
	background-color: Yellow;
}

.image-thumbs img {
    cursor: pointer;    
}

    #about_admin_edit input[type="button"] {
        bottom: 13px;
        left: 10px;
        position: absolute;
    }

#divAbout input {
    width: 50%;
}

    #divAbout .display-title {
        display: inline-block;
        margin: 0;
        padding: 3px 3px 5px 5px;
        width: 35%;
    }

#divAbout .display-field {
    border: thin solid gainsboro;
    display: inline-block;
    height: 12px;
    margin: 3px 1px 0 2px;
    padding: 4px 1px 3px 11px;
    width: 50%;
}

  /* micro-formats vcard */
     .vcard {
}

.fn {
}
        
.org {
     }   
        
.adr {
    }
        
.street-address {
    }
        
.locality {
    }
        
.region {
    }
        
.postal-code {
    }
        
.tel {
    }
        
.type {
    }
        
.mobilerequired {
    }
        
.isSelected {
    }
    /* end microformats vcard */

    .terminal-address-block {
        background-color: white;
        border: thin solid black;
        height: 260px;
        margin: 20px 0;
        overflow: hidden;
        width: 100%;
    } 

    .terminal-address-block-left {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-right-style: none;
        display: block;
        float: left;
        height: 250px;
        overflow: auto;
        padding: 8px 12px 2px 12px;
        <!--width: 50%;-->
    }

     .terminal-address-block-center {
        border-bottom-style: none;
        border-left-style: node;
        border-right-style: none;
        border-width: 0 2px;
        float: left;
        height: 250px;
       <!-- margin-left: -150px;-->
        <!--width: 300px;-->
    }

    .terminal-address-block-right {
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        border-left-style: node;
        float: right;
        height: 250px;
        <!--margin-left: -155px;-->
        overflow: auto;
        padding: 8px 12px 2px 12px;
        <!--width: 50%;-->
    }

     .terminal-address-block label {
        display: block;
        font-weight: bold;
        padding: 3px 2px 4px 1px;
    }

    .terminal-address-block .org, .terminal-address-block .street-address {
        display: block;
        padding: 3px 1px 4px 0px;
    }
	
	.terminal-address-block .locality {
	   display: block;
       float: left;
       padding: 3px 1px 4px 0px;
    }

    .terminal-address-block .region, .terminal-address-block .postal-code {
        display: block;
        float: left;
        padding: 3px 1px 4px 12px;
    }

    .contents {
        font-size: 0.8em;
    }

     .wrap table {
         table-layout: fixed;
     }

    .wrap {
        width: 90%;
        margin: 0 auto;
        text-align: left;
    }

    #sub {
        border: 0px solid #000000;
        width: 74%;
        margin: 0 auto;
        text-align: center;
    }

    #authDetails .detailsHeader {
        /*margin: 0 auto;*/
        text-align: left;
        border: 0px solid #000000;
    }

    .detailsHeader thead th {
        background-color: #808080; /* 0C51C1 #e17009;*/
    }

    #authDetails .detailsBody {
        overflow-y: scroll;
        max-height: 200px;
        margin: 0 auto;
        text-align: left;
        border-bottom: 0px;
        white-space: nowrap;
        border: 0px solid #000000;
    }
    
    table.subtable thead th {
        background-color: #e8eef4; /* 0C51C1 #e17009;*/
        color: #000;
        font-weight: normal;
    }

    #accordion .ui-icon {
        display: none;
    }

.heading {
    margin: 0px;
}
    
    #accordion .heading tbody tr:hover {
        background-color: #F2F2F2; /*#CFDFF9;*/
    }

    #accordion .heading tbody tr {
    background-color: #fcfdfd; /*#dfeffc;*/
    color: #000000;
    font-weight: normal;
    }

    #accordion .heading tbody tr td {
        padding: 3px 5px;
    }
   
    
    #paymentReportHeader {
        border: 0px solid;
        font-weight: bold;
        width: 25%;
        margin: 0 auto;
        text-align: center;
    }

    #paymentReportHeader .subHeader {
        border: 1px solid #000000;
        padding: 10px;
        margin: 0 auto;
        text-align: center;
    }
            
    .tableTypeHeader {
        margin-bottom: 10px;
        text-align: left;
        font-weight: bold;
        border: 0px solid;
        color: #1A206A;
    }

    .active {
        background-color: #e8eef4 !important; /* #dfeffc  */
    }

.collapse {
    background-image: url('Images/toggle-expand-dark.png');
    display: inline-block;
    height: 15px;
    width: 15px;
}
        
.expand {
    background-image: url('Images/toggle-collapse-dark.png');
    display: inline-block;
    height: 15px;
    width: 15px;
}
.collapse-all {
    background-image: url('images/icon_expand.png');
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor:pointer;
}
.expand-all {
    background-image: url('images/icon_collapse.png');
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor:pointer;
}
.ui-icon-collapse {
    background-position: 0 0;
    cursor:pointer;
}
        
.ui-icon-expand {
    background-position: -16px 0;
    cursor:pointer;
}
.ui-icon-arrow {
    background-image: url("images/ui-icon-arrows.png");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    /*overflow: hidden;*/
    text-indent: -99999px;
}
.ui-icon-checkmark-green {
    background-position: 0 0;
}
.ui-icon-checkmark-yellow {
    background-position: -16px 0;
}
.ui-icon-checkmark-red {
    background-position: -32px 0;
}
.ui-icon-checkmark {
    background-image: url("images/ui-icon-checkmarks.png");
    height: 16px;
    width: 16px;
    background-repeat: no-repeat;
    display: block;
    /*overflow: hidden;*/
    text-indent: -99999px;
}
.collapse-all:hover,
.expand-all:hover,
.ui-icon-arrow:hover,
.ui-icon-checkmark:hover {
    opacity:0.7;
}
input:disabled, select:disabled {
    background: #eeeeee !important;
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.invalidInput  {
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

hr.nonprintable {
    height: 2px;
    margin-top: 0;
}


table.importReprotMain > tbody > tr > td {
    border-right: 1px solid #cccccc;
}

    table.importReprotMain > tbody > tr > td:first-child {
        width: 20px;
    }

    table.importReprotMain > tbody > tr > td.number {
        font-style: italic;
        text-align: right;
    }


.detailContainer {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 200px;
    background: white;
    padding: 18px 0 12px 0;
}

.ui-widget-header {
    color: black;
}

.animated-div.ng-hide-remove,
.animated-div.ng-hide-add {
    -webkit-transition: 0.3s linear all;
    -moz-transition: 0.3s linear all;
    -ms-transition: 0.3s linear all;
    -o-transition: 0.3s linear all;
    transition: 0.3s linear all;
}

.animated-div.ng-hide-remove.ng-hide-remove-active,
.animated-div.ng-hide-add {
-ms-opacity: 1;
opacity: 1;
}

.animated-div.ng-hide-add.ng-hide-add-active,
.animated-div.ng-hide-remove {
-ms-opacity: 0;
opacity: 0;
}

table.details {
    width: 100%;
}

table.details thead {
    text-align: left;
    border: 0px solid #000000;
}

table.details thead a:link, 
table.details thead a:visited, 
table.details thead a:hover, 
table.details thead a:active  {
    color: #696969;    
}

table.details thead th {
    background-color: #c0c0c0;  /*#808080;*/
}


        
table.details tbody {
    margin: 0 auto;
    text-align: left;
    border-bottom: 0px;
    white-space: nowrap;
    border: 0px solid #000000;
    }

.alignfont {
    color: black;
    font-family: "Courier New" !important;
    font-size: 8pt !important;
    text-align: left !important;
}

.no-top-margin {
    margin-top: 0px;
}

.thumbinner {
    background-color: #f9f9f9;
    border: 1px solid #ccc;
    font-size: 94%;
    overflow: hidden;
    padding: 3px;
    text-align: center;
    -moz-min-width: 100px;
    -ms-min-width: 100px;
    -o-min-width: 100px;
    -webkit-min-width: 100px;
    min-width: 100px;
    z-index:99999;
    position:absolute;
}

.thumbimage {
    background-color: #fff;
    border: 1px solid #ccc;
    border: medium none;
    vertical-align: middle;
}
.thumbcaption {
    text-align: left;
    border: medium none;
    font-size: 94%;
    line-height: 1.4em;
    padding: 3px;
    max-width:300px;
}
.ui-cc-icon{
    background-image: url("images/cc-set.jpg");
    height: 28px;
    width: 40px;
    background-repeat: no-repeat;
    display: inline-block;
    overflow: hidden;
    text-indent: -99999px;
}
.ui-cc-icon-amex{
   background-position: -242px -18px;
}
.ui-cc-icon-mastercard{
   background-position: -318px -318px;
}
.ui-cc-icon-visa{
   background-position: -166px -468px;
}
.ui-cc-icon-discover{
   background-position: -394px -168px;
}
.ui-cc-icon-default{
   background-position: -90px -92px;
}
/* Disable sign-up, forgot password and contact us links for STS, PAO */
#loginForm  a[href*="DUN_BAL"], a[href*="EGA_LA"], a[href*="EGA_PCT"], a[href*="MTC_OAK"], a[href*="PAO_OAK"]
{
	display: none;
}

.tariff-select {
    width: 16em;
}

.show-False{
	display: none;    
}
 .CurrentDate a, .CurrentDate span {
        background-color: #dfeffc !important;
        background-image: none !important;
        /*color: White !important;*/
        border: 1px solid #000000 !important;
    }

    .Highlighted a, .Highlighted span {
        background-color: #66CC66 !important;
        background-image: none !important;
        color: White !important;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker-calendar tr:nth-child(2n) {
        background: none repeat scroll 0 0 #ffffff;
    }
i.sm-action {
    cursor: pointer;
    font-size: 16px;
    color: #003a73;
}
.ui-icon-white {
  background-image: url("images/ui-icons_ffffff_256x240.png") !important;
}
.ui-icon-black {
  background-image: url("images/ui-icons_444444_256x240.png") !important;
}
.ui-icon-red {
  background-image: url("images/ui-icons_ff0000_256x240.png") !important;
}
.appt-monitor{
    overflow-x:auto;
    margin-bottom: 20px;
}
.appt-monitor table tr {
    background: #fff;
}
.appt-monitor table tr td {
    text-align: center;
}
.rotate-270{
  -webkit-transform: rotate(270deg);
  -moz-transform: rotate(270deg);
  -ms-transform: rotate(270deg);
  -o-transform: rotate(270deg);
  transform: rotate(270deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
  padding: 0;
}
.highlight1{
    background-color: #f2f7ff;
}
.highlight2 {
    background-color: #9fc791;
}
td.locked{
    background:url("Images/cursor_lock.png") left no-repeat; 
    background-color: #FF6600;
    /*background-size:18px;*/
}
td.unlocked {
    /*cursor: url("Images/cursor_lock.png"), auto;*/
}

td.lockLimitCells {
    padding-bottom: 0px !important;
    padding-top: 0px !important;
}

td.lockLimitCells input[type=checkbox] {
    margin: 0;
}

input readonly{
   background-color: #d3d3d3;
}
.tab-selected {
    background:none; 
    background-color:#5C87B2 !important;
    color:#fff !important;
}
.tab-unselected {
    background:none; 
    background-color:#fff;
    color:#2e6e9e;
}
.border-hightlight {
    border:1px double red !important; 
    background: #ffeeee !important;
}

/*MS IE 10+ Specific
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    .limitDataRow td,
    .offsetLimitDataRow td{
        padding: 3.3px 5px !important;
    }
}
*/

/*MS Edge Specific
@supports (-ms-ime-align: auto) {
    .limitDataRow td,
    .offsetLimitDataRow td{
        padding: 3.3px 5px !important;
    }
}
*/
#dialog-alert h2{
    margin-top: 0;
}
table.cart {
   font-size: 0.9em;
   border-color: #5c87b2;
}
table.cart th, 
table.cart thead td {
    font-size: 1em;
    background-color: #5c87b2;
    color: #fff;
    border: solid 1px #5c87b2;
    text-align: left;
    padding:4px;
}
table.cart td {
    padding:8px 4px 0px 4px;
}
table.cart td.strong {
    padding:6px 4px 8px 4px;
}
.boxed {
    border: 1px solid #c5dbec;
    background-color: #fff;
    color: #2e6e9e;
    border-radius: 10rem;
    padding-right: .6em;
    padding-left: .6em;
    display: inline-block;
    padding: .23em .4em;
    line-height: 1.2em;
    font-size: 1em;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
}
.boxed-info {
    border-radius: 4px;
    padding: 10px;
    margin-bottom: 20px;
    border: 1px solid transparent;    
    color: #31708f;
    background-color: #f8fcff;
    border-color: #bce8f1;
    font-size:1.2em;
}
span.inline {
    display: inline-block;
    margin-bottom: -2px;
    margin-top: -6px;
}
table.dxucControl > tbody > tr > td,
#ucRfIdFiles_ProgressPanel table td {
    border: none;
}
::-webkit-input-placeholder {
    text-transform: initial;
}

:-moz-placeholder {
    text-transform: initial;
}

::-moz-placeholder {
    text-transform: initial;
}

:-ms-input-placeholder {
    text-transform: initial;
}
.exempt-label-padding {
    margin-top: 1em;
}
.pipe {
	color:#cccccc;
	padding: 0 2px;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.underline {
	text-decoration: underline;
}
div.canelnotes-pop-up {
    display: none;
    position: absolute;
    width: 480px;
    padding: 10px;
    background: #eeeeee;
    color: orangered;
    border: 1px solid #1a1a1a;
    font-size: 90%;
}