.upperCase{
   text-transform: uppercase; 
 } 
 

h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}




.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}

code {
  font-size: small;
}

a {
  color: darkblue;
}

a:visited {
  color: darkblue;
}

.gwt-BorderedPanel {
}

.gwt-Button {
}

.gwt-Canvas {
}

.gwt-CheckBox {
  font-size: smaller;
}

.gwt-DialogBox {
  sborder: 8px solid #C3D9FF;
  border: 2px outset;
  background-color: white;
}

.gwt-DialogBox .Caption {
  background-color: #C3D9FF;
  padding: 3px;
  margin: 2px;
  font-weight: bold;
  cursor: default;
}

.gwt-FileUpload {
}

.gwt-Frame {
}

.gwt-HorizontalSplitter .Bar {
  width: 8px;
  background-color: #C3D9FF;
}

.gwt-VerticalSplitter .Bar {
  height: 8px;
  background-color: #C3D9FF;
}

.gwt-HTML {
  font-size: smaller;
}

.gwt-Hyperlink {
}

.gwt-Image {
}

.gwt-Label {
  font-size: smaller;
}

.gwt-ListBox {
}

.gwt-MenuBar {
  background-color: #C3D9FF;
  border: 1px solid #87B3FF;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem {
  padding: 1px 4px 1px 4px;
  font-size: smaller;
  cursor: default;
}

.gwt-MenuBar .gwt-MenuItem-selected {
  background-color: #E8EEF7;
}

.gwt-PasswordTextBox {
}

.gwt-RadioButton {
  font-size: smaller;
}

.gwt-TabPanel {
}

.gwt-TabPanelBottom {
  border-left: 1px solid #87B3FF;
}

.gwt-TabBar {
  background-color: #C3D9FF;
  font-size: smaller;
}

.gwt-TabBar .gwt-TabBarFirst {
  height: 100%;
  border-bottom: 1px solid #87B3FF;
  padding-left: 3px;
}

.gwt-TabBar .gwt-TabBarRest {
  border-bottom: 1px solid #87B3FF;
  padding-right: 3px;
}

.gwt-TabBar .gwt-TabBarItem {
  border-top: 1px solid #C3D9FF;
  border-bottom: 1px solid #87B3FF;
  padding: 2px;
  cursor: pointer;
  cursor: hand;
}

.gwt-TabBar .gwt-TabBarItem-selected {
  font-weight: bold;
  background-color: #E8EEF7;
  border-top: 1px solid #87B3FF;
  border-left: 1px solid #87B3FF;
  border-right: 1px solid #87B3FF;
  border-bottom: 1px solid #E8EEF7;
  padding: 2px;
  cursor: default;
}

.gwt-TextArea {
}

.gwt-TextBox {
}

.gwt-Tree {
}

.gwt-Tree .gwt-TreeItem {
  font-size: smaller;
}

.gwt-Tree .gwt-TreeItem-selected {
  background-color: #C3D9FF;
}

.gwt-StackPanel {
}

.gwt-StackPanel .gwt-StackPanelItem {
  background-color: #C3D9FF;
  cursor: pointer;
  cursor: hand;
}

.gwt-StackPanel .gwt-StackPanelItem-selected {
}

/* -------------------------------------------------------------------------- */
.ks-Sink-Error {
	color: red;
	font-size: 15
}

.ks-Sink {
  border: 2px solid #8B4500;
  background-color: #E8EEF7; 
}

.ks-Sink-Container {
  border: 0px solid #8B8B8B;
  /*background-color: #E8EEF7;*/
  width: 100%;
  height: 100%; 
}

.ks-Sink-Full {
  border: 1px solid #8B8B8B;
  background-color: #E8EEF7;
  width: 100%;
  height: 100%; 
}

.ks-Sink-Full-Width {
  border: 1px solid #FF0000;
  background-color: #E8EEF7;
  width: 100%;
}

.ks-Sink-Full-Flex {
  border: 1px solid blue;
  background-color: #E8EEF7;
  width: 100%;
}


.ks-Sink-Border2 {
  border: 2px solid #8B4500;
  background-color: #E8EEF7; 
}

