.searchLink {
  padding-right: 2px;
  padding-left: 2px;
  white-space: nowrap;
  cursor: pointer;
  text-decoration: none;
}

.searchLinkHover {
  color: #759EBF;
}

.pallet-effect-text {
  margin-top: 5px;
  font-weight: bold;
}

.pallet-effect {
  /* Total width: 416, height:  30 */
  position: absolute;
  width: 400px;
  height: 24px;
  margin-left: -201px; /** icon width is 14px, thus: 7 - 208 */
  margin-top: -44px; /** icon add to pallet icons is 14px, thus 30 + 14 */
  text-align: center;
  background-color: #F0F0F0;
  padding: 5px;
  border: 3px solid orange;
  z-index: 10000;
}

/* 	The first row in every search result table, serving as header for the table */
.headerStyle, .articleHeaderIcon, .productHeaderProductName, .articleHeaderSkuNumber, .articleHeaderDisplayName, .articleHeaderDetails, .articleHeaderUnit, .articleHeaderQuantity, .articleHeaderStock, .articleHeaderPrice, .articleHeaderBuy
{
  font-size: 11px;
  font-weight: bold;
  padding: 5px;
  border-top: 3px solid #7F7F7F;
  border-bottom:1px solid #CCCCCC;
  background: #F0F0F0 none repeat scroll 0 0;
}


.tableandlabel {
  border-collapse: collapse;
  background-color:#fcfcfc;
}

/* May not contain any css elements */
.empty {
}

/* Rows in every search result table */
.tableandlabel .row {
  padding-top:2px;
  padding-bottom:2px;
  border-bottom:1px solid #CCCCCC;
}



/* Rows in every search result table */
.row {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom:1px solid #CCCCCC;
  background-color:#fcfcfc;
}

.presentation-table td {
  padding-right: 3px;
}

td {
  padding-bottom: 3px;
  border: none;
}

.textFieldError {
  border: red 2px solid;
  
}



/* 	The label beneath each search areas
This is where the different user messages is put, for e.g messages that search did not return
any hits */


.searchInfoLabel {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
}

/*	The label beneath each search areas
This style is used when the label presents an error which should be different from the standard
style of the label to highlight the pressence of an error */

.searchInfoLabelError {
  font-family: Arial;
  font-size: 12px;
  font-weight: bold;
  font-style: italic;
  color: #FF8040;
}

.italic {
  font-style: italic;
}

.papyruslink-no-bold, .papyruslink-hover-no-bold, .papyruslink, .papyruslink-hover {
  font-size: 11px;
  font-family: Arial, Helvetica, sans-serif;
  color: #575757;
  text-decoration: none;
}


.papyruslink-base tr td {
  width: 100%;
}

.papyruslink, .papyruslink-hover {
  font-weight: bold;
}

.papyruslink-hover, .papyruslink-hover-no-bold {
  color: #759EBF;
}

/* 	The label that closes the search result, located at the bottom of the search area */
.closeSearch, .closeSearchIcon, .closeSearchIconMouseOver {
  border-bottom-width: 3px;
  border-bottom-style: solid;
  border-bottom-color: orange;
  background-color:#F5F5F5;
  height: 20px;
  padding-top: 6px;
}

