/* CSS Document */



/*Modal Popup*/
.modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=10);
    opacity:0.2;
}

.modalPopup {
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    text-align:center;
}
.modalWindow

{
  background-color:Gray;
  border: solid1px#c0c0c0;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}


.hidden {display:none}


/* General Site Related Styles */

body
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: x-small;

}
.DropDownList
{ 
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: x-small; 
}

table
{
	padding: 0,0,0,0;
}

tr.odd
{
    background-color: #E2E4FF;
}

tr.even
{
    background-color: White;
}

hr
{
    color: #666;
}

.PadLeft5
{
    padding-left: 5px;
}
.DesktopMenu
{
    z-index: 10;
}
.ShipmentMenu
{
    z-index: 10;
}
.AdvancedFilterWindow
{
    z-index: 1000;
}
.ShipmentDisplayMenuOverlay
{
    z-index: 1000;
}
.ShipmentDisplayDateSelectionOverlay
{
    z-index: 1000;
}
.UpdateOverlay
{
    border: 0;
    padding: 5px;
    background-color: transparent;
    z-index: 1000;
    width: 375px;
    position: absolute;
    font-family: Tahoma;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
.TrackingReferencePopupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
}
.RecentMenu
{
    visibility: hidden;
} 
.RecentMenuTable
{
    width: 70px;
    padding: 0px,0px,0px,0px;
    background-color:White;
    border: 1;
    border-color:Black;
}
.RecentMenuButton
{
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:x-small;
    width:70px;
    height: 20px;
    
}
.HomeButton
{
    width:70px;
    background-image: none; 
    border-style:solid; 
    border-width:1; 
    border-color: Gray 
}
.HomeButtonSelected
{
    width:70px;
    background-color: #ffc080;
    background-image: none; 
    border-style:solid; 
    border-width:1; 
    border-color: Gray 
}

.FilterPopupControl
{
    background-color: #AAD4FF;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-color: Black;
    border-width: 2px;
    width: 200px;
}

.tooltipPopupDocument
{
    border:2px solid #317082;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:0px; position:absolute; width:400px;     /*Width of tooltip content */
    height:Auto;   /* Height of tooltip content */
    background-color:#FFF;  /* Background color */
    padding:5px;    /* Space between border and content */
    font-size:1.0em;    /* Font size of content */
    overflow:auto;  /* Hide overflow content */
    z-index:1000001;    
    visibility: hidden;
}
.tooltipPopup
{
    border:2px solid #317082;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:0px; position:absolute; width:400px;     /*Width of tooltip content */
    height:200px;   /* Height of tooltip content */
    background-color:#FFF;  /* Background color */
    padding:5px;    /* Space between border and content */
    font-size:1.0em;    /* Font size of content */
    overflow:auto;  /* Hide overflow content */
    z-index:1000001;    
    visibility: hidden;
}
.tooltipPopupSmall
{
    border:2px solid #317082;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:0px; position:absolute; width:170px;     /*Width of tooltip content */
    height:50px;   /* Height of tooltip content */
    background-color:#000;  /* Background color */
    padding:5px;    /* Space between border and content */
    font-size:1.0em;    /* Font size of content */
    font-weight:bold;
    overflow:auto;  /* Hide overflow content */
    z-index:1000001;    
    visibility: hidden;
}
.tooltipPopupWide
{
    border:2px solid #317082;   /* Border width */
    left:18px;  /* Same as border thickness */
    top:0px; position:absolute; width:600px;     /*Width of tooltip content */
    height:200px;   /* Height of tooltip content */
    background-color:#FFF;  /* Background color */
    padding:5px;    /* Space between border and content */
    font-size:1.0em;    /* Font size of content */
    overflow:auto;  /* Hide overflow content */
    z-index:1000001;    
    visibility: hidden;
}

