/*RowStyles, pager styles ****************/
.RowStyle td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px 0 5px 1px;
    border-color: #B9D3EE;

}

.RowStyle1 td
{
  background-color:#B9EEB9;   
}
.RowStyle2 td
{
  background-color:#E7C39C;   
}
.RowStyle3 td
{
  background-color:#B1B1EC;   
}
.RowStyle4 td
{
  background-color:#9CC3E7;   
}
.RowStyle5 td
{
  background-color:#FAFAD2;   
}

.RowStyle6 td
{
  background-color:#E79E9C;   
}


.PagerStyle table
{
    text-align: center;
    margin: auto;
}
.PagerStyle table td
{
    border: 0px;
    padding: 5px 2px 5px 2px;
}
.PagerStyle td
{
    background-color: #A5C6E9;
     border-color: #E7E7D0;
}
.PagerStyle a
{
    color: #333;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
    border-top: solid 1px #B9D3EE;
    border-left: solid 1px #B9D3EE;
    border-right: solid 1px #A6A6A6;
    border-bottom: solid 1px #A6A6A6;
}

.PagerStyle a:hover
{
    background-color: #6E9ECF;
}

.PagerStyle span
{
    font-weight: bold;
    color: #333;
    text-decoration: none;
    padding: 2px 10px 2px 10px;
}
/*****************/

/* ============== Tables =============== */
/* for the table inside the search panel */
.Searchtable
{
    text-align: center;
    background-color: #F8F8F2; /* to match ivory */
    border: solid 1px #C3C392; /* to match ivory */
    border-collapse: collapse;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
}
.Searchtable th
{
    background-color: #EEEEE0; /* ivory */
    border: solid 1px #D7E4D7;
    font-weight: normal;
    text-align: center;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    height: 10px;
}

.Searchtable td
{
    border: solid 1px #D7E4D7; /* to match content header */
}

.Searchtable td.title 
{
	font-family:  verdana, arial;
	font-size: 13px;
	font-weight:bold;
	color:#104E8B;
}

.searchtable_popup /* for shipcon search popup */
{
    background-color: #EEEEE0; /*ivory */
    border: outset 1px #D7E4D7;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    font-weight: normal;
    color: #333333;
    text-align: left;
    padding: 10px 0 10px 2px;
}
.searchtable_hyperlink /* small font */
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: #0D4873;
    font-weight: normal;
    text-decoration: underline;
    cursor: pointer;
}


/* this is for the report viewer, keep its colors in sync with search table */
.report_table
{
    text-align: center;
    background-color: #F8F8F2; /* to match ivory */
    border-collapse: collapse;
}
.report_table th
{
    background-color: #EEEEE0; /* ivory */
    border: solid 1px #D7E4D7;
    font-weight: normal;
    text-align: center;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px; /* this is a change from 'SearchTable th' */
    font-weight: bold; /* this is a change from 'SearchTable th' */
    color: #104E8B; /* this is a change from 'SearchTable th' */
    height: 10px;
}
.report_table td.style1 /* background color same as app work area color */
{
    background-color: #B9D3EE; /* #3090C7 ; /*  deepskyblue3 */
}

/* If we need a search footer*/
.SearchtableFooter
{
    background-color: #B5D3BD; /* light green */
    height: 20px;
}

/* Table holding the user input fields */
.FormTable
{
    border: solid 1px #D8E4F8;
    font-family: Trebuchet MS, verdana, arial;
     /* font-size: 12px; */
    background-color: #F7F6F3; /* one lignter than #D8E4F8 */
    border-collapse: separate;
}

.FormTable th
{
    background-color: #D8E4F8;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
  /* font-size: 12px; */
    height: 15px;
    vertical-align: middle;
    text-align: right;
}

.FormTable td
{
    color: #333333;
   text-align:left;
}

.FormTable td.th_style
{
     background-color: #D8E4F8;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
  /* font-size: 12px; */
    height: 15px;
    text-align: right;
    padding-top:10px;
}

.FormTable td.th_color /* td with header th color */
{
    color: #1C5373;
}

.FormTable td.th_backcolor /* td with header th color */
{
    background-color: #D8E4F8;
}

.FormTable td.style1
{
    background-color: #E9F3FB;
    color: #14406C; /* column_Label with no text align */
}

.FormTable td.style1_alt /* style1 and style1_alt side by side make two different color panels */
{
    background-color: #E6EFE8;
    color: #14406C; /* column_Label with no text align */
}

.FormTable td.style2
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
}

