BODY {
  FONT-SIZE: 11px; MARGIN: 2px 10px 2px 0px; COLOR: #000000; FONT-FAMILY: Segoe UI, tahoma,sans-serif; BACKGROUND-COLOR: #ffffff
}

INPUT{
  FONT-SIZE: 11px; FONT-FAMILY: Segoe UI, tahoma,sans-serif
}

TEXTAREA {
  FONT-SIZE: 11px; FONT-FAMILY: Segoe UI, tahoma,sans-serif
}
SELECT {
  FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Segoe UI, tahoma,san-serif
}
TABLE {
  BORDER-RIGHT: 0px; BORDER-TOP: 0px; FONT-SIZE: 11px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; FONT-FAMILY: Segoe UI, tahoma,sans-serif
}
TABLE.dettbl TH {
  BACKGROUND: #ffffff; BORDER-TOP: #1b0e44 1px solid; BORDER-BOTTOM: #1b0e44 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}

TABLE.dettbl_no_border TH {
  BACKGROUND: #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}

TABLE.dettbl TD {
  BACKGROUND: #ffffff; COLOR: #1b0e44;
}

TABLE.dettbl TD.label, TABLE.edittbl TD.label, TABLE.viewtbl TD.label {
  text-align: right;
}

TABLE.dettbl TD.value, TABLE.edittbl TD.value, TABLE.viewtbl TD.value  {
  text-align: left;
  font-weight:bold;
}

TABLE.lsttbl TH {
  BACKGROUND: #1b0e44; TEXT-ALIGN: left; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
TABLE.lsttbl TD {
  VERTICAL-ALIGN: top; BORDER-BOTTOM: #dedddd 1px solid
}
TABLE.lstvtbl TH {
  BACKGROUND: #990000; TEXT-ALIGN: left; VERTICAL-ALIGN: top; FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: white; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
TABLE.lstvtbl TD {
  VERTICAL-ALIGN: top; BORDER-BOTTOM: #dedddd 1px solid
}
TABLE.rpttbl TH {
  TEXT-ALIGN: left; VERTICAL-ALIGN: top; BORDER-TOP: #1b0e44 1px solid; BORDER-BOTTOM: #1b0e44 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
TABLE.rpttbl TD {
  VERTICAL-ALIGN: top; BORDER-BOTTOM: #dedddd 1px solid
}

/* Added by Don to support supplier and equipment search tables that do not use DataIsland.asp. */

table.supplier_search_table, table.match_contacted_table
{
	border:0; /* This turns out to be useless because ASP.NET always sets the border directly on a GridView control. */
	border-width:0; /* Same as above. Just here for insurance. */
	width:100%;
	font-size: 11px;
	font-family: Segoe UI, tahoma,sans-serif;
	vertical-align: top;
	text-align: left;
}

table.supplier_search_table th {
	padding: 2px;
	border-bottom: #dedddd 1px solid;
	background: #074290;
	font-weight: bold; /* Header rows are always bold anyway. */
	color: White;
	cursor: default;
}

table.load_note_table th {
	padding: 2px;
	border-bottom: #dedddd 1px solid;
	background: #1B0E44;
	font-weight: bold; /* Header rows are always bold anyway. */
	color: White;
	cursor: default;
}

table.match_contacted_table th {
	padding: 2px;
	border-bottom: #dedddd 1px solid;
	background: #5D7B9D;
	font-weight: bold; /* Header rows are always bold anyway. */
	color: White;
	cursor: default;
}

table.supplier_search_table th a, table.match_contacted_table th a, table.load_note_table th a {
	color: White;
	text-decoration: none;
}

table.supplier_search_table td, table.match_contacted_table td, table.load_note_table td
{
	padding: 2px;
	border-bottom: #dedddd 1px solid
}

table.supplier_search_table th.sortable_mouseover, table.match_contacted_table th.sortable_mouseover
{
	background-color: #1B0E44;
	cursor: pointer;
}

table.load_note_table th.sortable_mouseover
{
    background-color: #074290;
	cursor: pointer;
}

table.supplier_search_table th.sorted_by_column_ascending, table.match_contacted_table th.sorted_by_column_ascending, table.load_note_table th.sorted_by_column_ascending
{
	background: url(../images/ascending.gif) no-repeat center right;
    padding-right:14px;
	background-color: #7F99CC;
	cursor: pointer;
}

table.supplier_search_table th.sorted_by_column_ascending a, table.match_contacted_table th.sorted_by_column_ascending a, table.load_note_table th.sorted_by_column_ascending a
{
	color: Black;
}

table.supplier_search_table th.sorted_by_column_descending, table.match_contacted_table th.sorted_by_column_descending, table.load_note_table th.sorted_by_column_descending
{
	background: url(../images/descending.gif) no-repeat center right;
	padding-right: 14px;
	background-color: #7F99CC;
	cursor: pointer;
}

table.supplier_search_table th.sorted_by_column_descending a, table.match_contacted_table th.sorted_by_column_descending a, table.load_note_table th.sorted_by_column_descending a 
{
	color: Black;
}

table.supplier_search_table td a.recent_supplier, table.match_contacted_table td a.recent_supplier, table.load_note_table td a.recent_supplier
{
	color: #ff3399;
}


table.location_history_table th {
	padding: 2px;
	border-bottom: #dedddd 1px solid;
	background: #1b0e44;
	font-weight: bold; /* Header rows are always bold anyway. */
	color: White;
}

table.ToolTip
{ 
background-color: #fafafa;
border: 1px #000000 solid;
border-bottom: 1px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; }


td.ToolTipHeader
{ background-color: #074290;
border: 1px #000000 solid;
font-family: Verdana;
font-weight: bold;
font-size: 12px;
color: White; }

td.ToolTipEmptyRow
{
height: 15px;
border: 1px;
}

td.ToolTipData
{ border: 1px;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
background-color: #fafafa;
padding-top: 4px;
padding-bottom: 4px;
padding-left: 8px;
padding-right: 0px; }


.hdrSection, .hdrSectionRef
{
	background-color: #1b0e44;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: White; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
	BORDER-BOTTOM: 1px #074290 solid;
}

.hdrSectionRef
{
	BORDER-RIGHT: 1px #074290 solid;
}

.hdrRefFontLeft
{
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: White; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
}
.hdrRefFontRight
{
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: White; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: underline;
	cursor:hand;
}

.hdrSectionItem, .hdrSectionItemTab, .hdrSectionItemRefLink
{
	background-color: #F8F8AD;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: Black; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
	BORDER-BOTTOM: 1px #074290 solid;
	BORDER-TOP: 1px #074290 solid;
}

.hdrSectionItem
{
	BORDER-RIGHT: 1px #074290 solid;
}

.hdrSectionRefLink, .hdrSectionButtons
{
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: Black; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
	BORDER-RIGHT: 1px #074290 solid;
	BORDER-TOP: 1px #074290 solid;
}

.hdrSectionRefLink
{
	background-color: #F8F8AD;
	BORDER-BOTTOM: 1px #074290 solid;
	cursor:hand;
}

.hdrSectionButtons
{
	background-color: #f5f5f5;
}

.hdrSectionButtonsMiddle, .hdrSectionButtonsLeft
{
	background-color: #f5f5f5;
	FONT-WEIGHT: bold; FONT-SIZE: 9px; COLOR: Black; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
	BORDER-TOP: 1px #074290 solid;
}

.hdrSectionButtonsLeft
{
	BORDER-LEFT: 1px #074290 solid;
}

.hdrBody, .hdrBodyComplete, .hdrHalfBody
{
	background-color: #f5f5f5;
	BORDER-LEFT: 1px #074290 solid;
	BORDER-RIGHT: 1px #074290 solid;
}

.hdrBody
{
	BORDER-BOTTOM: 1px #074290 solid;
}

.hdrBodyComplete
{
	BORDER-BOTTOM: 1px #074290 solid;
	BORDER-TOP: 1px #074290 solid;
}





A {
  COLOR: #000099;
  CURSOR: pointer;
}
.bttnHand {
  FONT: bttntext; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #a9a9a8 1px solid; FONT-SIZE: 11px; BORDER-LEFT: #a9a9a8 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Segoe UI, tahoma,sans-serif; HEIGHT: 19px; TEXT-DECORATION: none;
  CURSOR: hand;
}
.bttn {
  FONT: bttntext; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #a9a9a8 1px solid; FONT-SIZE: 11px; BACKGROUND: #dedddd; BORDER-LEFT: #a9a9a8 1px solid; CURSOR: pointer; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Segoe UI, tahoma,sans-serif; HEIGHT: 19px; TEXT-DECORATION: none
}
.smallbttn {
  FONT: bttntext; BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #a9a9a8 1px solid; FONT-SIZE: 9px; BACKGROUND: #dedddd; BORDER-LEFT: #a9a9a8 1px solid; CURSOR: hand; COLOR: #000000; BORDER-BOTTOM: #000000 1px solid; FONT-FAMILY: Segoe UI, tahoma,sans-serif; HEIGHT: 15px; TEXT-DECORATION: none
}
.drpdwn {
  FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: Segoe UI, tahoma,san-serif; BACKGROUND-COLOR: #dedddd
}
.HighlightedButton {
  FONT-WEIGHT:normal; FONT-SIZE: 11px; COLOR:Black; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fn1db {
  FONT-SIZE: 9px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fn2b {
  FONT-SIZE: 10px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb2g {
  FONT-WEIGHT: bold; FONT-SIZE: 10px; COLOR: #dedddd; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fn3b {
  FONT-SIZE: 11px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fn3db {
  FONT-SIZE: 11px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none; vertical-align:middle ;
}
.fn3dr {
  FONT-WEIGHT:normal; FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: Segoe UI, tahoma,san-serif; TEXT-DECORATION: none
}
.fn3dg {
  FONT-SIZE: 11px; COLOR: #9E9E9D; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
} 
.fb3b {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb3db {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb3dr {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: Segoe UI, tahoma,san-serif; TEXT-DECORATION: none
}
.fb3w {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #ffffff; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb4b {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #074290; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb4db {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb4w {
  FONT-WEIGHT: bold; FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none
}
.fb5db {
  FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,san-serif; TEXT-DECORATION: none
}
.fmsg {
  FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: #990000; FONT-FAMILY: Segoe UI, tahoma,san-serif; TEXT-DECORATION: none
}

.uhr {
  FONT-SIZE: 11px; COLOR: #1b0e44; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-ALIGN: center; WIDTH: 30px; TEXT-DECORATION: none
}



/*
.messageline
{
	height: 25px;
	background: #f5f5f5;
	border-top: solid 1px #e9e9e1;
	border-bottom: solid 1px #e9e9e1;
}

*/




/* NEW */
.footer
{
	border-top: solid 1px #1C4882;
}

HR
{
    color:#1C4882;
    height:1px;
}

.menuBorder
{
    border-right: solid 1px #1C4882;
}

.menu
{
    height: 100%;
	padding-left: 10px;
	border-spacing: 0px;
    width: 140px;
    color:Black;
}

.menu TR
{
    height:22px;
}


.menu A:link {
	COLOR: Black; TEXT-DECORATION: none
}

.menu A:visited 
{
    COLOR: Black; TEXT-DECORATION: none
}

.menu_active
{
    background-color: #1769A6;
    TEXT-DECORATION: none; font-weight: bold;
    FILTER: PROGID:DXIMAGETRANSFORM.MICROSOFT.GRADIENT(GRADIENTTYPE=0, STARTCOLORSTR='#1769A6', ENDCOLORSTR='#829FCA');
}

.menu_active A:link {
	COLOR: white; TEXT-DECORATION: none; font-weight: bold;
}

.menu_active A:visited 
{
    COLOR: white; TEXT-DECORATION: none; font-weight: bold;
}



.submenu
{
    background-color: #F1E7D9;
    border-right: none;
    /*FILTER: PROGID:DXIMAGETRANSFORM.MICROSOFT.GRADIENT(GRADIENTTYPE=0, STARTCOLORSTR='#F1E7D9', ENDCOLORSTR='#9F6E20'); */
}

.submenu_active A:link 
{
	COLOR: Black; TEXT-DECORATION: none; font-weight: bold; text-indent:0px;
}

.submenu_active A:visited 
{
    COLOR: Black; TEXT-DECORATION: none; font-weight: bold; text-indent:0px;
}


.message_gradient
{
    FILTER: PROGID:DXIMAGETRANSFORM.MICROSOFT.GRADIENT(GRADIENTTYPE=0, STARTCOLORSTR='#FFFFFF', ENDCOLORSTR='#829FCA');
}

.message_gradient_edge
{
    background: linear-gradient(to top, #96acd4  0%, #ffffff 100%);
}
/*******************************************************************************/
/* FOR EXPANDER JS USED IN ~/ACCOUNTRECEIVABLE/COMPANYDETAILSMAIN.ASPX
/*******************************************************************************/

.expander 
{
	/*width:190px;*/
	/*padding:0; */
	/*margin:0px; */
	/*list-style-type:none;*/
}

a.expander 
{
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 80%;*/
	/*margin-left:5px;*/
	/*padding-left:5px;*/
	/*padding-top:1px;*/
	/*padding-bottom: 1px;*/
	/*display:block;*/
	text-decoration: none;
	/*color: orange;*/
	/*height: 18px;*/
}

a.expander:hover 
{
	color: red;
}

.expanderSub
{
	/*display: block;*/
	/*font-family:Verdana, Arial, Helvetica, sans-serif;*/
	/*font-size: 75%;*/
	/*height: 19px;*/
	/*margin-left: 15px;*/
	/*padding-top: 2px;*/
	/*padding-left: 3px;*/
	/*color: #333333;*/
}

a.expanderSub:hover
{
	color:blue;
}

.hide
{
	display: none;
}

.show
{
	/*display: block;*/
}

.showinline
{
	display: inline;
}

.ListSearchExtenderPrompt
{
	font-style:italic;
	color:Gray;
	background-color:white;
}

.warning_label
{
	color: Red;
	text-align: center;
}

.PnlExtraInfoTABLE 
{
	border: #060F40 2px solid;
	color: #060F40;
	background: #ffffcc;
}

.AlignTextBoxRight
{
    text-align: right;
}

/*
Rollback the code for autocomplete style to use IE 9,10 Compatbility Mode on (FTM 2929)
When we are going to remove Compatbility Mode then use this code for the autocomplete:

.autocomplete_completionListElement 
{ 
width : auto!important ;
visibility : hidden;
margin : 0px!important;
background-color : inherit;
color : windowtext;
border : Gray;
border-width : 2px;
border-style : solid;
cursor : 'default';
overflow : auto;
text-align : left; 
list-style-type : none;
padding : 0px!important
}
*/
 
.autocomplete_completionListElement
{
    width: 260px !important;
    visibility: hidden;
    margin: 0px !important;
    background-color: inherit;
    color: windowtext;
    border: Gray;
    border-width: 2px;
    border-style: solid;
    cursor: "default";
    overflow: auto; /*height : 150px;*/
    text-align: left;
    list-style-type: none;
}

.autocomplete_completionListElementCity
{  
	width: 270px !important;
    visibility : hidden;
    margin : 0px!important;
    background-color : inherit;
    color : windowtext;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    overflow : auto;
    height : auto;
    width : 500px;
    text-align : left; 
    list-style-type : none;
    padding : 0px!important
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	/*background-color: #ffff99;*/
	background-color: #074290;
	color: White;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

a.VistedLink:visited 
{ 
    color:#800080; 
} 
a.VistedLink:link {
	COLOR: #074290;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 350px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}

div#SpinnerContainer
{
    position: absolute;    
    display: none;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: #fff;
    opacity:0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
    z-index: 1000; /* Important to set this */
}
        
div#Spinner
{ 
    position: absolute;
    display: none;
    width:50px;
    height: 50px;
    top: 48%;
    left: 48%;
    background:url(../images/tt_spinner.gif) no-repeat center #fff;     
    z-index:1001;
    overflow: auto;
}

div.SectionHeader
{
    background-color: #1b0e44;
	FONT-WEIGHT: bold; FONT-SIZE: 11px; COLOR: White; FONT-FAMILY: Segoe UI, tahoma,sans-serif; TEXT-DECORATION: none;
	BORDER-LEFT: 1px #074290 solid;
	BORDER-RIGHT: 1px #074290 solid;    
    padding: 5px;
	width: 100%;
}

div.SectionBody
{
    background-color: #f5f5f5;
	BORDER-LEFT: 1px #074290 solid;
	BORDER-RIGHT: 1px #074290 solid;
    BORDER-BOTTOM: 1px #074290 solid;
    padding: 5px;
	width: 100%;
}

.LeftFloat
{
    float: left;   
}

.RightFloat
{
    float: right;   
}

div.SearchHeader
{
    background-color: #f5f5f5; 
    padding: 5px 0px 5px 0px; 
    width: 100%;
}

table.SearchCondition
{
    border-collapse: separate;
    border-spacing: 2px;
}

table.SearchCondition td
{
    padding: 2px 5px 2px 5px;
}

div.mainContentBody
{
    padding: 5px;
}

div.editBody
{
    background-color: #f5f5f5;
}

table.tabContainer
{
    border-bottom: #1b0e44 3px solid; 
    width: 100%; 
    border-collapse: collapse; 
    border-spacing: 0px;
}

table.tabContainer td
{
    padding: 0px;
}

table.tabContainer td.activeTab
{
    background-color: #1F0645;
    color: white;
    cursor: auto;
    font-weight: 700;
}

table.tabContainer td.inactiveTab
{
    background-color: #E4E4E4;
    color: #1F0645;
    cursor: pointer;
    font-weight: 700;
}

table.tabContainer td img
{
    display: block;
}