div.autocomplete
{
    position: absolute;
    width: 250px;
    background-color: white;
    border: 1px solid #888;
    margin: 0px;
    padding: 0px;
}
div.autocomplete ul
{
    list-style-type: none;
    margin: 0px;
    padding: 0px;
}
div.autocomplete ul li.selected
{
    background-color: #ffb;
    
}
div.autocomplete ul li
{
    list-style-type: none;
    display: block;
    margin: 0;
    padding: 2px;
    height: 32px;
    cursor: pointer;
  
    
}
.txtwidth98
{ width:98%;
   height:98%; 
   
    }



*html .x
{
    float: right;
}
.zIndex1
{
    z-index: 100;
}
.zIndex2
{
    z-index: 0;
}
.performaInvoiceHeader
{
    background-color: #DD2821;
    width: 610px;
    height: 60px;
    font-weight: bold;
    color: White;
    font-size: 15pt;
}

.PaddingLeft10
{
    padding-left: 10px;
}
.PaddingRight10
{
    padding-right: 10px;
}


.MenuHeight
{
    height: 30%;
}

*html .MenuHeight
{
    height: 15%;
}

BODY
{
    margin: 10px 0px 0px;
    font-family: Arial, Helvetica, sans-serif;
}

.SubMenus
{
    font-weight: bolder;
    font-size: 8pt;
    color: #DD2821;
    text-decoration: none;
}
.DarkGreyText
{
    color: #444444;
}
.SubMenus:Hover
{
    font-weight: bolder;
    font-size: 8pt;
    color: #5a5959;
    text-decoration: none;
}

.TopMenu
{
    padding-right: 4px;
    padding-left: 12px;
    font-weight: bolder;
    font-size: 8pt;
    color: white;
}

.TopMenu A:hover
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    color: #5a5959;
    border-bottom: medium none;
}
.TopMenu A
{
    color: white;
    text-decoration: none;
}
.TopMainMenu
{
    padding-right: 0px;
    padding-left: 0px;
    text-decoration: none;
    font-family: Calibri;
}
.TopMainMenu A:hover
{
    border-right: medium none;
    border-top: medium none;
    border-left: medium none;
    padding-right: 0px;
    padding-left: 0px;
    color: #5a5959;
    border-bottom: medium none;
}
.TopMainMenu A
{
    color: white;
    padding-right: 0px;
    padding-left: 0px;
    font-size: 15px;
    text-decoration: none;
}
.TopMainMenuSelected
{
    padding-right: 0px;
    padding-left: 0px;
    font-weight: 600;
    color: #DD2821;
    font-size: 8pt;
    text-decoration: none;
}
.TopMainMenuSelected A:hover
{
    color: #DD2821;
    text-decoration: none;
    padding-right: 0px;
    padding-left: 0px;
    font-weight: 600;
}
.TopMainMenuSelected A
{
    color: #DD2821;
    text-decoration: none;
}

.Bullet
{
    font-weight: bolder;
    font-size: 8pt;
    color: #494949;
    line-height: 18px;
}

ol
{
    list-style-type: decimal;
    background-image: none;
    padding-bottom: 3px;
    list-style-position: outside;
}

/*ul
{
	margin-bottom:0px;
	margin-top:0px;
	margin-left:15px;
	margin-right: 15px;
	padding-left: 0px;
	padding-bottom:0px;
	padding-top:3px;
	padding-right:0px;
	list-style-image:none;
	list-style-type:circle;
	list-style-position:outside;
}
	/*list-style-image: url(images/bullet.gif);*/
ul .square
{
    list-style-image: none;
    list-style-type: square;
}
/*
ul .disc
{
	list-style-image:none;
	list-style-type:disc;
}
	
li 
{
	padding-bottom: 3px;
}*/

TD
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}
P
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
}
.BoldText
{
    font-size: 8pt;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
}
.Footer
{
    padding-bottom: 5px;
    color: white;
    padding-top: 5px;
    background-color: #d90000;
    text-align: center;
}
.Footer A
{
    color: white;
}

.Footer A:hover
{
    color: #5a5959;
}

.ServicesMenu
{
    border-right: #d1d0d1 double;
    border-top: #d1d0d1 double;
    padding-left: 4px;
    padding-bottom: 1px;
    border-left: #d1d0d1 double;
    color: #5a5959;
    border-bottom: #d1d0d1 double;
}
.ServicesMenu A
{
    font-weight: bolder;
    color: #5a5959;
    text-decoration: none;
}
.BlockMenu
{
    padding-left: 4px;
    padding-bottom: 1px;
    border-style: dotted;
    border-width: 1px;
    border-color: Silver;
    color: #5a5959;
    background-color: #F5F5F5;
}
.BlockMenuHeader
{
    font-weight: bolder;
    color: #5a5959;
    background-color: Silver;
    text-decoration: none;
}
.BlockMenuBody
{
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
}

.ToolBarItem
{
    border-right: 2px;
    padding-right: 8px;
    border-top: 2px;
    padding-left: 8px;
    font-weight: bolder;
    font-size: 8pt;
    padding-bottom: 2px;
    border-left: 2px;
    cursor: hand;
    color: white;
    border-bottom: 2px;
    text-decoration: none;
}
.ServicesMenu A:hover
{
    color: #d90000;
}
.HeaderGrayText
{
    font-weight: bolder;
    font-size: 8pt;
    color: #5a5959;
    text-decoration: none;
    padding-left: 5px;
    padding-top: 5px;
}
.Header1
{
    font-weight: bold;
    font-size: 9pt;
    color: #575757;
}

.HeaderBold12pt
{
    font-weight: bold;
    font-size: 12pt;
 }
 .HeaderBold9pt
{
    font-weight: bold;
    font-size: 9pt;
 }

.WhiteBoldText
{
    font-weight: bolder;
    font-size: 8pt;
    color: white;
}
.WhiteText
{
    font-size: 8pt;
    color: white;
}
.CenterLinks
{
    font-weight: bolder;
    font-size: 8pt;
    width: 61pt;
    color: #5a5959;
    background-color: #d1d0d1;
    text-align: center;
}
.CenterLinks A
{
    color: #5a5959;
    text-decoration: none;
}
.CenterLinks A:hover
{
    color: #d90000;
}
.InvestorHeader
{
    font-size: 16pt;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
}
A
{
    color: #3366cc;
     text-decoration:none;
}


a:hover
{

    text-decoration: underline;
}

Input
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
}

Input[type=text]
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border-right: #929192 1px solid;
    border-top: #929192 1px solid;
    border-left: #929192 1px solid;
    border-bottom: #929192 1px solid;
    color: #444444;
}

.darkText
{
    color: #444444;
}
Input[type=text].italic
{
    font-style: italic;
}
.italic
{
    font-style: italic;
}

Input[type=password]
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border-right: #929192 1px solid;
    border-top: #929192 1px solid;
    border-left: #929192 1px solid;
    border-bottom: #929192 1px solid;
}

Input[type=checkbox]
{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    font-weight: normal;
    width: 17px;
    height: 13px;
    xfloat: left;
}


Input[type=radio]
{
    border-right: none;
    border-top: none;
    border-left: none;
    border-bottom: none;
    font-weight: normal;
    width: 17px;
    height: 13px;
    float: left;
}

.CustomizedButton
{ color:  #494949;
    vertical-align: baseline;
     padding-top: 0px;
    margin-left: 0px;
      height: 19px;
    cursor: pointer;
    }