.FormTable td.style2_bold
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.FormTable td.side_by_side
{
    background-color: #ADC9A6;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.FormTable td.side_by_side_alt /* alternating color for style 2 */
{
    background-color: #F0D7AD;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.FormTable td.style3 /* with line spacing */
{
    background-color: #e5e5e5;
    line-height: 2;
}

.FormTable td.style4 /* style 2 without letter spacing */
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    text-align: center;
}

.FormTable td.highlight /* with line spacing */
{
    background-color: #D3EEB9;
    line-height: 2;
}

.FormTable td.highlight_2 /* with line spacing */
{
    background-color: #EDF8E2;
    line-height: 2;
}



.FormTable td.stand_out
{
    background-color: #EFD7BD;
}

.FormTable td.background_1
{
    background-color: #CBDCC6;
}

.background_1
{
    background-color: #CBDCC6;
}

.FormTable td.background_2
{
    background-color: #F6E9D0;
}

.background_2
{
    background-color: #F6E9D0;
}

.FormTable td.background_3
{
    background-color: #e5e5e5;
}

.background_3
{
    background-color: #e5e5e5;
}

.FormTable td.background_4
{
    background-color: #E8EFE6;
}

.FormTable td.background_5
{
    background-color: #E6EFED;
}



.FormTable td.border1
{
    border-right: solid 1px #D8E4F8;
}
.FormTable td.footer
{
    background-color: #97BFB6;
    text-align: center;
    height: 20px;
    vertical-align: middle;
    padding: 2px 0 2px 0;
}
.FormTable Caption
{
    background-color: #D8E4F8; 
    color:#1C5373;
padding:6px;
text-align:center;
font-family:verdana,arial;
font-size:12px;
font-weight:bold;
}
/* replacement to FormTable - no th style */
.form_table
{
    border: solid 1px #D8E4F8;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    background-color: #F7F6F3; /* one lignter than #D8E4F8 */
}

.form_table th.label
{
    background-color: #D8E4F8;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
    text-align: right;
}

.form_table td
{
    color: #333333;
}

.form_table td.th_color /* td with header th color */
{
    color: #1C5373;
}

.form_table td.th_backcolor /* td with header th color */
{
    background-color: #D8E4F8;
}

.form_table td.style1
{
    background-color: #E9F3FB;
    color: #14406C; /* column_Label with no text align */
}

.form_table td.style1_alt /* style1 and style1_alt side by side make two different color panels */
{
    background-color: #E6EFE8;
    color: #14406C; /* column_Label with no text align */
}

.form_table td.style1_alt_padding /* style1 and style1_alt side by side make two different color panels */
{
    background-color: #E6EFE8;
    color: #14406C; /* column_Label with no text align */
    padding: 6px 6px 6px 12px;
}


.form_table td.style2
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
}

.form_table td.style2_bold
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    letter-spacing: 1px;
    text-align: center;
    font-size: 15px;
    font-weight: bold;
}

.form_table td.style3 /* with line spacing */
{
    background-color: #e5e5e5;
    line-height: 2;
}

.form_table td.style4 /* style 2 without letter spacing */
{
    background-color: #C3D5F4;
    color: #14406C; /* th with light background bold */
    padding: 6px 6px 6px 12px;
    text-align: center;
}

.form_table td.stand_out
{
    background-color: #EFD7BD;
}


.form_table td.alt_style1
{
    background-color: #D3E8E8;
}

.form_table td.border1
{
    border-right: solid 1px;
}
.form_table td.footer
{
    background-color: #97BFB6;
    text-align: center;
    height: 20px;
    vertical-align: middle;
    padding: 2px 0 2px 0;
}

.excel_style_1
{
    border:  solid 1px 0 0 1px #DCD8F8;

    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    background-color: #F7F6F3; /* one lignter than #D8E4F8 */
}


.excel_style_1 th
{
    background-color: #D8E4F8;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
  /* font-size: 12px; */
    height: 15px;
    vertical-align: middle;
    text-align: center;
    border-bottom: solid 1px #DCD8F8;
     border-right: solid 1px #DCD8F8;
}

.excel_style_1 td
{
    color: #333333;
    border-bottom: solid 1px #DCD8F8;
     border-right: solid 1px #DCD8F8;
}

/* ------------------- */
/* need this in some cases where we want to use a panel instead */
.td_footer
{
    background-color: #97BFB6;
    text-align: center;
    vertical-align: middle;
    padding: 3px;
}
/* Labels for the boxes user inputs or selects - flexible width*/
.FormFieldLabel
{
    background-color: #D8E4F8;
    font-weight: normal;
    text-align: right;
    height: 20px;
    color: #333333;
}

/* Labels for the boxes user inputs - Fixed width */
.FormFieldLabelFixed
{
    background-color: #D8E4F8;
    font-weight: normal;
    text-align: right;
    color: black;
    height: 20px;
    width: 75px;
}

/* This table is used for searcing customers, ship./cons., based on name, city etc.  */
/* Also for any right side sub forms like in Load chages */
.subform_table
{
    border: 0;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}

.subform_table th
{
    background-color: #339966; /* green */
    font-weight: Bold;
    text-align: center;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: white;
    height: 20px;
    vertical-align: middle;
}

.subform_table td.style1
{
    text-align: right;
    color: #14406C;
}

