/* Minification failed. Returning unminified contents.
(362,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(362,22): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(568,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(568,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(570,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(570,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(604,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(604,35): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(606,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(606,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(1738,1): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(1738,20): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(2640,5): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(2640,37): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3088,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(3088,25): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3666,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(3666,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3676,8): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(3676,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3677,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3687,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(3687,33): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(3690,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found '<!--'
(3690,24): run-time error CSS1062: Expected semicolon or closing curly-brace, found '-->'
(4586,2): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'rgb('
 */
/*----------------------------------------------------------
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(/Content/SiteSpecific/NCSPA/css/bootstrap-icons.css);
@import url(/Content/SiteSpecific/NCSPA/css/bootstrap-layouts.css);
@import url(/Content/SiteSpecific/NCSPA/css/bootstrap-overrides.css);
@import url(/Content/SiteSpecific/NCSPA/css/pagelets.css);
@import url(/Content/SiteSpecific/NCSPA/css/export.css); 
@import url(/Content/SiteSpecific/NCSPA/css/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: #003D51;
    border: 0 none;
    clear: both;
    color: #003D51;
    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: #003D51; /*#84B6DE;5C87B2*/
        background: -moz-linear-gradient(left, #003D51 0%, #003D51 60%, #5c87b2 65%, #ffffff 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003D51), color-stop(60%,#003D51), color-stop(65%,#004b5d), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(left, #003D51 0%,#003D51 60%,#004b5d 65%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(left, #003D51 0%,#003D51 60%,#004b5d 65%,#ffffff 100%); /* Opera11.10+ */
        background: -ms-linear-gradient(left, #003D51 0%,#003D51 60%,#004b5d 65%,#ffffff 100%); /* IE10+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003D51', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
        /*background: linear-gradient(left, #4b6c9e 0%,#4b6c9e 60%,#5c87b2 65%,#ffffff 100%);*/ /* W3C */
    }
    #header #menuContainer > div {
        background-color: #003D51;
        width: 100%;
        float: left;
        min-height: 26px;
    }

    #header #logo {
        width: 17%;
    }

    #header #multipayTitle {
    text-align: center;
    background-color: #003D51; /*#84B6DE;5C87B2*/
    background: -moz-linear-gradient(left, #003D51 0%, #003D51 80%, #5c87b2 85%, #ffffff 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,#003D51), color-stop(80%,#003D51), color-stop(85%,#5c87b2), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left, #003D51 0%,#003D51 80%,#5c87b2 85%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left, #003D51 0%,#003D51 80%,#5c87b2 85%,#ffffff 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(left, #003D51 0%,#003D51 80%,#5c87b2 85%,#ffffff 100%); /* IE10+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003D51', 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 #003D51;
    /*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: #00A7E1; /*#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: #003D51; /*#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: #003D51; /*#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: #003D51;
    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: #003D51; /*#3a4f63; too dark*/
    /*background-image: url(/Content/Images/menucontainer_bg.png);*/
    /*background-repeat: repeat-x;    */
    border-top: 2px #003D51 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(/Content/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: #003D51;
    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(/Content/images/paging_bg.png) repeat-x;*/
    padding-top: 5px;
    padding-bottom: 3px;
}

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

.sortedAsc {
    background: url(/Content/Images/sort_up.gif) no-repeat 99% 99%;
    background-color: #00A7E1;
    padding-right: 20px;
}

.sortedDesc {
    background: url(/Content/Images/sort_down.gif) no-repeat 99% 99%;
    background-color: #00A7E1;
    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(/Content/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: #003D51;
    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;
}

.required-white {
    color: #ffffff;
}

.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: #00A7E1;
    }