.ks-Sink-Border1 {
  border: 0px solid #528B8B;
  /*background-color: #E8EEF7;*/ 
  font-size: large;
}





.ks-Sink-East {
  border: 4px solid #8B4500;
  background-color: #E8EEF7;
}

.ks-Sink-South {
  border: 0px solid #528B8B;
  /*background-color: #E8EEF7;*/
}

.footerHTML {
	font-size: smaller;
}

.ks-Info {
  /*background-color: #C3D9FF;*/
  padding: 10px 10px 2px 10px;
  font-size: large;
}

.ks-ExtraInfo{
	font-size: large;
}

.ks-List .ks-SinkItem {
  width: 100%;
  padding: 0.3em;
  padding-right: 16px;
  cursor: pointer;
  cursor: hand;
}

.ks-List .ks-SinkItem-selected {
  background-color: #C3D9FF;
}

.ks-images-Image {
  margin: 8px;
}

.ks-images-Button {
  margin: 8px;
  cursor: pointer;
  cursor: hand;
}

.ks-layouts {
  margin: 8px;
}

.ks-layouts-Label {
  background-color: #C3D9FF;
  font-weight: bold;
  margin-top: 1em;
  padding: 2px 0px 2px 0px;
  width: 100%;
}

.ks-layouts-Scroller {
  height: 128px;
  border: 2px solid #C3D9FF;
  padding: 8px;
  margin: 8px;
}

.ks-popups-Popup {
  background-color: white;
  border: 1px solid #87B3FF;
  padding: 4px;
}

.infoProse {
  margin: 8px;
}

.Customs-Msg {
  margin: 8px;
  background-color: yellow;
  font-weight: bold;
  font-size: 12pt;
}


.topLevel{
	width: 100%;
	/*border: 1
	background-color: #E8EEF7;*/
}


.northPanelCell{
	/*background-color: #E8EEF7;*/
	width: 100%;
	height: 5em
}

.northPanel{
	width: 100%;
}

.ks-Sink-North {
  border: 1px solid #528B8B;
  /*background-color: #E8EEF7;*/
  width: 100%;
  height: 100%;
  
}


.southPanelCell{
	/*background-color: #E8EEF7;*/
	height: 2em;
}

.centerPanelCell{
	/*background-color: #E8EEF7;*/
	vertical-align: top;
	width: 90%;
}

.centerPanel{
	width: 100%;
}

.ks-Sink-Centre {
  /*border: 5px solid #C3D9FF;*/
  width: 100%;
}


.westPanelCell{
	/*background-color: #E8EEF7;*/
	vertical-align: top;
	width: 10%;
}

.westPanel{
	width: 100%;
	padding: 1px 1px 1px 1px;
}

.ks-Sink-West {
  border: 0px solid #8B4500;
  padding: 10px 10px 10px 10px;
  width: 100%;
}

.listViewWest {
  margin-top: 8px;
  margin-bottom: 8px;
  font-size: large;
  width: 100%;
}


.shipmentEntryTable{
	empty-cells: hide;
	border: thin;	
}

.shipmentEntryTableSummary{

}


.rateRequestPanel{
	border: thin;	
}

.rateButtonsPanel{
	padding: 5px 5px 5px 5px;
}

.packageInfoPanel{
	
}

.andOrdecoratorPanel{
	font-size: large;
}
.categoryFilterView{
	font-size: medium;
}

.filterInfoTable {
	border: 2px;
}

.quoteFilterDetailsType{
	font: bold;
	font-size: smaller;
}

.quoteFilterDetailsData{
	font-size: smaller;
}

.singleQuoteViewWithMargin{
	font: bold;
	font-size: 14pt
	color: gray;
}

.singleQuoteView{
	font: bold;
	font-size: 50pt;
}
	
.shipmwentDetailsSingleQuoteView{
	font: bold;
	font-size: large;
}

.quoteOnly{
	font: bold;
	font-size: large;
}

.vatQuote{
	font: normal;
	font-size: medium;
}

.contactAddress{
	font: bold;
	font-size: large;
}
.addressAndContact{
	font: normal;
	font-size: medium;
}