.LoginButtons, .SaveButton, .SearchButton, .ExportButton, .PreceedButton, .SubmitButton, .CloseButton
{
    border: none;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: calibri;
    font-weight: bolder;
    background-color: #DD2821;
    height: 19px;
    padding-top: 0px;
    padding-bottom: 2px;
    vertical-align: baseline;
    margin-top: 0px;
    cursor: pointer;
}
.TrackButoon
{
    border: none;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: calibri;
    font-weight: bolder;
    background-color: #DD2821;
    height: 19px;
    padding-top: 0px;
    padding-bottom: 2px;
    vertical-align: baseline;
    margin-top: 0px;
    cursor: pointer;
}
.HandOverButton, .RequestPickupButton
{
    border: solid 1px #808080;
    color: #808080;
    font-size: 10pt;
    font-family: calibri;
    font-weight: bolder;
    height: 19px;
    width: 130px;
    padding-top: 0px;
    padding-bottom: 2px;
    vertical-align: baseline;
    margin-top: 0px;
    cursor: pointer;
}
.SearchButton, .ExportButton, .CloseButton
{
    width: 50px;
}

.PreceedButton, .SubmitButton
{
    width: 70px;
}

.CityLocator
{
    cursor: pointer;
}
.InputButton
{
    border: none;
    color: #FFFFFF;
    font-size: 10pt;
    font-family: calibri;
    font-weight: bolder;
    background-color: #DD2821;
    width: 25px;
    height: 19px;
    padding-top: 0px;
    padding-bottom: 2px;
    vertical-align: baseline;
    margin-top: 0px;
    cursor: pointer;
}


.InputButton-Small
{
    border-right: #E1E1E1 thin solid;
    border-top: #E1E1E1 thin solid;
    border-bottom: #E1E1E1 thin solid;
    border-left: #E1E1E1 thin solid;
    color: #FFFFFF;
    font-size: 90%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    background-color: #DD2821;
}

select
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border-right: #929192 1px solid;
    border-top: #929192 1px solid;
    border-left: #929192 1px solid;
    border-bottom: #929192 1px solid;
}
TEXTAREA
{
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    border-right: #929192 1px solid;
    border-top: #929192 1px solid;
    border-left: #929192 1px solid;
    border-bottom: #929192 1px solid;
}
BUTTON
{
    border-right: #E1E1E1 thin solid;
    border-top: #E1E1E1 thin solid;
    border-bottom: #E1E1E1 thin solid;
    border-left: #E1E1E1 thin solid;
    color: #FFFFFF;
    font-size: 100%;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bolder;
    background-color: #DD2821;
}


.ResultsTableCell1
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DEDEDE;
    background-color: White;
}
.ResultsTableCell2
{
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #DEDEDE;
    background-color: #F5F5F5;
}
.ResultsTableCell3
{
    border-width: 1px;
    border-style: solid;
    border-color: #d1d0d1;
}

/* All below added by BEAT */

.dotedBG
{
    border: 1px dotted #CCCCCC;
    margin-top: 3px;
}
.PadLabel
{
    padding-left: 5px;
}
.ContextTextBold
{
    background-color: Gray;
    color: Gray;
}


input.red
{
    border: 0 0 0 0;
    color: white;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    height: 17px;
    background-color: #DD2821;
    font-weight: bold;
}

.AjaxTable
{
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px 0px 0px;
    color: #5a5959;
    background-color: #F5F5F5;
}
.AjaxTRHeader
{
    background-color: #D3D3D3;
    font-weight: bold;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
}
.AjaxTR
{
    background-color: White;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
}
.appTable
{
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    border-width: 1px;
    padding: 0px 0px 0px 0px;
    background-color: #D3D3D3;
}
appTRHeader
{
    background-color: #F5F5F5;
}
.appTD
{
    background-color: #F5F5F5;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
}
.appTD:hover
{
    background-color: #DD2821;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    color: #FFFFFF;
    font-weight: bold;
}
.appTDSelected
{
    color: #FFFFFF;
    background-color: #DD2821;
    border-color: Silver;
    border-width: 1px;
    border-style: solid;
    font-weight: bold;
}
.appText
{
    color: #5a5959;
    font-weight: bold;
}
.appTextSelected
{
    color: #FFFFFF;
    font-weight: bold;
}
.appText:hover
{
    color: #FFFFFF;
    font-weight: bold;
}

.WatermarkText
{
    color: #DD2821;
    font-weight: bolder;
}

.ajax__tab_Aramex .ajax__tab_header
{
    font-size: 9pt;
    background: none;
    border-color: White;
    border-width: 1px;
    cursor: pointer;
}
/*.ajax__tab_Aramex .ajax__tab_outer {padding-right:3px;background:url(Images/RU_gray.gif) no-repeat right top;height:21px;}
.ajax__tab_Aramex .ajax__tab_inner {padding-left:5px;background:url(Images/LU_gray.gif) no-repeat left top;height:21px;}*/
.ajax__tab_Aramex .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
}
/*.ajax__tab_Aramex .ajax__tab_hover .ajax__tab_outer {background:url(Images/RU_gray.gif) no-repeat right top;}
.ajax__tab_Aramex .ajax__tab_hover .ajax__tab_inner {background:url(Images/LU_gray.gif) no-repeat;}*/
/*.ajax__tab_Aramex .ajax__tab_hover .ajax__tab_tab {background-color:#d1d0d1}*/
/*.ajax__tab_Aramex .ajax__tab_active .ajax__tab_outer {background:url(Images/RU.jpg) no-repeat right top;background-color:#dc241f}
.ajax__tab_Aramex .ajax__tab_active .ajax__tab_inner {background:url(Images/LU.jpg) no-repeat;background-color:#dc241f}*/
.ajax__tab_Aramex .ajax__tab_active .ajax__tab_tab
{
    background-color: white;
}
.ajax__tab_Aramex .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 8pt;
    background-color: white;
}


.ajax__tab_Aramex_track .ajax__tab_header
{
    font-size: 9pt;
    background: none;
    border-color: White;
    border-width: 1px;
    cursor: pointer;
}
/*.ajax__tab_Aramex_track .ajax__tab_outer {padding-right:3px;background:url(Images/RU_gray_2.gif) no-repeat right top;height:21px;}
.ajax__tab_Aramex_track .ajax__tab_inner {padding-left:5px;background:url(Images/LU_gray_2.gif) no-repeat left top;height:21px;}*/
.ajax__tab_Aramex_track .ajax__tab_tab
{
    height: 13px;
    padding: 4px;
    margin: 0;
}
/*.ajax__tab_Aramex_track .ajax__tab_hover .ajax__tab_outer {background:url(Images/RU_gray_2.gif) no-repeat right top;}
.ajax__tab_Aramex_track .ajax__tab_hover .ajax__tab_inner {background:url(Images/LU_gray_2.gif) no-repeat;}*/
/*.ajax__tab_Aramex_track .ajax__tab_hover .ajax__tab_tab {background-color:#d1d0d1}
/*.ajax__tab_Aramex_track .ajax__tab_active .ajax__tab_outer {background:url(Images/RU_2.jpg) no-repeat right top;background-color:#dc241f}
.ajax__tab_Aramex_track .ajax__tab_active .ajax__tab_inner {background:url(Images/LU_2.jpg) no-repeat;background-color:#dc241f}*/
.ajax__tab_Aramex_track .ajax__tab_active .ajax__tab_tab
{
    background-color: white;
}
.ajax__tab_Aramex_track .ajax__tab_body
{
    font-family: verdana,tahoma,helvetica;
    font-size: 8pt;
    padding: 8px;
    background-color: white;
}