.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(/Content/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(/Content/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(/Content/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(/Content/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(/Content/Images/toggle-collapse-dark.png) no-repeat scroll left center transparent;
    padding-left: 22px;
}

.collapsible h3.header-closed {
    background: url(/Content/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(/Content/images/icon_collapse.png);
    }

    .collapsible div.header-closed > *:first-child:before {
        content: url(/Content/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 #003D51 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: #003D51;
}

    .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: #003D51;
}

.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: #003D51;
    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: #003D51;
}

.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(/Content/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(/Content/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 #003D51 solid;
}

.line-below {
    padding-bottom: 10px;
    border-bottom: 2px #003D51 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: #003D51;
    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: #b8c8cb;
}

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

tr.summary-row-total {
    color: #fff;
    background: #003D51;
}

<!-- .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: #003D51;
}

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

.display-page .display-block-20 {
    float: left;
    width: 25%;
    height: 27em;
    border: 1px solid #003D51;
    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: #003D51;
        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 12px;
    }

    .terminal-address-block .locality, .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(/Content/Images/toggle-expand-dark.png);
    display: inline-block;
    height: 15px;
    width: 15px;
}
        
.expand {
    background-image: url(/Content/Images/toggle-collapse-dark.png);
    display: inline-block;
    height: 15px;
    width: 15px;
}
.collapse-all {
    background-image: url(/Content/Images/icon_expand.png);
    display: inline-block;
    height: 15px;
    width: 15px;
    cursor:pointer;
}
.expand-all {
    background-image: url(/Content/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(/Content/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(/Content/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(/Content/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: #00A7E1 !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(/Content/images/ui-icons_ffffff_256x240.png) !important;    
}
.ui-icon-black {
  background-image: url(/Content/images/ui-icons_444444_256x240.png) !important;
}
.ui-icon-red {
  background-image: url(/Content/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(/Content/images/cursor_lock.png) left no-repeat; 
    background-color: #FF6600;
    /*background-size:18px;*/
}
td.unlocked {
    /*cursor: url(/Content/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: #003D51 !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: #003D51;
}
    table.cart th,
    table.cart thead td {
        font-size: 1em;
        background-color: #003D51;
        color: #fff;
        border: solid 1px #003D51;
        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;
}
/* Editable pagelets UI styles */

.pagelet-layout {
    background-color: #FFF;
}

.pagelet-vstack {
    float: left;
    min-height: 150px;
}

    .pagelet-vstack.last {
        margin-right: 0;
    }

.pagelet {
    position: relative;
    margin: 0 0 20px 0;
    border: 1px solid #003D51;
    background: white;
}

    .pagelet .pagelet-header {
        padding: 5px 10px;
        font-size: 1.3em;
        font-weight: bold;
        color: #FFF;
        background: #003D51;
    }

    .pagelet .pagelet-content {
        padding: 10px;
        color: #444;

    }
    .pagelet .pagelet-resizable-content {
        min-height: 130px;
        overflow: auto;
    }

        .pagelet .pagelet-resizable-content .ui-resizable-s {
            bottom: 0;
        }

    .pagelet .pagelet-header.white {
        color: #000;
        background: transparent;
    }

    .pagelet .pagelet-images {
        width: auto;
    }

    .pagelet .pagelet-img {
        overflow: hidden;
        vertical-align: bottom;
        height: 100px;
    }

        .pagelet .pagelet-img img {
            display: block;
        }

    /* Admin options */

    .pagelet .pagelet-options {

    }

        .pagelet .pagelet-options .btn {
            margin: 7px 10px;
            display: inline-block;
        }

.pagelet-common-options {
    margin-bottom: 10px;
}

    .pagelet-common-options .pagelet-add-btn {
        display: inline-block;
        padding: 5px 10px;
        font-size: 1em;
        font-weight: bold;
        color: #FFF;
        background: #003D51;
        text-decoration: none;
    }

        .pagelet-common-options .pagelet-add-btn:hover,
        .pagelet-common-options .pagelet-add-btn:active {
            background: #839abc;
        }

    .pagelet-common-options .pagelet-color-picker {
        position: relative;
        display: inline-block;
        margin-left: 20px;
        padding: 7px;
        vertical-align: middle;
    }

        .pagelet-common-options .pagelet-color-picker .label {
            display: block;
            float: left;
            clear: none;
            margin: 10px 0;
        }

        .pagelet-common-options .pagelet-color-picker .picker {
            display: block;
            width: 30px;
            height: 28px;
            margin: 4px 0 0 4px;
            float:left;
        }


/* Drag features */

.pagelet-drag-handle {
    cursor: move;
}

.pagelet.ui-sortable-helper {
    box-shadow: 1px 0 10px #666;
}

.pagelet-drop-placeholder {
    margin: 0 0 20px 0;
    min-height: 150px;
    border: 1px solid #999;
    background: #eee;
}

/* Simple themes */
/* inline-header */
.pagelet.inline-header .pagelet-header {
    color: #000;
    background: transparent !important;
}

/* alert-message */
.pagelet.alert-message {
    border-color: #d50000 !important;
}

    .pagelet.alert-message .pagelet-header {
        background: #d50000 !important;
    }


/* Icons */
.pagelet-icons {
    float: right;
    clear: left;
    _position: absolute;
    margin-right: -7px; /* To cover the necessary header margin */
}

.pagelet-icon {
    display: inline-block;
    float: left;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: center;
    margin: 0 3px 3px 0;
}

.pagelet-icons [class^="icon-"],
.pagelet-icons [class*=" icon-"] {
    background-image: url(/Content/images/glyphicons-halflings-white.png);
    margin: 2px auto;
}

.pagelet.inline-header .pagelet-icons [class^="icon-"],
.pagelet.inline-header .pagelet-icons [class*=" icon-"] {
    background-image: url(/Content/images/glyphicons-halflings.png);
}

/* Content styling */

.pagelet-content p {
    margin-top: 0;
    margin-bottom: 7px;
}

/* Images gallery */
.image-thumbs {
    margin: 10px 0 5px;
}

    .image-thumbs .thumb {
        position: relative;
        float: left;
        width: 70px;
        height: 70px;
        margin: 0 5px 5px 0;
        overflow: hidden;
        background: #ddd;
    }

        .image-thumbs .thumb .thumb-options {
            position: absolute;
            width: 70px;
            top: 0;
            left: 0;
        }

            .image-thumbs .thumb .thumb-options [class^="icon-"],
            .image-thumbs .thumb .thumb-options [class*=" icon-"] {
                margin: 2px auto;
                cursor: pointer;
            }

.thumb-options-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    height: 20px;
    margin: 0 0 3px 3px;
    text-align: center;
    width: 20px;
    background: #000000;
    opacity: 0.5;
}

    .thumb-options-icon:hover {
        background: rgba(0, 0, 0, 0.6);
        opacity: 1;
    }

/* Image table */
.image-table {
    border: none;
}

    .image-table tr,
    .image-table td {
        border: none;
        padding: 0;
    }

    .image-table tbody tr {
        border-bottom: 1px dotted #aaa;
    }

    .image-table .thumb {
        width: 70px;
        height: 70px;
        margin: 5px 0;
        overflow: hidden;
    }

    .image-table .cell-thumb {
        width: 90px;
    }

    .image-table .cell-sizes {
        color: #999;
    }

.pagelet-icons .pagelet-colorpicker  {
    background: none;
    height: auto;
    width: auto;

}
.image-table .cell-options {

}
.colorpicker-ckeditor {
    position: absolute;
}
.pagelet-layout-selector {
    display: inline-block;
}

.thumb-selectable{
    cursor: pointer;
    border-style:solid;
    border-width:3px;
    border-color:transparent;
}

    .thumb-selectable:hover {
        border-color:black;
    }

.pagelet-resize-icon{
    height: 16px !important;
    width: 16px !important;
    left: 50% !important;
    bottom: 0px !important;
    z-index: 1001 !important;
    position: absolute;
    font-size: 0.1px;
    display: block;

}

.pagelet-imageuploadmsg {
    background-color: #fffaf0;
    background-color: rgba(255, 250, 240, 0.7);
    border: thin solid black;
    margin: 12px 3px 10px 4px;
    padding: 10px;
}



.pagelet-selectimage section {
    visibility: visible;
    padding: 20px;
    border: thin solid black;
    margin: 12px 3px 10px 4px;
    background: whitesmoke; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #f5f5f5 30%, #cbccfe 79%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right bottom, color-stop(30%,#f5f5f5), color-stop(79%,#cbccfe)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(-45deg, #f5f5f5 30%,#cbccfe 79%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(-45deg, #f5f5f5 30%,#cbccfe 79%); /* Opera 11.10+ */
    background: -ms-linear-gradient(-45deg, #f5f5f5 30%,#cbccfe 79%); /* IE10+ */
    background: linear-gradient(135deg, #f5f5f5 30%,#cbccfe 79%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#cbccfe',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}

    .pagelet-selectimage section h3  {
        -moz-border-bottom-colors: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        background: none repeat scroll 0 0 whitesmoke;
        border-color: -moz-use-text-color -moz-use-text-color gray;
        -webkit-border-image: none;
        -moz-border-image: none;
        -ms-border-image: none;
        -o-border-image: none;
        border-image: none;
        border-style: none none dotted;
        border-width: 0 0 thin;
        margin: -10px -10px 6px;
        padding: 3px 3px 4px 10px;
    }

.pagelet-imagelist {
	rgb(100,​ 149,​ 237)	rgb(100,​ 149,​ 237)
}

#frmPagelet div.editor-block {
    background-color: whitesmoke;
    position: relative;
}

#frmPagelet .editor-block .editor-label {
    float: left;
    width: 20%;
}

#frmPagelet .editor-block .editor-field {
    float: right;
    width: 80%;
}

/*** ESSENTIAL STYLES ***/

.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			13.5em; /* left offset of submenus need to match (see below) */
}

.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}

.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul,
.sf-menu li.current ul {
	left:			0;
	top:			2em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul,
ul.sf-menu li.current li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul,
ul.sf-menu li li.current ul {
	left:			10em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul,
ul.sf-menu li li.current li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul,
ul.sf-menu li li li.current ul {
	left:			12.5em; /* match ul width */
	top:			0;
}

/*** smartWEB SKIN ***/

.sf-menu {
	float: left;
	margin-bottom: 0;
	border-top: 1px #003D51 solid;
	font-family: verdana,arial,helvetica,sans-serif;
}

.sf-menu a {
	border-left:	1px solid #fff;
	/*border-top:		1px solid #20548E; /*#CFDEFF;*/	
	padding: 		.42em 1em;
	text-decoration: none;
}

.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:			#4b6c9e; /*#13a;*/
	background:		#e8eef4;
}
.sf-menu li {
	background:		#e8eef4; /*BDD2FF*/
	border-bottom: 1px solid #5C87B2;
}
.sf-menu li li {
	background:		#e8eef4; /**#AABDE6*/ 
}
.sf-menu li li li {
	background:		#e8eef4;
}

.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:hover, .sf-menu a:active {
    color:          #000;
	background:		#fff;
	outline:		0;
    text-decoration: underline;
}

.sf-menu li.current
{
	background:		#fff;/*#fff3ce;4b6c9e*/
	outline:		0;
}

.sf-menu li.current a.sf-with-ul 
{
    /*font-weight: bold; disabled since the size of the menu is changing*/ 
    text-decoration: underline;
} 

/*** arrows **/

.sf-menu a.sf-with-ul {
    padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}


.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em;  /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(/Content/Images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}	
		
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}

/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.current > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }

/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator,
.sf-menu ul li.current > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background: url(/Content/Images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=5c9ccc&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=4297d7&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Lucida Grande, Lucida Sans, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #a6c9e2; background: #fcfdfd url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_inset-hard_100_fcfdfd_1x100.png) 50% bottom repeat-x; color: #222222; }
/*.ui-widget-content a { color: #222222; } */ /*Commnted  by Laxminarayan as this was causing links to be displayed in black in accordion*/
.ui-widget-header { border: 1px solid #4297d7; background: #00A7E1 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_glass_85_00A7E1_1x400.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #c5dbec; background: #00A7E1 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_glass_85_00A7E1_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #ffffff }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #2e6e9e; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #79b7e7; background: #d0e5f5 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #003d51; }
.ui-state-hover a, .ui-state-hover a:hover { color: #1d5987; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #79b7e7; background: #f5f8f9 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #e17009; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fad42e; background: #fbec88 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_glass_95_fef1ec_1x400.png) 50% 50% repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; z-index: 0; }

/* Icons
----------------------------------*/

/* states and images */
/*.ui-icon { width: 16px; height: 16px; background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_469bdd_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_469bdd_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image:url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_d8e7f3_256x240.png);*/ /*url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_6da8d5_256x240.png);*/ /*}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-icons_cd0a0a_256x240.png); }*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-default .ui-icon { background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_d8e7f3_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_217bc0_256x240.png); }
.ui-state-active .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_f9bd01_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_cd0a0a_256x240.png); }


.ui-icon-state-active {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_f9bd01_256x240.png); }
.ui-icon-state-highlight {background-image: url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_2e83ff_256x240.png); }
.ui-icon-state-error {background-image:	url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_cd0a0a_256x240.png); }
.ui-icon-state-focus {background-image:	url(/Content/css/jquery-ui-themes/redmond/images/ui-icons_217bc0_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; }
.ui-corner-tr { -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-br { -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-top { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-right {  -moz-border-radius-topright: 5px; -webkit-border-top-right-radius: 5px; border-top-right-radius: 5px; -moz-border-radius-bottomright: 5px; -webkit-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px; }
.ui-corner-left { -moz-border-radius-topleft: 5px; -webkit-border-top-left-radius: 5px; border-top-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -webkit-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px; }
.ui-corner-all { -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Resizable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;display: block;
	-ms-touch-action: none;
	touch-action: none;
}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*
 * jQuery UI Selectable 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; }
/*
 * jQuery UI Accordion 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion { width: 100%; }
.ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; }
.ui-accordion .ui-accordion-li-fix { display: inline; }
.ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; }
.ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; }
.ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; }
.ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; }
.ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; }
.ui-accordion .ui-accordion-content-active { display: block; }
/*
 * jQuery UI Autocomplete 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete { position: absolute; cursor: default; font-size: 0.8em; z-index: 9999 !important;}	

/* workarounds */
* html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.12
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
	list-style:none;
	padding: 2px;
	margin: 0;
	display:block;
	float: left;
}
.ui-menu .ui-menu {
	margin-top: -3px;
}
.ui-menu .ui-menu-item {
	margin:0;
	padding: 0;
	zoom: 1;
	float: left;
	clear: left;
	width: 100%;
}
.ui-menu .ui-menu-item a {
	text-decoration:none;
	display:block;
	padding:.2em .4em;
	line-height:1.5;
	zoom:1;
}
.ui-menu .ui-menu-item a.ui-state-hover,
.ui-menu .ui-menu-item a.ui-state-active {
	font-weight: normal;
	margin: -1px;
}
/*
 * jQuery UI Button 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button { display: inline-block; position: relative; padding: 0px; font-size: 0.8em; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */
.ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */
.ui-button-icons-only { width: 3.4em; } 
button.ui-button-icons-only { width: 3.7em; } 

/*button text element */
/* Changed line-height to 1 (from 1.4) to reduce the button size in save dialog*/
.ui-button .ui-button-text { display: block; line-height: 1;  }

.ui-button-text-only .ui-button-text { padding: .4em 1em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.7em; }/*{ padding: .4em 1em .4em 2.1em; }*/
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: .4em 1em; }

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; }
.ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; }
.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .3em; top: 0.6em;} /*{ left: .5em; }*/
.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }
.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; }