.ErrorMessage
{
    color: Red;
}
/****** Customer Customized Values */
/* Used for Customer Specific Colored, left aligned Table Header Cells */
.HeaderCell
{
    color:Black;
    font-weight:bold;
    font-size: 11px;
    text-align: center;
    vertical-align: top;
}    
.HeaderCellLarge
{
    color:Black;
    font-weight:bold;
    font-size: 12px;
    text-align: center;
    height: 25px;
}   
.HeaderCellLarge2
{
    color:Black;
    font-weight:bold;
    font-size: 12px;
    text-align: center;
    height: 25px;
}   
.HeaderCellLargeLeft
{
    color:Black;
    font-weight:bold;
    font-size: 12px;
    text-align: left;
    height: 25px;
}   
.MasterPageTitle
{
    background-color: #D42F51;
    color:White;
    font-weight:bold;
    font-size: 12px;
    text-align: center;
    height: 25px;
}   

/* Used for Customer Specific Colored, left aligned Table Header Cells */
.HeaderCellLeft
{
    color:Black;
    font-weight:bold;
    font-size: 11px;
    text-align: left;
    vertical-align:top;
}    
.HeaderCellLeft span
{
    float: right;
    vertical-align:top;
}

/****** General Values */
/* Used for non-colored, centered Table Header Cells */
.HeaderCellClear
{
    font-weight:bold;
    font-size: 12px;
    text-align:center;
}  
/* Used for non-colored, left aligned Table Header Cells */
.HeaderCellClearLeft
{
    font-weight:bold;
    font-size: 12px;
    text-align: left;
} 

.HeaderCellSmall
{
    color: Black;
    font-weight: bold;
    font-size: 11px;
    text-align: center;
}
.HeaderCellSmallLeft
{
    color: Black;
    font-weight: bold;
    font-size: 11px;
    text-align: left;
}
.HeaderCellSmallRight
{
    color: Black;
    font-weight: bold;
    font-size: 11px;
    text-align: right;
}

.HeaderCellClearSmall
{
    color: Black;
    font-weight:bold;
    font-size: 11px;
    height: 25px;
    text-align: left;
}    
.StandardCellLeft
{
    font-size: 10px;
    text-align: left;
}
.StandardCellCenter
{
    font-size: 10px;
    text-align: center;
}
.StandardCellRight
{
    font-size: 10px;
    text-align: right;
}
.HomeFilter
{
    width: 200px;
    font-size: 8px;
}

.MyCalendar .ajax__calendar_container {
    border:1px solid #646464;
    background-color: lemonchiffon;
    color: red;
}
.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;
}

.InvoiceHeaderCellLeft
{
    color: Black;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
}
.InvoiceHeaderCellCenter
{
    color: Black;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}
.InvoiceSubHeaderCellLeft
{
    background-color: #D0D0D0;
    color: Black;
    font-weight: bold;
    font-size: 10px;
    text-align: left;
}
.InvoiceSubHeaderCellCenter
{
    background-color: #D0D0D0;
    color: Black;
    font-weight: bold;
    font-size: 10px;
    text-align: right;
}



.table_wrapper
{
    border:1px;
    float: left;
}
.tbody
{
    height: 350px;
    overflow: auto;
    width: 1480px;
}
.Home
{
    font-size: 10px;
    vertical-align:top;
}
.Home div
{
    padding: 1px;
    float: left;
}

.Home .TrackingReference
{
    width: 120px;
    text-align:left;
}
.Home .ShipperName
{
    width: 150px;
}
.Home .ShipperReference
{
    width: 150px;
}
.Home .ConsigneeName
{
    width: 150px;
}
.Home .ConsigneeReference
{
    width:150px;
}
.Home .Origin
{
    width:140px;
}
.Home .DepartureDate
{
    width:80px;
}
.Home .ArrivalDate
{
    width:80px;
}
.Home .Destination
{
    width:140px;
}
.Home .BookingNumber
{
    width:110px;
}
.Home .SCACCode
{
    width: 80px;
}
.Home .Vessel
{
    border-right-width:0;
}
.Home .modalWindow

