﻿@font-face {
    font-family: 'Roboto', serif;
    src: url('Font/Roboto/Roboto-Light-webfont.eot');
    src: url('Font/Roboto/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'), url('Font/Roboto/Roboto-Light-webfont.woff') format('woff'), url('Font/Roboto/Roboto-Light-webfont.ttf') format('truetype'), url('Font/Roboto/Roboto-Light-webfont.svg#robotolight') format('svg');
    font-weight: normal;
    font-style: normal;
}

body {
    font-family: 'Segoe UI', 'Roboto', serif;
    margin: 0;
    padding: 0;
    background-color: #FFFFFF;
    /*background-image: url("../images/GAD_Logo_Png_Low.png");*/
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 16px;
}
.body-disabled {
    font-family: 'Segoe UI', 'Roboto', serif;
    margin: 0;
    padding: 0;
    background-color: #DDDDDD;
    /*background-image: url("../images/GAD_Logo_Png_Low.png");*/
    background-attachment: fixed;
    background-position: center center;
    background-repeat: no-repeat;
    font-size: 16px;
    opacity:0.5;
}
a
{
    color: #357EBD;
    /*font-size:smaller*/;
    text-decoration: none;
    /*font-weight:300;*/
}
a:hover
{
    color: #223872;	
    text-decoration: none;
}
a.hidden 
{
    text-decoration: none;
    color: #000000;
    cursor:default;
}
.noborder
{
    border:none;
}
.error_content
{
    border: 1px solid #D9534F; 
    color:#D9534F; 
    font-size:smaller; 
    margin:5px 3px 8px 3px; 
    background-color:#F9F2F4; 
    padding:5px 10px 5px 10px;
    text-align:left;
}
.message_content
{
    border: 1px solid #D6E9C6; 
    color:#468847; 
    font-size:smaller; 
    font-weight:normal; 
    text-align:left; 
    margin:5px 3px 8px 3px; 
    background-color:#DFF0D8; 
    padding:5px 0px 5px 10px;
}

.info_content
{
    border: 1px solid #DDDDDD; 
    color: #333333; 
    font-size:smaller; 
    text-align:left; 
    background-color:#EEEEEE; 
    padding:8px 0px;
    background-image:url(../Images/Info.png);
    background-repeat:no-repeat;
    background-position:1% 50%;
}

.Login-title {
    line-height: 15px;
    font-weight: normal;
    color: #333333;
    font-size: large;
    background-color: #F9F9F9;
    text-align: center;
    padding: 10px;
    border: 1px solid #DDDDDD;
    /*border-top-right-radius: 6px 6px;
    border-top-left-radius: 6px 6px;
    border-bottom-right-radius: 6px 6px;*/
    margin-bottom: 0px;
}

