#wrapper {
    /*overflow-y: auto;*/
    height: 100%;
}

#main {
    width: 100%;
    margin: auto;
}

html, body {
    margin: 0;
    /*overflow: hidden;*/
    /*height: 100%;*/
}

.EzyFreightBackgrd {
    background-color: #999999;
    background-image: url(Rebrand/media/bg_white.png);
    background-repeat: repeat-y;
    margin: 0px;
    margin-left: 0px;
    margin-top: 0px;
    color: #333333;
}

A {
    font-weight: normal;
    font-size: 8pt;
    color: #00A3C5;
    font-family: Arial;
    text-decoration: none;
}

A:hover {
    font-weight: normal;
    color: #ff66cc;
    text-decoration: underline;
}

INPUT {
    font-size: 9pt;
    font-family: Courier New;
}

SELECT {
    font-size: 9pt;
    font-family: Courier New;
}

TD {
    font-size: 8pt;
    font-family: Arial;
}

TEXTAREA {
    font-size: 9pt;
    font-family: Courier New;
}

/*TH
{
	font-size: 9pt;
	color: #ffffff;
	font-family: Arial;
	background-color: #8080c0;
}*/
TR.oddRow {
    font-size: 7pt;
    color: #414042;
    font-family: Arial;
    background-color: white;
}

TR.evenRow {
    font-size: 7pt;
    color: #414042;
    font-family: Arial;
    background-color: #DDDEDE;
}

TD.oddRow {
    font-size: 7pt;
    color: black;
    font-family: Arial;
    background-color: #EAD4D4;
}

TD.evenRow {
    font-size: 7pt;
    color: black;
    font-family: Arial;
    background-color: #F7E2E2;
}

.ButNormal {
    font-size: 8pt;
    font-family: Arial;
    /*background-color: #90BE20;
    color: white;
    border: 0px;*/
}


.TDNormal {
    background-color: #FFFFFF;
}

.TxtWarn {
    font-size: 8pt;
    color: red;
    font-family: Arial;
    text-decoration: none;
}

.TxtSuccess {
    font-size: 8pt;
    color: green;
    font-family: Arial;
    text-decoration: none;
}

.TxtProcess {
    font-size: 8pt;
    color: green;
    font-family: Arial;
    text-decoration: none;
}

.TxtClock {
    font-weight: bold;
    font-size: 9pt;
    color: yellow;
    font-family: Arial;
    text-decoration: none;
}

.TxtHelpTD {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #9999ff;
    text-align: center;
}

.TxtInputHdrTD {
    font-weight: bold;
    font-size: 9pt;
    color: #189068;
    font-family: Arial;
}

.aTxtRowHdrTD {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #FF9933;
}

.aTxtRowHdrTD:hover {
    font-weight: bold;
    font-size: 9pt;
    color: blue;
    font-family: Arial;
    background-color: #FF9933;
    text-decoration: underline;
}

.TxtRowHdrTD {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Arial;
    background-color: #FF9933;
}

.TxtInputSubHdrTD {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Arial;
    background-color: #FBDBDB;
}

.TxtInputTblTD {
    background-color: #CCCCCC;
}

.TxtInputTblDisplayTD {
    font-weight: normal;
    font-size: 8pt;
    font-family: Courier New;
    color: #0536C9;
}

.TxtInputTblDisplayHighlightTD {
    font-weight: bold;
    font-size: 8pt;
    font-family: Courier New;
    color: #FF9900;
}

.TxtInputTblColTD {
    background-color: #dee7f9;
}

.TxtInputTblHightLightTD {
    background-color: #FFFF80;
}

.TxtTitleBoldTD {
    font-family: Courier New;
    font-size: 10pt;
    font-weight: bold;
    color: blue;
}

.TxtInputTitleBoldTD {
    font-size: 8pt;
    font-family: Arial;
    font-weight: bold;
    color: black;
}

.TxtInputTitleTD {
    font-size: 8pt;
    color: #414042;
    font-family: Arial;
    background-color: white;
}

.TxtInputTitleColTD {
    font-size: 9pt;
    font-family: Arial;
    background-color: #dee7f9;
}

.TxtInputTD {
    font-size: 8pt;
    font-family: Courier New;
    padding: 2px 0 0 2px;
    border: 1px solid #999999;
    background-color: #FFFFFF;
}

.TxtInputTD:placeholder-shown {
    color: gray;
    font-size: 8pt;
    font-family: Courier New;
    padding: 2px 0 0 2px;
    border: 1px solid #999999;
    background-color: #F0F8FF;
}


.accordionLink /*R2.11*/
{
    cursor: pointer;
    overflow-y: hidden /* to remove the unexpected scroll bar in IE11 */
}

.TxtInputTitleMandTD {
    font-size: 9pt;
    background-color: #FBDBDB;
    color: #FF0000;
    font-weight: bold;
}

.TxtInputTitleMandGridTD {
    font-size: 9pt;
    color: #FF0000;
    font-weight: bold;
}

.TxtInputColTD {
    font-size: 9pt;
    font-family: Courier New;
    background-color: #FBDBDB;
}

.TblFooterTD {
    font-size: 9pt;
    font-family: Arial;
    background-color: #e5e3e3;
}

.TblIndexTD {
    font-weight: bold;
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    background-color: white;
    text-decoration: none;
}

.TblIndex {
    font-weight: bold;
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    text-decoration: none;
}

.aTblIndex {
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Arial;
    text-decoration: none;
}

.aTblIndex:hover {
    font-weight: bold;
    color: yellow;
    font-family: Arial;
    text-decoration: underline;
}