{
  background-color:Gray;
  border: solid2px#000000;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}
.Home .modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;
}
/* Home Page Scrolling Control display table */
.header
{
    width: 1480px;
}
.header div
{
    padding:2px;
    float: left;
    font-weight:bold;
    color: Black;
}
.header .TrackingReference
{
    width: 120px;
    text-align:left;
}
.header .ShipperName
{
    width: 150px;
}
.header .ShipperReference
{
    width: 150px;
}
.header .ConsigneeName
{
    width: 150px;
}
.header .ConsigneeReference
{
    width:150px;
}
.header .Origin
{
    width:140px;
}
.header .DepartureDate
{
    width:80px;
}
.header .ArrivalDate
{
    width:80px;
}
.header .Destination
{
    width:140px;
}
.header .BookingNumber
{
    width:110px;
}
.header .SCACCode
{
    width: 80px;
}
.header .Vessel
{
    float:none;
    border-right-width:0;
}

/* Container Information Page */
.ContainerHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.ContainerHome div
{
    padding: 1px;
    float: left;
}
.Containertbody
{
    height: 300px;
    overflow: auto;
    width: 1100px;
}
.ContainerHome .Expand
{
    width: 40px;
}
.ContainerHome .Number
{
    width: 120px;
    text-align:left;
}
.ContainerHome .Size
{
    width: 40px;
}
.ContainerHome .Type
{
    width: 40px;
}
.ContainerHome .Packages
{
    width: 100px;
}
.ContainerHome .Weight
{
    width:100px;
}
.ContainerHome .Volume
{
    width:100px;
}
.ContainerHome .Description
{
    width:100px;
}
.ContainerHome .ProductCode
{
    width:180px;
}
.ContainerHome .Seals
{
    border-right-width: 0;
}
.ContainerHome .Commodities
{
    border-right-width: 0;
}
/* Container Page Scrolling Control display table */
.ContainerHeader
{
    width: 1100px;
}
.ContainerHeader div
{
    padding:2px;
    float: left;
    font-size: 10px;
    font-weight:bold;
    color: Black;
}
.ContainerHeader .Containertbody
{
    height: 300px;
    overflow: auto;
    width: 1100px;
}
.ContainerHeader .Expand
{
    width: 40px;
}
.ContainerHeader .Number
{
    width: 120px;
    text-align:left;
    vertical-align:middle;
}
.ContainerHeader .Size
{
    width: 40px;
}
.ContainerHeader .Type
{
    width: 40px;
}
.ContainerHeader .Packages
{
    width: 100px;
}
.ContainerHeader .Weight
{
    width:100px;
}
.ContainerHeader .Volume
{
    width:100px;
}
.ContainerHeader .Description
{
    width:100px;
}
.ContainerHeader .ProductCode
{
    width:180px;
}
.ContainerHeader .Seals
{
    float:none;
    border-right-width:0;
}
.ContainerHeader .Commodities
{
    float:none;
    border-right-width:0;
}
.ContainerSubHeader
{
    padding:2px;
    font-size: 10px;
    font-weight:bold;
    color: Black;
}