.Section-title 
{
    text-align:left;
    line-height:15px;
    font-weight:bold;
    color:#333333;
    margin-bottom:15px;
    font-size: large;
    background-color:#F9F9F9;
}
.literal
{
    color:#333333; 
    font-size:smaller; 
    font-weight:normal; 
    margin:2px; 
    padding:5px;
}
.field_label
{
    color:#333333; 
    font-weight:normal; 
    margin:2px; 
    padding:5px;
}
.field_label_view
{
    color:#333333; 
    font-weight:normal; 
    margin:2px; 
    padding:5px;
    font-weight:bold;
}
.field_head_big
{
    color:#333333; 
    font-size:smaller; 
    font-weight:bold;
    margin: 2px 2px 2px 60px;
    padding:5px;
    text-align:left;
}
.mandate-control
{
    background-color:#F1E1E5; 
}
input {
    font-family: 'Open Sans', serif;
    font-size:16px;
}
input[type=text]
{
    border: 1px Solid #DDDDDD;
    color:#333333;
    padding: 4px 6px;
}
input[type=text]:focus
{
    background-color:#FFFFCC; 
    border-color:#333333; 
}
input[type=password]
{
    border-color:#DDDDDD; 
    border-style:Solid; 
    border-width:1px; 
    color:#333333;
    padding: 4px 6px;
}
input[type=password]:focus
{
    background-color:#FFFFCC; 
    border-color:#333333; 
    border-style:Solid; 
    border-width:1px; 
    color:#333333;
}
textarea
{
    border-color:#DDDDDD; 
    border-style:Solid; 
    border-width:1px; 
    color:#333333;
    padding: 4px 6px;
}
textarea:focus
{
    background-color:#FFFFCC; 
    border-color:#333333; 
    border-style:Solid; 
    border-width:1px; 
    color:#333333;
}
.textbox_short
{
    width:150px;
}
.view
{
   font-weight:bold; 
}
.textbox_standard
{
    width:200px;
}
.textbox_standard_view
{
    width:200px;
    font-weight:bold;
}
.textbox_split
{
    width:98px;
    float:left;
}
.textbox_split_nofloat
{
    width:98px;
}
.textbox_split_view_nofloat
{
    width:98px;
    font-weight:bold;
}
.textbox_view{font-weight:bold;}
select {
    border-color: #DDDDDD;
    border-style: Solid;
    border-width: 1px;
    color: #333333;
    padding: 3px 6px;
    font-family: 'Open Sans', serif;
    font-size:16px;
}
select:focus
{
    background-color:#FFFFCC; 
    border-color:#333333; 
    border-style:Solid; 
    border-width:1px; 
    color:#333333;
}
.select_mini
{
    width:100px;
}
.select_mini_view
{
    width:100px;
    font-weight:bold;
}
.select_short
{
    width:122px;
}
.select_standard
{
    width:214px;
    height: 27px;
}
.select_standard_view
{
    width:202px;
    font-weight:bold;
}
.select_goto
{
    width:50px;
}
#data_input_form, .iddata_input_form {
    color: #333333;
    /*font-size:smaller;*/
    font-weight: normal;
    margin: 2px 0px 2px 0px;
    padding: 5px 0px 5px 0px;
    width: 100%;
    line-height: 40px;
    text-align: left;
    vertical-align: top;
    border-top: solid 1px #DDDDDD;
}
    #data_input_form, .iddata_input_form td {
        /*border:solid 1px #FFFFFF;*/
        border-collapse: collapse;
    }
.data_input_form
{
    color:#8E302E; 
    /*font-size:smaller;*/ 
    font-weight:normal; 
    margin:2px; 
    padding:5px;
    width:90%;
    line-height:40px;
    text-align:left;
    vertical-align:top;
}
.form
{
    color:#8E302E; 
    /*font-size:smaller;*/ 
    font-weight:normal; 
    text-align:left;
    vertical-align:top;
}
.card-btn {
    cursor: pointer;
    display: inline-block;
    /*font-size:smaller;*/
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 8px;
    margin-left: 8px;
    margin-top: 8px;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #FFFFFF;
    border-radius:5px;
    min-height:70px;
    min-width:100px;
}
.btn {
    cursor:pointer;
    display:inline-block;
    /*font-size:smaller;*/
    font-weight:400;
    line-height:1.42857;
    margin-bottom:8px;
    margin-left:8px;
    margin-top:8px;
    padding:6px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    color:#FFFFFF;
    border-radius:10px;
}
.mini-btn {
    cursor: pointer;
    display: inline-block;
    /*font-size:smaller;*/
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 4px;
    margin-left: 4px;
    margin-top: 4px;
    padding: 3px 6px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
    color: #FFFFFF;
}
    .btn:hover, .card-btn:hover, .mini-btn:hover {
        outline:0;
        text-decoration:none;
        color:#FFFFFF;
    }
.partition-btn {
    cursor:pointer;
    /*display:inline-block;*/
    font-size:smaller;
    font-weight:400;
    line-height:1.42857;
    margin-bottom:8px;
    margin-left:8px;
    margin-top:8px;
    padding:2px 12px;
    text-align:center;
    vertical-align:middle;
    white-space:nowrap;
    color:#FFFFFF;
}
    .partition-btn:hover {
        outline:0;
        text-decoration:none;
        color:#FFFFFF;
    }
.green_button 
{
    background-color:#5CB85C;
    border-color:#4CAE4C;
}
    .green_button:hover {
    background-color:#47A447;
    border-color:#398439;
    }

.red_button 
{
    background-color:#D9534F;
    border-color:#D43F3A;
}
    .red_button:hover {
    background-color:#D2322D;
    border-color:#AC2925;
    }