.closeSearchIcon {
  background-image: url("../images/Icon/ActionIcon/closeGray.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 26px;
  cursor: pointer;
}

.closeSearchIconMouseOver {
  background-image: url("../images/Icon/ActionIcon/RollOver/closeRed.gif");
  background-repeat: no-repeat;
  background-position: 50% 50%;
  width: 26px;
  cursor: pointer;
}

.arrowLink, .arrowLinkIcon {
  height: 20px;
}

.arrowLinkIcon {
  background-image: url("../images/Icon/NavigationIcon/PilFram.gif");
  background-repeat: no-repeat;
  background-position: 6px 3px;
  padding-left: 7px;
  padding-right: 8px;
  cursor: pointer;
}

.arrowLinkIcon2 {
  background-image: url("../images/Icon/NavigationIcon/PilFram.gif");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  cursor: pointer;
  padding-right: 5px;
  width: 5px;
  height: 13px;
}

.productRowIndent {
  text-indent: 10px;
  height: 17px;
  padding-top: 1px;
}

/*
* ARTICLE SEARCH
*/

.articleHeaderIcon {
  width: 16px;
}

/* 	Header cell for article display name */
.articleHeaderSkuNumber {
  width: 65px;
  text-indent: -5px;
}

.articleHeaderDisplayName {
  width: 100%;
}

/* 	Header cell for article details */
.articleHeaderDetails {
  width: 130px;
}

/* 	Header cell for article unit */
.articleHeaderUnit {
  width: 50px;
}

/* 	Header cell for article quantity */
.articleHeaderQuantity {
  width: 55px;
}

/* 	Header cell for article in stock */
.articleHeaderStock {
  width: 25px;
  text-align: center;
}

/* 	Header cell for article price */
.articleHeaderPrice {
  width: 60px;
  text-align: center;
}

/* 	Header cell for article buy */
.articleHeaderBuy {
  width: 25px;
  text-align: center;
}

.articleIcon {
  width: 16px;
}

.articleSku {
  width: 65px;
  text-indent: 5px;
}

/* 	Row cell for article display name */
.articleDisplayName {
  width: 100%;
  cursor: pointer;
}

/* 	Row cell for article details */
.articleDetails {
  width: auto;
  cursor: pointer;
  text-align: right;
  padding-right: 5px;
}

/* 	Row cell for article unit */
.articleUnit {
  width: 50px;
}

/* 	Row cell for article quantity */
.articleQuantity {
}

/* 	Row cell for article in stock */
.articleStock {
  width: 25px;
  text-align: center;
}

/* 	Row cell for article price */
.articlePrice {
  width: 60px;
  text-align: center;
}

/* 	Row cell for article buy */
.articleBuy {
  margin-right: 5px;
}

/* 	The product search area (including both the table and the label) */
.productSearch {
  margin-top: 5px;
  margin-bottom: 5px;
}

/* 	Header cell for product name */
.productHeaderProductName {
  text-indent: 5px;
}

/* 	Style put on links */
.gwt-Link {
  cursor: pointer;
}

/* 	Text box where user inputs quantity */
.papyrus-listbox {
  border-style: solid;
  border-width: 1px;
  border-color: #7F7F7F;
  width: 55px;
  text-align: right;
}

/* 	gwt Form, if margin-bottom is not set, the forms will put a newline after every </form> tag */
.gwt-Form {
  margin-bottom:0;
}

.papyrus-listbox {
  background-repeat: no-repeat;
  background-image: url("../images/Icon/NavigationIcon/PilNed.gif");
  background-position: 90% 50%;
  text-align: left;
  width: 35px;
  height: 17px;
  cursor: pointer;
}

.papyrus-listbox-text {
  width: 100%;
  height: 100%;
  text-indent: 2px;
}

.papyrus-listbox-text-focus {
  border: dotted 1px;
  border-color: maroon;
  cursor: pointer;
}

.papyrus-listbox-row {
  text-indent: 2px;
  padding: 1px;
  background-color: transparent;
  cursor: pointer;
}

.papyrus-listbox-changedRow {
  background-repeat: no-repeat;
  background-image: url("../images/Icon/NavigationIcon/PilNed.gif");
  background-position: 90% 50%;
  text-align: left;
  width: 35px;
  text-indent: 2px;
  padding: 1px;
  background-color: #FAF8CC;
  border: solid 1px;
  cursor: pointer;
}

.papyrus-listbox-select-row {
  text-indent: 2px;
  border: solid 1px;
  border-color: transparent;
  background-color: #316ac5;
  color: white;
  cursor: pointer;
}

.papyrus-listbox-popup {
  border-width: 1px;
  border-style: outset;
  border-color: black;
  background-color: white;
  z-index:1000;
}

.login-buttons {
  margin-top: 10px;
  width: 100%;
}

.login-popup {
  z-index: 2;
  margin:10px;
}

.login-popup table  {
  padding:0;
  margin:0;
}

.login-popup table span {
  display: block;
  white-space:nowrap;
  margin-top: 10px;
}

.login-remindme {
  margin-top: 10px;
}

.login-fields {
  width: 186px;
}

.login-buttons table tr td{
  margin:0;
  padding:3px;
}


.login-buttons table div{
  margin:0;
  padding-right:1px;
}

.login-popup .popupContent{
  margin:15px;
}

.login-popup-inner {
  width: 190px;
}

.max-width {
  width: 100%;
}

.categoryLabel {
  text-align: right;
}

.gwt-TextBox {
}

.gwt-PasswordTextBox {
}

.image-popup {
  position: absolute;
  border: 3px solid #7F7F7F;
  background: white;
}

.image-popup-close, .image-popup-close:hover {
  width: 100%;
  height: 20px;
  border-bottom: 2px solid #CCCCCC;
  background-color: #F0F0F0;
  background-image: url("../images/Icon/ActionIcon/closeGray.gif");
  background-repeat: no-repeat;
  background-position: 95% 50%;
  cursor: pointer;
}

image-popup-close:hover {
  background-image: url("../images/Icon/ActionIcon/RollOver/closeRed.gif");
}

.image-popup-center {
  background-color: white;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  padding: 5px;
  z-index:10000;
}

.advancedSerachGroupSpace {
}


.advancedSearchHelp {
  font-weight: normal;
}

.gwt-RadioButton 
{
  vertical-align:text-top;
}


.gwt-RadioButton input 
{
  margin-top:2px;
  height:14px;
}

.gwt-CheckBox {
  padding:2px;
  text-align:justify;
}

.gwt-CheckBox input {
  text-align: justify;
  margin-right: 3px;
  vertical-align: middle;
}

.gwt-CheckBox label {
  margin-left:2px;
  margin-top:-2px;
}

.advancedSearchBetweenMargin {
  margin-right: 5px;
  margin-left: 5px;
}

.advancedSearchCheckboxPadding {
  margin-left: 15px;
  padding-left:10px;

}

.advanced-search-help-popup {
  display: block;
  white-space: normal;
}

.advancedSearchScroll {
  border-top-width: 3px;
  border-top-style: solid;
  border-top-color: #7f7f7f;
  width: 100%;
  padding: 10px
}

.searchHits {
  font-style: italic;
}

.presentation-table {
  height: auto;
  width: 100%;
  margin-top:25px;
}