/* Event Information Page */
.EventHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.EventHome div
{
    padding: 1px;
    float: left;
}
.Eventtbody
{
    height: 400px;
    overflow: auto;
    width: 575px;
}
.EventHome .Description
{
    width: 375px;
    text-align:left;
}
.EventHome .Date
{
    width: 125px;
    text-align:left;
}
.EventHome .Tracking
{
    border-right-width: 0;
}
/* Event Page Scrolling Control display table */
.EventHeader
{
    width: 575px;
}
.EventHeader div
{
    padding:2px;
    float: left;
    font-size: 10px;
    font-weight:bold;
    color: Black;
}
.EventHeader .Eventtbody
{
    height: 300px;
    overflow: auto;
    width: 525px;
    
}
.EventHeader .Description
{
    width: 375px;
    text-align:left;
}
.EventHeader .Date
{
    width:125px;
    text-align: left;
}
.EventHeader .Tracking
{
    float:none;
    border-right-width:0;
}    
/* Note Information Page */
.NoteHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.NoteHome div
{
    padding: 1px;
    float: left;
}
.Notetbody
{
    height: 280px;
    overflow: auto;
    width: 820px;
}
.NoteHome .Type
{
    width: 130px;
    text-align: left;
}
.NoteHome .Description
{
    width: 420px;
    text-align:left;
}
.NoteHome .Date
{
    width: 120px;
}
.NoteHome .Created
{
    border-right-width: 0;
}
/* Note Page Scrolling Control display table */
.NoteHeader
{
    width: 820px;
}
.NoteHeader div
{
    padding:2px;
    float: left;
    font-size:10px;
    font-weight:bold;
    color: Black;
}
.NoteHeader .Notetbody
{
    height: 280px;
    overflow: auto;
    width: 820px;
}
.NoteHeader .Type
{
    width: 130px;
    text-align: left;
}
.NoteHeader .Description
{
    width: 420px;
    text-align:left;
}
.NoteHeader .Date
{
    width: 120px;
}
.NoteHeader .Created
{
    float: none;
    border-right-width:0;
}
/* My Information Page */
.MyInfoHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.MyInfoHome div
{
    padding: 1px;
    float: left;
}
.MyInfotbody
{
    height: 200px;
    overflow: auto;
    width: 800px;
}
.MyInfoHome .Organization
{
    width: 200px;
    text-align: left;
}
.MyInfoHome .PartyCode
{
    width: 100px;
    text-align:left;
}
.MyInfoHome .PartyName
{
    width: 200px;
    text-align:left;
}
.MyInfoHome .Role
{
    width: 150px;
    text-align:left;
}
.MyInfoHome .Delete
{
    border-right-width: 0;
}

.MyInfoHome .Status
{
    border-right-width: 0;
}
/* MyInfo Page Scrolling Control display table */
.MyInfoHeader
{
    width: 800px;
}
.MyInfoHeader div
{
    padding:2px;
    float: left;
    font-size:10px;
    font-weight:bold;
    color: Black;
}
.MyInfoHeader .MyInfotbody
{
    height: 200px;
    overflow: auto;
    width: 800px;
}
.MyInfoHeader .Organization
{
    width: 200px;
    text-align: left;
}
.MyInfoHeader .PartyCode
{
    width: 100px;
    text-align:left;
}
.MyInfoHeader .PartyName
{
    width: 200px;
    text-align:left;
}
.MyInfoHeader .Role
{
    width: 150px;
    text-align:left;
}
.MyInfoHeader .Delete
{
    float:none;
    border-right-width:0;
}
.MyInfoHeader .Status
{
    float:none;
    border-right-width:0;
}
    
/* Admin request Page */
.RequestHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.RequestHome div
{
    padding: 1px;
    float: left;
}
.Requesttbody
{
    height: 300px;
    overflow: auto;
    width: 1050px;
}
.RequestHome .Organization
{
    width: 110px;
    text-align: left;
}
.RequestHome .Name
{
    width: 190px;
    text-align:left;
}
.RequestHome .OrganizationName
{
    width: 150px;
    text-align:left;
}
.RequestHome .PartyCode
{
    width: 100px;
    text-align:left;
}
.RequestHome .PartyName
{
    width: 150px;
    text-align:left;
}
.RequestHome .Role
{
    width: 100px;
    text-align: left;
}
.RequestHome .Status
{
    width: 100px;
    text-align: left;
}

.RequestHome .Action
{
    border-right-width: 0;
}
.RequestHome .modalWindow