.subform_table td.footer
{
    background-color: #97BFB6;
    text-align: center;
    height: 20px;
    vertical-align: middle;
}

/* -- table for displaying totals in charges , my list in billing etc*/
.popup_table
{
    background-color: #E6EFE8;
    color: #333333;
    border: Outset 1px #E6EFE8;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}

/* -- dispatch box*/
.dispatch_table
{
    background-color: #E6EFE8;
    color: #333333;
    border: Outset #FFFFFF 1px;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}

.dispatch_table tr.style1_alt /* style1 and style1_alt side by side make two different color panels */
{
    background-color: #D8E4F8;
    color: #14406C; /* column_Label with no text align */
}


/*-- When two table cells are used side by side -*/
.ContrastCell
{
    background-color: #E5E5E5;
}

/* -- table just to fit the controls in like div --*/
.div_table
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #1C5373;
}

/* -- have style for th here so that the grid headers inside this Div take that style */
.div_table th
{
    background-color: #D8E4F8;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
}

.div_table td.padded
{
    padding: 10px;
}

.div_table td.style1
{
    background-color: #E6EFE8; /* light green */
    color: green;
}

.div_table td.style2
{
    background-color: #E6EFE8; /* light green */
}

.div_table td.footer
{
    background-color: #97BFB6;
    text-align: center;
    height: 20px;
    vertical-align: middle;
    padding: 2px 0 2px 0;
}

/* ================= End tables ================= */

/* =================== Controls ================= */
/* for the font of the input controls */
.ControlFont
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    border   :  solid 1px #c1c1c1;
}
.ControlFontSmall
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    border   :  solid 1px #c1c1c1;
}

/* input fields in the forms */
.input_control
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
 

  border   :  solid 1px #c1c1c1;
}

.input_control_small /* small font */
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: #333333;
    font-weight: normal;
    border   :  solid 1px #c1c1c1;
}

.input_control_watermark
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #104E8B;
    font-weight: normal;
    background-color: #E9F3FB;
}

.input_control_watermark_small
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: #104E8B;
    font-weight: normal;
    background-color: #E9F3FB;
}

/* Read only Controls */
.Readonly
{
    background-color: #EDEAE3;
    border: solid 1px #D8E4F8; /* 88C6F2; */
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
}


.BoldFont
{
    font-weight: bold;
}

.BigAndBod
{
    font-size: medium;
}

.blendin_1
{
    background-color: #F7F6F3;
    border: solid 0px #D8E4F8; /* 88C6F2; */
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
}

.table_header
{
    font-family: Trebuchet MS, verdana, arial;
background-color: #D8E4F8;  
color: #1C5373;  
border: solid 0px #D8E4F8; 
 vertical-align: middle;
    text-align:center;
 font-size: 12px;
}

.zero_width
{
    width:0px;
}

.blendin_standard
{
    background-color: #F7F6F3;
    border: solid 0px #D8E4F8; /* 88C6F2; */
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    width:100px;
}


/* ================= End Controls ================= */

/* ================= Grids ================= */

/* for the font of the grids */
.GridFontBig
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
}
.GridFontSmall
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
}

.grid_centered th
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    text-align: center;
}


.grid_centered td
{
   border-color: #B9D3EE; 
}

.grid_padded
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    padding: 10px;
}
.selected_row
{
     background-color: #D3EEB9;
}

/* ================= End Grids ================= */

/* ================= Menu ================= */

/* for the menu in the content pages */
.MenuItems
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 9px;
    color: green;
}
/* ================= End Menu ================= */

/* ================= Panels ================= */
/* for panels holding grids etc. */
/* Light background for the panel */
.DisplayPanelLight
{
    background-color: #D8E4F8;
    margin-top: 0.2em;
    margin-bottom: 0.5em;
    border: Outset 1px #D8E4F8;
    z-index:999;
}

/* Dark background for the panel */
.DisplayPanelDark
{
    background-color: #6092C2;
    margin-top: 0.2em;
    border: Outset 1px #D8E4F8;
}

.display_panel_style1 /* notes view */
{
    background-color: #C3D6F4;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
}

.display_panel_style1 td.style_padded /* if using on a grid or table */
{
    padding: 5px 3px 5px 3px;
    border-color: #B9D3EE;
    border-collapse: separate;
}

.SearchResultPanel
{
    border: Outset 1px #B5D3BD; /* light green */
    background-color: #D8E4F8;
    float: right;
    text-align: center; /* so that the grid inside is centered */
}

/* dragging panels */
.DragPanel
{
    cursor: move; /* == */
    font-weight: Bold;
    text-align: center;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    color: white;
    width: 100%;
    padding: 3px;
}

/* The panel used for searcing customers, ship./cons., based on name, city etc.  */
.SearchPanel
{
    border: solid 1px #B5D3BD; /* light green */
    background-color: #D8E4F8;
    float: right;
    margin-top: 0.2em; /*width:185px; */
}