.contactAddressTable{
	border: 2px
}
.quoteRequest{
	font: bold;
	font-size: medium;
}

.quoteRequestsummary{
	font: normal;
	font-size: medium;
}

.trackResult{
	font: normal;
	font-size: medium;
}

.addRightRemoveLeft {
	height: 350px;
    width: 200px;
    border: 1px solid #ccc;
    text-align: left;
}

.colStyle{
	width: 30px;
}


.printImage{
	background-image: none;
	border: 5px;
	border-color: red;
}


.quoteSummaryCol1{
	font: normal;
	font-size: small;
}
	
.quoteSummaryCol2{
	font: bold;
	font-size: medium;
}

.quoteSummary{
	font: bold;
	font-size: normal;
	border-style:inset;
	border-width: thick;
	border-color: gray;
}

.dvcsNotApplicable{
	font: normal;
	font-size: small;
	margin: 2px;
	padding: 2px;
	border-radius: 0.5em; 	
	background-color: rgb(255, 248, 220);
}

.dvcsStyle{
	font: normal;
	font-size: small;
}
.dvcsRate{
	font: normal;
	font-size: small;
}

.additonalService{
	font: normal;
	font-size: small;
}

.commodityBreakDownPopupPanel{
	
}

.breakDownContentTitle{
	font: normal;
	font-size: large;
	background-color: #B5B5B5
}

.breakDownDescription{
	font: normal;
	font-size: large;
	background-color: #B5B5B5
}

.validEmailAddressFormat{
	border-color: green;
	border-width: 2;
}

.notValidEmailAddressFormat{
	border-color: red;
	border-width: 2;
}

.popupPDF{
	font: normal;
	font-size: large;
	background-color: yellow;
}

.reBookingAlert{
	font: normal;
	font-size: small;
	background-color: yellow;
}
.bookShipmentServices{
	font:normal;
	font-size: medium;
 }
 
 .popupDescriptionTextArea{
 	font:normal;
	font-size: medium;
	width: 40em;
	height:10em;
	border-style: groove;
 }
 
 .popScrollPanel{
 	
 }
 
 .quoteRestriction{
 	font: normal;
	font-size: 10pt;
	font-weight:bold;
	color:black;	
	background-color: yellow;
	border: 1px solid maroon;
	padding:0.5em;
	border-radius:0.8em;
 }
 
 .noResultFound{
 	font: normal;
	font-size: large;
	background-color: yellow;
	border-style: dotted;
 }
 
 
 .header{
	font-size: large;
 }
 
 .systemViewInofPanel{
   	font-size: large;
   	margin-left: 5px;
 }

 .signOut{
 	font-size: large;
 	margin-left: 5px;
 }
 
 
 
 .enhancedCover{
 	font: medium;	 
 }
 
 .totalDeclaredValue{
 	font: medium;
 	border: thin;
 	border-color: green; 
 	border-style: solid;	 
 }
 
 .totalDeclaredValueWarning{
 	font: medium;
 	border: thin;
 	border-color: maroon; 
 	border-style: solid;	 
 }
 
 .termsAndConditionScreen{
 	width: 800px;
 	height: auto;
 }
 
 .termsAndConditionScreenFrame{
 	width: 100%;
 	height: 700px;
 }
 
 .termsAndCondition{
 	font-size: large;
 }
 
 
 .carrierChargeInfo{
 	font: samll;
 	border: thin;
 	border-color: gray; 
 	border-style: solid;
 	background-color: silver;
 }
 
 .details{
 	font-size: medium;
 	border: thin;
 	border-color: gray; 
 	border-style: solid;
 	padding: 5pt;
 }
 
 .postCodeLookup {
	height: 300px;
    border: 1px solid #ccc;
    text-align: left;
}

.waitingForBookingConfirmation{
	font-size: large;
}

.browserVersionWarning{
	padding: 10;
	text-align: center;
	font-size: large;
	font-weight: normal;
 	border: 0;
 	border-color: gray; 
 	border-style: solid;
 	color: red;
 	background-color: yellow;
}