.blue_button 
{
    background-color:#428BCA;
    border-color:#357EBD;
}
    .blue_button:hover {
    background-color:#3276B1;
    border-color:#285E8E;
    }
.orange_button 
{
    background-color:#F0AD4E;
    border-color:#EEA236;
}
    .orange_button:hover {
    background-color:#ED9C28;
    border-color:#D58512;
    }
.paleblue_button {
    background-color: #8180B2;
    border-color: #1B1A59;
}

    .paleblue_button:hover {
        background-color: #565595;
        border-color: #0A093B;
    }
.palered_button {
    background-color: #FFAAAA;
    border-color: #801515;
}

    .palered_button:hover {
        background-color: #D46A6A;
        border-color: #550000;
    }

.add_button 
{
    background-image:url(../Images/Plus.png); 
    background-repeat:no-repeat; 
    background-position:left;
    float:left; 
    vertical-align:top;
    margin-left:10px; 
    padding-left:20px; 
    font-size:smaller; 
    font-weight:bold;
}
.green_button btn {
    background-image: url(../Images/Save.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 86px;
    height: 39px;
}
.delete_button {
    background-image: url(../Images/Delete.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 104px;
    height: 39px;
}
.delete_content_button {
    background-image: url(../Images/Delete.png);
    background-repeat: no-repeat;
    background-position: 2px 2px;
    padding: 3px 3px 3px 20px;
    /*font-size: smaller;*/
    font-weight: bold;
    height: 40px;
    border: 1px Solid #8E302E;
    background-color: #ffbda9;
}
.red_button btn {
    background-image: url(../Images/Cancel.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    vertical-align: top;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 105px;
    height: 39px;
}
.generate_report_button {
    background-image: url(../Images/Generate.png);
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: top;
    margin-left: 10px;
    padding-left: 20px;
    /*font-size: smaller;*/
    font-weight: bold;
    float: right;
    width: 133px;
    height: 38px;
}
.back_button {
    background-image: url(../Images/Back.png);
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: top;
    margin-left: 10px;
    padding-left: 20px;
    /*font-size: smaller;*/
    font-weight: bold;
    float: left;
}
.reply_button {
    background-image: url(../Images/Reply.png);
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: top;
    margin-left: 10px;
    padding-left: 20px;
    /*font-size: smaller;*/
    font-weight: bold;
    float: left;
}
.marked_button {
    background-image: url(../Images/marked.png);
    background-repeat: no-repeat;
    background-position: left;
    vertical-align: top;
    margin-left: 10px;
    padding-left: 20px;
    /*font-size: smaller;*/
    font-weight: bold;
    float: right;
}
.Form13_button {
    background-image: url(../Images/Form13.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 121px;
    height: 39px;
}
.CheckIn_button {
    background-image: url(../Images/CheckIn.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 190px;
    height: 39px;
}
.CheckOut_button {
    background-image: url(../Images/CheckOut.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 208px;
    height: 39px;
}
.CancelTrip_button {
    background-image: url(../Images/CancelTrip.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    vertical-align: top;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 150px;
    height: 39px;
}
.ShutOutTrip_button {
    background-image: url(../Images/ShutOut.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    vertical-align: top;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 129px;
    height: 39px;
}
.ShutOutCheckIn_button {
    background-image: url(../Images/ShutOutCheckIn.png);
    background-repeat: no-repeat;
    background-position: left;
    float: right;
    vertical-align: top;
    margin-left: 10px;
    /*font-size: smaller;*/
    font-weight: bold;
    width: 217px;
    height: 39px;
}
.main_nav
{
    text-align:right;
}
.main_nav li
{
    display:inline;
    list-style-type:none;
    padding: 4px 7px 7px 7px;
}
.li-active
{
    border-bottom: 3px solid #333333;
    color: #003366;
}
.main_nav li:hover
{
    display:inline;
    list-style-type:none;
    padding: 4px 7px 7px 7px;
    background-color:#DDDDDD;
}
.inpage_nav ul {
    background-color:#EEEEEE;
    list-style-type: square;
    font-weight:bold;
}
    .inpage_nav ul ul{
        background-color:#F5F5F5;
        list-style-type: none;
        font-weight:normal;
    }
        .inpage_nav ul ul li {
            margin:5px 0px 0px -25px;
        }

.sub-nav-container
{
    /*width: 250px; */
    width:200px;
    vertical-align: top; 
    min-height: 360px; 
    background-color: #FFFFFF;   
}
.sub_nav
{
    text-align:left;
    margin: 5px 5px 5px 5px;
    padding: 0px;
}
.sub_nav li
{
    list-style-type:none;
    padding:5px;
    background-color: #FFFFFF;
    border: 2px solid #FFFFFF;
}
.sub_nav li:hover
{
    list-style-type:none;
    padding:5px;
    border-top: 2px solid #223872;
    border-bottom: 2px solid #223872;
    color:#000000;
}
/*.sub_nav a
{
    color: #333333;
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
}
.sub_nav a:hover
{
    color: #003366;	
    font-size:14px;
    font-weight:normal;
    text-decoration: none;
}*/
.sub_nav a.hidden 
{
    text-decoration: none;
    color: #000000;
    cursor:default;
}
.loggedinfo
{
    font-size:smaller;
    color: #333333;
}
.box-table-title 
{
    text-align:left;
    /*border-bottom:1px solid #DDDDDD;*/
    line-height:30px;
    color:#3276B1;
    background-color: #DFE4F4;
    padding: 5px 8px;
}
.box-table-partition
{
    margin-top:10px;
    padding-top:10px;
    padding-bottom:10px;
    text-align:left;
    line-height:10px;
    font-size:smaller;
    color:#333333;
    border-bottom: 1px Solid #3276B1;
    margin-bottom: 5px;
}
.box-table-partition span
{
    top: 15px; 
    margin-left: 20px; 
    padding: 0px 5px 0px 5px; 
    position: relative;                                       
    background-color: #FFFFFF; 
}
.box-table-a {
    border-collapse: collapse;
    border-bottom: 4px solid #223872;
    /*/*font-size: smaller;*/*/
    margin: 5px 0px 0px 0px;
    text-align: left;
    width: 480px;
}
.box-table-a th 
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border: 1px solid #223872;
    color: #EEEEEE;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}

.box-table-a-th 
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border-bottom: 1px solid #FFFFFF;
    border-top: 4px solid #223872;
    color: #333333;
    /*/*font-size: smaller;*/*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}

.box-table-a td {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #B4BFDD;
    border-collapse:collapse;
    color: #111111;
    padding: 5px 8px 5px 8px;
    line-height:25px;
}
.box-table-a tr:hover td {
    background: none repeat scroll 0 0 #d6dbe8;
}

.box-table-a input[type=radio]:checked + label, .box-table-a input[type=checkbox]:checked + label {
        color:#223872;
        border-bottom: 1px dotted;
    }
/*.box-table-a a
{
    color: #3366cc;
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}
.box-table-a a:hover
{
    color: #02ade5;	
    font-weight:bold;
    text-decoration: underline;
}*/

.box-table-a input {
    border-style:none;
    /*border-bottom-style:dotted;*/
    background-color:#EEEEFF;
}

.box-table-a tr:hover input {
    border-style:none;
    /*border-bottom-style:dotted;*/
    background-color:#ffffff;
    border-bottom: solid 1px #223872;
}

.box-table-a input:focus, .box-table-a tr:hover input:focus {
    border-style:none;
    background-color:#FFFFCC;
    border-bottom: solid 1px #223872;
}

.box-table-a-txt-error {
    border-style:none;
    /*border-bottom-style:dotted;*/
    background-color:#FFC7CE;
}

.ml5
{
   margin-left:5px;
}
.form-actions
{
    /*border-bottom: 2px solid #333333;*/
    border-top: 1px solid #DDDDDD;
}
.form-actions a
{
    float:right;   
}
.mandate
{
    font-size:smaller;
    color:Red;
    margin-left:2px;
}
.MessageUnRead td
{
    font-weight:bold;
    background: none repeat scroll 0 0 #eed4bf;
}
.MessageRead
{
    font-weight:normal;
}

.MessageRead a
{
    font-weight:normal;
}

.MessageRead a:hover
{
    font-weight:normal;
    text-decoration:underline;
}
.page-actions-top-panel
{
    background-color:#FFD4BF;
    border: 1px Solid #8E302E;
    padding: 0px 5px 0px 5px;
    line-height:30px;
}
.cancelled-status-td
{
    border: 2px Solid RED;
    background-color: Yellow; 
    font-weight: bold; 
    text-align: center;   
    color: Red;
}
.pending-status-td
{
    border: 2px Solid #8E302E;
    background-color: #FFBDA9; 
    font-weight: bold; 
    text-align: center;   
}
.success-status-td
{
    border: 2px Solid Green;
    background-color: #cdffc6; 
    font-weight: bold; 
    text-align: center;   
    color:Green;
}
.rfloat
{
    float: right;   
}
.nomargin
{
    margin:2px;
} 

.box-table-status {
    border-collapse: collapse;
    border-bottom: 4px solid #8E302E;
    /*/*font-size: smaller;*/*/
    margin: 20px 5px 20px 5px;
    text-align: left;
    width: 480px;
}
.box-table-status th 
{
    text-align:left;
    background: none repeat scroll 0 0 #ffbda9;
    border-bottom: 1px solid #FFFFFF;
    border-top: 4px solid #8E302E;
    color: #8E302E;
    /*/*font-size: smaller;*/*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}
.box-table-status td {
    background: none repeat scroll 0 0 #e9e5da;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: #111111;
    padding: 5px 8px 5px 8px;
    height: 160px;
}

.box-table-status tr:hover td 
{
    text-decoration: underline;
}

.box-table-status a
{
    color: #3366cc;
    /*/*font-size: smaller;*/*/
    font-weight: bold;
    text-decoration: none;
}

.status_new td
{
    background: none repeat scroll 0 0 #EFDD6F;
}

.status_inqueue td
{
    background: none repeat scroll 0 0 #D7DF01;
    font-weight: bold;
    color: #000000;
}

.status_inprogress td
{
    background: none repeat scroll 0 0 #D7DF01;
    font-weight: bold;
    color: #0000FF;
}

.status_completed td
{
    background: none repeat scroll 0 0 #89E894;
    font-weight: bold;
    color: #008000;
}

.status_completedlate td
{
    background: none repeat scroll 0 0 #89E894;
    font-weight: bold;
    color: #FF0000;
}

.status_inqueuedue td
{
    background: none repeat scroll 0 0 #FE9A2E;
    font-weight: bold;
    color: #045FB4;
}

.status_inqueueoverdue td
{
    background: none repeat scroll 0 0 #FE9A2E;
    font-weight: bold;
    color: #FF0000;
}

.ml10 {
    margin-left:10px;
}

.mr10 {
    margin-right:10px;
}
.DataviewTitle {
    background-color: #F9FAFE;
    padding-left: 10px;
    padding-right:10px;
}
.DataviewContent {
    background-color: #F9FAFE;
    padding-left: 10px;
    padding-right:10px;
}
.DataviewTitleBold {
    background-color: #F9FAFE;
    padding-left: 10px;
    padding-right:10px;
    font-weight: bold;
}
.DataviewContentBold {
    background-color: #F9FAFE;
    padding-left: 10px;
    padding-right:10px;
    font-weight: bold;
}
    .DataviewContent input[type=radio]:checked + label, .DataviewContent input[type=checkbox]:checked + label {
        color:#223872;
        border-bottom: 1px dotted;
    }
.DataPrintContentBold {
    background-color: #EEEEEE;
    padding-left: 10px;
    padding-right:10px;
    font-weight: bold;
    border-bottom: solid 1px #333;
}
.Dashboard_Head {
    color: #333333;
}
.Dashboard_Big_Content {
    font-size:x-large;
    color: #333333;
}
    .Dashboard_Big_Content sup, sub {
        font-size: small;
        color: #333333;
    }
.Dashboard_Big_Content_Red {
    font-size:x-large;
    color: red;
}
.Dashboard_Big_Content_Red_Invert {
    font-size: x-large;
    color: white;
    background-color:red;
    padding: 0px 5px 0px 5px;
}

.Dashboard_Big_Content_Red sup, sub {
    font-size: small;
    color: red;
}
.Dashboard_Big_Content_Green {
    font-size:x-large;
    color: green;
}

.Dashboard_Big_Content_Green sup, sub{
    font-size: small;
    color: green;
}

.Dashboard_Big_Content_LightBlue {
    font-size: x-large;
    color: #357EBD;
}

    .Dashboard_Big_Content_LightBlue sup, sub {
        font-size: small;
        color: #357EBD;
    }

td #AutoUpdateLabel {
    /*/*font-size: smaller;*/*/
    font-style: italic;
    color: #333333;
    background-color:lightgoldenrodyellow;
}

.AutoUpdateLabel {
    /*/*font-size: smaller;*/*/
    font-style: italic;
    color: #333333;
    background-color:lightgoldenrodyellow;
    padding: 5px 8px;
    text-align:left;
}

td #DashBoardItemDetailLink {
    /*/*font-size: smaller;*/*/
    font-style: italic;
    font-weight:bold;
    color: #333333;
    background-color:lightgoldenrodyellow;
}

.shutoutlabel {
    color:red;
    font-size:larger;
    font-weight:bold;
    background-color:yellow;
}
.dev_stat_Online {
    color:darkgreen;
}
.dev_stat_Sleep {
    color:yellowgreen;
}
.dev_stat_Offline {
    color:orangered;
}
.dev_stat_OutOfService {
    color:red;
}


.box-table-c {
    border-collapse: collapse;
    border-bottom: 4px solid #333333;
    /*/*font-size: smaller;*/*/
    margin: 20px 5px 20px 5px;
    text-align: left;
    width: 480px;
}
.box-table-c th 
{
    text-align:left;
    background: none repeat scroll 0 0 #ccccff;
    border-bottom: 1px solid #FFFFFF;
    border-top: 4px solid #333333;
    color: #333333;
    /*/*font-size: smaller;*/*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}
.box-table-c .trip_stat_1 {
    background: none repeat scroll 0 0 #FFE5E5;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: red;
    padding: 5px 8px 5px 8px;
}
.box-table-c .trip_stat_2 {
    background: none repeat scroll 0 0 #eeeeff;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: orange;
    padding: 5px 8px 5px 8px;
}
.box-table-c .trip_stat_3 {
    background: none repeat scroll 0 0 #FFF9E5;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: goldenrod;
    padding: 5px 8px 5px 8px;
}
.box-table-c .trip_stat_4 {
    background: none repeat scroll 0 0 #FFE5E5;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: #3366CC;
    padding: 5px 8px 5px 8px;
}
.box-table-c .trip_stat_5 {
    background: none repeat scroll 0 0 #E5FFE5;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid transparent;
    color: green;
    padding: 5px 8px 5px 8px;
}
.box-table-c tr:hover td {
    background: none repeat scroll 0 0 #ffffff;
    color: #444477;
}
.box-table-c a
{
    color: #3366cc;
    font-size:smaller;
    font-weight:bold;
    text-decoration: none;
}
.box-table-c a:hover
{
    color: #02ade5;	
    font-weight:bold;
    text-decoration: underline;
}

.box-table-c input {
    border-style:none;
    border-bottom-style:dotted;
    background-color:#EEEEFF;
}

.box-table-c tr:hover input {
    border-style:none;
    border-bottom-style:dotted;
    background-color:#ffffff;
}

.box-table-c input:focus, .box-table-a tr:hover input:focus {
    border-style:none;
    background-color:#FFFFCC;
}

.box-table-c-txt-error {
    border-style:none;
    border-bottom-style:dotted;
    background-color:#FFC7CE;
}

.box-table-b {
    border-collapse: collapse;
    border-bottom: 4px solid #223872;
    /*/*font-size: smaller;*/*/
    margin: 5px 0px 0px 0px;
    text-align: left;
    width: 480px;
}
.box-table-b-th 
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border-bottom: 1px solid #223872;
    border-top: 4px solid #223872;
    border-left: 1px solid #223872;
    border-right: 1px solid #223872;
    color: #EEEEEE;
    /*/*font-size: smaller;*/*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}

.box-table-b-td {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-top: 1px solid transparent;
    color: #111111;
    padding: 5px 8px 5px 8px;
    margin-top:1px;
    margin-right:1px;
}
.box-table-b-td-nopad {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-top: 1px solid transparent;
    color: #111111;
    padding: 0px;
    margin-top:1px;
    margin-right:1px;
}
.box-table-b-td:hover, box-table-b-td-nopad:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: 1px solid #223872;
    color: #444477;
}
/*.box-table-b a
{
    color: #3366cc;
    font-size:14px;
    font-weight:bold;
    text-decoration: none;
}
.box-table-b a:hover
{
    color: #02ade5;	
    font-weight:bold;
    text-decoration: underline;
}*/

.box-table-b-txt-error {
    border-style:none;
    border-bottom-style:dotted;
    background-color:#FFC7CE;
}
.index-title {
    background-color: #EEEEEE;
    padding-left: 10px;
}
    .index-title a {
        color:red;
    }
    .index-title a:hover {
        color:#223872;
    }
.index-selection-table {
    /*border-bottom: 4px solid #333333;
    border-top: 4px solid #333333;*/
    width:80%;
}
    .index-selection-table td {
        padding:15px;
        background: none repeat scroll 0 0 #F5F5F5;
        text-align: left;
        color:#333333;
    }

    .index-selection-table td:hover {
        padding:15px;
        background: none repeat scroll 0 0 #eeeeff;
        border-left: 10px solid #223872;
        padding-left:5px;
        text-align: left;
        color:#223872;
    }

        .index-selection-table td label {
            padding-left:10px;
        }

.status_new td
{
    background: none repeat scroll 0 0 #EFDD6F;
}

.status_inqueue td
{
    background: none repeat scroll 0 0 #D7DF01;
    font-weight: bold;
    color: #000000;
}

.status_inprogress td
{
    background: none repeat scroll 0 0 #FFC7CE;
    font-weight: bold;
    color: black;
}

.status_loaded td
{
    background: none repeat scroll 0 0 #D7DF01;
    font-weight: bold;
    color: maroon;
}

.status_completed td
{
    background: none repeat scroll 0 0 #89E894;
    font-weight: bold;
    color: darkgreen;
}

.status_completedlate td
{
    background: none repeat scroll 0 0 #89E894;
    font-weight: bold;
    color: #FF0000;
}

.status_cancelled td
{
    background: none repeat scroll 0 0 #CCFFFF;
    font-weight: bold;
    color: red;
}

.status_inqueuedue td
{
    background: none repeat scroll 0 0 #FE9A2E;
    font-weight: bold;
    color: #045FB4;
}

.status_inqueueoverdue td
{
    background: none repeat scroll 0 0 #FE9A2E;
    font-weight: bold;
    color: #FF0000;
}
.dash-col-green {
    background-color:#9EE0E3;
    margin:0px 1px 0px 0px;
    padding: 5px 8px 5px 8px;
}
.dash-col-red {
    background-color:#F5D4A3;
    margin:0px 1px 0px 0px;
    padding: 5px 8px 5px 8px;
}
.dash-col-blue {
    background-color:#CCFFFF;
    margin:0px 1px 0px 0px;
    padding: 5px 8px 5px 8px;
}
.dash-col-yellow {
    background-color:#F4FC9A;
    margin:0px 1px 0px 0px;
    padding: 5px 8px 5px 8px;
}

.dash-col-red:hover {
    background-color:#FFFFFF;
}

.checkbox-data-table {
    border-collapse: collapse;
    border-top: 1px solid #333333;
    border-bottom: 4px solid #333333;
    /*/*font-size: smaller;*/*/
    text-align: left;
    width: 100%;
}
    .checkbox-data-table td {
        background: none repeat scroll 0 0 #EEEEEE;
        border: 1px solid #DDDDDD;
        color: #111111;
        padding: 5px 8px 5px 8px;
        margin-top: 1px;
        margin-right: 1px;
    }

        .checkbox-data-table td:hover {
            background: none repeat scroll 0 0 #DDDDDD;
        }
#curtain {
  position: fixed;
  _position: absolute;
  z-index: 99;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  _height: expression(document.body.offsetHeight + "px");
  background: url(../Images/Loader/curtain-bg.png); 
  color: white;
  opacity: 0.6;
  font-weight: bold;
  display:inline-block;
  vertical-align:middle;
}
.copyright {
    text-align: center;
    width: 100%;
    color: #333333;
    /*font-size: smaller;*/
    height: 16px;
}
    .copyright a {
        /*font-size: smaller;*/
    }
#row_Paging a {
    color:#357EBD;
    padding:5px 14px;
    border:1px solid #357EBD;
    background-color:#FFFFFF;
}
    #row_Paging a:hover {
        color:#FFFFFF;
    padding:5px 14px;
    border:1px solid #357EBD;
    background-color:#357EBD;
    }