.SearchPanel_temp
{
    border: solid 1px #B5D3BD; /* light green */
    background-color: #D8E4F8;
    width: 220px;
    float: left;
    margin-top: 0.2em;
}

.SearchPanelHeader
{
    background-color: #339966; /* green */
    font-weight: Bold;
    text-align: center;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    color: white;
    height: 20px;
    vertical-align: middle;
}
.SearchPanelFooter
{
    width: 100%;
    text-align: center;
    height: 20px;
}

/* panel holding little forms inside a main form on the right */
.subform_panel
{
    border: solid 1px #B5D3BD; /* light green */
    background-color: #D8E4F8;
    float: right;
    margin-top: 0.2em;
    margin-right: 0.2em;
}

.view_panel /* load view */
{
    background-color: #F7F6F3;
    border: outset 2px #F7F6F3;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
}

.panel_style_1 /* load view */
{
    background-color: #F6E9D0;
    margin-left:20px;
    float:right;
}

.panel_style_2 /* load view */
{
   background-color: #F6E9D0;
    margin-left:10px;
    float:left;
    margin-bottom:5px;
   
}
    
/* ================= End Panels ================= */

/* ================= Lables ================= */
/* for header lables inside a background panel */

/* ================= End lables ================= */
/* ================= Buttons/master page menus ==================*/

.action_menu
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 5px 2px 5px;
}

.action_menu .item
{
    display: block;
    border: solid 1px #5EB2ED;
    background-color: #F8F8F2;
    color: #0D4873; /* dark blue shade */
    text-decoration: none;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    padding: 1px 2px 1px 2px;
}

.action_menu .item .hover
{
    display: block;
    background-color: #4785C2;
    color: #EEEEE0;
}

.DynamicButton
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #5EB2ED;
    background-color: #F8F8F2;
    color: #0D4873; /* dark blue shade */
    padding: 2px 5px 2px 5px;
}

.DynamicButton:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}

.report_button
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #4A8DD3;
    background-color: #88B4E2;
    color: #0D4873; /* dark blue shade */
    padding: 2px 5px 2px 5px;
}

.report_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}

.search_hidden
{
    background-color: #EEEEE0;
    border: none;
}

.search_button
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #53A5D5;
    background-color: #EEEEE0;
    color: #0D4873; /* dark blue shade */
    padding: 2px 5px 2px 5px;
}

.search_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}

.close_button
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #CE9155;
    background-color: #88B4E2;
    color: #0D4873;
    padding: 2px 5px 2px 5px;
}

.close_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}

.cancel_button
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #CE9155;
    color: #2B7FB1;
    padding: 2px 5px 2px 5px;
}

.cancel_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}

.main_actionbutton
{
    background-color: #21ba45;
    border: Solid 1px #67A294;
    color: white;
    font-size: 12px;
    font-family: Trebuchet MS, verdana, arial;
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
}

.main_actionbutton:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}
.pna{
    background-color: #D3EEB9;
    line-height: 2;
    border: outset 2px #F7F6F3;
    padding: 3px;
    color: #333333;
   cursor: pointer;
} 
.main_actionbutton_panel /* No. of copies */
{
    border: Solid 1px #67A294;
    padding: 2px 5px 2px 5px;
    font-size: 12px;
    font-family: Trebuchet MS, verdana, arial;
    font-weight: normal;
}

/* need this for the .net hover extender control */
.DynamicButtonHover
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #4785C2;
    background-color: #A3C2E0;
    height: 20px;
    width: auto;
    padding: 2px 5px 2px 5px;
}

.FormActionButton /* for link buttons in the sub forms like in ship/cons section */
{
    background-color: White;
    border: Solid 1px #67A294;
    color: #004000;
    height: 20px;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
    vertical-align: middle;
}

.FormActionButton:hover /* for link buttons in the sub forms like in ship/cons section */
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}

.button_style1 /* my loads etc. */
{
    background-color: #D3E8E8;
    border: Solid 1px #67A294;
    color: #0D4873;
    height: 20px;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
}

.button_style1:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}

.button_style2 /* billing */
{
    background-color: #C3DFDF;
    border: Solid 1px #4B8B8B;
    color: #24514A;
    height: 20px;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
}

.button_style2:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}

.button_style3
{
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    border: solid 1px #4A8DD3;
    background-color: #C3D5F4;
    color: #0D4873; /* dark blue shade */
    padding: 2px 1px 2px 1px;
}

.button_style3:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 1px 2px 1px;
}

.button_style4 /* style3 modified */
{
    background-color: #C3D5F4;
    border: solid 1px #4A8DD3;
    color: #0D4873; /* dark blue shade */
    height: 18px;
    font-size: 12px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
}

.button_style4:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
    padding: 2px 5px 2px 5px;
}