.customerInstruction{
	font-size: medium;
	font-weight: normal;
}
.addressFilterBy{
	font-size: medium;
	font-weight: normal;
}
.filterAddressInfo{
	font-size: medium;
	font-weight: normal;
}

.warnLetterDVCS{
	padding: 10;
	text-align: center;
	font-size: large;
	font-weight: normal;
 	border: 0;
 	border-color: gray; 
 	border-style: solid;
 	color: red;
 	background-color: yellow;
}
.commecialInvoiceBreakDownWarning{
	padding: 10;
	text-align: center;
	font-size: medium;
	font-weight: normal;
 	border: 0;
 	border-color: gray; 
 	border-style: solid;
 	color: red;
 	background-color: yellow;
}

.locationFound{
	
}
.locationNotFound{
	padding: 10;
	text-align: left;
	font-size: large;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: red;
 	background-color: yellow;
}
.upsdAdultSignatureRequired{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: black;
 	background-color: yellow;
}
.declarationStatementSelectorPanel{
	border-style: solid;
	border-color: lightBlue;
	border-width: thin;
	border-spacing: 2pt;
}
.declarationStatmentHeader{	
    font-size: 1.3em;
	background-color: lightblue;
	margin: 0.5em;
	padding: 0.2em;
	border-radius: 0.3em;	
}
.declarationStatment{    
    font-size: small;
    margin: 5pt 5pt 5pt 5pt;
}

.ciFileEdit{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: black;
 	background-color: yellow;
}

.greenlabel{
	font-size: 10pt;
}

.commecialInvoiceExtra{
	table-layout: auto;
}
.addRemoveHeader{
	font-size: medium;
    background-color: lightblue;
    margin: 1pt 1pt 1pt 1pt;
}

.ciBreakDownHP{
	border-style: solid;
	border-color: lightBlue;
	border-width: thin;
	border-spacing: 2pt;
}
.richTextArea{
	border-style: solid;
	border-color: lightBlue;
	border-width: thin;
	border-spacing: 2pt;
}

.DocumentAssociationUploadedFileInfo{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: black;
 	background-color: yellow;	
}
.EnhancedCoverTypeExplantory{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: black;
 	background-color: yellow;
}
.FormsSuggestionHeader{
	padding: 5;
	text-align: left;
	font-size: small;
	font-weight: bold;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: black;
 	background-color: yellow;
}

.FormInfoViewMoreButton{
	padding: 5;
	text-align: left;
	font-size: small;
	font-weight: normal;
 	border: hidden;
 	border-color: inherit; 
 	border-style: none;
 	color: blue;
}

.FormInfoView{
	padding: 10;
	text-align: left;
	font-size: small;
	font-weight: normal;
 	border: thin;
 	border-color: blue; 
 	border-style: ridge;
 	color: black; 	
}

.WaitingForResponse{
	padding: 20;
	text-align: center;
	font-size: xx-large;
	font-weight: bold;
 	color: black;
 	border-width: 0px;
 	background-color:rgba(100,100,100,0.5); 	
}

.SendingParcelFomratReques{
	font-size: large;	
}

.systemAccessInfoHeader{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: thin;
 	border-color: blue; 
 	border-style: ridge;
 	color: black;
 	background-color: rgba(100,100,100,0.5);
}

.insightFilterByHeader{
	padding: 10;
	text-align: left;
	font-size: medium;
	font-weight: normal;
 	border: thin;
 	border-color: blue; 
 	border-style: ridge;
 	color: black;
 	background-color: rgba(100,100,100,0.5);
}

.totalDQRequired{
	padding: 10;
	text-align: center;
	font-size: medium;
	font-weight: bold;	
}
.requestPerformDQ{
	padding: 10;
	text-align: left;
	font-size: small;
	font-weight: normal;
 	border: thin;
 	border-color: blue; 
 	border-style: ridge;
 	color: black;
 	background-color: rgba(100,100,100,0.5);
} 

.pickupResponse{
	padding: 10;
	text-align: left;
	font-size: small;
	font-weight: normal;
 	border: thin;
 	border-color: blue; 
 	border-style: ridge;
 	color: black;
 	background-color: rgba(100,100,100,0.5);
}
	