.dlist_bg_low {
    font-size:smaller;
    padding: 5px 8px 5px 8px;
    background-color:#DFF0D8;
    color:#468847;
}
.dlist_bg_med {
    font-size:11px;
    padding: 5px 8px 5px 8px;
    background-color:#D9EDF7;
    color:#3A87AD;
}
.dlist_bg_high {
    font-size:11px;
    padding: 5px 8px 5px 8px;
    background-color:#FCF8E3;
    color:#C09853;
}
.dlist_bg_crit {
    font-size:smaller;
    padding: 5px 8px 5px 8px;
    background-color:#F2DEDE;
    color:#B94A48;
}
.selectNotif{
    color:#333;
}
.Dashboard_Semi_Over_Due {
    background: none repeat scroll 0 0 #F9F2F4;
    border: solid 1px yellow;
    margin: -5px -8px -5px -8px;
    padding: 5px 8px 5px 8px;
    color: #111111;
}
.Dashboard_Action_Needed {
    background: none repeat scroll 0 0 #F9F2F4;
    border: solid 1px red;
    margin: -5px -8px -5px -8px;
    padding: 5px 8px 5px 8px;
    color: #111111;
}
.Dashboard_Action_Needed a{
    font-weight:bold;
}
.Dashboard_Default_Item {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #DDDDDD;
    border-top: 1px solid transparent;
    color: #111111;
    padding: 5px 8px 5px 8px;
}
.Dashboard_Default_Item:hover {
    background: none repeat scroll 0 0 #DDDDDD;
    border-bottom: 1px solid #223872;
    color: #444477;
}
.DottedULine {
    text-decoration:maroon dashed underline;
    cursor:help;
}