/*button sets*/
.ui-buttonset { margin-right: 7px; }
.ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; }

/* workarounds */
button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; font-size: 0.85em; }
.ui-dialog .ui-dialog-titlebar { padding: .4em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } 
.ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { position: relative; border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right; }
.ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }
/*
 * jQuery UI Slider 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }/*
 * jQuery UI Tabs 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
/*
 * jQuery UI Datepicker 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; z-index: 9999 !important;}
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}/*
 * jQuery UI Progressbar 1.8.12
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar { height:2em; text-align: left; }
.ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; }

/*Customized*/
.element-state-hover { background: #d0e5f5 url(/Content/css/jquery-ui-themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) 50% 50% repeat-x !important; color: #1d5987 !important; }
/*.element-state-highlight, .highlight {border: 1px solid #fad42e; background: #fbec88 url(/Content/SiteSpecific/NCSPA/css/jquery-ui-themes/redmond/~/images/ui-bg_gloss-wave_60_fece2f_500x100.png) 50% 50% repeat-x !important; }*/
.element-state-highlight, .highlight, tr.highlight {border: 1px solid #bbb; background: #b8c8cb;}
/* Icon-set styles */

/* Thanks to Twitter and Glyphicons */

[class^="icon-"],
[class*=" icon-"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  margin-top: 1px;
  *margin-right: .3em;
  line-height: 14px;
  vertical-align: text-top;
  background-image: url(/Content/images/glyphicons-halflings.png);
  background-position: 14px 14px;
  background-repeat: no-repeat;
}

/* White icons with optional class, or on hover/active states of certain elements */

.icon-white {
  background-image: url(/Content/images/glyphicons-halflings-white.png);
}

.icon-glass {
  background-position: 0 0;
}

.icon-music {
  background-position: -24px 0;
}

.icon-search {
  background-position: -48px 0;
}

.icon-envelope {
  background-position: -72px 0;
}

.icon-heart {
  background-position: -96px 0;
}

.icon-star {
  background-position: -120px 0;
}

.icon-star-empty {
  background-position: -144px 0;
}

.icon-user {
  background-position: -168px 0;
}

.icon-film {
  background-position: -192px 0;
}

.icon-th-large {
  background-position: -216px 0;
}

.icon-th {
  background-position: -240px 0;
}

.icon-th-list {
  background-position: -264px 0;
}

.icon-ok {
  background-position: -288px 0;
}

.icon-remove {
  background-position: -312px 0;
}

.icon-zoom-in {
  background-position: -336px 0;
}

.icon-zoom-out {
  background-position: -360px 0;
}

.icon-off {
  background-position: -384px 0;
}

.icon-signal {
  background-position: -408px 0;
}

.icon-cog {
  background-position: -432px 0;
}

.icon-trash {
  background-position: -456px 0;
}

.icon-home {
  background-position: 0 -24px;
}

.icon-file {
  background-position: -24px -24px;
}

.icon-time {
  background-position: -48px -24px;
}

.icon-road {
  background-position: -72px -24px;
}

.icon-download-alt {
  background-position: -96px -24px;
}

.icon-download {
  background-position: -120px -24px;
}

.icon-upload {
  background-position: -144px -24px;
}

.icon-inbox {
  background-position: -168px -24px;
}

.icon-play-circle {
  background-position: -192px -24px;
}

.icon-repeat {
  background-position: -216px -24px;
}

.icon-refresh {
  background-position: -240px -24px;
}

.icon-list-alt {
  background-position: -264px -24px;
}

.icon-lock {
  background-position: -287px -24px;
}

.icon-flag {
  background-position: -312px -24px;
}

.icon-headphones {
  background-position: -336px -24px;
}

.icon-volume-off {
  background-position: -360px -24px;
}

.icon-volume-down {
  background-position: -384px -24px;
}

.icon-volume-up {
  background-position: -408px -24px;
}

.icon-qrcode {
  background-position: -432px -24px;
}

.icon-barcode {
  background-position: -456px -24px;
}

.icon-tag {
  background-position: 0 -48px;
}

.icon-tags {
  background-position: -25px -48px;
}

.icon-book {
  background-position: -48px -48px;
}

.icon-bookmark {
  background-position: -72px -48px;
}

.icon-print {
  background-position: -96px -48px;
}

.icon-camera {
  background-position: -120px -48px;
}

.icon-font {
  background-position: -144px -48px;
}

.icon-bold {
  background-position: -167px -48px;
}

.icon-italic {
  background-position: -192px -48px;
}

.icon-text-height {
  background-position: -216px -48px;
}

.icon-text-width {
  background-position: -240px -48px;
}

.icon-align-left {
  background-position: -264px -48px;
}

.icon-align-center {
  background-position: -288px -48px;
}

.icon-align-right {
  background-position: -312px -48px;
}

.icon-align-justify {
  background-position: -336px -48px;
}

.icon-list {
  background-position: -360px -48px;
}

.icon-indent-left {
  background-position: -384px -48px;
}

.icon-indent-right {
  background-position: -408px -48px;
}

.icon-facetime-video {
  background-position: -432px -48px;
}

.icon-picture {
  background-position: -456px -48px;
}

.icon-pencil {
  background-position: 0 -72px;
}

.icon-map-marker {
  background-position: -24px -72px;
}

.icon-adjust {
  background-position: -48px -72px;
}

.icon-tint {
  background-position: -72px -72px;
}

.icon-edit {
  background-position: -96px -72px;
}

.icon-share {
  background-position: -120px -72px;
}

.icon-check {
  background-position: -144px -72px;
}

.icon-move {
  background-position: -168px -72px;
}

.icon-step-backward {
  background-position: -192px -72px;
}

.icon-fast-backward {
  background-position: -216px -72px;
}

.icon-backward {
  background-position: -240px -72px;
}

.icon-play {
  background-position: -264px -72px;
}

.icon-pause {
  background-position: -288px -72px;
}

.icon-stop {
  background-position: -312px -72px;
}

.icon-forward {
  background-position: -336px -72px;
}

.icon-fast-forward {
  background-position: -360px -72px;
}

.icon-step-forward {
  background-position: -384px -72px;
}

.icon-eject {
  background-position: -408px -72px;
}

.icon-chevron-left {
  background-position: -432px -72px;
}

.icon-chevron-right {
  background-position: -456px -72px;
}

.icon-plus-sign {
  background-position: 0 -96px;
}

.icon-minus-sign {
  background-position: -24px -96px;
}

.icon-remove-sign {
  background-position: -48px -96px;
}

.icon-ok-sign {
  background-position: -72px -96px;
}

.icon-question-sign {
  background-position: -96px -96px;
}

.icon-info-sign {
  background-position: -120px -96px;
}

.icon-screenshot {
  background-position: -144px -96px;
}

.icon-remove-circle {
  background-position: -168px -96px;
}

.icon-ok-circle {
  background-position: -192px -96px;
}

.icon-ban-circle {
  background-position: -216px -96px;
}

.icon-arrow-left {
  background-position: -240px -96px;
}

.icon-arrow-right {
  background-position: -264px -96px;
}

.icon-arrow-up {
  background-position: -289px -96px;
}

.icon-arrow-down {
  background-position: -312px -96px;
}

.icon-share-alt {
  background-position: -336px -96px;
}

.icon-resize-full {
  background-position: -360px -96px;
}

.icon-resize-small {
  background-position: -384px -96px;
}

.icon-plus {
  background-position: -408px -96px;
}

.icon-minus {
  background-position: -433px -96px;
}

.icon-asterisk {
  background-position: -456px -96px;
}

.icon-exclamation-sign {
  background-position: 0 -120px;
}

.icon-gift {
  background-position: -24px -120px;
}

.icon-leaf {
  background-position: -48px -120px;
}

.icon-fire {
  background-position: -72px -120px;
}

.icon-eye-open {
  background-position: -96px -120px;
}

.icon-eye-close {
  background-position: -120px -120px;
}

.icon-warning-sign {
  background-position: -144px -120px;
}

.icon-plane {
  background-position: -168px -120px;
}

.icon-calendar {
  background-position: -192px -120px;
}

.icon-random {
  width: 16px;
  background-position: -216px -120px;
}

.icon-comment {
  background-position: -240px -120px;
}

.icon-magnet {
  background-position: -264px -120px;
}

.icon-chevron-up {
  background-position: -288px -120px;
}

.icon-chevron-down {
  background-position: -313px -119px;
}

.icon-retweet {
  background-position: -336px -120px;
}

.icon-shopping-cart {
  background-position: -360px -120px;
}

.icon-folder-close {
  background-position: -384px -120px;
}

.icon-folder-open {
  width: 16px;
  background-position: -408px -120px;
}

.icon-resize-vertical {
  background-position: -432px -119px;
}

.icon-resize-horizontal {
  background-position: -456px -118px;
}

.icon-hdd {
  background-position: 0 -144px;
}

.icon-bullhorn {
  background-position: -24px -144px;
}

.icon-bell {
  background-position: -48px -144px;
}

.icon-certificate {
  background-position: -72px -144px;
}

.icon-thumbs-up {
  background-position: -96px -144px;
}

.icon-thumbs-down {
  background-position: -120px -144px;
}

.icon-hand-right {
  background-position: -144px -144px;
}

.icon-hand-left {
  background-position: -168px -144px;
}

.icon-hand-up {
  background-position: -192px -144px;
}

.icon-hand-down {
  background-position: -216px -144px;
}

.icon-circle-arrow-right {
  background-position: -240px -144px;
}

.icon-circle-arrow-left {
  background-position: -264px -144px;
}

.icon-circle-arrow-up {
  background-position: -288px -144px;
}

.icon-circle-arrow-down {
  background-position: -312px -144px;
}

.icon-globe {
  background-position: -336px -144px;
}

.icon-wrench {
  background-position: -360px -144px;
}

.icon-tasks {
  background-position: -384px -144px;
}

.icon-filter {
  background-position: -408px -144px;
}

.icon-briefcase {
  background-position: -432px -144px;
}

.icon-fullscreen {
  background-position: -456px -144px;
}

/*!
 * Bootstrap v2.3.1
 *
 * Copyright 2012 Twitter, Inc
 * Licensed under the Apache License v2.0
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Designed and built with all the love in the world @twitter by @mdo and @fat.
 */
.clearfix {
  *zoom: 1;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: "";
  line-height: 0;
}
.clearfix:after {
  clear: both;
}
.hide-text {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0;
}
.input-block-level {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.row {
  margin-left: -20px;
  *zoom: 1;
}
.row:before,
.row:after {
  display: table;
  content: "";
  line-height: 0;
}
.row:after {
  clear: both;
}
[class*="span"] {
  float: left;
  min-height: 1px;
  margin-left: 20px;
}
.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 940px;
}
.span12 {
  width: 940px;
}
.span11 {
  width: 860px;
}
.span10 {
  width: 780px;
}
.span9 {
  width: 700px;
}
.span8 {
  width: 620px;
}
.span7 {
  width: 540px;
}
.span6 {
  width: 460px;
}
.span5 {
  width: 380px;
}
.span4 {
  width: 300px;
}
.span3 {
  width: 220px;
}
.span2 {
  width: 140px;
}
.span1 {
  width: 60px;
}
.offset12 {
  margin-left: 980px;
}
.offset11 {
  margin-left: 900px;
}
.offset10 {
  margin-left: 820px;
}
.offset9 {
  margin-left: 740px;
}
.offset8 {
  margin-left: 660px;
}
.offset7 {
  margin-left: 580px;
}
.offset6 {
  margin-left: 500px;
}
.offset5 {
  margin-left: 420px;
}
.offset4 {
  margin-left: 340px;
}
.offset3 {
  margin-left: 260px;
}
.offset2 {
  margin-left: 180px;
}
.offset1 {
  margin-left: 100px;
}
.row-fluid {
  width: 100%;
  *zoom: 1;
}
.row-fluid:before,
.row-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.row-fluid:after {
  clear: both;
}
.row-fluid [class*="span"] {
  display: block;
  width: 100%;
  min-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  float: left;
  margin-left: 2.127659574468085%;
  *margin-left: 2.074468085106383%;
}
.row-fluid [class*="span"]:first-child {
  margin-left: 0;
}
.row-fluid .controls-row [class*="span"] + [class*="span"] {
  margin-left: 2.127659574468085%;
}
.row-fluid .span12 {
  width: 100%;
  *width: 99.94680851063829%;
}
.row-fluid .span11 {
  width: 91.48936170212765%;
  *width: 91.43617021276594%;
}
.row-fluid .span10 {
  width: 82.97872340425532%;
  *width: 82.92553191489361%;
}
.row-fluid .span9 {
  width: 74.46808510638297%;
  *width: 74.41489361702126%;
}
.row-fluid .span8 {
  width: 65.95744680851064%;
  *width: 65.90425531914893%;
}
.row-fluid .span7 {
  width: 57.44680851063829%;
  *width: 57.39361702127659%;
}
.row-fluid .span6 {
  width: 48.93617021276595%;
  *width: 48.88297872340425%;
}
.row-fluid .span5 {
  width: 40.42553191489362%;
  *width: 40.37234042553192%;
}
.row-fluid .span4 {
  width: 31.914893617021278%;
  *width: 31.861702127659576%;
}
.row-fluid .span3 {
  width: 23.404255319148934%;
  *width: 23.351063829787233%;
}
.row-fluid .span2 {
  width: 14.893617021276595%;
  *width: 14.840425531914894%;
}
.row-fluid .span1 {
  width: 6.382978723404255%;
  *width: 6.329787234042553%;
}
.row-fluid .offset12 {
  margin-left: 104.25531914893617%;
  *margin-left: 104.14893617021275%;
}
.row-fluid .offset12:first-child {
  margin-left: 102.12765957446808%;
  *margin-left: 102.02127659574467%;
}
.row-fluid .offset11 {
  margin-left: 95.74468085106382%;
  *margin-left: 95.6382978723404%;
}
.row-fluid .offset11:first-child {
  margin-left: 93.61702127659574%;
  *margin-left: 93.51063829787232%;
}
.row-fluid .offset10 {
  margin-left: 87.23404255319149%;
  *margin-left: 87.12765957446807%;
}
.row-fluid .offset10:first-child {
  margin-left: 85.1063829787234%;
  *margin-left: 84.99999999999999%;
}
.row-fluid .offset9 {
  margin-left: 78.72340425531914%;
  *margin-left: 78.61702127659572%;
}
.row-fluid .offset9:first-child {
  margin-left: 76.59574468085106%;
  *margin-left: 76.48936170212764%;
}
.row-fluid .offset8 {
  margin-left: 70.2127659574468%;
  *margin-left: 70.10638297872339%;
}
.row-fluid .offset8:first-child {
  margin-left: 68.08510638297872%;
  *margin-left: 67.9787234042553%;
}
.row-fluid .offset7 {
  margin-left: 61.70212765957446%;
  *margin-left: 61.59574468085106%;
}
.row-fluid .offset7:first-child {
  margin-left: 59.574468085106375%;
  *margin-left: 59.46808510638297%;
}
.row-fluid .offset6 {
  margin-left: 53.191489361702125%;
  *margin-left: 53.085106382978715%;
}
.row-fluid .offset6:first-child {
  margin-left: 51.063829787234035%;
  *margin-left: 50.95744680851063%;
}
.row-fluid .offset5 {
  margin-left: 44.68085106382979%;
  *margin-left: 44.57446808510638%;
}
.row-fluid .offset5:first-child {
  margin-left: 42.5531914893617%;
  *margin-left: 42.4468085106383%;
}
.row-fluid .offset4 {
  margin-left: 36.170212765957444%;
  *margin-left: 36.06382978723405%;
}
.row-fluid .offset4:first-child {
  margin-left: 34.04255319148936%;
  *margin-left: 33.93617021276596%;
}
.row-fluid .offset3 {
  margin-left: 27.659574468085104%;
  *margin-left: 27.5531914893617%;
}
.row-fluid .offset3:first-child {
  margin-left: 25.53191489361702%;
  *margin-left: 25.425531914893618%;
}
.row-fluid .offset2 {
  margin-left: 19.148936170212764%;
  *margin-left: 19.04255319148936%;
}
.row-fluid .offset2:first-child {
  margin-left: 17.02127659574468%;
  *margin-left: 16.914893617021278%;
}
.row-fluid .offset1 {
  margin-left: 10.638297872340425%;
  *margin-left: 10.53191489361702%;
}
.row-fluid .offset1:first-child {
  margin-left: 8.51063829787234%;
  *margin-left: 8.404255319148938%;
}
[class*="span"].hide,
.row-fluid [class*="span"].hide {
  display: none;
}
[class*="span"].pull-right,
.row-fluid [class*="span"].pull-right {
  float: right;
}
.container {
  margin-right: auto;
  margin-left: auto;
  *zoom: 1;
}
.container:before,
.container:after {
  display: table;
  content: "";
  line-height: 0;
}
.container:after {
  clear: both;
}
.container-fluid {
  padding-right: 20px;
  padding-left: 20px;
  *zoom: 1;
}
.container-fluid:before,
.container-fluid:after {
  display: table;
  content: "";
  line-height: 0;
}
.container-fluid:after {
  clear: both;
}

/* Overrides for Twitter Bootstrap styles (make sure to include this after Bootstrap itself) */

.container-fluid {
    padding: 0;
}

/* Export-specific styles */

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

.layout-2-cols .l
{
    float: left;
    width: 49%;
}

.layout-2-cols .r
{
    float: right;
    width: 49%;
}

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

.layout-2-cols .contents
{
    margin-right: 10px;
}

/* sub-form hacks for custom layouts */
.layout-2-cols .l .sub-form,
.layout-2-cols .r .sub-form
{
    float: none;
    width: auto;
}

#reeferInfo,
#hazardousInfo
{
    /*nopadding: 5px 0;    
    nobackground: #f3f3f3;*/
    border: none;
    /*nowidth: 48%;*/
    margin: 0 10px 10px 0;
}

#reeferInfo table th,
#hazardousInfo  table th
{
    background-color: #e8eef4; /*#b8c8cb #5C87B2; 84B6DE/*#e8eef4; too light*/
    color: #000; /*#696969;5C87B2 4b6c9e*/ 
    font-size: 0.9em;
    font-weight: normal; 
}

.nested-form
{
    padding: 0 5px;
}

.nested-form table caption
{
    margin: 5px 0 0;
    font-size: 0.75em;
}

#bookingLines table
{
    width: 100%;
}

.vessel-nav
{
    padding: 5px 0;
}

.empty-list
{
    padding: 5px 10px;
    margin: 3px 0;
    border: 1px #ccc solid;
}

.empty-list p
{
    margin: 0;
}

.stylefix .main-form
{
    padding: 3px 5px 3px 0;
}

.stylefix .editor-label,
.stylefix .editor-field,
.stylefix .editor-label-top,
.stylefix .editor-field-top
{
    /*height:auto !important;*/
    min-height: 1.4em;
}

.stylefix .editor-field
{
    padding: 0 3px 3px 6px !important;
}

.stylefix .editor-field p
{
    margin: 0 0 5px;
    line-height:normal;
}

.stylefix table td
{
    padding: 3px 5px;
    white-space: normal !important;
}

.stylefix input[type="submit"],
.stylefix input[type="button"],
.stylefix input[type="reset"],
.stylefix button,
.stylefix button[type="submit"],
.stylefix button[type="reset"]
{
    /*font-size: 0.85em !important;*/
    /*padding: 0 !important;*/

}


.stylefix button,
.stylefix button[type="submit"],
.stylefix button[type="reset"]
{
    /* height: auto !important; */
    /* padding: 3px !important; */
}

.cbr-number-search input[type="text"],
.cbr-number-search select
{
    width: 44% !important;
}


.stylefix .nested-form table th
{
    font-size: 1em;
}

#main > h2
{
    padding: 0;
    margin: 0 0 10px;
}

hr.split-line
{
    border: 0;
    border-bottom: 1px solid #ccc;
    clear:both;
}

.form-buttons
{
    margin: 0 0 10px;
}

.form-buttons .l
{
    float: left;
}

.form-buttons .r
{
    float: right;
}

.options-links
{
    padding: 0 0 10px;
    margin-top: 0px;
    font-size: 0.9em;
}

.options-button-links
{
    padding: 0 0 10px;
    margin-top: 5px;
}

.faded
{
    color: #999;
}

.fit
{
    width: 100%;
}

/* Button-links */
.btn-link,
.btn-link:link,
.btn-link:visited
{
    color: #2E6E9E;
    display: inline-block !important;
    font-size: 0.85em !important;
    font-weight: bold;
    line-height: 1.4em !important;
    padding: 0.35em 1em 0.2em 1em !important;
    
    background: url(/Content/jquery-ui-themes/redmond/images/ui-bg_glass_85_dfeffc_1x400.png) repeat-x scroll 50% 50% #DFEFFC;
    color: #2e6e9e;
    border: 1px solid #c5dbec;
}

.btn-link:hover
{
    background: url(/Content/jquery-ui-themes/redmond/images/ui-bg_glass_75_d0e5f5_1x400.png) repeat-x scroll 50% 50% #d0e5f5;
    color: #1d5987;
    border: 1px solid #79b7e7;
}

.btn-link:active
{
    background: url(/Content/jquery-ui-themes/redmond/images/ui-bg_inset-hard_100_f5f8f9_1x100.png) repeat-x scroll 50% 50% #f5f8f9;
    color: #e17009;
    border: 1px solid #79b7e7;
}

.small-btn
{
    font-size: 0.9em !important;
}

button:disabled
{
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.35;
}

/* Search form */
.filter-form
{
    padding: 5px 0;
    margin: 7px 0 3px;
}

.stylefix .search-form
{
    font-size: 1.1em;
    padding: 3px 0;
}


.stylefix .search-form .editor-label
{
    float: left;
    text-align:right;
    border: none;
    padding: 6px 0 3px 0 !important;
}

.stylefix .search-form .editor-field
{
    float: left;
    /* width: 240px; */
    width: auto;
    padding: 3px 3px 3px 6px !important;
    font-size: 1.1em;	
    /*margin-top: 15px;*/
    margin-right: 15px;    
}

.stylefix .search-form input[type="submit"],
.stylefix .search-form input[type="reset"],
.stylefix .search-form input[type="button"],
.stylefix .search-form .btn-link
{
    font-size: 0.75em !important;
    width: 80px;
}

.stylefix .search-form .btn-link
{
    line-height: 1.8em !important;
    padding: 0.0em !important;
}

.stylefix .search-form button,
.stylefix .search-form button[type="submit"],
.stylefix .search-form button[type="reset"]
{
    /* height: 28px; */
    font-size: 0.75em !important;
    padding: 0 !important;
    width: 80px;
}

.search-buttons
{
    float:right;
    padding-top: 8px;
}

.search-buttons button,
.search-buttons input,
.search-buttons .btn-link
{
    no-margin-left: 4px;
}

.stylefix .form-buttons input[type="submit"],
.stylefix .form-buttons input[type="reset"],
.stylefix .form-buttons input[type="button"],
.stylefix .form-buttons .btn-link
{
    width: 80px;
}



.stylefix table select
{
    font-size: 1em;
}

.stylefix .form-table table th
{
    white-space: normal !important;
}

.stylefix .form-table table th.check-all
{
    padding-left: 5px;
    text-align: left;
}

table tr.special td
{
    background: #eee;
}

.add-row-btn-wrapper
{
    float: right;
    padding: 5px 0 0;
    text-align: right;
    font-size: .8em;
    height: 2em;
    width: 200px;
}


#addHazardousInfoRow
{
    font-size: .85em;
    height: 2em;    
}


/* CBR-related */
#SearchVesselCallCode
{
    width: auto;
}

.cbr-type-nav-wrapper
{
/*    border-bottom: 1px #999 dotted;*/
    border-bottom:none;
}

.cbr-type-nav-wrapper .layout-2-cols
{
    width: 100%;
}

.cbr-type-nav
{
    text-align: right;
    padding: 3px 0;
}

.cbr-container-moved-out
{
    color: #4b6c9e;
    background-color: #eee;
}

.cbr-container-moved-in
{
    color: #4b6c9e;
    font-weight: bold;
}

.cbr-container-targets-own
{
    color: #999;
}

.cbr-container-disabled
{
    color: #999;
}

.cbr-container-moved-in:hover,
.cbr-container-moved-out:hover,
.cbr-highlight
{
    background: #ddd;
}

.cbr-minus
{
    color: #d50000;
}

.cbr-plus
{
    color: #4b6c9e;
}

.denial-summary li
{
    color: #d50000;
}

/* Colors */
.grey
{
    color: #999;
}

/* Ajax progress state */
.ajax-loading
{
    background: url(/Content/images/ajax-field-loading.gif) no-repeat scroll 0 50% #ffffff !important;
    padding-left: 16px !important;
}

/* Clear-fixes */
.filter-form,
.search-form,
.form-buttons,
.layout-2-cols
{
    /*zoom: 1;*/
    display: block;
}

.filter-form:after,
.search-form:after,
.form-buttons:after,
.layout-2-cols:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Web-Stat UI styles */

.webstat-layout .section-title {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 5px;
}

.webstat-layout .pagination {
    margin-right: 10px;
}

.in-table-bar {
    float: left;
    width: 0;
    height: 10px;
    background: #5C9CCC;
}

/* Charts */
.chart {
    background: #eee;
}

.chart.fix-size {
    min-height: 400px;
}

.scrollable-chart {
    overflow: scroll;
}

.chart-placeholder {
    height: 400px; /* needed explicitly for Flot charts */
}

.chart-options {
    margin: 10px 5px;
}

/*******************************************************************************
 * Tree container
 */
ul.dynatree-container
{
	font-family: tahoma, arial, helvetica;
	font-size: 10pt; /* font size should not be too big */
	white-space: nowrap;
	padding: 3px;
	margin: 0; /* issue 201 */

	background-color: white;
	border: 1px dotted gray;
/*GTD*/
    height:400px;
    overflow-x: hidden;   
	overflow-y: scroll;
}

ul.dynatree-container ul
{
	padding: 0 0 0 16px;
	margin: 0;
}

ul.dynatree-container li
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	-moz-background-clip:border;
	-moz-background-inline-policy: continuous;
	-moz-background-origin: padding;
	background-attachment: scroll;
	background-color: transparent;
	background-repeat: repeat-y;
	background-image: url(/Content/Images/vline.gif);
	background-position: 0 0;
	/*
	background-image: url(/Content/icons_96x256.gif);
	background-position: -80px -64px;
	*/
	margin: 0;
	padding: 1px 0 0 0;
}
/* Suppress lines for last child node */
ul.dynatree-container li.dynatree-lastsib
{
	background-image: none;
}
/* Suppress lines if level is fixed expanded (option minExpandLevel) */
ul.dynatree-no-connector > li
{
	background-image: none;
}

/* Style, when control is disabled */
.ui-dynatree-disabled ul.dynatree-container
{
	opacity: 0.5;
/*	filter: alpha(opacity=50); /* Yields a css warning */
	background-color: silver;
}

/*******************************************************************************
 * Common icon definitions
 */
span.dynatree-empty,
span.dynatree-vline,
span.dynatree-connector,
span.dynatree-expander,
span.dynatree-icon,
span.dynatree-checkbox,
span.dynatree-radio,
span.dynatree-drag-helper-img,
#dynatree-drop-marker
{
	width: 16px;
	height: 16px;
	display: -moz-inline-box; /* @ FF 1+2 */
	display: inline-block; /* Required to make a span sizeable */
	vertical-align: top;
	background-repeat: no-repeat;
	background-position: left;
	background-image: url(/Content/Images/icons.gif);
	background-position: 0 0;
}

/** Used by 'icon' node option: */
ul.dynatree-container img
{
	width: 16px;
	height: 16px;
	margin-left: 3px;
	vertical-align: top;
	border-style: none;
}


/*******************************************************************************
 * Lines and connectors
 */

span.dynatree-connector
{
	background-position: -16px -64px;
}

/*******************************************************************************
 * Expander icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-exp-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'd': lazy (Delayed)
 * 3rd character (optional): 'l': Last sibling
 */

span.dynatree-expander
{
	background-position: 0px -80px;
	cursor: pointer;
}
.dynatree-exp-cl span.dynatree-expander /* Collapsed, not delayed, last sibling */
{
	background-position: 0px -96px;
}
.dynatree-exp-cd span.dynatree-expander /* Collapsed, delayed, not last sibling */
{
	background-position: -64px -80px;
}
.dynatree-exp-cdl span.dynatree-expander /* Collapsed, delayed, last sibling */
{
	background-position: -64px -96px;
}
.dynatree-exp-e span.dynatree-expander,  /* Expanded, not delayed, not last sibling */
.dynatree-exp-ed span.dynatree-expander  /* Expanded, delayed, not last sibling */
{
	background-position: -32px -80px;
}
.dynatree-exp-el span.dynatree-expander,  /* Expanded, not delayed, last sibling */
.dynatree-exp-edl span.dynatree-expander  /* Expanded, delayed, last sibling */
{
	background-position: -32px -96px;
}
.dynatree-loading span.dynatree-expander  /* 'Loading' status overrides all others */
{
	background-position: 0 0;
	background-image: url(/Content/Images/loading.gif);
}


/*******************************************************************************
 * Checkbox icon
 */
span.dynatree-checkbox
{
	margin-left: 3px;
	background-position: 0px -32px;
}
span.dynatree-checkbox:hover
{
	background-position: -16px -32px;
}

.dynatree-partsel span.dynatree-checkbox
{
	background-position: -64px -32px;
}
.dynatree-partsel span.dynatree-checkbox:hover
{
	background-position: -80px -32px;
}

.dynatree-selected span.dynatree-checkbox
{
	background-position: -32px -32px;
}
.dynatree-selected span.dynatree-checkbox:hover
{
	background-position: -48px -32px;
}

/*******************************************************************************
 * Radiobutton icon
 * This is a customization, that may be activated by overriding the 'checkbox'
 * class name as 'dynatree-radio' in the tree options.
 */
span.dynatree-radio
{
	margin-left: 3px;
	background-position: 0px -48px;
}
span.dynatree-radio:hover
{
	background-position: -16px -48px;
}

.dynatree-partsel span.dynatree-radio
{
	background-position: -64px -48px;
}
.dynatree-partsel span.dynatree-radio:hover
{
	background-position: -80px -48px;
}

.dynatree-selected span.dynatree-radio
{
	background-position: -32px -48px;
}
.dynatree-selected span.dynatree-radio:hover
{
	background-position: -48px -48px;
}

/*******************************************************************************
 * Node type icon
 * Note: IE6 doesn't correctly evaluate multiples class names,
 *		 so we create combined class names that can be used in the CSS.
 *
 * Prefix: dynatree-ico-
 * 1st character: 'e': expanded, 'c': collapsed
 * 2nd character (optional): 'f': folder
 */

span.dynatree-icon /* Default icon */
{
	margin-left: 3px;
	background-position: 0px 0px;
}

.dynatree-ico-cf span.dynatree-icon  /* Collapsed Folder */
{
	background-position: 0px -16px;
}

.dynatree-ico-ef span.dynatree-icon  /* Expanded Folder */
{
	background-position: -64px -16px;
}

/* Status node icons */

.dynatree-statusnode-wait span.dynatree-icon
{
	background-image: url(/Content/Images/loading.gif);
}

.dynatree-statusnode-error span.dynatree-icon
{
	background-position: 0px -112px;
/*	background-image: url(/Content/ltError.gif);*/
}

/*******************************************************************************
 * Node titles
 */

/* @Chrome: otherwise hit area of node titles is broken (issue 133)
   Removed again for issue 165; (133 couldn't be reproduced) */
span.dynatree-node
{
	display: -moz-inline-box; /* issue 133, 165, 172, 192,  */
/*  display: inline-block; /* Required to make a span sizeable */
}


/* Remove blue color and underline from title links */
ul.dynatree-container a
/*, ul.dynatree-container a:visited*/
{
	color: black; /* inherit doesn't work on IE */
	text-decoration: none;
	vertical-align: top;
	margin: 0px;
	margin-left: 3px;
/*	outline: 0; /* @ Firefox, prevent dotted border after click */
}

ul.dynatree-container a:hover
{
/*	text-decoration: underline; */
	background: #F2F7FD; /* light blue */
	border-color: #B8D6FB; /* darker light blue */
}

span.dynatree-node a
{
	font-size: 10pt; /* required for IE, quirks mode */
	display: inline-block; /* Better alignment, when title contains <br> */
/*	vertical-align: top;*/
	padding-left: 3px;
	padding-right: 3px; /* Otherwise italic font will be outside bounds */
	/*	line-height: 16px; /* should be the same as img height, in case 16 px */
}
span.dynatree-folder a
{
	font-weight: bold;
}

ul.dynatree-container a:focus,
span.dynatree-focused a:link  /* @IE */
{
	background-color: #EFEBDE; /* gray */
}

span.dynatree-has-children a
{
}

span.dynatree-expanded a
{
}

span.dynatree-selected a
{
	color: green;
	font-style: italic;
}

span.dynatree-active a
{
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
}

/*******************************************************************************
 * Drag'n'drop support
 */

/*** Helper object ************************************************************/
div.dynatree-drag-helper
{
}
div.dynatree-drag-helper a
{
	border: 1px solid gray;
	background-color: white;
	padding-left: 5px;
	padding-right: 5px;
	opacity: 0.8;
}
span.dynatree-drag-helper-img
{
	/*
	position: relative;
	left: -16px;
	*/
}
div.dynatree-drag-helper /*.dynatree-drop-accept*/
{

/*    border-color: green;
	background-color: red;*/
}
div.dynatree-drop-accept span.dynatree-drag-helper-img
{
	background-position: -32px -112px;
}
div.dynatree-drag-helper.dynatree-drop-reject
{
	border-color: red;
}
div.dynatree-drop-reject span.dynatree-drag-helper-img
{
	background-position: -16px -112px;
}

/*** Drop marker icon *********************************************************/

#dynatree-drop-marker
{
	width: 24px;
	position: absolute;
	background-position: 0 -128px;
}
#dynatree-drop-marker.dynatree-drop-after,
#dynatree-drop-marker.dynatree-drop-before
{
	width:64px;
	background-position: 0 -144px;
}
#dynatree-drop-marker.dynatree-drop-copy
{
	background-position: -64px -128px;
}
#dynatree-drop-marker.dynatree-drop-move
{
	background-position: -64px -128px;
}

/*** Source node while dragging ***********************************************/

span.dynatree-drag-source
{
	/* border: 1px dotted gray; */
	background-color: #e0e0e0;
}
span.dynatree-drag-source a
{
	color: gray;
}

/*** Target node while dragging cursor is over it *****************************/

span.dynatree-drop-target
{
	/*border: 1px solid gray;*/
}
span.dynatree-drop-target a
{
	/*background-repeat: no-repeat;
	background-position: right;
	background-image: url(/Content/drop_child.gif);*/
}
span.dynatree-drop-target.dynatree-drop-accept a
{
	/*border: 1px solid green;*/
	background-color: #3169C6 !important;
	color: white !important; /* @ IE6 */
	text-decoration: none;
}
span.dynatree-drop-target.dynatree-drop-reject
{
	/*border: 1px solid red;*/
}
span.dynatree-drop-target.dynatree-drop-after a
{
	/*background-repeat: repeat-x;
	background-position: bottom;
	background-image: url(/Content/drop_append.gif);*/
}


/*******************************************************************************
 * Custom node classes (sample)
 */

span.custom1 a
{
	background-color: maroon;
	color: yellow;
}

/*!
* jQuery UI Numeric Up/Down v1.4.1
*
* Copyright 2011, Tony Kramer
* Dual licensed under the MIT or GPL Version 2 licenses.
* https://github.com/flamewave/jquery-ui-numeric/raw/master/GPL-LICENSE.txt
* https://github.com/flamewave/jquery-ui-numeric/raw/master/MIT-LICENSE.txt
*/

/*
* For documentation and for the latest version, see:
* https://github.com/flamewave/jquery-ui-numeric
*/
.ui-numeric
{
    display: inline-block;
}
.ui-numeric input[type=text], .ui-numeric input[type=number]
{
    border: none;
    text-align: right;
    margin: 0px;
    vertical-align: top;
}
.ui-numeric-currency
{
    display: inline-block;
    padding: 0px 2px;
    vertical-align: top;
}
.ui-numeric-buttons
{
    display: inline-block;
    padding-left: 2px;
}
.ui-numeric-buttons .ui-button
{
    margin: 0px;
    width: 1.55em;
    height: 1.55em;
}
.ui-numeric-disabled
{
}
.ui-spinner {position: relative}
.ui-spinner-buttons {position: absolute}
.ui-spinner-button {overflow: hidden}
/*
	HUMANIZED MESSAGES 1.0
	idea - http://www.humanized.com/weblog/2006/09/11/monolog_boxes_and_transparent_messages
	home - http://humanmsg.googlecode.com
*/

html, body {
	height: 100%; /* Damn you IE! */
}

.humanMsg {
	_font: normal 30px/50px Helvetica, Arial, Sans-Serif;
	font: normal 2.2em Arial, Sans-Serif;
	letter-spacing: -1px;
	position: fixed;
	top: 30%;
	left: 25%;
	width: 50%;
	color: #ffffff;
	_background-color: black;
	background-color: #5C87B2;
	text-align: center; 
	display: none;
	opacity: 0;
	z-index: 100000;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	box-shadow: 1px 1px 10px rgba(60,60,60,0.4);
}

.humanMsg .humanMsgText {
	margin: 0.5em;
	font-size: inherit;
}

.humanMsg a {
	display: none;
}
	
#humanMsgLog {
	font: normal 10px Helvetica, Arial, Sans-Serif;
	color: white;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	max-height: 200px;
	display: none;
	z-index: 10000;
}