/* Accordion */
.accordionHeader
{
    border: 1px solid #5a5959;
    color: white;
    background-color: #5a5959;
    font-family: Arial, Sans-Serif;
    font-size: 12px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionHeader a
{
    color: #FFFFFF;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover
{
    background: none;
    text-decoration: underline;
    color: #FFFFFF;
}

.accordionContent
{
    background-color: #dedede;
    border: 1px dotted #d1d0d1;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

.AramexCalendar .ajax__calendar_title
{
    font-weight: bold;
    background-color: Silver;
    color: #5a5959;
}
.AramexCalendar .ajax__calendar_footer
{
    font-weight: bold;
    background-color: Silver;
    color: #5a5959;
}
.AramexCalendar .ajax__calendar_container
{
    border: 1px dotted Silver;
    background-color: #f5f5f5;
    text-align: center;
    color: #5a5959;
}
.AramexCalendar .ajax__calendar_other .ajax__calendar_day, .AramexCalendar .ajax__calendar_other .ajax__calendar_year
{
    color: #D1D0D1;
    text-align: center;
}
.AramexCalendar .ajax__calendar_hover .ajax__calendar_day, .AramexCalendar .ajax__calendar_hover .ajax__calendar_month, .AramexCalendar .ajax__calendar_hover .ajax__calendar_year
{
    color: red;
    font-weight: bolder;
    text-align: center;
}
.AramexCalendar .ajax__calendar_active .ajax__calendar_day, .AramexCalendar .ajax__calendar_active .ajax__calendar_month, .AramexCalendar .ajax__calendar_active .ajax__calendar_year
{
    color: black;
    font-weight: bolder;
    text-align: center;
}
.AramexCalendar .ajax__calendar_day
{
    text-align: center;
}
.AramexCalendar .ajax__calendar_dayname
{
    color: #5a5959;
    font-weight: bolder;
}

.AramexCalendar .ajax__calendar_month
{
}

.AramexCalendar .ajax__calendar_year
{
}

.RoundedBarHeaderText
{
    font-weight: 600;
    font-size: 8pt;
    color: #5a5959;
    padding-left: 5px;
    padding-right: 5px;
}

.TopMainTab
{
    font-weight: bolder;
    font-size: 8pt;
    color: #5a5959;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

.TopMainTabSelected
{
    font-weight: bolder;
    font-size: 8pt;
    color: #DD2821;
    text-decoration: underline;
    padding-left: 1px;
    padding-right: 1px;
}

.GrayText
{
    font-weight: bolder;
    font-size: 8pt;
    color: #5a5959;
    text-decoration: none;
    padding-left: 1px;
    padding-right: 1px;
}

.GrayText A
{
    color: #5a5959;
}

.GrayText A:hover
{
    color: #DD2821;
}

.PageTitle
{
    font-weight: bolder;
    font-size: 10pt;
    color: #DD2821;
    text-decoration: none;
}

.InnerPageBorder
{
    xborder: dotted 1px #dc241f;
}

.Red
{
    color: #DD2821;
}

.InnerPageContent
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    color: #5a5959;
}

.InnerPageHeader
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
    xborder-bottom: dotted 1px red;
    color: #DD2821;
    font-weight: bold;
    font-size: large;
}

.BoldRedHeader
{
    
    color: #DD2821;
    font-weight: bold;
    font-size: large;
}



.RedLink
{
    color: #DD2821;
    text-decoration: underline;
}

.RedHyperLink
{
    color: #DD2821;
    text-decoration: none;
    cursor: pointer;
}

.RedLink:hover
{
    color: #DD2821;
}
.ErrorRedText
{
    color: #DD2821;
    font-weight: bold;
}
.RedHeader
{
    color: #ffffff;
    background-color: #DD2821;
    font-weight: bold;
    margin: 10px;
    border-right-color: #ffffff;
    border-right-width: 1px;
    border-right-style: solid;
    cursor: hand;
}

.GrayHeader
{
    color: #ffffff;
    background-color: #d1d0d1;
    font-weight: bold;
    margin-bottom: 0px;
    border-right-color: #ffffff;
    border-right-width: 1px;
    border-right-style: solid;
    cursor: hand;
}

.TabContent
{
    border-top-color: #DD2821;
    border-top-width: medium;
    background-color: #F5F5F5;
}

.TabContentBorder
{
    border-width: thin;
    border-color: #d1d0d1;
    border-top-color: #DD2821;
    border-top-style: solid;
    border-style: solid;
    background-color: #F5F5F5;
}
.ErrorMessage
{
    color: #DD2821;
    vertical-align: middle;
    padding-left: 0px;
    margin-left: 0px;
}
.NotDisplayed
{
    display: none;
}
Displayed
{
    display: inherit;
}
.RedTopBorder
{
    border-top: dotted 1px #DD2821;
}
.LightGrayLink
{
    color: gray;
}


.PopupCenterDiv
{
    position: absolute;
    width: 300px;
    height: 500px;
    left: 50%;
    top: 50%;
    z-index: 1;
    background-color: transparent;
    margin-left: 0px;
    margin-top: 0px;
    border: solid 0px black;
}
/**************************************************************************************************************************/
.redTextA a
{
    color: #dc281e;
}
.redTextA a:hover
{
    color: #dc281e;
    text-decoration: underline;
}
.GrayTextA
{
    font-size: 8pt;
    color: #5a5959;
    text-decoration: none;
    background-color: #FBFBFB;
}

.CellWidth
{
    width: 25px;
}

*html .CellWidth
{
    width: 13px;
}
.rightFloatChkbox input
{
    border: 0px none;
    width: 13px;
    height: 13px;
    float: right;
}
.rightFloatChkbox label
{
    margin: 0px 5px 0px 5px !important;
    float: right;
}
.checkboxInput input
{
    border: 0px none;
    width: 13px;
    height: 13px;
    xfloat: right;
    xmargin-left: 15px;
}
.radioboxInput input
{
    border: 0px none;
    width: 17px;
    height: 13px;
    xfloat: left;
    xmargin-left: 15px;
}
.checkboxInput label
{
    margin: 0px 0px 0px 5px !important;
}
.radioboxInput label
{
    margin: 0px 0px 0px 5px !important;
}
.left
{
    float: left;
}

.LoginButton, .TrackButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 35px;
    height: 19px;
    cursor: pointer;
}
.LogOutButton, .SubmitButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 42px;
    height: 19px;
    cursor: pointer;
}
.ContinueButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 60px;
    height: 19px;
    cursor: pointer;
}
.LookupButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 17px;
    height: 19px;
    cursor: pointer;
}
.ChangeShipperAddressButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 60px;
    height: 19px;
    cursor: pointer;
}

.PreceedButton
{
    padding-top: 0px;
    margin-left: 0px;
    width: 50px;
    height: 19px;
    cursor: pointer;
}
body
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: black;
}

input
{
    height: 13px;
}

input, textarea
{
    border: 1px solid #dedede;
    font-size: 11px;
    padding: 1px 6px;
    margin: 0px;
}


#mainContainer
{
    width: 767px;
    margin: auto;
}

#navigation
{
    height: 74px;
    background: #db291d url(../images/header_gred.jpg) repeat-x bottom;
}

/** classes **/