.action_cancel_button /* for link buttons in the sub forms - mainly action cancel buttons, this is same as FormActionButton except the border and font color */
{
    background-color: White;
    border: Solid 1px #CE9155;
    color: #925E2A;
    height: 20px;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
}

.action_cancel_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}

/* buttons in the pop up hover menu : no border */
.PopupMenuButton
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    border: 0px;
    background-color: #D8E4F8;
    color: #333333;
    text-decoration: none;
    height: 20px;
    width: auto;
}
.PopupMenuButton:hover
{
    background-color: #A3C2E0;
}

.hidden_button
{
    visibility: hidden;
    height: 0px;
    width: 0px;
}

/* ================= */
/* when we need a seperator */
.Seperator
{
    background-color: #669966;
    margin-top: 0.2em;
}

.SeperatorThick
{
    background-color: #669966;
    margin-top: 10px;
}

.SectionHeaderFooter
{
    margin-top: 0.2em;
    width: 100%;
    background-color: #A5BACE;
    text-align: center;
    height: 20px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: bold;
}

.FormHeader
{
    width: 100%;
    height: 22px;
    background-color: #97BFB6; /**/
    color: #333333;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    text-align: center;
    vertical-align: baseline;
}

.SubTotalRow
{
    height: 22px;
    background-color: #B6D2CC; /*D6E6DA*/
    color: #333333;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    text-align: right;
}

.GrandTotalRow
{
    height: 22px;
    background-color: #97BFB6; /**/
    color: #333333;
    font-weight: bold;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    text-align: right;
}

.FormFooter
{
    width: 100%;
    background-color: #97BFB6; /**/
    text-align: center;
    height: 27px;
    vertical-align: middle;
}

.AlignRight
{
    text-align: right;
}

.floatLeft
{
    float: left;
}

.floatRight
{
    float: Right;
}

.CellHeading1
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    color: #339966;
    font-weight: bold;
}

/*--- Different color */
.CellHeading2
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    color: Orange;
    font-weight: bold;
}

/*Modal Popup*/
.modalBackground
{
    background-color: gray;
    filter: alpha(opacity=50);
    opacity: 0.5; /* for mozilla firefox */
}

/* for the gray dull panel in ex.billing masterpage */
.modalBackgroundPanel
{
    background-color: gray;
    filter: alpha(opacity=95);
    opacity: .95; /* for mozilla firefox */
    position: absolute;
    left: 5;
    top: 0;
    text-align: center;
    vertical-align: middle;
}

.modalPopup
{
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    position: relative;
    top: 0px;
    left: 0px;
}

.modalPopup-left
{
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    float: left;
}

.modalPopup-right
{
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    float: right;
}

.modalPopup-right_relative
{
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    float: right;
    position:relative;
    top: 55px;
}

.modalPopup_center
{
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    margin-left: 200px;
}

.modalPopup_alert
{
    background-color: #FCFCE8;
    border: outset 2px #FCFCE8;
    padding: 3px;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    position: relative;
}

.modalPopup_header
{
    cursor: move;
    background-color: #ADD8FF;
    color: #1C5373;
    font-weight: bold;
    padding: 3px;
    text-align: center;
}
/* -------------------------- */
.tab_table
{
    border: solid 1px #D3E8E8;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    background-color: #D3E8E8;
}

.tab_table td.tab_title
{
    background-color: #D3E8E8;
    color: #0D4873;
    padding: 6px 6px 6px 12px;
    text-align: center;
}

.tab_table td.tab_title_b
{
    background-color: #D3E8E8;
    color: #0D4873;
    padding: 6px 6px 6px 12px;
    text-align: center;
    border-bottom: solid 1px #F8F8F2; /* menu items's back color */
}

.tab_table td.footer
{
    background-color: #97BFB6;
    text-align: center;
    height: 20px;
    vertical-align: middle;
}

.tab_menu
{
    margin-left: 10px;
    vertical-align: middle;
}

.tab_menu .item
{
    font-size: 12px;
    font-family: verdana, arial;
    font-weight: normal;
    height: 23px;
    border-right: solid 1px #70B2B2;
    border-left: solid 1px #70B2B2;
    border-top: solid 1px #70B2B2;
    background-color: #F8F8F2;
    color: #0D4873;
    padding: 2px 2px 2px 2px;
}

.tab_menu .item .hover
{
    background-color: #4785C2;
    color: white;
}

.tab_menu .item .selected
{
    background-color: #D3E8E8;
    color: #0D4873;
}

.tab_panel
{
    background-color: #E7E7D0;
}

/* -- */

.StandardGrid
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    background-color: #E7E7D0;
    border-collapse: separate;
}
.StandardGrid th
{
    text-align: center;
}

.StandardGrid td
{
    border-color: #E7E7D0;
}

.StandardGrid td.padded
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    padding: 10px;
}

.StandardGrid td.padded_right
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    padding-right: 10px;
}