#humanMsgLog p {
	position: relative;
	left: 50%;
	width: 200px;
	margin: 0;
	margin-left: -100px;
	padding: 0 10px;
	line-height: 20px;
	background: #333;
	text-align: center;
	white-space: pre;
	cursor: pointer;
}

#humanMsgLog p:hover {
	background: #222;
}

#humanMsgLog ul {
	background: #eee url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAARCAIAAACaSvE/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAE1JREFUeNqEjVEKACAIQ516Ee/5wVNCjIjaB/iY5vC3YkoIgDkVDOjQ5pqLCI3r2bLFzNzyydvM4uKqfJPKN4vyl9LO/7o3/6PhwADAIWkFPjc5eRrAAAAAElFTkSuQmCC) repeat-x;
	margin: 0;
	padding: 0;
	position: relative;
	max-height: 180px;
	overflow: auto;
	display: none;
}

#humanMsgLog ul li {
	color: #555;
	font-size: 12px;
	list-style-type: none;
	border-bottom: 1px solid #ddd;
	line-height: 40px;
	display: none;
	padding: 0 20px;
	position: relative;
	overflow: hidden;
	white-space: pre;
}

#humanMsgLog ul li:hover {
	background: #f2f2f2;
}

#humanMsgLog ul li:first-child {
	margin-top: 1px;
}
	