/** ## HEDAER ## **/
.search .go, a.arabic
{
    text-align: right;
    color: #db291d;
    font-size: 0px;
}
.search input
{
    float: left;
    display: block;
}
.search .go
{
    background: transparent url(images/main_spirite.png) repeat scroll right -45px;
    height: 18px;
    width: 28px;
    border: 0px none;
    cursor: pointer;
}
a.arabic
{
    background: transparent url(images/main_spirite.png) repeat scroll right -63px;
    height: 10px;
    width: 28px;
    margin-top: 6px;
    margin-left: 19px;
    display: block;
}

/** helpers **/
.spaceUp
{
    margin-top: 10px;
}
.spaceUp50
{
    margin-top: 50px;
}
.spaceUp1
{
    margin-top: 1px;
}
.right
{
    float: right;
}
.center
{
    padding-left: 75px;
}
.left
{
    float: left;
}
.clear
{
    clear: both;
}
.floatContainer
{
    display: inline-block;
    width: 100%;
    clear: both;
}

/***********************************Classes.css*****************************************/
/** begin of components class **/

/** type of Lists **/
ul.sideBySide, ul.listDown, ul.listDown1, ul.listDown2
{
    list-style-type: none;
    padding: 0px;
}
ul.sideBySide
{
    margin: 0px;
}

ul.listDown, ul.listDown1, ul.listDown2
{
    margin: 8px 0px 0px;
}
#SendFeedback ul.listDown li, #ToolsGeneral ul.listDown li, #TellMeAbout ul.listDown li, #TellMeAboutRight ul.listDown li, #ToolsExp ul.listDown li, #ToolsFRT ul.listDown li, #ToolsLOG ul.listDown li, #ToolsSNS ul.listDown li, #ToolsCAR ul.listDown li, #TellMeAbout ul.listDown2 li, #TellMeAboutRight ul.listDown2 li , #ToolsRM ul.listDown li
{
    display: inline-block;
    margin: 0px;
    padding: 0px;
    
}

/*ul.listDown li,*/
ul.sideBySide li
{
    display: inline-block; /*.display:inline; 	/*float:left;*/
    margin: 0px;
    padding: 0px;
}

ul.sideBySide li a
{
    padding-right: 2px;
    padding-left: 2px;
}



ul.listDown2 li
{
    display: inline-block;
    margin-bottom: 2px;
    margin-left: 15px;
}


#SendFeedback ul.listDown li,
#ToolsGeneral ul.listDown li,
#TellMeAbout ul.listDown li,
#TellMeAboutRight ul.listDown li,
#ToolsExp ul.listDown li,
#ToolsFRT ul.listDown li,
#ToolsLOG ul.listDown li,
#ToolsSNS ul.listDown li,
#ToolsCAR ul.listDown li,
#ToolsRM ul.listDown li
{display:inline-block ;
 margin:0px;
padding:0px;
 }





ul.widenIt li
{
    margin-bottom: 10px;
}

ul.listDown li img, ul.listDown2 li img
{
    xfloat: left;
    margin-right: 8px;
}
ul.listDown li h3, ul.listDown2 li h3
{
    margin-top: 1px;
    margin-bottom: 2px;
    display: inline;
    font-weight: normal;
}
ul.listDown li p, ul.listDown2 li p, ul.listDown2 li div
{
    line-height: 14px;
}

/** end of components class **/

/** HEDAER **/
.search .go, a.arabic
{
    text-align: right;
    color: #db291d;
    font-size: 0px;
}
.search input
{
    float: left;
    display: block;
}

a.logo
{
    margin-top: 18px;
    margin-left: 18px;
    margin-right: 18px;
    display: block;
    width: 130px;
    display: inline-block;
}

/** rounded simple **/

div.rounded
{
    width: 101%;
    text-align: center;
    margin: auto;
}

div.rounded .rounded div, .rounded div div, .rounded div div div, .rounded div div div div
{
    margin: auto;
    border-bottom: 1px solid;
}

.rounded div
{
    width: 99%;
}
.rounded div div
{
    width: 98%;
}
.rounded div div div
{
    width: 97%;
}
.rounded div div div div
{
    width: 96%;
}

/** tabs **/
.ui-tabs .ui-tabs-hide
{
    display: none;
}

.whiteTabs .rounded div, .whiteTabs .rounded div div, .whiteTabs .rounded div div div, .whiteTabs .rounded div div div div
{
    border-bottom-color: white;
}
.whiteTabs div.rounded
{
    background-color: white;
}

/** second tabbing **/

.tabs ul.sideBySide
{
    padding-top: 20px;
    height: 24px;
}

.tabs ul.sideBySide li
{
    xfloat: left;
    xposition: relative;
}
.tabs ul.sideBySide a
{
    padding: 5px 6px 4px;
    display: block;
    font-size: 12px;
}
#myShippingTools .tabs .boxIt ul.sideBySide a:hover
{
    text-decoration: underline;
}
#myShippingTools .tabs .boxIt ul.sideBySide li
{
    margin-bottom: 20px;
    padding: 0px;
    display: block;
    font-size: 10px;
    margin-right: 44px;
    _margin-right: 40px;
}
#myShippingTools .tabs .boxIt ul.sideBySide li a
{
    width: 40px;
    padding: 0px;
    font-size: 10px;
}

#myShippingTools .tabs .boxIt1 ul.sideBySide a:hover
{
    text-decoration: underline;
}
#myShippingTools .tabs .boxIt1 ul.sideBySide li
{
    margin-bottom: 20px;
    padding: 0px;
    display: block;
    font-size: 10px;
    margin-right: 44px;
    _margin-right: 40px;
}
#myShippingTools .tabs .boxIt1 ul.sideBySide li a
{
    width: 40px;
    padding: 0px;
    font-size: 10px;
}



.tabs .greyBg a
{
    text-align: center;
    background-color: #F1EFF0;
    margin: 0px 6px;
}

.tabs .greyBg .ui-state-active a
{
    background-color: white;
    border-bottom: 1px solid white;
}

.tabCol
{
    width: 2px;
    height: 10px;
}

.tabs div.bgTabTopLeft, .tabs div.bgTabTopRight
{
    background: url(images/tabsCornerGrey.gif) no-repeat scroll;
    position: absolute;
    height: 2px;
    width: 2px;
    top: 0px;
    display: none;
    font-size: 0px;
}

.testss
{
    background: url(images/tabsCornerGrey.gif) no-repeat scroll;
    position: absolute;
    height: 2px;
    width: 2px;
    top: 0px;
    display: none;
    font-size: 0px;
    background-position: top left;
    left: 6px;
}

.tabs div.bgTabTopLeft
{
    background-position: top left;
    left: 6px;
}
.tabs div.bgTabTopRight
{
    background-position: top right;
    right: 6px;
    _right: 5px;
}

.tabs .ui-state-active div.bgTabTopLeft, .tabs .ui-state-active div.bgTabTopRight
{
    display: block;
}

.tabs ul.listDown li, .tabs ul.listDown2 li
{
    margin-bottom: 0px;
}

.tabs .listDown li p.leftText, .tabs .listDown2 li p.leftText
{
    border-left: 3px double #CCCCCC;
    display: none;
    font-style: oblique;
    margin-bottom: 25px;
    margin-top: 10px;
    padding-left: 15px;
    xpadding-right: 20px;
}

.tabs .listDown li p.rightText, .tabs .listDown2 li p.rightText
{
    border-right: 3px double #CCCCCC;
    display: none;
    font-style: oblique;
    margin-bottom: 25px;
    margin-top: 10px;
    xpadding-left: 15px;
    padding-right: 15px;
}

.tabs .listDown li, .tabs .listDown2 li
{
    cursor: pointer;
}