.StandardGrid Caption
{
    background-color: #D3E8E8;
    color: #3C685A;
    padding: 6px;
    text-align: center;
    font-family: verdana, arial;
    font-size: 12px;
    font-weight: bold;
}
.FormGrid
{
    color: #333333;
    background-color: #E3EAEB;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    font-weight: normal;
  border   :  solid 1px #c1c1c1;
  
}

.FormGrid th
{
    text-align: center;
border-color: #E7E7D0;
}

.FormGrid td
{
    border-color: #E7E7D0;
}

.FormGrid Caption
{
    background-color: #97BFB6;
    color: #104E8B;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    text-align: center;
    padding: 3px 0 3px 0;
}

.FormGrid row_style
{
  background-color: #97BFB6;
}

.PrintGrid
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}

.PrintGrid Caption
{
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 10px;
    color: #104E8B;
}

.DisplayGrid
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    border-collapse: separate;
}

.DisplayGrid th
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 11px;
    text-align: center;
}

.DisplayGrid td.style_padded
{
    padding: 5px 3px 5px 3px;
    border-color: #B9D3EE;
    border-collapse: separate;
}


/*
.StandardGrid td 
{
  border: solid 1px #E7E7D0;  to match content header 

}
*/
.DisplayTable
{
    padding: 0;
    margin: 0;
    border-left: 1px solid #C1DAD7;
    font: 12px verdana Verdana, Arial, Helvetica,sans-serif;
    border-collapse:separate;
    empty-cells: show;
}


.DisplayTable td.heading
{
    background: #C3DFDF;
    color: #8F6E4D; /* #6D929B; */
    border: 1px solid #C1DAD7;
    padding: 6px 6px 6px 12px;
    font: bold 11px verdana ,Arial, Helvetica,sans-serif;
    text-align: left;
}

.DisplayTable td.heading2
{
    background: #F5FAFA;
    color: #2166AB;
    border-right: 1px solid #C1DAD7;
    border-top: 1px solid #C1DAD7;
    letter-spacing: 1px;
    padding: 6px 6px 6px 12px;
    font: bold 11px verdana ,Arial, Helvetica,sans-serif;
    text-align: center;
}

.DisplayTable td.subheading
{
    background: #D3E8E8;
    text-align: center;
    color: #2166AB;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}

.DisplayTable td.subheading_left
{
    background: #D3E8E8;
    color: #2166AB;
    font-weight: bold;
    text-align: left;
}

.DisplayTable td.subheading_right
{
    background: #D3E8E8;
    color: #2166AB;
    font-weight: bold;
    text-align: right;
}

.DisplayTable td
{
    border-right: 1px solid #C1DAD7;
    border-bottom: 1px solid #C1DAD7;
    background: #fff;
    padding: 6px 6px 6px 12px;
    color: #2166AB;
}

.DisplayTable td.alt
{
    background: #F5FAFA;
    color: #2166AB;
}

.rates_table 
{
    border: 1px solid #79A987;
        background-color: #FCF7EE;
}

.rates_table th
{
background-color: #F7E9CF;
border-right: 1px solid #B7D1C0;
}

.rates_table  td
{
    border-right: 1px solid #B7D1C0;
     border-bottom: 1px solid #B7D1C0;
}

.no_border
{
    border:0;
}

.no_border td
{
    border:0;
}
/* ---------------------------- */

.MyCalendar .ajax__calendar_container
{
    border: 1px solid #646464;
    background-color: #d8e4f8;
    color: red;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}
.MyCalendar .ajax__calendar_other .ajax__calendar_day, .MyCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_hover .ajax__calendar_day, .MyCalendar .ajax__calendar_hover .ajax__calendar_month, .MyCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: black;
}
.MyCalendar .ajax__calendar_active .ajax__calendar_day, .MyCalendar .ajax__calendar_active .ajax__calendar_month, .MyCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bold;
}
/* ------------------------------------- */
.section_header
{
    font-size: 12px;
    font-weight: normal;
    color: #004D8C;
    height: 22px;
    text-align: center;
    background-color: #A5C6E9;
}

.side_bar
{
    background-color: #53A5D5; /* #8CC5E8; */
    font-size: 12px;
    color: white; /* #00688B; */
    width: 75px;
    vertical-align: top;
    padding-top: 25px;
}

.side_bar_wide
{
    background-color: #53A5D5; /* #8CC5E8; */
    font-size: 12px;
    color: white; /* #00688B; */
    width: 130px;
    vertical-align: top;
    padding-top: 25px;
}

.side_bar_link
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 13px;
    color: #ffffff;
}

.side_bar_link:hover
{
    color: #104E8B;
}

.nav_button_style
{
    color: #004D8C;
    text-decoration:  underline;
    padding: 2px 10px 2px 10px;

}
.nav_button_style:hover
{
    background-color: #6E9ECF;
}

/* ^^^^^^^^^^^Hover Menu - absolute and hidden are a must */
.popupMenu
{
    position: absolute;
    visibility: hidden;
    background-color: #FFFFFA;
    border: outset 2px #FFFFFA;
}

