#palletOverlay  {
  position:absolute;
  left:70px;
  width:40px;
  height:20px;
  z-index:2;
}



.centerHeight {
  height: 400px;
  background:#f5f5f5;
  width:700px;
  border-bottom:1px solid #cccccc;

}


.quickAddSkuNumberField
{
  width:55px;
}



.quickAddQuantityField
{
  text-align: right;
  width:50px;
  padding: 0 2px 0 0;
}

.guickAddCommentField{
  width:220px;
}



.error {
  color: #FF0000;
}

.warning {
  color: #0000FF;
}

.quantityError {
  margin-right: 3px;
  text-align: right;
  width: 40px;
  border-color: #FF0000;
  border-style: solid;
}


.editPalletTableheader {
  font-size: 11px;
  font-weight: bold;
  background: #F0F0F0;
  padding: 5px;
  border-bottom: 1px solid  #CCCCCC;
}


.editPalletArticleDeleteCol {
  align: right;
  padding: 5px;
}


.unitDropdown {
  width: 54px;
}

.quickAddLabels {
  font-weight: bold;
}

.sizeLabel {
  font-weight: bold;
  text-align: left;
}

.quickAddArticleField {
  margin-right: 3px;
  width: 70px;
}

.quickAddUnitField {
  margin-right: 3px;
  width: 40px;
}

.quantityField {
  margin-right: 3px;
  text-align: right;
  width: 50px;
}

.commentField {
  margin-right: 3px;

}

.quickAddTable {
  margin-top: 10px;
  width: 200px;
}

.filler {
  width: 100%;
}

.editPalletButton {
  background-image: url("../images/Icon/ActionIcon/RollOver/minusRed.gif");
  cursor: pointer;
  width: 14px;
  height: 14px;
  margin-left: 40%;

}

.palletPanel {


}

.editPalletPanel {
  width:auto;
  height: 373px;
  border-top: 3px solid #7F7F7F;
  padding:0px;
  overflow-x:hidden;
}

.editPalletPanel table {
  width: 100%;
}

.articleDescriptionLabel, .articleDescriptionLabel td {
  border-bottom: 1px solid #CCCCCC;
  padding-bottom:7px;
}

.articleNumberLabel {
}

.articleNameLabel {
  width: 200px;
}

.articleTable {

  border-collapse:collapse;
  border-spacing:0;
}

.articleTable tr td {
  padding-left: 5px;
  padding-right: 5px;
}

.emptyPalletTable {
  text-align: right;
  width: 100%;
  padding-right: 10px;
}

.commandButtonTable {
  width: 100%;
  margin-bottom: 10px;
}


.save {
  background-image:url(../images/Icon/ActionIcon/nextGreen.gif);
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
  cursor: pointer;
  margin-right: 10px;
}


.disableSave {	
  background-image:url(../images/Icon/ActionIcon/nextGray.gif);
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
}

.disableCreateShoppingList
{
  background-image:url(../images/Icon/ActionIcon/nextGray.gif);
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:11px;
  height: 14px;
  width: 14px;
}

.disableSaveLabel {
  font-weight: bold;
}


.disableSave {	
  background-image:url(../images/Icon/ActionIcon/nextGray.gif);
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
}

#leftlowerBottom {
 background-image: url("../images/Icon/ActionIcon/closeGray.gif");
 background-position:100% 100%;
 background-repeat:no-repeat;
 padding-right:20px;
}




.cancel {
 position:absolute;
 top:10px;
 right:10px;
 background-image: url("../images/Icon/ActionIcon/closeGray.gif");
 background-position:100% 100%;
 background-repeat:no-repeat;
 padding-right:15px;
 height: 14px;
 width: 14px;
 cursor: pointer;
}

.cancelRollOver {
  background-image: url("../images/Icon/ActionIcon/RollOver/closeRed.gif");
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
  cursor: pointer;
   position:absolute;
 top:10px;
 right:10px;
}

.createShoppingList {
 
  background-image: url("../images/Icon/ActionIcon/nextGreen.gif");
  background-position:100% 100%;
  background-repeat:no-repeat;
  height: 14px;
  width: 25px;
  cursor: pointer;
}


.emptyPalletButtonRollOver {
  background-image: url("../images/Icon/ActionIcon/RollOver/minusRed.gif");
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
  cursor: pointer;
}