.curveCornerBottomLeft
{
    bottom: -1px;
    display: block;
    height: 5px;
    left: -1px;
    position: absolute;
    width: 5px;
    z-index: 5;
}

/** Main **/

.leftSideBar
{
    width: 148px;
}
.middleSideBar
{
    width: 400px;
}
.middleSideBarFull
{
    width: 600px;
}
.rightSideBar
{
    width: 198px;
}
.leftSideBar
{
    margin-right: 0px;
    margin-left: 0px;
}

.middleSideBar
{
    margin-right: 6px;
    margin-left: 2px;
}

/** footer **/
#footer .nav
{
    border-top: 1px dotted #706e6f;
    border-bottom: 1px dotted #706e6f;
}

/** tables **/
.table div div
{
    float: left;
    margin: 0px;
    padding: 1px 0px;
    width: 100px;
}
.table .header
{
    padding-bottom: 4px;
    display: inline-block;
}
.table div.odd, .table div.even
{
    height: 16px;
    clear: both;
    display: inline-block;
    height: auto;
    width: 100%;
}
.table div.name
{
    padding: 0 3px 0 8px;
    width: 115px;
}
.cellfor570
{
    width: 480px !important;
}
.cellfor570 div.name
{
    width: 155px;
}
.table div.product
{
    width: 70px;
    padding-left: 33px;
}
.table div.delivery
{
    width: 100px;
}
.table div.w60
{
    width: 60px;
}
.table div.actions
{
    width: 163px;
}
.table div.actions div.middle
{
    padding: 0 5px 0px 30px;
    width: 55px;
}
.table div.actions div.first
{
    padding-left: 0px;
    width: 15px;
}
.table div.actions div.last
{
    padding-right: 0px;
    padding-left: 15px;
    width: 15px;
}
.fourColumsWithAction div div
{
    width: 80px;
}
.absoluteBottomContainer
{
    position: absolute;
    bottom: 0px;
    left: 0;
    right: 0px;
    height: 50px;
    width: 500px;
    padding-left: 14px;
    padding-right: 14px;
}
.absoluteTopContainer
{
    position: absolute;
    top: 0px;
    left: 0;
    height: 50px;
    width: 500px;
    padding-left: 14px;
}
/** classes overrides **/
#trackShipment textarea
{
    height: 63px;
    xoverflow-y: auto;
    width: 160px;
}
#highlights ul.listDown,#highlights ul.listDown2
{
    margin: 20px 0px;
}
#mediaCenter ul.listDown, #mediaCenter ul.listDown2
{
    margin: 15px 0px 0px;
}
#highlights ul.listDown li, #mediaCenter ul.listDown li,#highlights ul.listDown2 li, #mediaCenter ul.listDown2 li
{
    margin-bottom: 30px;
    list-style-image: none;
    margin-left: 0px;
}
#links ul.listDown, #links ul.listDown2
{
    margin-top: 10px;
    margin-bottom: 0px;
}
#links ul.listDown li, #links ul.listDown2 li
{
    margin-bottom: 8px;
    list-style-image: none;
    margin-left: 0px;
}
#links1 ul.listDown, #links1 ul.listDown2
{
    margin-top: 10px;
    margin-bottom: 0px;
}
#links1 ul.listDown li, #links1 ul.listDown2 li
{
    margin-bottom: 8px;
    list-style-image: none;
    margin-left: 0px;
}

#trackNav ul.sideBySide li a.aLeft
{
    border-right: 1px solid white;
}
#trackNav ul.sideBySide li a.aRight
{
    border-left: 1px solid white;
}
#trackNav ul.sideBySide li
{
    float: left;
}
#footer
{
    margin-top: 50px;
}

#footer ul.sideBySide
{
    border-top: 1px dotted #706e6f;
    border-bottom: 1px dotted #706e6f;
}
.footerBannar
{
    border-top: 1px dotted #706e6f;
    border-bottom: 1px dotted #706e6f;
}
#footer ul.sideBySide li
{
    display: inline;
}
#footer ul.sideBySide li a
{
    padding: 9px 11px 6px 0;
    display: inline-block;
    width: auto;
}
#footer ul.sideBySide li a.last
{
    xpadding-right: 0px;
}
.expanding span.clickable, .expanding2 span.clickable
{
    xpadding-left: 10px;
    width: 90%;
    xbackground: transparent url(images/expand.png) no-repeat scroll;
    background-position: left 4px;
    cursor: pointer;
}
.expanding span.expanded, .expanding2 span.expanded
{
    background-position: left -13px;
}
.expanding div div.collapsable, .expanding2 div div.collapsable
{
    xdisplay: none;
    padding-bottom: 10px;
}
.collapsable
{display: none;
   padding-left: 15px;  }
.expanding div div.collapsable p a, .expanding2 div div.collapsable p a
{
    font-size: 10px;
}
.expanding div div img, .expanding2 div div img
{
    margin-right: 5px;
    padding-bottom: 10px;
}
/** office exception **/
#office span.clickable
{
    color: #DC281E;
    background-position: left 5px;
}
#office .expanding span.expanded, #office .expanding2 span.expanded
{
    background-position: left -13px;
}
#office .expanding div div, #office .expanding2 div div
{
    margin-left: 10px;
    padding-top: 5px;
}
.pagination a.active
{
    color: #706E6F !important;
}


/*****************************************helpers.css********************************************/
.spaceUp
{
    margin-top: 10px;
}
.spaceUp3
{
    margin-top: 3px;
}
.spaceUp4
{
    margin-top: 4px;
}
.spaceUp5
{
    margin-top: 5px;
}
.spaceUp8
{
    margin-top: 8px;
}
.spaceUp12
{
    margin-top: 12px;
}
.spaceUp11
{
    margin-top: 11px;
}
.spaceUp10
{
    margin-top: 10px;
}
.spaceUp6
{
    margin-top: 6px;
}

.spaceUp13
{
    margin-top: 13px;
}
.spaceUp15
{
    margin-top: 15px;
}
.spaceUp18
{
    margin-top: 18px;
}
.spaceUp20
{
    margin-top: 20px;
}
.spaceUp23
{
    margin-top: 23px;
}
.spaceUp24
{
    margin-top: 24px;
}
.spaceUp30
{
    margin-top: 30px;
}
.spaceUp35
{
    margin-top: 35px;
}
.spaceUp38
{
    margin-top: 38px;
}

.spaceUp33
{
    margin-top: 33px;
}
.spaceUp55
{
    margin-top: 55px;
}
.spaceUp70
{
    margin-top: 70px;
}

.spaceDown8
{
    margin-bottom: 8px;
}
.spaceDown15
{
    margin-bottom: 15px;
}
.spaceDown20
{
    margin-bottom: 20px;
}
.spaceDown5
{
    margin-bottom: 5px;
}
.spaceDown3
{
    margin-bottom: 3px;
}
.pushSides20
{
    margin-left: 20px;
    margin-right: 20px;
}
.boxIt
{
    padding: 14px;
}
.boxIt35x20
{
    padding: 33px 20px;
}
.block
{
    display: inline-block;
}
.inline
{
    display: inline; /** to solve some ie6 issues of margin and paddings **/
}
.right
{
    float: right;
}
.left
{
    float: left;
}
.clear
{
    clear: both;
}
.floatContainer
{
    display: inline-block;
    width: 100%;
    clear: both;
}
.fullWidth
{
    width: 100%;
}
.halfWidth
{
    width: 50%;
}
.topAlignment
{
    vertical-align:top;
    
}
.cell80
{
    width: 80px;
}
.relative
{
    position: relative;
}
.underline
{
    height: 6px;
    font-size: 0px;
    border-bottom: solid 1px #d6d6d6;
}