.popupMenu_style2 /* light yellow background */
{
    position: absolute;
    visibility: hidden;
    background-color: #FFFFD6;
    border: outset 2px #FFFFFA;
}

/* ^^^^^^^^^^^^
/*Popup Control*/
.popupControl
{
    background-color: #D6E6E2;
    border: Solid 1px #B6D2CC;
    border-top: 0;
    position: absolute;
    visibility: hidden;
}

/* update progress panel */
.update_progress
{
    position: absolute;
    height: 25px;
}
.update_progress_msg
{
    margin: 3px;
    font-family: Trebuchet MS;
    font-size: 12px;
    vertical-align: middle;
}

.sub_header
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 10px;
    font-weight: normal;
}

.action_success_msg
{
    color: #2E8B57;
    background-color: #D3E8E8; /*  */
    padding: 5px;
    font-family: Trebuchet MS;
    font-size: 12px;
}

.message
{
    color: Green;
    font-family: Trebuchet MS;
    font-size: 12px;
}

.validation_msg
{
    color: #CD5555;
}

.validation_msg_box
{
    border: Outset 1px #FAFAD2;
    background-color: #FAFAD2;
    color: #CD5555;
    padding: 10px;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;

}

.validation_msg_backgound
{
    background-color: #F4F4A4;
}

.alert_msg /* section alerts */
{
    background-color: #FAFAD2; /* LightGoldenRodYellow */
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
    padding: 5px 5px 5px 5px;
}

.alert_msg_box
{
    border: Outset 1px #FAFAD2;
    background-color: #FAFAD2;
     font-size: 12px;
    color: #333333;
    font-weight: normal;
    padding: 10px;

}

.alert_missed
{
    color: red;
}
.warning_style1
{
    background-color: yellow;
}

.warning_style2
{
    background-color: #F50000; /* red */
    color: White;
}

.warning_style3
{
    background-color: #FF925C;
}


.file_upload /* for the file upload control */
{
    background-color: White;
    border: Solid 1px #67A294;
    color: #004000;
    height: 20px;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    padding: 2px 5px 2px 5px;
}

.text_block /* for free texts that need background */
{
    background-color: #D8E4F8;
    padding: 0 10px 0 10px;
    margin: 0 10px 0 10px;
}

.highlight
{
    background-color: #FAFAD2; /* LightGoldenRodYellow */
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    color: #333333;
    font-weight: normal;
}

.spacer
{
    height: 20px;
}

.spacer_div
{
    margin-top: 7px;
}

.app_background_panel /* same background color as the application */
{
    background-color: #B9D3EE; /* #3090C7 ; /*  deepskyblue3 */
    padding: 10px;
    font-family: verdana, arial;
    font-size: 16px;
    font-weight: normal;
    color: #104E8B;
    text-align: center;
}


/*AutoComplete flyout */
.autocomplete_list
{
    visibility: hidden;
    margin: 0px !important;
    padding: 0px;
    background-color: inherit;
    color: #333333;
    border: buttonshadow;
    border-width: 1px;
    border-style: solid;
    cursor: default;
    text-align: left;
    list-style-type: none;
    overflow: auto;
    font-weight: normal;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
}

/* AutoComplete highlighted item */
.autocomplete_highlighted_listitem
{
    background-color: #D8E4F8;
    color: #333333;
    padding: 3px;
  
}

/* AutoComplete item */
.autocomplete_listItem
{
    background-color: window;
    color: #333333;
    padding: 3px;
}

#divwidth
{
  width: 400px !important;   
  overflow:hidden; 
}
#divwidth div
{
width: 400px !important;
  overflow:hidden;    
}

#divautocomplete_2
{
  width: 400px !important;   
  overflow:hidden; 
}
#divautocomplete_2 div
{
width: 400px !important;
  overflow:hidden;    
}

#divautocomplete_3
{
  width: 400px !important;   
  overflow:hidden; 
}
#divautocomplete_3 div
{
width: 400px !important;
  overflow:hidden;    
}

#divautocomplete_250
{
  width: 250px !important;   
  overflow:hidden; 
}
#divautocomplete_250 div
{
width: 250px !important;
  overflow:hidden;    
}

/* end AutoComplete */

.hyperlink
{
    color: #104E8B;
}

.hyperlink_nounderline
{
    color: #27408B;
}

.hyperlink_nounderline:hover
{
    color: green;
}

.hyperlink_style1
{
    color: #0003D1;
}

.hyperlink_style1:hover
{
    color: #A85100;
}


.hyperlink_green /* for the simple hyperlinks */
{
    color: green;
    text-decoration: underline;
    cursor: pointer;
}


.required_field
{
    color: green;
}

.dispatch_title
{
    color: green;
}

.disappearing_msg
{
    border: Outset 1px;
    background-color: #ADD8FF;
    color: #1C5373;
    padding: 30px;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    position: absolute;
    left: 40%;
    top: 10%;
}