.TblLangTD {
    font-weight: bold;
    font-size: 9pt;
    font-family: Arial;
    background-color: #000000;
    text-decoration: none;
}

.aTblLang {
    font-weight: bold;
    font-size: 9pt;
    color: white;
    font-family: Arial;
    text-decoration: none;
}

.aTblLang:hover {
    font-weight: bold;
    color: yellow;
    font-family: Arial;
    text-decoration: underline;
}

.TblNavTD {
    font-size: 9pt;
    font-family: Arial;
    background-color: #e5e3e3;
    text-decoration: none;
}


.TxtFuncHdrTD {
    padding-left: 10px;
    font-size: 24px;
    font-family: Arial;
    font-weight: bold;
    color: #00a3c5;
    background-color: #eff1f1;
    text-decoration: none;
}


.TxtLarge {
    font-size: 16pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtLargeBold {
    font-weight: bold;
    font-size: 16pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtMedium {
    font-size: 12pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtMediumBold {
    font-weight: bold;
    font-size: 12pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.AMedium {
    font-weight: normal;
    font-size: 12pt;
    color: blue;
    font-family: Arial;
    text-decoration: none;
}

AMedium:hover {
    font-weight: normal;
    color: #ff66cc;
    text-decoration: underline;
}

.TxtSmall {
    font-size: 7pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtNormal {
    font-size: 8pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtNormalBold {
    font-weight: bold;
    font-size: 9pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtReport {
    font-size: 8pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtRed {
    font-weight: bold;
    font-size: 8pt;
    color: #ea0000;
    font-family: Arial;
    text-decoration: none;
}

.TxtPurple {
    font-weight: bold;
    font-size: 8pt;
    color: purple;
    font-family: Arial;
    text-decoration: none;
}

.TxtAmber {
    font-weight: bold;
    font-size: 8pt;
    color: #fa9143;
    font-family: Arial;
    text-decoration: none;
}

.TxtMand {
    font-size: 9pt;
    color: green;
    font-family: Arial;
    text-decoration: none;
}

.TxtDesc {
    font-weight: bold;
    font-size: 9pt;
    color: black;
    font-family: Arial;
    text-decoration: none;
}

.TxtAWB {
    font-weight: bold;
    font-size: 10pt;
    color: #ffff00;
    font-family: Arial;
    background-color: #666699;
    text-decoration: none;
}

.TxtAWBListTit {
    font-weight: bold;
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}

.TxtAWBListDtl {
    font-size: 8pt;
    font-family: Arial;
    text-decoration: none;
}

.RouteCell {
    background-color: #666666;
}

.RouteTxtCell {
    font-size: 10pt;
    font-family: Arial;
    background-color: #e9f3e9;
}

.RouteTxtHeaderCell {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Arial;
    background-color: #e9f3e9;
}

.TxtRouteHeader {
    font-weight: bold;
    font-size: 10pt;
    color: #003300;
    font-family: Arial;
    text-decoration: none;
}

.TxtRouteHeaderHidden {
    font-weight: bold;
    font-size: 10pt;
    color: #cccccc;
    font-family: Arial;
    text-decoration: none;
}

.TxtHeader {
    font-weight: bold;
    font-size: 14pt;
    color: #009900;
    font-family: Arial;
    text-decoration: none;
}

.TxtHeader2 {
    font-weight: bold;
    font-size: 16pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #009900;
    text-decoration: none;
}

.TxtHeader3 {
    font-weight: bold;
    font-size: 12pt;
    color: #009900;
    font-family: Arial;
    text-decoration: none;
}

.TxtSubHeader {
    font-weight: bold;
    font-size: 10pt;
    color: #003300;
    font-family: Arial;
    text-decoration: none;
}

.TxtDtlHeader {
    font-weight: bold;
    font-size: 12pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #666666;
    text-decoration: none;
}

.TxtTitle {
    font-size: 9pt;
    color: #003300;
    font-family: Arial;
    text-decoration: none;
}

.TxtRouteMapTitle {
    font-weight: bold;
    font-size: 9pt;
    color: #003300;
    font-family: Arial;
    text-decoration: none;
}

.TxtContent {
    font-size: 9pt;
    color: #009900;
    font-family: Arial;
    text-decoration: none;
}

.TxtHideTitle {
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    text-decoration: none;
}

.TxtHideContent {
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    text-decoration: none;
}

.TxtSpecial {
    font-weight: bold;
    font-size: 12pt;
    color: #666666;
    font-family: Arial;
    text-decoration: none;
}

.TxtSpecialHeader {
    font-weight: bold;
    font-size: 14pt;
    color: #666666;
    font-family: Arial;
    text-decoration: none;
}

.FolderOdd {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.FolderEven {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.FolderHdr {
    font-weight: bold;
    font-size: 8pt;
    color: white;
    font-family: Arial;
    background-color: #003300;
    text-decoration: none;
}

.aFolderHdr {
    font-weight: bold;
    font-size: 8pt;
    color: white;
    font-family: Arial;
    background-color: #003300;
    text-decoration: none;
}

.aFolderHdr:hover {
    font-weight: bold;
    color: yellow;
    font-family: Arial;
    background-color: #003300;
    text-decoration: underline;
}

.FolderList {
    font-size: 8pt;
    color: yellow;
    font-family: Arial;
    text-decoration: none;
}

.aFolderList {
    font-size: 8pt;
    color: blue;
    font-family: Arial;
    text-decoration: none;
}

.aFolderList:hover {
    color: yellow;
    font-family: Arial;
    text-decoration: underline;
}

.IndexHeader {
    font-size: 11pt;
    color: #000000;
    font-family: Arial;
    background-color: #ffffff;
    text-decoration: none;
}

.IndexList {
    font-size: 9pt;
    color: #000000;
    font-family: Arial;
    background-color: #ffffff;
    text-decoration: underline;
}

.aIndexList {
    font-size: 9pt;
    color: blue;
    font-family: Arial;
    background-color: #ffffff;
    text-decoration: none;
}

.aIndexList:hover {
    color: red;
    font-family: Arial;
    background-color: #ffffff;
    text-decoration: underline;
}

.TblDtlHdrTD {
    font-weight: bold;
    font-size: 9pt;
    color: #ffffff;
    font-family: Arial;
    background-color: #666666;
    text-decoration: none;
}

.TblDtlTitleTD {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.TblDtlContTD {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.CUCTblOuter {
    font: 9pt Arial;
    background-color: #C8CBCB;
}

.CUCTblHead {
    font: 9pt Arial;
    background-color: white;
}

.CUCTblHeadMand {
    font-size: 9pt;
    background-color: #FF9933;
    color: #FF0000;
    font-weight: bold;
}

.CUCTblCell {
    font: 9pt Arial;
}

.FolderEvenInput {
    font-size: 8pt;
    color: #000000;
    font-family: Courier New;
    background-color: #99cc99;
    text-decoration: none;
}

.FolderOddInput {
    font-size: 8pt;
    color: #000000;
    font-family: Courier New;
    background-color: #ccffcc;
    text-decoration: none;
}

.RptHeader {
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.RptTitle {
    font-weight: bold;
    font-size: 12pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.RptSubTitle {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Arial;
    background-color: #669966;
    text-decoration: none;
}

.RptSubTitle2 {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Arial;
    background-color: #669966;
    text-decoration: none;
}

.RptHeading {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #669966;
    text-decoration: none;
}

.RptHeadingEmptyTD {
    font-weight: bold;
    font-size: 9pt;
    color: #000000;
    font-family: Arial;
    background-color: #999999;
    text-decoration: none;
}

.RptEmptyTD {
    font-size: 9pt;
    background-color: #999999;
}

.RptEvenRow {
    font-size: 7pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.RptOddRow {
    font-size: 7pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.RptRowText {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    text-decoration: none;
}

.ScrnRptHeader {
    font-weight: bold;
    font-size: 18pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.ScrnRptTitle {
    font-weight: bold;
    font-size: 14pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.ScrnRptSubTitle {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.ScrnRptHeading {
    font-weight: bold;
    font-size: 10pt;
    color: #000000;
    font-family: Arial;
    background-color: #669966;
    text-decoration: none;
}

.ScrnRptEmptyTD {
    background-color: #999999;
}

.ScrnRptEvenRow {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.ScrnRptOddRow {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.ReasonHeading {
    font-weight: bold;
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #669966;
    text-decoration: none;
}

.ReasonEvenRow {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #99cc99;
    text-decoration: none;
}

.ReasonOddRow {
    font-size: 8pt;
    color: #000000;
    font-family: Arial;
    background-color: #ccffcc;
    text-decoration: none;
}

.TxtInputReasonTD {
    font-size: 8pt;
    font-family: Courier New;
}

.footer {
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.footer-Big5 {
    font-size: 8pt;
    font-family: 華康粗黑體, 新細明體, Verdana, Arial, Helvetica, sans-serif;
    color: #000000;
}

.ADefault {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: blue;
    text-decoration: underline;
}

.ADefault:hover {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ff66cc;
    text-decoration: underline;
}

.ALookup {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    color: blue;
    text-decoration: underline;
    cursor: hand
}

.ALookup:hover {
    font-weight: normal;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #ff66cc;
    text-decoration: underline;
}

.TxtInputTitleOutTD {
    font-size: 9pt;
    font-family: Arial;
    color: black;
    background-color: #999999;
}

.greytext {
    color: #666666;
    font-size: 9pt;
}

.bluetext {
    color: #0000FF;
    font-size: 9pt;
}

.redtext {
    color: #FF0000;
    font-size: 9pt;
    font-weight: bold;
}

.NewsTblHead {
    font: 9pt Arial;
    background-color: #CCCCCC;
}

.NewsTblOuter {
    font: 9pt Arial;
}

.NewsHeader {
    font-size: 16pt;
    color: #999999;
    font-family: Arial;
    background-color: #ffffff;
    text-decoration: none;
}

.NewsIndex {
    font-size: 9pt;
    color: #999999;
    font-family: Arial;
    text-decoration: none;
}

.aNewsIndex {
    font-size: 9pt;
    color: #003399;
    font-family: Arial;
    text-decoration: none;
}

.aNewsIndex:hover {
    font-size: 9pt;
    color: #990099;
    font-family: Arial;
    text-decoration: underline;
}

.NewsFooterIndex {
    font-size: 8pt;
    color: #CCCCCC;
    font-family: Arial;
    text-decoration: none;
}

.aNewsFooterIndex {
    font-size: 8pt;
    color: #CCCCCC;
    font-family: Arial;
    text-decoration: none;
}

.aNewsFooterIndex:hover {
    font-size: 8pt;
    color: #CCCCCC;
    font-family: Arial;
    text-decoration: underline;
}

.TblHeaderBanner {
    background-color: white;
    background-image: url(Rebrand/media/rebranding_header_sm.png);
    background-repeat: no-repeat;
    background-position: 30px 18px;
    background-size: 123px 32px;
}

.TblHeaderBanner_EzycargoLite {
    background-image: url(Rebrand/media/rebranding_ezycargo_header_sm.png);
    background-repeat: no-repeat;
    background-position: 30px 18px;
    background-size: 123px 32px;
}

.TblMenu {
    background-color: #eff1f1;
}

.TblContent {
    background-color: #eff1f1;
}

/* Div Text Wrapping */
.DivWrapText {
    text-wrap: normal;
    word-wrap: break-word;
}

/* PagingBulletedList */
.PagingBulletedListSelectIndex {
    font-weight: bold;
    text-decoration: none;
}

.PagingBulletedListUnselectIndex {
    font-weight: normal;
    text-decoration: underline;
}

/* Textbox */
.TextboxDisabled {
    background-color: #cccccc;
}

.TextboxEnabled {
    background-color: #ffffff;
}

/*Textbox Watermark*/

/*
.watermarked {
	color:gray;
	font-size: 8pt;
	font-family: Courier New;
	padding:2px 0 0 2px;
	border:1px solid #999999;
	background-color:#F0F8FF;
}

*/

/* Rounded Corners*/

.roundedPanel {
    background-color: #CCCCCC;
}


.TxtTabTD {
    font-size: 8pt;
    color: #556565;
    font-family: Arial;
    background-color: #FFFFFF;
}


.Invisible {
    display: none
}


/*Hover Menu*/
.popupMenu {
    position: absolute;
    /*visibility:hidden;*/
    display: none;
    background-color: #F5F7F8;
    border: 1px outset white;
    padding: 2px;
}

.popupHover {
    background-position: left top;
    background-color: #F0F8FF;
}

/* Accordion */
.accordionHeader {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #FFCC66;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a {
    color: #666666;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    background: none;
    text-decoration: none;
}

.accordionHeader a:hover {
    color: #666666;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    background: none;
    font-weight: bold;
    text-decoration: underline;
}

.accordionHeaderSelected {
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #FF9933;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a {
    color: #FFFFFF;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    background: none;
    text-decoration: none;
}

.accordionHeaderSelected a:hover {
    color: #FFFFFF;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    background: none;
    text-decoration: underline;
}

.accordionContent {
    background-color: #FFFFCC;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 1px;
    padding-top: 1px;
}

.CollapsibleContent {
    background-color: #FFFFCC;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 1px;
    padding-top: 1px;
}

.CollapsibleHeaderSelected {
    border: 1px solid #2F4F4F;
    color: #333333;
    background-color: #FFCC66;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.CollapsibleHeaderSelected a {
    color: #333333;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    background: none;
    text-decoration: none;
}

.CollapsibleHeaderSelected a:hover {
    color: #333333;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    background: none;
    text-decoration: underline;
}

/* Photo Border for All Pages Except the Albums Page */
/* 20190211, found no use
.photo-frame .topx-- {
	background-image: url(Rebrand/media/frame-topx--.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}
.photo-frame .top-x- {
	background-image: url(Rebrand/media/frame-top-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .top--x {
	background-image: url(Rebrand/media/frame-top--x.gif);
	background-repeat: no-repeat;
	width: auto;
	height: 4px;
	vertical-align: top;
}

.photo-frame .midx-- {
	background-image: url(Rebrand/media/frame-midx--.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}
.photo-frame .mid--x {
	background-image: url(Rebrand/media/frame-mid--x.gif);
	background-repeat: repeat-y;
	width: 4px;
	height: 100%;
}

.photo-frame .botx-- {
	background-image: url(Rebrand/media/frame-botx--.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: top;
}
.photo-frame .bot-x- {
	background-image: url(Rebrand/media/frame-bot-x-.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 4px;
}
.photo-frame .bot--x {
	background-image: url(Rebrand/media/frame-bot--x.gif);
	background-repeat: no-repeat;
	width: 4px;
	height: 4px;
	vertical-align: bottom;
}

*/


#bigbuttons {
    padding: 50px 0 0 0;
    margin: 0;
    width: 100px;
}

#bigbuttons li {
    list-style: none;
    padding: 0 0 50px 0;
    margin: 0;
}

.search {
    background-image: url(Rebrand/media/search_hover.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 100px;
}

.search a {
    background-image: url(Rebrand/media/search_button.gif);
    background-repeat: no-repeat;
    height: 25px;
    width: 100px;
    display: block;
}

.search a:hover {
    background: none;
}


/*Modal Popup*/
/*
	filter:alpha(opacity=70);
	opacity:0.7;
*/

.modalBackground {
    background-color: Gray;
    filter: alpha(opacity=70);
    opacity: 0.7;
}

.modalPopup {
    background-color: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 630px;
}

/*R3.2.2 Fix width for fixing the IE overflow issue*/
.ModalPopup_panelRejectErrorFWB {
    width: 610px;
}


.modalPopup_RejectReasonSummary {
    background-color: #ffffdd;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    width: 400px;
}

.validatorCalloutHighlight {
    background-color: lemonchiffon;
}

/* Panels */
.panelClass_ValidationSummary {
    max-height: 150px;
    overflow: auto;
    /*	 height: expression( this.scrollHeight > 399 ? "400px" : "auto" );*/
}

.Modification_Dialog {
    padding: 0 !important;
    overflow: hidden !important
}


/* 20160526, Top Menu CSS, Begin */
.classRootMenu {
    /*width:100%;*/
    padding: 0;
    border-spacing: 0;
    border-collapse: separate;
    background: #ECE9D8;
}

.classRootMenu TD {
    text-align: center;
    background: #189068;
    width: 125px;
    height: 20px;
    padding: 5px 6px 5px 6px;
    border: 1px solid #ffffff;
}

TD .classRootMenuHorizontalItem, TD .classRootMenuVerticalItem,
TD .classRootMenuHorizontalItem a, TD .classRootMenuVerticalItem a {
    color: white;
    font-weight: bold;
    text-decoration: none;
    /*cursor:default;*/
}

TD .classRootMenuHorizontalItem:hover, TD .classRootMenuVerticalItem:hover {
    color: #189068;
    background-color: white;
    border: 1px solid #556565;
}

TD .classRootMenuHorizontalItem:hover a, TD .classRootMenuVerticalItem:hover a {
    color: #189068;
}

TD .classRootMenuHorizontalItem:hover a:hover, TD .classRootMenuVerticalItem:hover a:hover {
    color: #189068;
}


/* SubMenu items need !important to override parent CSS */
.classSubMenu {
    background: #000000 !important;
    width: 100% !important;
    padding: 0 !important;
    border-spacing: 0 !important;
}

.classSubMenu TD {
    background: #e9f4f0 !important;
    border: 0px solid #e9f4f0 !important;
}

TD .classSubMenuVerticalItem, TD .classSubMenuHorizontalItem,
TD .classSubMenuVerticalItem a, TD .classSubMenuHorizontalItem a {
    padding: 3px 0px 0px 2px !important;
    height: 18px !important;
    width: 100% !important;
    color: #414042 !important;
    line-height: normal !important;
    text-align: left !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    font-weight: normal !important;
}

TD .classSubMenuVerticalItem:hover, TD .classSubMenuHorizontalItem:hover,
TD .classSubMenuVerticalItem:hover a, TD .classSubMenuHorizontalItem:hover a,
TD .classSubMenuVerticalItem a:hover, TD .classSubMenuHorizontalItem a:hover {
    background: #e9f4f0 !important;
    color: #189068 !important;
    font-weight: 600 !important;
}

.classSubMenuHorizontal, .classSubMenuVertical {
    float: right !important;
    position: absolute !important;
    z-index: 2 !important;
    display: none;
    width: 200px !important;
    border-left: solid 1px #ffffff !important; /* Old version submenu having left and top write borders, cell right and buttom in black */
    border-top: solid 1px #ffffff !important; /* Old version submenu having left and top write borders, cell right and buttom in black */

}

.classSubMenuVertical {
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.12);
}

/* 20160526, Top Menu CSS, End */
.classDialog.ui-dialog {
    box-shadow: 5px 5px 5px #000;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
}

.classDialog.ui-dialog.ui-corner-all {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classDialog.ui-dialog.ui-widget-content {
    background: white;
    border-width: 3px;
    border-style: solid;
    border-color: Gray;
    padding: 3px;
    color: #222222;
}

.classDialog.ui-dialog .ui-corner-all {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classDialog.ui-dialog .ui-widget-header {
    background: #DDDDDD;
    color: black;
}

.classDialog.ui-dialog .ui-widget-header .ui-button {
    display: none;
}

.classDialog.ui-dialog .ui-button.ui-state-default, .ui-button.ui-widget {
    font-size: 8pt;
    font-family: Arial;
    background: buttonface;
    border: solid 1px Gray;
    color: black;
    /*-webkit-appearance: push-button;*/
}

.classDialog.ui-dialog .ui-widget {
    font-size: 8pt;
    font-family: Arial;
}

.classDialog.ui-dialog .ui-widget-content {
    background: white;
    border-color: Gray;
}

.classDialog.ui-dialog .ui-dialog-buttonpane {
    border-width: 0 0 0 0;
    margin-top: 0;
}

.classDialog.ui-dialog .ui-dialog-title {
    text-align: center;
    width: 100%;
    font-size: 8pt;
    font-family: Arial;
    font-weight: normal;
}

.EzyFreightBackgrd .classTab.ui-tabs {
    padding: 0;
    border: none;
}

.classTab.ui-tabs .ui-tabs-nav {
    padding: 0;
    border: none;
    background: #eff1f1;
}

.classTab.ui-tabs .ui-tabs-nav li {
    padding-bottom: 1px;
    margin: 1px .1em -1px 0
}

.classTab.ui-tabs .ui-tabs-panel {
    padding: 0.5em 0.5em;

    .classTab.ui-tabs .ui-tabs-nav li background:white
;
    border: 1px solid rgba(47, 79, 79, 0.2);
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classTab.ui-tabs .ui-state-default {
    border: 1px solid rgba(85, 101, 101, 0.2);
    /*background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254,254,254,1)), color-stop(29%, rgba(255,250,255,1)), color-stop(82%, rgba(219,219,219,1)), color-stop(83%, rgba(219,219,219,1)), color-stop(84%, rgba(217,217,217,1)), color-stop(100%, rgba(189,189,189,1)));
background: -webkit-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,250,255,1) 29%, rgba(219,219,219,1) 82%, rgba(219,219,219,1) 83%, rgba(217,217,217,1) 84%, rgba(189,189,189,1) 100%);
background: -o-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,250,255,1) 29%, rgba(219,219,219,1) 82%, rgba(219,219,219,1) 83%, rgba(217,217,217,1) 84%, rgba(189,189,189,1) 100%);
background: -ms-linear-gradient(top, rgba(254,254,254,1) 0%, rgba(255,250,255,1) 29%, rgba(219,219,219,1) 82%, rgba(219,219,219,1) 83%, rgba(217,217,217,1) 84%, rgba(189,189,189,1) 100%);
background: linear-gradient(to bottom, rgba(254,254,254,1) 0%, rgba(255,250,255,1) 29%, rgba(219,219,219,1) 82%, rgba(219,219,219,1) 83%, rgba(217,217,217,1) 84%, rgba(189,189,189,1) 100%);*/
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BDBDBD', GradientType=0)
}

.classTab.ui-tabs .ui-state-active {
    border: 1.5px solid #189068;
    background: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}


.classTab.ui-tabs .ui-state-default a {
    color: rgba(0, 0, 0, .54);
    padding: .3em .5em 0 .5em;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    /*border: 1px solid rgba(85, 101, 101, 0.2);*/
    background: white;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.classTab.ui-tabs .ui-state-active a {
    font-weight: 600;
    color: #414042;
}

.eyeballTab {
    padding: 0;
    border: none;
    border-radius: 2px
}

.eyeballTab ul {
    overflow: hidden
    padding-bottom: 2px;
    margin: 1px 0.1em -1px 0;
}

.eyeballTab a {
    text-decoration: none;
    color: black;
    padding: 0.3em 0.5em 0 0.5em;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    border-radius: 3px;
    border: 1px solid #999999;
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(254, 254, 254, 1)), color-stop(29%, rgba(255, 250, 255, 1)), color-stop(82%, rgba(219, 219, 219, 1)), color-stop(83%, rgba(219, 219, 219, 1)), color-stop(84%, rgba(217, 217, 217, 1)), color-stop(100%, rgba(189, 189, 189, 1)));
    background: -webkit-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(255, 250, 255, 1) 29%, rgba(219, 219, 219, 1) 82%, rgba(219, 219, 219, 1) 83%, rgba(217, 217, 217, 1) 84%, rgba(189, 189, 189, 1) 100%);
    background: -o-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(255, 250, 255, 1) 29%, rgba(219, 219, 219, 1) 82%, rgba(219, 219, 219, 1) 83%, rgba(217, 217, 217, 1) 84%, rgba(189, 189, 189, 1) 100%);
    background: -ms-linear-gradient(top, rgba(254, 254, 254, 1) 0%, rgba(255, 250, 255, 1) 29%, rgba(219, 219, 219, 1) 82%, rgba(219, 219, 219, 1) 83%, rgba(217, 217, 217, 1) 84%, rgba(189, 189, 189, 1) 100%);
    background: linear-gradient(to bottom, rgba(254, 254, 254, 1) 0%, rgba(255, 250, 255, 1) 29%, rgba(219, 219, 219, 1) 82%, rgba(219, 219, 219, 1) 83%, rgba(217, 217, 217, 1) 84%, rgba(189, 189, 189, 1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#BDBDBD', GradientType=0)
}


a.eyeballTabSanction {
    color: white;
    background-image: url(Rebrand/media/bullet_error.png);
    background-image: url(Rebrand/media/bullet_error.png), linear-gradient(to bottom, rgba(255, 0, 0, 1) 0%, rgba(255, 0, 0, 1) 100%);
    background-repeat: no-repeat;
}

a.eyeballTabActive {
    border: 1px solid #999999;
    border-bottom-width: 0;
    border-top-width: 3px;
    border-top-color: #1a8242;
    background: white;
}

a.eyeballSanctionTabActive {
    background-position: 2px;
    background-repeat: no-repeat;
    background-color: red;
    background-image: url(Rebrand/media/bullet_error.png);
    color: white
}

a.eyeballTabDisabled {
    opacity: 0.6;
    cursor: not-allowed;
}


.eyeballTab li {
    display: inline;
}

/*JqueryUI upgrade*/
.ui-accordion .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-icons .ui-accordion-icons {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.classAccordion.ui-accordion .ui-accordion-header {
    background: #1a8242;
    border: none;
    color: #FFFFFF;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.classAccordion.ui-accordion .ui-accordion-header-icon.ui-icon {
    /*background-image:url("images/ui-icons_056b93_256x240.png");*/
    background-image: url("images/ui-icons_ffffff_256x240.png");
    left: 100%;
    margin-left: -30px;
}


.classAccordion.ui-accordion .ui-corner-all, .classAccordion.ui-accordion .ui-corner-top, .classAccordion.ui-accordion .ui-corner-bottom {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classAccordion.ui-accordion .ui-accordion-content {
    background-color: #FFFFFF;
    border: 1px solid rgba(47, 79, 79, 0.2);
    border-top: none;
    padding: 1px;
    padding-top: 1px;
    border-style: solid;
    border-top-style: none;
}


.panelTransaction.classAccordion.ui-accordion .ui-accordion-header {
    border: none;
    font-weight: inherit;
    padding: 0;
}

.panelTransaction.classAccordion.ui-accordion .ui-accordion-content {
    border: none;
    font-weight: inherit
}


.panelTransaction.classAccordion.ui-accordion.ui-widget textarea {
    font-family: Courier New;
    font-size: 8pt;
}


.panelRejectError.classAccordion.ui-accordion .ui-accordion-content {
    height: 300px;
    width: 610px;
}

.panelRejectError.classAccordion.ui-accordion .ui-accordion-content a {
    font-weight: normal;
    font-size: 8pt;
    color: blue;
    font-family: Arial;
    text-decoration: none;
}

.panelRejectError.classAccordion.ui-accordion .ui-accordion-content a:hover {
    font-weight: normal;
    color: #ff66cc;
    text-decoration: underline;
}

:focus {
    outline: none;
}


/*R3.11*/
.ui-front {
    z-index: 100;
}

.autoComplete-combobox {
    position: relative;
    display: inline-block;
}

.autoComplete-combobox-toggle {
    position: absolute;
    top: 0;
    bottom: 0;
    margin-left: -1px;
    padding: 0;
}

.autoComplete-combobox-input {
    margin: 0;
    padding: 5px 10px;
    width: 450px;
    background: #ffffff !important;
    color: #000000 !important;
    border-color: inherit !important;
}

.ui-tooltip {
    padding: 8px;
    position: absolute;
    max-width: 300px;
    z-index: 999999 !important;
    -webkit-box-shadow: 0 0 5px #aaa;
    box-shadow: 0 0 5px #aaa;
}

body .ui-tooltip {
    border-width: 2px;
}


.ui-widget-content {
    border: 1px solid #a6c9e2;
    background: #fcfdfd url("images/ui-bg_inset-hard_100_fcfdfd_1x100.png") 50% bottom repeat-x;
    color: #ffffdd;
    font: 9pt Arial !important;
}


.ui-autocomplete.ui-widget-content {
    z-index: 999999 !important;
}

.chkblist input {
    position: relative;
    right: 0;
    left: -3px;
    top: 0;
}

.chkblist td {
    position: relative;
    padding-left: 1px;
}

/*************** EU Cookie Style Sheet ***************/
.consent {
    display: none
}

.js .consent {
    display: block;
}

/* show bar only if JS enabled */
.consent {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    font-family: Helvetica, Calibri, Arial, sans-serif;
    font-size: 13px;
    color: #556565;
    background: #90BE20;
    padding: 1em 3%;
    box-sizing: border-box;
}

.consentbanner {
    margin-left: auto;
    margin-right: auto;
    margin-top: auto;
    text-align: center;
}

.consentcontent {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.consentcontent a {
    font-size: 1em;
    color: white;
}

.consentbutton {
    display: inline-block;
    vertical-align: middle;
    width: 150px;
}

.consentbutton a:hover {
    background: #CCCCCC;
    cursor: pointer
}

.consentbutton a {
    float: right;
    margin-left: 1em;
    background: #E5E3E3;
    line-height: 2.5;
    letter-spacing: 0.05em;
    color: #000000;
    padding: 0 1em;
    border: 1;
    border-radius: 0.25em;
    font-size: 1em;
    text-decoration: none;
    font-weight: bold;
}

.consentbannercontainer {
    max-width: 860px
}

/*************** EU Cookie Style Sheet ***************/

.icon_16x16 {
    width: 16px;
    height: 16px;
    background-image: url("images/bg20230719.png");
    display: inline-block;
    vertical-align: bottom;
}

.iconccsagent_16x16 {
    background-position: 0px 0px;
}

.iconsignedediagent_16x16 {
    background-position: 0px -16px;
}

.iconsignedoneagent_16x16 {
    background-position: 0px -32px;
}

.iconattachment_16x16 {
    background-position: 0px -48px;
}

.iconedit_16x16 {
    background-position: 0px -64px;
}

.iconremove_16x16 {
    background-position: 0px -80px;
}

.iconhistory_16x16 {
    background-position: 0px -96px;
}

.iconcoloadborrowed_16x16 {
    background-position: 0px -112px;
}

.iconcoloadlent_16x16 {
    background-position: 0px -128px;
}

.iconcoload_16x16 {
    background-position: 0px -128px;
}

.iconfoh_16x16 {
    background-position: 0px -144px;
}

.iconrcs_16x16 {
    background-position: 0px -160px;
}

.iconefreight_16x16 {
    background-position: 0px -176px;
}

.iconcross_16x16 {
    background-position: 0px -192px;
}

.iconquestionmark_16x16 {
    background-position: 0px -208px;
}

.icontick_16x16 {
    background-position: 0px -224px;
}

.iconwarning_16x16 {
    background-position: 0px -240px;
}

.iconaccept_16x16 {
    background-position: 0px -256px;
}

.iconacceptprint_16x16 {
    background-position: 0px -272px;
}

.iconemptypouch_16x16 {
    background-position: 0px -288px;
}

.iconerror_16x16 {
    background-position: 0px -304px;
}

.iconerrorprint_16x16 {
    background-position: 0px -320px;
}

.iconeyeball_16x16 {
    background-position: 0px -336px;
}

.iconeyeballprint_16x16 {
    background-position: 0px -352px;
}

.iconnew_16x16 {
    background-position: 0px -368px;
}

.iconprocessing_16x16 {
    background-position: 0px -384px;
}

.iconprocessingprint_16x16 {
    background-position: 0px -400px;
}

.iconreject_16x16 {
    background-position: 0px -416px;
}

.iconrejectprint_16x16 {
    background-position: 0px -432px;
}

.iconsubmit_16x16 {
    background-position: 0px -448px;
}

.iconsubmitprint_16x16 {
    background-position: 0px -464px;
}

.iconnoneawbaccept_16x16 {
    background-position: 0px -480px;
}

.iconearthlink_16x16 {
    background-position: 0px -496px;
}

.iconimportforwarder_16x16 {
    background-position: 0px -512px;
}

.icon_24x24 {
    width: 24px;
    height: 24px;
    background-image: url("images/bg20230703.png");
    display: inline-block;
    vertical-align: bottom;
}

.iconccsagent_24x24 {
    background-position: -16px 0px;
}

.iconback_24x24 {
    background-position: -16px -24px;
}

.iconnext_24x24 {
    background-position: -16px -48px;
}

.iconclose_24x24 {
    background-position: -16px -72px;
}

.iconhouse_24x24 {
    background-position: -16px -96px;
}

.iconsave_24x24 {
    background-position: -16px -120px;
}

.iconprintnormal_24x24 {
    background-position: -16px -144px;
}

.iconprintecsd_24x24 {
    background-position: -16px -168px;
}

.iconprintrequired_24x24 {
    background-position: -16px -192px;
}

.iconprinthouse_24x24 {
    background-position: -16px -216px;
}

.iconprintcargoreipt_24x24 {
    background-position: -16px -240px;
}

.iconsearch_24x24 {
    background-position: -16px -264px;
}

.iconhistory_24x24 {
    background-position: -16px -288px;
}

.iconshare_24x24 {
    background-position: -16px -312px;
}

.iconpouchsubmitted_24x24 {
    background-position: -16px -336px;
}

.iconpouchempty_24x24 {
    background-position: -16px -360px;
}

.TextEllipsis {
    max-width: 150px;
    min-width: 150px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.MouseOverUrlBox {
    margin: 0px;
    display: inline-block;
    visibility: hidden;
    border: 1px solid #000;
    width: auto;
    height: auto;
    left: 17px;
    position: relative;
}

.EyeballHeader {
    border-radius: 5px;
    border: 1px solid #000;
    background-color: #1a8242;
    color: white;
    cursor: pointer;
    height: 20px;
    width: max-content;
    overflow: hidden;
}

.EyeballSpan {
    padding: 12px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 12px;
    font-weight: bold;
    font-family: verdana, tahoma, helvetica;
}

.WarningDialog {
    color: red;
    font-weight: bold !important;
}

.TxtFuncHdrTDLeft {
    display: none;
}

.TxtFuncHdrTDRight {
    display: none;
}

.btnAWBSummary {
    background-color: #189068;
    color: white;
    border: 0px;
}

.tableAWBSummary a {
    color: #00A3C5;
}

.tableWrapper {
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-left: 0.5px;
    margin-right: 0.5px;
    border: solid #CCCCCC thin;
    background-color: #B2D0C6;
}

.tableWrapperWhite {
    margin-top: 0.5px;
    margin-bottom: 0.5px;
    margin-left: 0.5px;
    margin-right: 0.5px;
    border: solid #CCCCCC thin;
    background-color: white;
}

.CUCTblOuterTransparent {
    font: 9pt Arial;
}

.classAccordionOriginal.ui-accordion .ui-accordion-header {
    background: #FFCC66;
    border: 1px solid #2F4F4F;
    color: #333333;
    font-family: verdana, tahoma, helvetica;
    font-size: 11px;
    font-weight: bold;
    margin-top: 5px;
    padding: 5px;
}

.classAccordionOriginal.ui-accordion .ui-accordion-header-icon.ui-icon {
    /*background-image:url("images/ui-icons_056b93_256x240.png");*/
    background-image: url("images/ui-icons_ffffff_256x240.png");
    left: 100%;
    margin-left: -30px;
}


.classAccordionOriginal.ui-accordion .ui-corner-all, .classAccordion.ui-accordion .ui-corner-top, .classAccordion.ui-accordion .ui-corner-bottom {
    border-top-right-radius: 0px;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.classAccordionOriginal.ui-accordion .ui-accordion-content {
    background-color: #FFFFCC;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 1px;
    padding-top: 1px;
}


.panelTransaction.classAccordionOriginal.ui-accordion .ui-accordion-header {
    border: none;
    background: transparent;
    font-weight: inherit;
    padding: 0;
}

.panelTransaction.classAccordionOriginal.ui-accordion .ui-accordion-content {
    border: none;
    background: transparent;
    font-weight: inherit
}


.panelTransaction.classAccordionOriginal.ui-accordion.ui-widget textarea {
    font-family: Courier New;
    font-size: 8pt;
}


.panelRejectError.classAccordionOriginal.ui-accordion .ui-accordion-content {
    height: 300px;
    width: 610px;
}

.panelRejectError.classAccordionOriginal.ui-accordion .ui-accordion-content a {
    font-weight: normal;
    font-size: 8pt;
    color: blue;
    font-family: Arial;
    text-decoration: none;
}

.panelRejectError.classAccordionOriginal.ui-accordion .ui-accordion-content a:hover {
    font-weight: normal;
    color: #ff66cc;
    text-decoration: underline;
}

.modalPopupHeader {
    cursor: move;
    background-color: #DDDEDE;
    border: 0px;
    color: Black
}

.EzyFreightFooter {
    /*width: 760px;*/
    background-color: white;
    border: 0px;
}

.CUCTblHeadLightGreen {
    font: 9pt Arial;
    background-color: #eff1f1;
}

.ButNormal:disabled {
    font-size: 8pt;
    font-family: Arial;
    background-color: rgb(223, 236, 236);
    color: lightgray
}

/*JqueryUI upgrade*/
.EzyFreightBackgrd .ui-datepicker {
    width: 14em; /* 20190211, customized width per BST requests */
}

/* Width only — positioning/visibility come from csp-fixes .modalPopup / .modal-visible */
.hwb-print-popup {
    width: 450px;
}

.hwb-print-backdrop.hidden,
.hwb-search-backdrop.hidden,
.flight-print-backdrop.hidden {
    display: none;
}

.hwb-print-backdrop,
.hwb-search-backdrop,
.flight-print-backdrop {
    position: fixed;
    z-index: 10000;
    inset: 0;
    background-color: rgba(128, 128, 128, 0.7);
}

.flight-print-popup {
    width: 450px;
}