.spaceSides5
{
    padding: 0px 5px;
}
.noMargin
{
    margin: 0px !important;
}
.margin
{
    margin-top: 1px !important;
    margin-bottom: 1px !important;
}

.noPadding
{
    padding: 0px !important;
}
.noPaddingTop
{
    padding-top: 0px !important;
}
.noPaddingLeft
{
    padding-left: 0px !important;
}
.noBorder
{
    border: 0px none !important;
}
.noBorderRight
{
    border: 0px none !important;
}
.noBorderLeft
{
    border-bottom: 0px none !important;
}
/** borders **/
.greyBorder
{
    border: 1px solid #d6d6d6;
    xwidth: 600px;
}


.autoWidth
{
    width: auto !important;
}

/** backgrounds **/
.odd
{
    background-color: #f1eff0;
}
.even
{
    background-color: #fff;
}
.greyBg
{
    background-color: #f1eff0;
}
.whiteBg
{
    background-color: #FFF;
}
.redBg
{
    background-color: #dd291e;
}
.redBg a, .redBg a:visited
{
    color: white;
}

/** Text **/
.arial18
{
    font-size: 18px;
}
.arial15
{
    font-size: 15px;
}
.arial14
{
    font-size: 14px;
}
.arial11
{
    font-size: 11px;
}
.arial12
{
    font-size: 12px;
}
.arial10
{
    font-size: 9px;
}
.redText, a.redText, a.redText:visited, .redTextHyper a, .redTextHyper a:visited, a.Red:visited
{
    color: #dc281e;
}
.whiteText
{
    color: #fff;
}

.blackText
{
    color: #808080;
}
.black
{
    color: #000000;
}
.whiteText
{
    color: #FFFFFF;
    font-size:16pt;
}
.CellBorder
{
    border:1pt solid black;
    }
    
.whiteText12
{
    color: #FFFFFF;
    font-size:12pt;
    font-weight: bold;
}
.BlackTitle
{
    color: Black;
    font-weight: bold;
}
.BlackTitle12
{
    color: Black;
    font-weight: bold;
    font-size:12pt;
}
.Red12
{
    color: #dc281e;
    font-weight: bold;
    font-size:12pt;
}
.Red11
{
    color: #dc281e;
    font-weight: bold;
    font-size:11pt;
}
.darkGreyText
{
    color: #494949;
}
a.blackText:hover
{
    color: #000;
}
/** test BGs **/
.bg1
{
    background-color: #00FF66;
}
.bg2
{
    background-color: #CCCC66;
}
.bg3
{
    background-color: #CC33CC;
}
/*************************************ids.css****************************************************/
#mainContainer
{
    width: 767px;
    margin: auto;
}

/** header **/
#navigation
{
    height: 74px;
    background: #db291d url(images/header_gred.jpg) repeat-x bottom;
}

#navigation ul
{
    display: inline;
    list-style-type: none;
    margin: 53px 17px 0 0;
    padding: 0;
}

#navigation ul li
{
    display: inline;
    margin: 0px;
}

#navigation ul li a
{
    display: inline-block;
    margin-right: 32px;
    padding: 0px 5px;
}

#myAramex
{
    height: 30px;
    padding: 8px 11px 0px;
}

/*	
#navigation li.active a{
	padding-top:4px;
}
*/
#languages
{
    cursor: default;
    margin-left: 8px;
    padding-left: 2px;
    margin-right: 8px;
    padding-right: 2px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: dashed 1px black;
    z-index: 10;
}