.emptyPalletButton {
  background-image: url("../images/Icon/ActionIcon/minusGray.gif");
  background-position:100% 100%;
  background-repeat:no-repeat;
  padding-right:15px;
  height: 14px;
  width: 14px;
  cursor: pointer;
}

.editPalletDeleteButton  {
  background-image: url("../images/Icon/ActionIcon/RollOver/minusRed.gif");
  background-position:100% 50%;
  background-repeat:no-repeat;
  cursor: pointer;
  width: 14px;
  height: 14px;
}

.addToPalletButton {
  background-image: url("../images/Icon/ActionIcon/plusGray.gif");
  background-position:center center;
  background-repeat:no-repeat;
  cursor: pointer;
  width: 20px;
  height: 20px;
}

.saveButtonColumn {
  text-align: right;
}



.cancelButtonColumn {
}





.dialogBoxYesButton {
  margin-left:20%;
  margin-top: 10px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  width: 50px;
  padding-left:8px;
  background:  url(../images/Icon/NavigationIcon/PilFram.gif) no-repeat 2px  5px;
  font-weight:bold;
  border:none;
  color:#575757;
  cursor:pointer;
}


.dialogBoxYesButton:hover {
 color: #759EBF;
}



.dialogBoxNoButton {
  margin-left:20%;
  margin-right: 5px;
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  width: 50px;
  padding-left:8px;
  background:  url(../images/Icon/NavigationIcon/PilFram.gif) no-repeat 2px  5px;
  font-weight:bold;
  color:#575757;
  border:none;
  cursor:pointer;
}


.dialogBoxNoButton:hover {
 
  color: #759EBF;
  
}


.dialogBoxLabel {
  margin-top: 10px;
  font-size:12px;
  margin-left:15px;

}



.editPallet-PopupPanel {
  padding: 3px;
  position: absolute;
  top: 30px;
  height: 605px;
  left: 200px;
  z-index:2;
}


.quickAddFields{
  background: #FF0099;

}


.editPallet-popupContent {

  height: 540px;
  font-size: 11px;
  padding: 5px;
  z-index:1;
}


.popupMiddleCenter {
  padding: 5px;
  background:white;
  height: auto;
  border: 3px solid #7f7f7f;

}
.popupTopCenter {
}

.commentField  {
  width:200px;
}

html>body .popupBottomCenter {
}

* html .popupBottomCenter {
}

.dialogContent {
  width: 215px;
  z-index:2000;
  padding:8px;
  text-align:center;
}



.editPallet-DialogBox {
  z-index:2000;
}

.dialogMiddleCenter {
  background: white;
  z-index:2000;
  border: 2px solid #7f7f7f;
}

html>body .dialogTopCenter {

  z-index:2000;

}
* html .dialogTopCenter {


}
html>body .dialogBottomCenter {

}
* html .dialogBottomCenter {

  z-index:2000;
}
.dialogMiddleLeft {

  z-index:2000;
}
* html .dialogMiddleLeft {

  z-index:2000;
}
html>body .dialogMiddleRight {

  width:5px;
}
* html .dialogMiddleRight {

}
.dialogTopLeftInner {
  width: 5px;
  zoom: 1;
}
.dialogTopRightInner {
  width: 5px;
  zoom: 1;
}
.dialogBottomLeftInner .dialogBottomCenterInner .dialogTopCenterInner {
  width: 5px;
  zoom: 1;
}
.dialogBottomRightInner {
  width: 5px;
  zoom: 1;
}
html>body .dialogTopLeft {

}
html>body .dialogTopRight {

}
html>body .dialogBottomLeft {

}
html>body .dialogBottomRight {

}


* html .dialogTopLeft {
  width: 5px;
  overflow: hidden;

}
* html .dialogTopRight {
  width: 8px;
  overflow: hidden;

}
* html .dialogBottomLeftInner {
  width: 5px;
  height: 23px;
  margin-top: -15px;
  overflow: hidden;
}

* html .dialogBottomRightInner {
  width: 13px;
  height: 23px;
  margin-left: -5px;
  margin-top: -15px;
  overflow: hidden;
}


.aSearchBody .gwt-PopupPanel {
background:white none repeat scroll 0 0;
border:2px solid #7F7F7F;
padding:3px;
width:auto;
}



.gwt-PopupPanel .popupContent table  .createShoppingList  {
margin-left:-8px;
}
.gwt-PopupPanel .popupContent table  #leftLowerBottom {
margin-right:20px;
}

.gwt-PopupPanel .popupContent table tr td
{
padding:2px;
}