/* 
   Copyright exorbyte GmbH, 2005, 2008. All rights reserved.
*/

/* Suggest box style */
.suggBox {
	border: #2D556E 1px solid;
/*	z-index: 1; */
	padding: 0;
	visibility: hidden;
	position: absolute;
	background-color: white;
	min-width: 250px;
}	

.navRow {
	font-size: 11px;
  	color: black;
  	background-color: white;
	font-family:Arial, Helvetica, Sans-Serif;
	width: 100%;
	height: 16px;
	overflow: hidden;
	padding-bottom: 3px;
	border-bottom: black 1px solid;
}

.suggRow {
/* Attention! These must match the colors provided for SetupMMSuggest! */
  	color: black;
  	background-color: white;
   font-size: 11px;
	font-family: Arial, Helvetica, Sans-Serif;
	width: 100%;
	height: 16px;
	overflow: hidden;
}

.suggSides {
	height: 100%;
}

/* Default column styles */
.suggProduct {
/* Attention! Do not specify colors here! */
	font-size: 11px;
	max-width: 70%;
	height: 16px;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
}

.suggMid {
/* Attention! Do not specify colors here! */
	left:160px;
	overflow:hidden;
	position:absolute;
	text-align:left;
	white-space:nowrap;
	width:50px;
	font-size: 11px;
	max-width: 20%;
	padding-right: 3px;
}

.suggCat {
/* Attention! Do not specify colors here! */
	left:240px;
	overflow:hidden;
	position:absolute;
	text-align:left;
	white-space:nowrap;
	font-size: 11px;
	max-width: 65px;
	padding-right: 3px;
}

/* Styles to be used with flag AS_HIERARCHICAL */
.suggHierarchicalProduct {
/* Attention! Do not specify colors here! */
	font-size: 10px;
 	max-width: 100%;
 	overflow: hidden;
 	white-space: nowrap;
 	float: left;
 	text-align: left;
 	padding-left: 3px;
 	padding-right: 3px;
}

.suggHierarchicalCat {
/* Attention! Do not specify colors here! */
	font-size: 10px;
	max-width: 35%;
	overflow: visible;
	white-space: nowrap;
	float: right;
	text-align: right;
	padding-top: 3px;
}	

/* Styles to be used with flag AS_GROUPED and AS_GROUPED_DISPLAYCAT */

.suggGroupCaption {
/* Generated group caption with flags AS_GROUPED and AS_GROUPED_DISPLAYCAT */
   color: #2D556E;
	font-size: 10px;
   font-weight: bold;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
}

.suggGroupProduct {
/* Item when flag AS_GROUPED_DISPLAYCAT */
/* Attention! Do not specify colors here! */
   font-size: 10px;
	max-width: 65%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
}

.suggGroupCat {
/* Category when flag AS_GROUPED_DISPLAYCAT and oneColumn = false*/
/* Attention! Do not specify colors here! */
	font-size: 10px;
	max-width: 35%;
	overflow: visible;
	white-space: nowrap;
	float: right;
	text-align: right;
	padding-top: 3px;
}

.suggGroupProductOnly {
/* Item when flag AS_GROUPED (oneColumn mode) */
/* Attention! Do not specify colors here! */
	font-size: 10px;
	max-width: 100%;
	overflow: hidden;
	white-space: nowrap;
	float: left;
	text-align: left;
	padding-left: 3px;
	padding-right: 3px;
}

.descBox {
	font-family: Arial, Helevtica, Sans-serif;
	font-size: 10px;
   overflow: hidden;
	padding: 0px;
	visibility: hidden;
	position: absolute;
	background-color: #F1F3F5;
	color: black;
	min-width: 100px;
	z-index: 80;
}

.descProduct {
	font-size: 10px; 
 	text-align: left; 
	padding: 3px; 
}

/* Flexform classes */
.fMainSp {
	overflow:hidden;
	white-space:nowrap;
	font-size: 11px;
	position:absolute;
	z-index:100;
}

.fSearchSp {
}

.fTabSp {
	display:inline;
	position:relative;
	right:0;
}

.fCountSp {
	position:absolute;
	right:7px;
	display:inline;
	width:auto;
}

.fTabDv {
	float:left;
	margin-right:3px;
}

.fTabValueDv {
	padding:0 1px;
	font-weight:bold;
	width: 100px;
	overflow: hidden;
}

.fTabNameDv {
	border-left:1px solid #000000;
	border-right:1px solid #000000;
	border-bottom:1px solid #000000;
	padding:1px;
	width: 100px;
}

#flexinput {
	display:inline;
	border:none;
	background-color:transparent;
	position:relative;
}