#languagesList
{
    display: none;
    position: absolute;
    margin-left: 11px;
    top: 18px;
    left: 0px;
    z-index: 5;
}
#languagesList ul
{
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#languagesList li .link
{
    cursor: pointer;
    display: block;
    background-color: #f1eff0;
    border-bottom: 1px solid #d4d4d4;
    width: 41px;
    padding: 7px 5px 2px;
}

/** main **/
#login
{
    padding-right: 10px;
    padding-bottom: 9px;
}

#logged
{
    padding-bottom: 12px;
}
#loggedMyAramex
{
    height: 158px;
    padding-top: 22px;
    padding-bottom: 22px;
}

#login form
{
    margin-top: 5px;
}

#login form label
{
    display: block;
    margin-top: 8px;
}

#trackShipment
{
    padding-right: 0px;
    padding-left: 12px;
    padding-bottom: 3px;
}

.middleSideBarFull .rightSideBar
{
    width: 150px;
}
.middleSideBarFull .rightSideBar #trackShipment
{
    padding-top: 10px;
    padding-right: 7px;
    padding-left: 8px;
    xheight: 184px;
}

*html .middleSideBarFull .rightSideBar #trackShipment
{
    height: 150px;
}
.middleSideBarFull .leftSideBar
{
    width: 429px;
    height: 201px;
}
.middleSideBarFull #trackShipment textarea
{
    width: 119px;
    height: 38px;
}
.middleSideBarFull #trackShipment p
{
    width: 140px;
}

/** SHIPPING TOOLS **/

#myShippingTools .tabs h2, #myShipment .tabs h2
{
    margin-bottom: 10px;
    margin-left: 16px;
    margin-top: 11px;
}
#myShippingTools .tabs ul.sideBySide, #myShipment .tabs ul.sideBySide
{
    padding-top: 0px;
    padding-left: 5px;
}
#myShippingTools .tabs .boxIt
{
    height: 120px;
    padding-left: 25px;
    padding-bottom: 21px; /** ie 6 hack **/
    _padding-bottom: 11px;
    padding-top: 6px;
}
#myShippingTools .tabs .boxIt1
{
    height: 50px;
    padding-left: 25px;
    padding-bottom: 21px; /** ie 6 hack **/
    _padding-bottom: 11px;
    padding-top: 6px;
}
#myShippingTools .tabs .twoRow
{
    padding-top: 0px;
    padding-bottom: 0px;
}
#myShippingTools .tabs .oneRow
{
    padding-top: 30px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#myShippingTools .tabs .oneRow1
{
    padding-top: 5px;
    padding-bottom: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#myShipment .tabs .boxIt
{
    padding-bottom: 25px; /* begin hack minimum-height */
    min-height: 320px;
    height: auto !important;
    height: 320px; /* End hack minimum-height */
}
/** END OF SHIPPING TOOLS **/

#multimedia
{
    padding-left: 12px;
    height: 209px;
    _padding-bottom: 6px;
}

#aramexStockPrice
{
    xpadding-left: 12px;
}
.aramexStockImgDimensions
{
    height: 236px;
    width:200px;
}
.WebcastTwitFBDimensions
{
    height: 236px;
    width:150px;
}
.InvestorRelatedLinksDim
{
     width:200px;  }

.investorMidVideoDim
{
    width: 60%;
}
.WebcastMidVideoDim
{
    width: 73%;
}
.investorMainContainer,.WebcastContainer
{
    width: 610px;
    padding-left: 0px;
    display: inline-block;
    clear: both;
   }
   
   .relatedVideoBackgroundDiv
{
    overflow: scroll;
   overflow-y: hidden;
    height: 120px;
    background-color: #1E1E1E;
    bottom: 0px;
    display: block;
}

#multimedia select
{
    margin-right: 9px;
}

#homeMiddleBar
{
    xmargin-left: 10px;
    xmargin-right: 4px;
}

#mediaCenter
{
    padding-right: 7px;
    padding-bottom: 0px;
    padding-left: 7px;
}
#office ul.listDown li
{
    cursor: default;
    margin-bottom: 0px;
}

/** footer **/
#footer
{
    xmargin-left: 158px;
    xmargin-right: 158px;
    height: 50px;
    padding-top: 0px;
}

/** form page **/
#regForm div
{
    position: relative;
}
#formPage label
{
    float: left;
    display: block;
    width: 114px;
    margin-bottom: 5px;
}
#formPage label.error, #formPage label.passwordError
{
    width: 200px;
    text-align: right;
    float: right;
    color: #dc281e;
    position: absolute;
    right: 0px; /** ie6 hack **/
    _right: 150px;
    top: 0px;
}

#formPage .errorException label.error
{
    /** ie6 hack **/
    _right: 16px;
}

#formPage input, #formPage select
{
    margin-bottom: 7px;
}
#formPage input
{
    width: 260px;
}

#formPage span
{
    margin-left: 10px;
}
#formPage p
{
    margin-left: 116px;
    xmargin-bottom: 18px;
    font-style: italic;
    font-size: 10px;
    width: 260px;
}
#formPage p span
{
    margin-right: 22px;
    margin-left: 0px;
}
#formPage p span.farRight
{
    margin-left: 12px;
    margin-right: 0px;
}
#formPage .firstField
{
    width: 205px;
}
#formPage .secondField
{
    width: 46px;
}
#formPage select
{
    width: 267px;
}
/**********************************************mac.css*******************************************/
/*.checkboxInput label{
		line-height: 17px;
}*/
/***********************************************overrides.css**************************************************/
/*html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}*/


body
{
    margin: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #706e6f;
}
h1, h2, h3, h4
{
    margin: 0px;
    padding: 0px;
    margin-bottom: 8px;
    font-weight: 500;
    color: #7A7A7E;
    font-family: Calibri;
}

h3
{
    font-size: 11px;
}

h4
{
    font-size: 12px;
    font-weight: normal;
}
p
{
    margin: 2px 0px 0px 0px;
    line-height: 14px;
}

address
{
    font-style: normal;
}
form
{
    margin: 0px;
    padding: 0px;
    display: inline;
}
input
{
    height: 14px; /*width:116px;*/
    width: 113px;
}
select
{
    height: 20px; /*width:122px;*/
    width: 119px;
    background-color: white;
    border: 0px none;
}
input.submit
{
    width: 50px;
    height: 17px;
}

input, textarea, select
{
    border: 1px solid #9d9d9d;
    font-size: 11px;
    padding: 2px 2px 1px;
    margin: 0px;
    color: #706e6f;
}

/** ## checkbox exception ## **/
.checkboxInput
{
    border: 1px solid #9d9d9d;
    width: 13px;
    height: 13px;
    padding: 0px;
    text-align: left;
    xfloat: left;
    xfloat: right;
}

.checkboxInput label
{
    margin: 0px 0px 0px 5px !important;
    line-height: 14px;
}

/** ## end checkbox exception ## **/

img
{
    border: 0px none;
    padding: 0px;
    margin: 0px;
}

a, a:visited
{
    color: #736f70;
    text-decoration: none;
    outline: none;
}

a:hover
{
    text-decoration:underline;
    outline: none;
}

/**************************************safari.css**************************************/
#trackShipment
{
    padding-bottom: 9px;
}
*html #trackShipment
{
    padding-bottom: 5px;
}
#login
{
    padding-bottom: 18px;
}
/*.middleSideBarFull .rightSideBar #trackShipment {
	height:184px;
}*/
#loggedMyAramex
{
    padding-bottom: 21px;
}
#logged
{
    padding-bottom: 23px;
}

/******************************************sprite.css************************************************/
/** main sprite**/
.search .go, a.arabic, input.login, input.go, input.save, a.logout, input.track, .cityLocator, .iWantTo, .tellMeAbout, .pressClub, .publications, .usefulLinks, .feedBack, #myAramex a, .pressContact, a.customerSupport, a.shopAndShip, .servicesUpdates, .myAramexCustomerIcon, .handOver, .scheduleAPickup
{
    background: transparent url(images/main_spirite.png) no-repeat scroll;
    font-size: 0px;
    display: block;
    border: 0px none;
    cursor: pointer;
}
.search .go
{
    background-position: right 1px;
    height: 19px;
    width: 29px;
}
a.arabic
{
    background-position: right -18px;
    height: 10px;
    width: 28px;
    margin-top: 6px;
    margin-left: 19px;
}
input.login
{
    background-position: right -59px;
    height: 19px;
    width: 34px;
}
input.track
{
    background-position: right -40px;
    height: 19px;
    width: 36px;
}
input.go
{
    background-position: right -135px;
    height: 19px;
    width: 26px;
    margin-top: 0px;
}
#multimedia input.go
{
    margin-top: 5px;
}
input.save
{
    background-position: right -154px;
    height: 19px;
    margin-top: 3px;
    width: 41px !important;
    margin-left: 339px;
}
.cityLocator
{
    background-position: right -181px;
    cursor: default;
    height: 19px;
    width: 64px;
}
.iWantTo
{
    background-position: left -81px;
    cursor: default;
    height: 10px;
    width: 70px;
}
.myAramexCustomerIcon
{
    background-position: right -97px;
    cursor: default;
    height: 15px;
    xposition: absolute;
    right: 0;
    top: 10px;
    width: 20px;
}
.pressContact
{
    background-position: left -153px;
    cursor: default;
    height: 9px;
    width: 75px;
}
.pressClub
{
    background-position: left -144px;
    cursor: default;
    height: 9px;
    width: 100px;
}
.tellMeAbout
{
    background-position: left -72px;
    cursor: default;
    height: 9px;
    width: 71px;
    margin-bottom: 1px !important;
}
.publications
{
    background-position: left -135px;
    cursor: default;
    height: 9px;
    width: 65px;
}
.usefulLinks
{
    background-position: left -162px;
    cursor: default;
    height: 9px;
    width: 69px;
}
.feedBack
{
    background-position: left -171px;
    cursor: default;
    height: 9px;
    width: 85px;
}
a.customerSupport
{
    background-position: left -40px;
    height: 32px;
    width: 94px;
}
a.shopAndShip
{
    background-position: left top;
    height: 40px;
    width: 102px;
}
.servicesUpdates
{
    background-position: left -90px;
    cursor: default;
    height: 13px;
    width: 87px;
}
.scheduleAPickup
{
    background-position: left top;
    height: 19px;
    width: 103px;
}
.handOver
{
    background-position: right -219px;
    height: 20px;
    width: 121px;
}

/** 2nd sprite **/

a.scheduleApickup, a.prepareShipment, a.trackShipment, a.trackByDetails, a.calculateRates, a.locateOffice
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    display: block;
    border: 0px none;
    padding-left: 30px;
}
a.tellmeabout
{
    display: block;
    border: 0px none;
}
a.scheduleApickup
{
    background-position: left top;
    padding-top: 2px;
    height: 14px;
}
#scheduleApickup a.right, #scheduleApickupExp a.right, #scheduleApickupFRT a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right top;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}

#testo a.right
{
    background-image: url(images/slices/Submit_land_frieght_order.png);
    background-repeat: no-repeat;
    background-position: right top;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}


#scheduleApickup a.left, #scheduleApickupExp a.left, #scheduleApickupFRT a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left top;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}

#prepareShipment a.right, #prepareShipmentExp a.right, #prepareShipmentFRT a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right -16px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}
#prepareShipment a.left, #prepareShipmentExp a.left, #prepareShipmentFRT a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left -16px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}
#trackShipment1 a.right, #trackShipment1Exp a.right, #trackShipment1FRT a.right, #trackOrdertLOG a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right -33px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}
#trackShipment1 a.left, #trackShipment1Exp a.left, #trackShipment1FRT a.left, #trackOrdertLOG a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left -33px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}
#trackByDetails a.right, #trackByDetailsExp a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right -50px;
    padding-top: 0px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}
#trackByDetails a.left, #trackByDetailsExp a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left -50px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}
#calculateRates a.right, #calculateRatesExp a.right, #deliveryRatesFRT a.right, #calculateRatesSNS a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right -67px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}
#calculateRates a.left, #calculateRatesExp a.left, #deliveryRatesFRT a.left, #calculateRatesSNS a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left -67px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}
#locateOffice a.right, #locateOfficeExp a.right, #locateOfficeFRT a.right, #locateOfficeLOG a.right, #locateOfficeSNS a.right
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: right -84px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-right: 30px;
}
#locateOffice a.left, #locateOfficeExp a.left, #locateOfficeFRT a.left, #locateOfficeLOG a.left, #locateOfficeSNS a.left
{
    background: transparent url(images/tell_me_about.png) scroll no-repeat;
    background-position: left -84px;
    padding-top: 2px;
    height: 15px;
    display: block;
    border: 0px none;
    padding-left: 30px;
}