.fedExInsightRefundRequestClaimWarning2{	
	padding: 10;
	text-align: left;
	font-size: large;
	font-weight: bold;
 	border: 0;
 	color: black;
 	background-color: rgba(100,100,100,0.5); 	
}

.fedExInsightRefundRequestClaimWarning{
	font: normal;
	font-size: medium;
	background-color: yellow;
	border-color: maroon;
}

.fedExExceptionStatus{
	font-weight : bold;
	font-size : large;
	color : maroon
}
.left{
	float: left;
}

.mbeheader{	
    font-size: large;
    background-color: lightblue;
    margin: 5pt 5pt 5pt 5pt;	
}


.mbeshipbutton{
	font-size:10pt;
	/*font-family: arial,sans-serif;					
	font-weight:normal;
	background-color:#357ae8;	
	color:#fff;
	margin:0.1em 0.5em;
	padding:0.1em 0.5em;
	vertical-align:middle;
	border-radius:0.5em;
	cursor:pointer;
	position:relative;*/
}
/*
.mbeshipbutton:hover{
	box-shadow:1px 1px 1px 2px #888;
}
.mbeshipbutton:ACTIVE{
	border:1px solid #3079ed;
}
*/

.mbeshiptext{
	font-size:10pt;
	font-family: arial,sans-serif;
}

.justInfoText{
	font-size:10pt;
	font-family: arial,sans-serif;
	font-weight: bold;
}

.dqDHLmsg{
	padding: 0.5em;
	margin:2px;
	text-align: left;
	font-size: 10pt;;
	font-weight: bold;
 	border: 1px solid silver;
 	color: black;
 	background-color: yellow;
 	border-radius: 0.8em; 
}

.surCharge{
	padding: 0.2em;
	margin:2px;
	font-size: 10pt;;
	font-weight: bold;
 	border: 1px solid blue;
 	color: black;
 	background-color: yellow;
 	height:1em;
 	border-radius: 50%;
}

.debug-temp{
	border: 2px solid red;
	padding: 3px;
}

#confirm-shipmentDetails{
	display:none;
	width: 100%;
	height: 100%;
	z-index: 80;
	background-color: #F9F9F9;
}

#confirm-title{
	font-weight: bold;
  font-size: 2em;
  color: blue;
  padding: 0.1em;
  text-align: center;
}

#confirm-body{
	margin: 0.5em;
}


.confirm-section{
 border: 1px solid silver;	
 margin-bottom: 0.6em;
 border-radius: 0.5em;
 background-color: #f2f2f2;	
}

.confirmS-section-title{
	padding: 0.2em 0.5em;
  font-size: 1.4em;
  color: blue;
}

.confirmS-section-body{
	border: 1px solid silver;
  padding: 0.1em 0 0.5em 0;
}


.bh{
	font-weight: bold;
  padding: 0.2em 2em 0.2em 0.2em;
  background-color: #dadada;
}

.bhl{
	font-weight: normal;
    font-size: 0.9em;
    padding: 0.1em 0.5em 0.1em 0.1em;
}

.bha {
	padding: 0.2em 8em 0.2em 2em;
}
.sdt{
	
}
#confirm-body-wrapper{
	margin-top: 0.5em;
	background: ghostwhite;
	padding: 0.5em;
	border-radius: 0.5em;
}

.telh{
	font-weight:bold; 	
}


.carrier-logo{
	margin: 2px 5px;
	width: 45px;
	height: 30px;
}

.prevpdfdiv{
	float: left;
	margin: 0.5em;
	background-color: #F2F2F2;
	border: 1px solid silver;
	padding: 0.3em;
	border-radius: 0.3em;
	cursor: pointer;
}
.clfx{
	clear: both;
}

.useCenterAddress{
	color: #555;
	font-size: smaller;
	background: floralwhite;
	border-radius: 0.3em;
}

#gplaces{
	display: none;
}
      
#map_canvas {
  height: 300px;
  width: 400px;
  margin-top: -0.2em;
  display: none;
}