#humanMsgLog ul li .error {
	color: #970000;
}

#humanMsgLog ul li .indent {
	position: absolute;
	top: 0;
	left: 100px;
	margin-right: 200px;
	height: inherit;
}
/**
 * jQuery Editable Select
 * Indri Muska <indrimuska@gmail.com>
 *
 * Source on GitHub @ https://github.com/indrimuska/jquery-editable-select
 */

input.es-input { padding-right: 20px !important; background: url(/Content/css/data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAICAYAAADJEc7MAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAG2YAABzjgAA4DIAAIM2AAB5CAAAxgwAADT6AAAgbL5TJ5gAAABGSURBVHjaYvz/z8DOYCJgUzA0tnZidPK8vJyRpw24pLEpwnuVHRFhDQxMDAwMPz/x+OOzo6/iPz8WFGuocqAAAA/8DAD/sORHYg7kaAAAAAElFTkSuQmCC) right center no-repeat; }
input.es-input.open {
	-webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0; }
.es-list { position: absolute; padding: 0; margin: 0; border: 1px solid #d1d1d1; display: none; z-index: 1000; background: #fff; max-height: 160px; overflow-y: auto;
	-moz-box-shadow: 0 2px 3px #ccc; -webkit-box-shadow: 0 2px 3px #ccc; box-shadow: 0 2px 3px #ccc; }
.es-list li { display: block; padding: 5px 10px; margin: 0; }
.es-list li.selected { background: #f3f3f3; }
.es-list li[disabled] { opacity: .5; }