.validation_box
{
    border: Outset 1px #FAFAD2;
    background-color: #FAFAD2;
    color: #1C5373;
    padding: 20px;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    position: absolute;
    left: 40%;
    top: 5%;
}

.center_box
{
    margin: 0 auto;
    text-align: center;
}

.label_top
{
    display:inline-block;
    padding: 3px 0px 0px 0px;
    clear: left;
}


/* for reorder list */
.reorder_list
{
    list-style: none;
    background-color: #D8E4F8;
    color: #333333;
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    padding: 5px;
    line-height: 2;
}

/* end reorder list */

.login_button
{
    background-color: #A3D3F5;
    border: Solid 1px #75BDF0;
    color: #004000;
    font-size: 11px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    padding: 0px 2px 4px 2px;
    width: 50px;
}
.login_panel
{
    background-color: #EEEEE0;
    text-align: center;
}
.login_header
{
    color: #336699;
    font-size: 12px;
    font-family: verdana, arial;
    font-weight: bold;
    padding: 0 0 0 0;
}
.login_footer
{
    color: #336699;
    font-size: 11px;
    font-family: verdana, arial;
    font-weight: normal;
    padding: 8px 0 8px 0;
}

.login_entry
{
    font-family: Trebuchet MS, verdana, arial;
    font-size: 12px;
    background-color: #F8F8F2;
    color: #1C5373;
}

.login_entry th
{
    font-weight: normal;
    text-align: right;
    font-family: Trebuchet MS, verdana, arial;
    color: #1C5373;
    font-size: 12px;
    height: 20px;
    vertical-align: middle;
}
    

.group_list li
{
    display:inline;
    float:left;
    margin-left:15px;
    margin-bottom:15px;
    vertical-align:middle;
}

.RadioButtonWidth label {  margin-right:10px; }

.divlist ul
{
margin: 0;
padding: 0;
list-style-type: none;
width:500px;
}


.extra_detail li
{
    display:inline;
    float:left;
    text-align:left;
    padding:1px;
}
/* --------------------------- */

div.ListViewContainer {
	width: 1000px; /* Table width will be 99% of this */
	height: 500px; /* Must be greater than tbody */
	overflow: auto;
	}

ListViewContainer table {
	width: 99%; /* 100% of container produces horizontal scroll in Mozilla */
	border: none;
	}
	
ListViewContainer table>tbody	{ /* Child selector syntax which IE6 and older do not support */
	overflow: auto; 
	height: 200px;
	overflow-x: hidden;
	}
	
ListViewContainer thead tr {
	position:relative; 
	top: expression(offsetParent.scrollTop); /* For IE5+ only */
	}
	
ListViewContainer thead td {
	background-color: #CCCCCC;
	font-weight: bold;
	}	
	
ListViewContainer td {
    color: #000000;
    text-align: left;
    }
	
ListViewContainer table tfoot tr {
      position: relative; 
      overflow-x: hidden;
      top: expression(parentNode.parentNode.offsetHeight >= offsetParent.offsetHeight ? 0 - parentNode.parentNode.offsetHeight + offsetParent.offsetHeight + offsetParent.scrollTop : 0);
      }

ListViewContainer tfoot td {
    background-color: #CCCCCC;
    }

ListViewContainer td:last-child { /* Prevent Mozilla scrollbar from hiding cell content */
    padding-right: 20px;
    }
    
 /* ---------------------------- */
 
 .group_list_button 
{
    background-color: #D3E8E8;
    border: Solid 1px #67A294;
    color: #0D4873;
    font-size: 15px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 50px 5px 2px 5px;
    
}

.group_list_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}


/* ---------- */

.command_list li
{
    display:inline;
    float:left;
    vertical-align:middle;
    margin-top:-15px;
}

.command_list_button 
{
    background-color: #D3E8E8;
    border: Solid 1px #67A294;
    color: #0D4873;
    font-size: 12px;
    font-family: 'Trebuchet MS';
    font-weight: normal;
    text-align: center;
    padding: 2px 5px 2px 5px;
    
}

.command_list_button:hover
{
    background-color: #4785C2;
    border: solid 1px #EEEEE0;
    color: #EEEEE0;
}

/* ----------------- */
.scan_control 
{
     width: 100%;
     height: 500px;
}

/* ----------------- */
.show_progress
{
    position: absolute;
    
}
.dispatchHeader{
    padding:7px;
    font-weight:bold;
}
/* ------------Tracking Column------------*/
.ga{
    display: block;
    width:140px;
    padding-left:4px;
}
/* ------------Driver Column------------*/
/* .gb{
    display: block;
    width:140px;
    text-align:center;
} */ 


.PagerStyle:hover td {
    background-color: #A5C6E9 !important;
}

.StandardGrid  tr:hover td
{

    background-color: #ffff99;
  
}