#LandFreightOrderTrackingFRT a.right, #RequiredDocumentationFRT a.right, #OceanFreightOperationalProceduresFRT a.right, #AirFreightOperationalProceduresFRT a.right, #ReceiveAdvancedShippingNoticeLog a.right, #ShipFromWarehouseLOG a.right, #CheckItemBalanceLOG a.right, #ViewInventoryReportsLOG a.right, #OpenSNSAccount a.right, #ViewMyMailboxAddress a.right, #CreateNewCV a.right, #EditMyCV a.right, #ViewMyCV a.right, #MakeAvailableCV a.right, #OpenJob a.right, #MyApplications a.right, #trackShipmentSNS a.right, #LiveChatSNS a.right, #lnkBankingSec a.right, #lnkHealthCareSec a.right, #lnkGovernmentSec a.right, #lnkTelecomSec a.right, #lnkInsuranceSec a.right
{
    padding-top: 4px;
    display: block;
    border: 0px none;
    height: 17px;
    padding-right: 0px;
    float: right;
}
#LandFreightOrderTrackingFRT a.left, #RequiredDocumentationFRT a.left, #OceanFreightOperationalProceduresFRT a.left, #AirFreightOperationalProceduresFRT a.left, #ReceiveAdvancedShippingNoticeLog a.left, #ShipFromWarehouseLOG a.left, #CheckItemBalanceLOG a.left, #ViewInventoryReportsLOG a.left, #OpenSNSAccount a.left, #ViewMyMailboxAddress a.left, #CreateNewCV a.left, #EditMyCV a.left, #ViewMyCV a.left, #MakeAvailableCV a.left, #OpenJob a.left, #MyApplications a.left, #trackShipmentSNS a.left, #LiveChatSNS a.left, #lnkBankingSec a.left, #lnkHealthCareSec a.left, #lnkGovernmentSec a.left, #lnkTelecomSec a.left, #lnkInsuranceSec a.left
{
    padding-top: 2px;
    display: block;
    border: 0px none;
    height: 17px;
    float: left;
}



#MiddleBarImage a.left
{
    float: left;
    padding-right: 10px;
}

#MiddleBarImage a.right
{
    float: right;
    padding-left: 10px;
}
a.trackShipment
{
    background-position: left -16px;
    padding-top: 2px;
    height: 15px;
}
a.prepareShipment
{
    background-position: left -33px;
    padding-top: 2px;
    height: 15px;
}
a.trackByDetails
{
    background-position: left -50px;
    padding-top: 2px;
    height: 15px;
}
a.calculateRates
{
    background-position: left -67px;
    padding-top: 2px;
    height: 15px;
}
a.locateOffice
{
    background-position: left -84px;
    padding-top: 2px;
    height: 18px;
    margin: 0px;
}
a.logout
{
    background-position: right -78px;
    height: 19px;
    width: 41px;
}
#myAramex a
{
    background-position: left -112px;
    height: 23px;
    width: 118px;
}

/** other sprite**/
.facebook, .youtube
{
    background: transparent url(images/facebook_youtube.png) no-repeat scroll;
    font-size: 0px;
    display: block;
    border: 0px none;
    cursor: pointer;
    height: 25px;
    float: left;
}
.facebook
{
    background-position: center left;
    width: 64px;
    margin-right: 15px;
}
.youtube
{
    background-position: center right;
    width: 62px;
}


/** my_aramex spirit **/
.advanceTracking, .prepareShioment, .schedulePickUp, .orderSupplies, .addressBook
{
    background: transparent url(images/my_aramex_icons.png) no-repeat scroll;
    font-size: 0px;
    display: block;
    border: 0px none;
    cursor: pointer;
    width: 32px;
    height: 24px;
}
.trackShipmentFrt
{
    background: transparent url(images/tell_me_about.png) no-repeat scroll;
    font-size: 0px;
    display: block;
    border: 0px none;
    cursor: pointer;
    width: 32px;
    height: 18px;
    background-position: left -33px;
}

.advanceTracking
{
    background-position: left top;
}
.prepareShioment
{
    background-position: left -24px;
}
.schedulePickUp
{
    background-position: left -47px;
}
.orderSupplies
{
    background-position: left -71px;
}
.addressBook
{
    background-position: left -94px;
}

.shippingToolsIcon, .myShipmentsIcon
{
    background: transparent url(images/my_aramex_title_icons.png) no-repeat scroll;
    font-size: 0px;
    display: block;
    border: 0px none;
    width: 38px;
    xposition: absolute;
    right: 21px;
    left: 21px;
    top: 18px;
}
.shippingToolsIcon
{
    background-position: left top;
    height: 30px;
}
.myShipmentsIcon
{
    background-position: left bottom;
    height: 29px;
}
.leftMargin10
{
    margin-left: 10px;
}
.topMargin10
{
    margin-top: 10px;
}
.rightMargin10
{
    margin-right: 10px;
}
.leftMargin65
{
    margin-left: 65px;
}

.Normal
{
    font-family: Arial Sans-Serif;
}

.ProcessingImgVisible
{
    visibility: visible;
}
.ProcessingImgHidden
{
    visibility: hidden;
}

/*************************myCSS***********************************************************/

.extended_pager ul
{
    xfont-size: 16px;
    display: inline;
}
.extended_pager
{
    xfloat: left;
}
.extended_pager li
{
    display: inline;
}
.extended_pager ul li .prev
{
    color: #3e3d3d;
}

.extended_pager ul li .next
{
    color: #3e3d3d;
}
.extended_pager .current 
{
    color: #ec202d;
    font-weight: bold;
    text-decoration: underline; 
}
.extended_pager ul li span .arc
{
    color: #3e3d3d;
    xfont-size : 12px;
}

.passwordCheckerMsg
{
    
     vertical-align: baseline;
    }

.WhiteText {
	color: #FFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 12px;
	
}
.bodyText{
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: reqular;
	color:Black;
}

.textboxwait
      {
            background-image: url('/images/prog_indicator.gif') ;
            background-repeat: no-repeat;
            background-position: center right;
      }

.textboxwaitend
{
    background-image: none;
    background-repeat: no-repeat;
    background-position: right;
    background-color: #D1D1D1;
}