{
  background-color:Gray;
  border: solid2px#000000;
  padding: 0px10px10px10px;
  position:absolute;
  top:-1000px;
}
.RequestHome .modalBackground 
{
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;
}
/* Request Page Scrolling Control display table */
.RequestHeader
{
    width: 1050px;
}
.RequestHeader div
{
    padding:2px;
    float: left;
    font-size:10px;
    font-weight:bold;
    color: Black;
}
.RequestHeader .Requesttbody
{
    height: 300px;
    overflow: auto;
    width: 1050px;
}
.RequestHeader .Organization
{
    width: 110px;
    text-align: left;
}
.RequestHeader .Name
{
    width: 190px;
    text-align:left;
}
.RequestHeader .OrganizationName
{
    width: 150px;
    text-align:left;
}
.RequestHeader .PartyCode
{
    width: 100px;
    text-align:left;
}
.RequestHeader .PartyName
{
    width: 150px;
    text-align:left;
}
.RequestHeader .Role
{
    width: 100px;
    text-align: left;
}
.RequestHeader .Status
{
    width: 100px;
    text-align: left;
}
.RequestHeader .Action
{
    float:none;
    border-right-width:0;
}
/* Parties Admin Information Page */
.PartiesHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.PartiesHome div
{
    padding: 1px;
    float: left;
}
.Partiestbody
{
    height: 300px;
    overflow: auto;
    width: 950px;
}
.PartiesHome .User
{
    width: 175px;
    text-align: left;
}
.PartiesHome .Organization
{
    width: 300px;
    text-align:left;
}
.PartiesHome .Role
{
    width: 100px;
    text-align: left;
}

.PartiesHome .Status
{
    border-right-width: 0;
}
/* Parties Admin Page Scrolling Control display table */
.PartiesHeader
{
    width: 950px;
}
.PartiesHeader div
{
    padding:2px;
    float: left;
    font-size:10px;
    font-weight:bold;
    color: Black;
}
.PartiesHeader .Partiestbody
{
    height: 300px;
    overflow: auto;
    width: 950px;
}
.PartiesHeader .User
{
    width: 175px;
    text-align: left;
}
.PartiesHeader .Organization
{
    width: 300px;
    text-align:left;
}
.PartiesHeader .Role
{
    width: 100px;
    text-align: left;
}

.PartiesHeader .Status
{
    float:none;
    border-right-width:0;
}   

/* Group Admin Information Page */
.GroupsHome
{
    font-size: 10px;
    vertical-align:top;
    color:Black;
}
.GroupsHome div
{
    padding: 1px;
    float: left;
}
.Groupstbody
{
    height: 300px;
    overflow: auto;
    width: 750px;
}
.GroupsHome .PartyCode
{
    width: 175px;
    text-align: left;
}
.GroupsHome .PartyName
{
    width: 300px;
    text-align:left;
}
.GroupsHome .Role
{
    width: 100px;
    text-align:left;
}
.GroupsHome .Delete
{
    border-right-width: 0;
}

/* Groups Admin Page Scrolling Control display table */
.GroupsHeader
{
    width: 750px;
}
.GroupsHeader div
{
    padding:2px;
    float: left;
    font-size:10px;
    font-weight:bold;
    color: Black;
}
.GroupsHeader .Groupstbody
{
    height: 300px;
    overflow: auto;
    width: 750px;
}
.GroupsHeader .PartyCode
{
    width: 175px;
    text-align: left;
}
.GroupsHeader .PartyName
{
    width: 300px;
    text-align:left;
}
.GroupsHeader .Role
{
    width:100px;
    text-align:left;
}
.GroupsHeader .Delete
{
    float:none;
    border-right-width:0;
}
  
.ReferencesLink
{
    font-size:xx-small;
    font-weight:bold;
}

.RequiredField
{
    color: Red;
}
.FieldTitle
{
    font-weight:bold;
    text-align:left;
}