.imageGallery {
    border-collapse: collapse;
    border-bottom: 4px solid #223872;
    /*font-size: smaller;*/
    margin: 5px 0px 0px 0px;
    text-align: left;
    width: 480px;
}
.imageGallery th 
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border: 1px solid #223872;
    color: #EEEEEE;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}
.imageGallery-th 
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border: 1px solid #223872;
    color: #EEEEEE;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}
.imageGallery-th :hover
{
    text-align:left;
    background: none repeat scroll 0 0 #223872;
    border: 1px solid #223872;
    color: #EEEEEE;
    /*font-size: smaller;*/
    font-weight: normal;
    padding: 5px 8px 5px 8px;
}

.imageGallery td {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 1px solid #B4BFDD;
    border-collapse:collapse;
    color: #111111;
    padding: 5px 8px 5px 8px;
    text-align:center;
}
.imageGallery td input[type=image]{
    border: 1px solid #666;
}
.imageGallery td:hover {
    background: none repeat scroll 0 0 #B4BFDD;
}
.rateChangeHighlight{
    color:red;
    font-weight:bold;
}
.modaldiag {
    background-color: #DDD;
    border: 1px solid #3276B1;
    padding:8px;
    border-radius:6px;
}
.m-badge {
    display: inline-block;
    padding: 0.25em 0.4em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: 0.25rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.m-badge-success {
    color: #fff;
    background-color: #28a745;
}

a.m-badge-success:hover, a.m-badge-success:focus {
    color: #fff;
    background-color: #1e7e34;
}

a.m-badge-success:focus, a.m-badge-success.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(40, 167, 69, 0.5);
}
.m-badge-warning {
    color: #212529;
    background-color: #ffc107;
}

a.m-badge-warning:hover, a.m-badge-warning:focus {
    color: #212529;
    background-color: #d39e00;
}

a.m-badge-warning:focus, a.m-badge-warning.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(255, 193, 7, 0.5);
}