/*
 * This style sheet describes the eCOS style settings. It
 * defines the base for all eCOS Systems and all browsers.
 * Company specific (custom) and browser specific styles are
 * loaded after the definitions here and overwrite them.
 *
 * eCOS System Administrators: DO NOT MODIFY THIS FILE!
 * Edit custom.css to adapt eCOS to your corporate identity
 *
 * Copyright (C) Healy Hudson GmbH 2000-2007
 */

/* the following DUMMY.STYLE compensates bugs of some browsers */
DUMMY.STYLE {
}

/** global settings     */
A {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2222DD;
}

BODY {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	background-color: #FFFFFF;
}

.invisible {
	display: none;
}

.nowrap {
	white-space: nowrap;
}

.pointer {
	cursor: pointer;
}

.middle {
	vertical-align: middle;
}

.middlebold {
	vertical-align: middle;
    font-weight: bold;
}

.winnergreen {
    background-color: lightgreen;
    vertical-align: middle;
    font-weight: bold;
}

.winnerposgreen {

    background-color: #C0FFC0;
    font-weight: bold;
}

.cancelpos {
    color: #999999;
}

.rightspacer {
    width: 30px
}

.childrenmiddle{
}

.childrenmiddle>* {
	vertical-align: middle;
}

*html .childrenmiddle * {
	vertical-align: middle;
}

*html .childrenmiddle * * {
	vertical-align: '';
}

.childrenmiddle> SPAN{
	vertical-align: bottom;
}

BODY.FrameMain {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	background-color: white;
}

BODY.MenuFrame {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	margin: 0;
	background-color: #efefef;
}

FONT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

INPUT {
	font-size: 9pt;
	color: black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

OPTION {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}

PRE {
	font-family: monospace;
	font-size: 10pt;
}

SELECT {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}

SPAN {
	font-family: Verdana, Arial, Helvetica, sans-serif; /*font-size: 9pt;*/
	color: black;
    background-image: url(../images1/pixel.gif);
}

TABLE {
	margin: 0;
	padding: 0;
	border-width: 0;
}

TD, TD.ErrorLink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}

TD.Mono {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: black;
}

TH {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	color: black;
}

TH.DataColumn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	border-width: 1px;
}

TH.topvalign {
	vertical-align: top;
}

TD.DataColumn {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	border-width: 1px;
}

TH.DataColumnAlt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	background-color: #7d7d7d;
	border-width: 1px;
}

TD.DataColumnAlt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	background-color: #7d7d7d;
	border-width: 1px;
}

A.Bold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #2222DD;
	font-weight: bold;
}

A.BasketLink {
	color: #000000;
	text-decoration: none;
}

A.ErrorLink {
	color: #FF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

A.ErrorLink:hover {
	color: #FF6666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

A.WarningLink {
	color: #0000FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

A.WarningLink:hover {
	color: #6666FF;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

A.CrossProduct {
	font-style: italic;
	font-size: 10pt;
}

A.Navigation {
	color: #000077;
	text-decoration: none;
	font-size: 9pt;
}

A.new {
	color: #000000;
	font-weight: bold;
	vertical-align: super;
	text-decoration: none;
	font-size: 10pt;
}

A.attachment {
}

A.grnnewslink {
	vertical-align: middle;
}

A.ProductGroup {
	font-size: 10pt;
}

/* Link used in a Tabdialog */
A.TabLabel {
	background-color: #000000;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	font-size: smaller;
}

A.text {
	font-size: 10pt;
}

/**	list header - sortable, not activated */
A.thead {
	font-size: 8pt;
	color: #000000; /*text-decoration: none;*/
}

/**	list header - sorted ascending/descending */
A.thead_asc, A.thead_desc {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

/**	list header with different colour for sortable (no differenet colour used yet - sortable, not activated */
A.thead_asc_colour, A.thead_desc_colour {
	font-size: 8pt;
	color: #0d44a8;
	font-weight: bold;
}

A.theadSortableColoured {
	font-size: 8pt;
	color: #000000; /*text-decoration: none;*/
}

/**	list header - with different colour (red) for sorted ascending/descending */
DIV.thsort {
	display: inline-block;
	vertical-align: middle;
}

* html DIV.thsort {
	display: inline;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}

/* for IE 6 see http://www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css/ */
* + html DIV.thsort {
	display: inline;
	line-height: 1px;
	font-size: 1px;
	overflow: hidden;
}

/* for IE 7 see http://www.ruzee.com/blog/2007/05/align-list-items-horizontally-with-css/ */

A.block {
	display: block;
}

A.thead_sortcol {
/* do not remove needed to trick our stylewriter class */
}

A.thead_sortcol IMG {
	vertical-align: middle;
}

DIV.tree_line {
	white-space: nowrap;
}

.TreeNode16, .TreeNode24, .TreeNode24Bold,
	A.TreeNode16, A.TreeNode24, A.TreeNode24Bold {
	color: #000077;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
}

.TreeNode16, .TreeText16,
	A.TreeNode16, A.TreeText16 {
	height: 16px;
	font-size: 12px;
	line-height: 10px;
}

.TreeNode24, A.TreeNode24 {
	height: 24px;
	font-size: 20px;
	line-height: 16px;
}

.TreeNode24Bold, A.TreeNode24Bold {
	height: 24px;
	font-size: 20px;
	line-height: 16px;
	font-weight: bold;
}

BODY.small {
	font-size: 9pt;
}

FONT.CopyrightBig {
	color: #000000;
	text-decoration: none;
	font-size: 9pt;
}

FONT.CopyrightSmall {
	color: #000000;
	text-decoration: none;
	font-size: 8pt;
}

FONT.menu {
	background-color: #000000;
	color: #cccccc;
	font-weight: bold;
	text-decoration: none;
	font-size: smaller;
}

FONT.MessageBlue {
	color: #3333FF;
	font-size: 9pt;
}

TD.MessageBlue {
	color: #3333FF;
	font-size: 9pt;
}

FONT.OrderType {
	color: #606060;
	font-size: 8pt;
}

TD.OrderType {
	color: #606060;
	font-size: 8pt;
}

FONT.MessageBlueBold {
	color: #FF5522;
	font-weight: bold;
	font-size: 11pt;
}

TD.MessageBlueBold {
	color: #3333FF;
	font-weight: bold;
	font-size: 11pt;
}

FONT.Bold {
	font-weight: bold;
}

FONT.MessageGreenBold {
	color: #00AA00;
	font-weight: bold;
	font-size: 9pt;
}

FONT.MessageHeader {
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-size: 9pt;
}

FONT.MessageSystemHeader {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: none;
	font-size: 12pt;
}

FONT.MessageRed {
	color: #FF0000;
	font-size: 9pt;
}

FONT.MessageRedBold {
	color: #FF0000;
	font-weight: bold;
	font-size: 9pt;
}

FONT.textsmall {
	font-size: 8pt;
}

INPUT.ListButton {
	vertical-align: middle;
}

INPUT.BasketLink {
	font-weight: bold;
	font-size: 10pt;
	font-variant: normal;
	text-align: center;
}

INPUT.percent, INPUT.offset {
	text-align: right;
}

INPUT.ListRows {
	background-color: #efefef;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
}

INPUT.ListPage {
	background-color: #7d7d7d;
}

INPUT.InvalidInput {
	background-color: #FFFF66;
}

INPUT.Readonly {
	background-color: #7d7d7d;
}

INPUT.Calculator,
	INPUT.CalculatorButton,
	INPUT.CalculatorButtonDoubleWidth, INPUT.CalculatorButtonDoubleHeight,
	INPUT.CalculatorButtonWhite {
	width: 100%;
	font-size: 12pt;
	font-family: monospace;
	text-align: right;
}

INPUT.Calculator {
	padding-right: 0.43cm;
}

INPUT.CalculatorButton {
	width: 30px;
	height: 30px;
}

INPUT.CalculatorButtonWhite {
	width: 30px;
	height: 30px;
	background-color: #eeeeee;
}

INPUT.CalculatorButtonDoubleWidth {
	width: 60px;
	height: 30px;
	background-color: #eeeeee;
}

INPUT.CalculatorButtonDoubleHeight {
	width: 30px;
	height: 60px;
}

INPUT.date {
	font-size: 9pt;
	font-variant: normal;
}

INPUT.DialogButton {
}

INPUT.FileSelect_FileInput {
	width: 304px;
	font-size: 9pt;
}

INPUT.money {
	font-size: 9pt;
	text-align: right;
}

INPUT.number {
	font-size: 9pt;
	text-align: right;
}

INPUT.text {
	font-size: 9pt;
}

INPUT.displaytext {
	color: gray;
}

INPUT.HiliteBorder {
	font-size: 9pt;
	border: 2pt inset green;
}

INPUT.Hilite {
	font-size: 9pt;
	color: #0000FF;
}

INPUT.Error {
	font-size: 9pt;
	color: #FF0000;
}

INPUT.TextSearch {
	font-weight: bold;
	font-size: 12pt;
}

INPUT.text.displaytext {
	color: gray;
}

INPUT.Search {
	font-weight: bold;
	font-size: 12pt;
}

INPUT.OrderDeliveryDate {
	font-size: 9pt;
	font-variant: normal;
	width: 80px;
	text-align: center;
}

TABLE.OrderDeliveryFrame {
	padding: 1px;
	margin: 0;
	background-color: #7d7d7d;
	width: 100%;
	border-width: 0;
}

TD.OrderDeliveryDate {
	font-size: 9pt;
	font-variant: normal;
	width: 80px;
	text-align: center;
}

TD.OrderDeliveryType {
	font-size: 9pt;
	font-weight: bold;
	width: 130px;
}

TD.OrderDeliveryAmount {
	font-size: 9pt;
	font-variant: normal;
	width: 80px;
	text-align: right;
}

TD.OrderDeliveryMoney {
	font-size: 9pt;
	font-variant: normal;
	width: 150px;
	text-align: right;
}

OPTION.Calculator {
	width: 100%;
	white-space: pre;
	font-size: 12pt;
	font-family: monospace;
	text-align: right;
}

OPTION.Disabled {
	color: #808080;
}

OPTION.Hilite {
	color: #0000FF;
}

SELECT.Calculator {
	width: 100%;
	white-space: pre;
	font-size: 12pt;
	font-family: monospace;
	text-align: right;
}

SELECT.FileSelect_DirList {
	width: 159px;
	font-size: 9pt;
}

SELECT.FileSelect_DirPopup {
	width: 280px;
	font-size: 9pt;
}

SELECT.FileSelect_FileList {
	width: 159px;
	font-size: 9pt;
}

SELECT.FileSelect_FilterPopup {
	width: 324px;
	font-size: 9pt;
}

SELECT.FullWidth {
	width: 100%;
	font-size: 8pt;
}

SELECT.text {
	font-size: 8pt;
}

SELECT.ListRows {
	background-color: #FFFFFF;
}

SELECT.Search {
}

SPAN.BasketLinkCurrentAmount {
	font-weight: bold;
	font-size: 10pt;
}

/*  for display of budgets  */
SPAN.Budget {
	color: #000000;
	font-size: 10pt;
}

/* exceeded budgets    */
SPAN.BudgetExceeded {
	color: #ff0000;
	font-weight: bold;
	font-size: 10pt;
}

SPAN.CrossProduct {
/*  used to be right-aligned    */
}

TABLE.BasketLink {
	margin: 0;
	padding: 0;
}

TABLE.border {
	margin: 0;
	padding: 3px;
	border-width: 1px;
	border-collapse: collapse;
}

TABLE.infotext {
	margin: 0;
	padding: 0;
	background-color: #cccccc;
	border-width: 0;
}

TABLE.CatalogTable {
	padding: 0;
	font-size: smaller;
	margin: 1px;
	background-color: #ffffff;
	width: 100%;
	border-width: 0;
}

TABLE.Comment {
	padding: 2px;
	font-size: 8pt;
	margin: 0;
	background-color: #ffffff;
	width: 98%;
	border-width: 0;
}

TABLE.ProjOverview {
	padding: 2px;
	font-size: 8pt;
	margin: 0;
	width: 98%;
	border-width: 0;
}

TABLE.ProjDetailView {
	padding: 2px;
	font-size: 9pt;
	margin: 0;
	background-color: #ffffff;
	width: 60%;
	border-width: 0;
}

TABLE.DatePopup {
	margin: 0;
	padding: 0;
	border-width: 0;
}

TABLE.dialog100 {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	width: 100%;
	border-width: 0;
}

TABLE.dialog0, TABLE.catdetails {
	padding: 0;
	margin: 0;
	border-width: 0;
}

TABLE.dialog0 {
	background-color: #ffffff;
}

TABLE.dialogActive {
	padding: 0;
	font-size: smaller;
	margin: 3px;
	background-color: #ffffff;
	width: 100%;
	border-width: 0;
}

/* Layout Styles, used by the TableDialog subclasses and other classes,
 * using a dialog like Layout
 */
TABLE.DialogTable {
	padding: 0;
	font-size: smaller;
	margin: 0;
	background-color: #ffffff;
	border-width: 0;
}

TABLE.FileSelect {
	background-color: #ccccff;
	padding: 3px;
}

TABLE.frame100, TABLE.frame100Blue {
	width: 100%;
	margin: 0;
	padding: 0;
	border-width: 0;
}

TABLE.frame100Blue {
	background-color: #C4DBF9;
}

TABLE.frame100Space, TABLE.frame100Light {
	padding: 0;
	margin: 0;
	background-color: #FFFFFF;
	width: 100%;
	border-width: 0;
}

TABLE.frame100Light {
	background-color: #efefef;
}

TABLE.dialog>TBODY>TR>TD, TABLE.frame100Light>TBODY>TR>TD, TABLE.dialog100>TBODY>TR>TD {
	padding: 2px 3px;
}

*html TABLE.dialog TBODY TD, *html TABLE.frame100Light TBODY TD, *html TABLE.dialog100 TBODY TD, *html TABLE.frame100 TBODY TD{
	padding: 2px 3px;
}

*html TABLE.dialog TD.black, *html TABLE.frame100Light TD.black, *html TABLE.dialog100 TD.black, *html TABLE.frame100 TD.black,
*html TABLE.dialog TD.Title, *html TABLE.frame100Light TD.Title, *html TABLE.dialog100 TD.Title, *html TABLE.frame100 TD.Title,
*html TABLE.dialog TD.DialogDividerDiv, *html TABLE.frame100Light TD.DialogDividerDiv, *html TABLE.dialog100 TD.DialogDividerDiv, *html TABLE.frame100 TD.DialogDividerDiv,
*html TABLE.dialog TD.grey75, *html TABLE.frame100Light TD.grey75, *html TABLE.dialog100 TD.grey75, *html TABLE.frame100 TD.grey75{
	padding: 0;
}

*html TABLE.dialog TD * TD, *html TABLE.frame100Light TD * TD, *html TABLE.dialog100 TD * TD, *html TABLE.frame100 TD * TD {
	padding: 0;
}

TABLE.dialog>TBODY>TR>TD.DialogDividerDiv, TABLE.dialog>TBODY>TR>TD.Title, TABLE.dialog>TBODY>TR>TD.black, TABLE.dialog>TBODY>TR>TD.grey75,
TABLE.dialog100>TBODY>TR>TD.DialogDividerDiv, TABLE.dialog100>TBODY>TR>TD.Title,  TABLE.dialog100>TBODY>TR>TD.black, TABLE.dialog100>TBODY>TR>TD.grey75,
TABLE.frame100Light>TBODY>TR>TD.DialogDividerDiv, TABLE.frame100Light>TBODY>TR>TD.Title, TABLE.frame100Light>TBODY>TR>TD.black TABLE.frame100Light>TBODY>TR>TD.grey75,
TABLE.frame100>TBODY>TR>TD.DialogDividerDiv, TABLE.frame100>TBODY>TR>TD.Title, TABLE.frame100>TBODY>TR>TD.black TABLE.frame100>TBODY>TR>TD.grey75{
	padding: 0;
}

TABLE.frameSpace {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	border-width: 0;
}

TABLE.frame90 {
	width: 98%;
	margin: 0;
	padding: 0;
	border-width: 0;
}

TABLE.frame90Space {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 98%;
	border-width: 0;
}

TABLE.orderDetail {
	padding: 0;
	margin: 0;
	background-color: #FFF8DC;
	width: 100%;
	height: 100%;
	border-width: 0;
}

TABLE.frame {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 98%;
	border-width: 0;
}

TABLE.FullWidth {
	width: 100%;
	padding: 1px;
}

/* Layout Styles, used by the global Frame / No Frame Layout  */
TABLE.LayoutHeader {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	background-color: #efefef;
}

/* Layout Styles, used by the global Frame / No Frame Layout  */
TABLE.LayoutContent {
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;
}

TABLE.Navigation {
	padding: 5px;
	margin: 0;
	background-color: #ffffff;
	width: 98%;
	border-width: 0;
}

TABLE.NavHelper {
	padding: 0;
	margin: 0;
	background-color: #ffffff;
	width: 98%;
	border-width: 0;
}

TABLE.nopadding {
	margin: 0;
	padding: 0;
	border-width: 0;
}

TABLE.padding1 {
	margin: 0;
	padding: 1px;
	border-width: 0;
}

TABLE.paddingSmall {
	margin: 0;
	padding: 1px;
	font-size: smaller;
	border-width: 0;
}

TABLE.ProductDetails {
	padding: 2px;
	font-size: smaller;
	margin: 0;
	background-color: #f8f8f8;
	width: 98%;
	border-width: 0;
}

TABLE.CatalogInfo {
	padding: 4px;
	font-size: smaller;
	border-width: 0;
}

TR.TabTR {
}

TD.TabBackgroundItemLabel {
	vertical-align: bottom;
	border-bottom: 3px solid #7d7d7d;
}

TD.TabBackgroundTextMulti {
	color: white;
	font-weight: bold;
}

TD.bottomtabs {
	vertical-align: bottom;
}

TABLE.TabBackground {
	padding: 0;
	margin: 0;
	background-color: #3F6FC1;
	width: 100%;
	height: 100%;
	border: 0;
}

TD.TabBackgroundFill,
	TD.TabBackgroundFillMultiMup,
	TD.TabBackgroundFillMulti {
	width: 100%;
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 10pt;
}

TD.TabBackgroundFillMulti {
	border-bottom: 3px solid #7d7d7d;
}

TD.PercentCell {
	width: 40px;
	text-align: right;
}

TD.100perc {
	width: 100%
}

TD.90perc {
	width: 90%
}

TD.80perc {
	width: 80%
}

TD.70perc {
	width: 70%
}

TD.60perc {
	width: 60%
}

TD.50perc {
	width: 50%
}

TD.40perc {
	width: 40%
}

TD.30perc {
	width: 30%
}

TD.20perc {
	width: 20%
}

TD.10perc {
	width: 10%
}

TD.fortypercright {
	width: 40%;
	text-align: right;
}

TD.BasketLink {
	width: 80px;
	vertical-align: middle;
	text-align: center;
}

TD.BasketLinkAmount {
	width: 80px;
	padding: 5px;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

TD.BasketLinkAmountInfoText {
	width: 80px;
	padding: 5px;
	font-weight: bold;
	font-size: 10pt;
	text-align: left;
}

TD.BasketLinkDivider {
	background-color: transparent;
	overflow: hidden;
	font-size: 0;
}

TD.BasketLinkEmpty {
	width: 60px;
	vertical-align: middle;
	text-align: center;
}

TD.BasketLinkFavoriteLink {
    width: 100%;
    vertical-align: middle;
    text-align: right;
    padding-right: 10px;
}

TD.BasketLinkNotAvailable {
	width: 120px;
	vertical-align: middle;
	font-size: 10pt;
	text-align: center;
}

TD.BasketLinkPrice {
	width: 80px;
	padding-right: 10px;
	font-size: 10pt;
	text-align: right;
}

TD.BasketLinkInfo {
	width: 160px;
	margin-left: 5px;
	font-size: 10pt;
	text-align: left;
}

TD.BasketLinkInfoIcon {
	font-size: 10pt;
	text-align: center;
	white-space: nowrap;
}

TD.BasketLinkInfoIcon * {
	vertical-align: middle;
}

TD.BasketLinkInfoIconEmpty {
    width: 1px;
    font-size: 10pt;
	text-align: right;
}

TD.BasketLinkPriceGroup {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	text-align: center;
}

DIV.BasketLinkPriceGroup {
	padding-right: 5px;
	padding-left: 5px;
	font-size: 10pt;
	text-align: center;
}

TD.bigwidth {
	width: 800px;
}

TD.smallwidthwidthleft {
	width: 80px;
    text-align: left;
}


TD.black {
	background-color: #7d7d7d;
}

TD.white {
	background-color: #efefef; /* was #FFFFFF; in Classic IO */
}

TD.grey66 {
	background-color: #A8A8A8;
}

TD.grey75 {
	background-color: #D8D2C6; /* was #BFBFBF; in Classic IO */
}

TD.blue {
	background-color: #3200C8;
}

TD.green {
	background-color: #00A000;
}

TD.red {
	background-color: #F0001E;
}

TD.lightgreen {
	background-color: #ddffdd;
}

TD.lightred {
	background-color: #ffdddd;
}

TD.yellow {
	background-color: #FFE300;
}

TD.blackline {
	background-color: #000000;
	width: 2px;
}

TD.black100 {
	width: 100%;
	background-color: #000000;
	vertical-align: bottom;
}

TD.bottom {
	vertical-align: bottom;
}

TD.top {
	vertical-align: top;
}

TD.middle {
	vertical-align: middle;
}

INPUT.middle {
	vertical-align: middle;
}

TD.bottomright {
	vertical-align: bottom;
	text-align: right;
}

TD.Calculator {
	width: 100%;
	vertical-align: top;
	font-size: 12pt;
	font-family: monospace;
}

TD.CatalogBasket {
	font-size: 10pt;
	text-align: left;
}

TD.CatalogCell {
	font-size: 10pt;
	text-align: left;
}

TD.CatalogPrices {
	font-size: 9pt;
	text-align: right;
}

TD.CellCenter {
	font-size: 9pt;
	text-align: center;
}

TD.CellCenterBoldSmall {
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
}

TD.CellCenterGrey {
	font-size: 9pt;
	text-align: center;
	color: #A9A9A9;
}

TD.CellLeft {
	font-size: 9pt;
	text-align: left;
}

TD.CellLeftRed {
	font-size: 9pt;
	text-align: left;
	color: #FF0000;
}

TD.MonoCellLeft {
	font-size: 9pt;
	text-align: left;
}

TD.CellRight {
	font-size: 9pt;
	text-align: right;
}

TD.CellCenterItalic {
	font-size: 9pt;
	font-style: italic;
	text-align: center;
}

TD.CellRightGrey {
	color: #A9A9A9;
	font-size: 9pt;
	text-align: right;
}

TD.CellMinimal {
	font-size: 9pt;
	text-align: left;
	width: 1%;
}

TD.center, DIV.center {
	text-align: center;
}

TD.CommentAttachment {
	font-size: 8pt;
}

TD.CommentHeader {
	font-weight: bold;
	font-size: 8pt;
}

TD.CommentText {
	background-color: #cccccc;
	font-size: 8pt;
}

A.CommentIcon {
    text-decoration: none; /*avoid underlined icons*/
}

A.CommentLink, A.CommentFile {
    /* empty to be overwritten */
}

TD.currency {
	font-size: 10pt;
	text-align: right;
}

TD.currencyShade {
	color: GrayText;
	font-size: 10pt;
	text-align: right;
}

TD.currencyChanged {
	color: red;
	font-size: 10pt;
	text-align: right;
}

TD.DialogButton {
	background-color: #7d7d7d;
}

TR.DialogDivider {
}

TABLE.DialogDivider {
}

TD.DialogDividerDiv {
}

DIV.DialogDividerDiv {
	border-bottom: 1px solid #E0E0E0;
	margin: 15px 0;
}

TD.DialogDivider {
	font-family: Tahoma, sans-serif;
	color: black;
	background-color: #E0E0E0;
	vertical-align: bottom;
	font-weight: bold;
	white-space: nowrap;
	font-size: 10pt;
	padding: 0 0 0 6px;
}

TD.DialogDividerFill {
	width: 100%;
	background-color: #C4DBF9;
	height: 3px;
	vertical-align: bottom;
}

TD.DialogFill {
	width: 100%;
}

TD.DialogInfo {
	vertical-align: bottom;
	font-size: 9pt;
	text-align: right;
}

TD.error {
	font-size: 10pt;
	color: red
}

TD.debit {
	text-align: right;
	font-size: 10pt;
	color: red
}

TD.credit {
	text-align: right;
	font-size: 10pt;
	color: green
}

TD.FileSelect_Errors {
	color: #FF0000;
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}

TD.RedBoldCenter {
	color: #FF0000;
	font-weight: bold;
	font-size: 10pt;
	text-align: center;
}

TD.FillNoWrap {
	width: 100%;
	white-space: nowrap;
}

TD.Footer100percTopWhite {
	width: 100%;
	background-color: #efefef;
	vertical-align: top;
}

TD.FrameBackground {
	background-color: #7d7d7d;
}

TD.FrameBackgroundLight {
	background-color: #ffffff;
}

TD.FrameHeaderHeight {
	height: 53px;
}

TD.FrameFooterHeight {
	height: 50px;
}

TD.GenderLabel {
	font-style: italic;
	font-size: smaller;
}

TD.gray6 {
	background-color: #666666;
}

TD.gray9 {
	background-color: #999999;
}

TD.grayE {
	background-color: #eeeeee;
}

TD.HeaderCenter {
	font-weight: bold;
	font-size: 9pt;
	text-align: center;
}

TD.HeaderCenterSmall {
	font-weight: bold;
	font-size: 7pt;
	text-align: center;
}

TD.HeaderLeftSmall {
	font-weight: bold;
	font-size: 7pt;
	text-align: left;
}

TD.HeaderRightSmall {
	font-weight: bold;
	font-size: 7pt;
	text-align: right;
}

TD.HeaderCenterNoWrap {
	font-weight: bold;
	white-space: nowrap;
	font-size: 9pt;
	text-align: center;
}

TD.HeaderCenterSmallNoWrap {
	font-weight: bold;
	white-space: nowrap;
	font-size: 7pt;
	text-align: center;
}

TD.HeaderLeft {
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
}

TD.HeaderLeftShade {
	color: GrayText;
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
}

TD.HeaderLeftChanged {
	color: red;
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
}

TD.HeaderRight {
	font-weight: bold;
	font-size: 9pt;
	text-align: right;
}

TD.HeaderRightShade {
	color: GrayText;
	font-weight: bold;
	font-size: 9pt;
	text-align: right;
}

TD.HeaderRightChanged {
	color: red;
	font-weight: bold;
	font-size: 9pt;
	text-align: right;
}

TD.IntlString {
	vertical-align: top;
	font-size: 10pt;
}

TD.IntlStringDirty {
	color: #ff0000;
	vertical-align: top;
	font-size: 10pt;
}

TD.IntlStringInactive {
	color: #777777;
	vertical-align: top;
	font-size: 10pt;
}

/* Right aligned label used in Dialogs */
TD.Label, TD.CatalogStatisticsLabel, TD.LabelBold {
	font-size: 9pt;
	text-align: right;
	white-space: nowrap;
}

TD.LabelBold
{
    font-weight: bold;
}

/*  Top align label  used in Dialogs */
TD.LabelTop {
	font-size: 9pt;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

/*  Top align label  used in Dialogs */
TD.LabelLeftTop {
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
	width: 20%;
	white-space: nowrap;
}

/* The line below the header containing a black line ... */
TD.LayoutHeaderLine {
	width: 100%;
	height: 3px;
}

TD.ListTitle {
	font-family: Tahoma, sans-serif;
	background-color: #3F6FC1;
	color: #FFFFFF;
	white-space: nowrap;
	font-size: 15pt;
	font-weight: 800;
	padding-left: 12px;
}

TD.ListLabelTop {
	text-align: left;
	vertical-align: top;
	font-weight: bold;
	font-size: 8pt;
	background-color: #e2e2e2; /* necessary for scroll list */
}

TD.ListFooterBG {
	background-color: #efefef;
	vertical-align: top;
}

TR.RelationFooterControls {}

TR.RelationFooterControls TD * {
	vertical-align: middle;
}

DIV.relationview {
}

TABLE.relationview {
	width: 100%;
}

TD.relationviewleft, TD.relationviewright, TD.relationcontrolsleft, TD.relationcontrolsright {
	width: 50%;
	border: 1px solid black;
	vertical-align: top;
}

DIV.relationviewleft, DIV.relationviewright, DIV.relationcontrolsleft, DIV.relationcontrolsright {

}

DIV.relationviewleft, DIV.relationviewright {
	height: 10em;
	overflow-y: scroll;
}

DIV.relationcontrolsleft *, DIV.relationcontrolsright *{
	vertical-align: middle;
	margin:3px;
}

DIV.draggableLeft, DIV.draggableRight, DIV.inherited {
	margin: 7px 5px 7px 5px;
}

DIV.inherited {
	color: #666;
}

TD.Lobby9perc {
	width: 9%;
	vertical-align: top;
	font-size: 10pt;
}

TD.Navigation {
	background-color: #ffffff;
	vertical-align: top;
	font-size: 8pt;
	text-align: left;
}

TD.new, TD.proviewheader, TD.prodialog-basketlinktitle {
	background-color: #7d7d7d;
	color: #000000;
}

TD.number {
	font-size: 10pt;
	text-align: right;
}

TD.numberShade {
	color: GrayText;
	font-size: 10pt;
	text-align: right;
}

TD.numberChanged {
	color: red;
	font-size: 10pt;
	text-align: right;
}

TD.Pages {
	width: 10%;
	white-space: nowrap;
	text-align: center;
	background-color: #afafaf;
}

TD.changed {
	padding: 2px;
}

TD.nowrap {
	white-space: nowrap;
}

TD.nowrapAlign {
	white-space: nowrap;
	text-align: center;
}

TD.nowrapThead {
	white-space: nowrap;
	color: #000000;
	font-size: 8pt;
	text-align: center;
	width: 10%;
}

TD.nowrap3per {
	width: 3%;
	white-space: nowrap;
}

TD.nowrap5per {
	width: 5%;
	white-space: nowrap;
}

TD.nowrap10perNoAlign {
	width: 10%;
	white-space: nowrap;
}

TD.nowrap10per {
	width: 10%;
	white-space: nowrap;
	text-align: center;
}

TD.nowrap10perAlignLeft {
	width: 10%;
	white-space: nowrap;
	text-align: left;
}

TD.nowrap10perAlignRight {
	width: 10%;
	white-space: nowrap;
	text-align: right;
}

TD.wrap5per {
	width: 5%;
}

TD.wrap10per {
	width: 10%;
}

TD.nowrap20per {
	width: 20%;
	white-space: nowrap;
}

TD.nowrap25per {
	width: 25%;
	white-space: nowrap;
}

TD.nowrap30per {
	width: 30%;
	white-space: nowrap;
}

TD.nowrap40per {
	width: 40%;
	white-space: nowrap;
}

TD.nowrap50per {
	width: 50%;
	white-space: nowrap;
}

TD.wrap50per {
	width: 50%;
}

TD.nowrap60per {
	width: 60%;
	white-space: nowrap;
}

TD.wrap60per {
	width: 60%;
}

TD.nowrap70per {
	width: 70%;
	white-space: nowrap;
}

TD.nowrap80per {
	width: 80%;
	white-space: nowrap;
}

TD.nowrap80percenter {
	width: 80%;
	white-space: nowrap;
	text-align: center;
}

TD.percent {
	font-size: 10pt;
	text-align: right;
}

TD.percentShade {
	color: GrayText;
	font-size: 10pt;
	text-align: right;
}

TD.percentChanged {
	color: GrayText;
	font-size: 10pt;
	text-align: right;
}

TD.ProductDetailLabel {
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
}

TD.ProductDetailLabelTop {
	font-weight: bold;
	font-size: 10pt;
	text-align: right;
	vertical-align: top;
}

TD.Relation {
	width: 40%;
	font-size: 10pt;
}

TD.right {
	text-align: right;
}

TD.rightsmall {
	text-align: right;
	width: 1%;
}

TD.left {
	text-align: left;
}

TD.leftlistfooter {
	text-align: left;
}

TD.button {
	text-align: center;
	width: 20px;
}

TD.TabActive {
	background-color: #ffffff;
}

TD.TabBackground {
	background-color: #3F6FC1;
	vertical-align: bottom;
}

TD.TabBackgroundText {
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
	white-space: nowrap;
	color: #eeeeee;
}

TD.TabBackgroundFill, TD.TabBackgroundFillCtrl {
	width: 100%;
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 10pt;
}

TD.TabBackgroundFillCtrl {
	white-space: nowrap;
}

TD.TabBackgroundFill20perc {
	width: 20%;
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 10pt;
}

TD.TabBackgroundFillRight {
	width: 100%;
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 9pt;
	text-align: right;
	color: #eeeeee;
}

TD.TabBackgroundFillRightText {
	width: 100%;
	background-color: #3F6FC1;
	vertical-align: bottom;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	color: #eeeeee;
}

/* Background for a normal (inactive) Tab */
TD.TabLabel {
	background-color: #000000;
}

/* Background for an active Tab (and the embedded Dialog) */
TD.TabLabelActive {
	background-color: #ffffff;
	font-size: smaller;
}

/* Used for the Title of the Dialog */
TD.TabTitle {
	width: 100%;
	background-color: #FFFFFF;
	color: #6699cc;
	font-weight: bold;
	font-size: large;
	white-space: nowrap;
}

TD.text {
	font-size: 10pt;
}

TD.textShade {
	color: GrayText;
	font-size: 10pt;
}

TD.textChanged {
	color: red;
	font-size: 10pt;
}

TD.textpad {
	font-size: 10pt;
	padding: 4px 4px 4px 4px;
}

TD.textGrey {
	font-size: 10pt;
	color: #A9A9A9;
}

TD.textlarge {
	font-size: 14pt;
}

TD.textsmall {
	font-size: 9pt;
}

TD.textsmall8nowrap {
	font-size: 8pt;
	white-space: nowrap;
}

TD.texttop {
	vertical-align: top;
	font-size: 10pt;
}

TD.theadleft {
	color: #000000;
	font-size: 8pt;
	text-align: left;
}

TD.theadright {
	color: #000000;
	font-size: 8pt;
	text-align: right;
}

TD.theadcenter {
	color: #000000;
	font-size: 8pt;
	text-align: center;
}

TD.thead {
	color: #000000;
	font-size: 8pt;
	text-align: center;
}

DIV.thead {
	display: inline;
}

TD.theadbgcolor {
	color: #000000;
	background-color: #7d7d7d;
	font-size: 8pt;
	text-align: center;
}

TD.top {
	vertical-align: top;
}

TD.mmd_preview {
	background-color: white;
	padding: 6px;
	border: 5px double black;
}

TD.centerw {
	width: 3%;
	text-align: center;
}

TEXTAREA.Calculator {
	width: 100%;
	white-space: pre;
	font-size: 12pt;
	font-family: monospace;
	text-align: right;
}

TR.CatalogEvenRow {
	background-color: #eeeeee;
	font-size: 10pt;
	text-align: left;
}

TR.CatalogOddRow {
	background-color: #dddddd;
	font-size: 10pt;
	text-align: left;
}

/*  used for Delivery Note Dialog and Cancel Dialog */
TR.DialogEvenHiliteRow {
	background-color: #ccccff;
	padding: 2px 4px 2px 4px;
}

TR.DialogEvenRow {
	background-color: #cccccc;
	padding: 2px 4px 2px 4px;
}

TR.DialogOddHiliteRow {
	background-color: #eeeeff;
	padding: 2px 4px 2px 4px;
}

TR.DialogOddRow {
	background-color: #eeeeee;
	padding: 2px 4px 2px 4px;
}

TR.end {
	background-color: #e2e2e2;
}

TR.even {
	background-color: #efefef;
}

TR.even_nest1 {
	background-color: #e5e7ff;
}

TR.even_nest2 {
	background-color: #eff1ff;
}

/** previous period */
TR.even_previous {
	background-color: #ddeeee;
	font-style: italic;
}

TR.even_blue {
	background-color: #ddddee;
}

TR.even_green {
	background-color: #ddeedd;
}

TR.even_red {
	background-color: #eedddd;
}

TR.even_yellow {
	background-color: #eeeedd;
}

TR.even_activebasket {
	background-color: #FFAA00;
}

TR.odd {
	background-color: #ffffff;
}

TR.odd_nest1 {
	background-color: #f1f3ff;
}

TR.odd_nest2 {
	background-color: #f6f8ff;
}

TR.odd_previous {
	background-color: #eeffff;
}

TR.odd_blue {
	background-color: #eeeeff;
}

TR.odd_green {
	background-color: #eeffee;
}

TR.odd_red {
	background-color: #ffeeee;
}

TR.odd_yellow {
	background-color: #ffffee;
}

TR.odd_activebasket {
	background-color: #FFC800;
}

TR.sum1 {
	background-color: #bbccff;
	padding: 2px 4px 2px 4px;
}

TR.sum2 {
	background-color: #ffffbb;
	padding: 2px 4px 2px 4px;
}

TR.sum3 {
	background-color: #ffbbbb;
	padding: 2px 4px 2px 4px;
}

TR.sum4 {
	background-color: #aaffee;
	padding: 2px 4px 2px 4px;
}

TR.sum5 {
	background-color: #ffeeaa;
	padding: 2px 4px 2px 4px;
}

TR.sum6 {
	background-color: #ffbbff;
	padding: 2px 4px 2px 4px;
}

TR.sum7 {
	background-color: #aaffaa;
	padding: 2px 4px 2px 4px;
}

TR.sum8 {
	background-color: #ffff99;
	padding: 2px 4px 2px 4px;
}

TR.sum9 {
	background-color: #ccbb99;
	padding: 2px 4px 2px 4px;
}

TR.start {
	background-color: #e2e2e2;
}

TR.lightgrey {
	background-color: #cccccc;
}

/* Layout Styles, used by statistics pages grouping      */
TR.StatGroup0 {
	background-color: #ffeeee;
}

TR.StatGroup1 {
	background-color: #eeeeff;
}

TR.StatGroup2 {
	background-color: #eeffee;
}

TR.StatSum {
	background-color: #ddddff;
}

TR.ProductNodes {
	color: #00557D;
}

TR.TextNodes {
	color: #000000;
}

TR.QuestionNodes {
	color: #9B004E;
}

TR.SourcingCommands {
	background-color: #F7F6F6;
}

TR.SourcingHead {
	background-color: #A0ACD6;
}

TD.HighLight {
	background-color: #4682B4;
	color: #FFFFFF;
	text-align: right;
	font-weight: bold;

}

TD.MinWidth {
	width: 5%;
	background-color: #D3D3D3;
	text-align: right;

}

TABLE.ScoreCard {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	border-width: 0;
	align: left;
}

TD.ScorePercent {
	background-color: #eeeeff;
	font-weight: bold;
	text-align: center;

}

TD.SearchResult {
	background-color: #7d7d7d;
	padding: 4px 8px 4px 16px;
}

TD.MinWidthSilver {
	width: 5%;
	background-color: #7d7d7d;
	text-align: left;
}

TD.Silver {
	background-color: #7d7d7d;
}

TABLE.FullSilver {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 98%;
	border-width: 0;
	spacing: 1px;
}

TABLE.FullWhite {
	padding: 1px;
	margin: 1px;
	background-color: #FFFFFF;
	width: 98%;
	border-width: 1px;
	spacing: 1px;
}

TD.MaxPoints {
	background-color: #FFDAB9;
	width: 5%;
	text-align: right;
	font-weight: bold;

}

TD.Best {
	background-color: #6495ED;
	text-align: right;
	color: #FFFFFF;
	width: 10%;
	font-weight: bold;
}

TD.OddScore {
	background-color: #eeeeee;
	text-align: right;
}

TD.OddScoreLeft {
	background-color: #eeeeee;
	text-align: left;
}

TD.EvenScore {
	background-color: #dddddd;
	text-align: right;
}

TD.EvenScoreLeft {
	background-color: #dddddd;
	text-align: left;
}

TD.OddBest {
	background-color: #ddddee;
}

TD.EvenBest {
	background-color: #ddeedd;
}

TD.ProjOverView {
	background-color: #A0ACD6;
	width: 100px;
	text-align: center

}

INPUT.Points {
	size: 3px;
	length: 3px;
	maxlength: 10px;
	background-color: #CCCCFF;
}

/** Used by EvalDialog.java **/

TD.MainHeader {
	background-color: #FFDAB9;
	text-align: center;
	width: 10%;
	font-size: 7pt;
}

TABLE.FullGray {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 98%;
	border-width: 0;
	spacing: 1px;
}

TABLE.FullGraySearch {
	padding: 1px;
	margin: 1px;
	background-color: #C0C0C0;
	width: 100%;
	border-width: 0;
	spacing: 0;
}

TABLE.FullGraySimpleSearch {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 100%;
	border-width: 0;
	spacing: 0;
}

TD.FullGraySimpleSearch {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 100%;
	border-width: 0;
	spacing: 0;
}

TD.EvalWhite {
	background-color: #FFFFFF;
}

TD.EvalRating {
	background-color: #E6E6FA;
	text-align: center;
}

TD.NoWrap {
	white-space: nowrap;
}

TD.TextLabel {
	font-weight: bold;
}

TD.BoldLeft, TD.BoldLeftTop {
	font-weight: bold;
	text-align: left;
}

TD.BoldLeftTop {
    vertical-align: top;
}

TD.BoldRight {
	font-weight: bold;
	text-align: right;
}

TD.BoldRightBottom {
	font-weight: bold;
	text-align: right;
    vertical-align: bottom;
}

TD.BoldCenter {
	font-weight: bold;
	text-align: center;
}

TD.AddTitle {
	font-weight: normal;
	text-align: left;
	background-color: #6699cc;
	width: 98%;
	font-size: 14pt;
	color: white;

}

TR.ProductNodesHeader {
	background-color: #dddddd;
	color: #00557D;
}

TR.TextNodesHeader {
	background-color: #dddddd;
	color: #000000;
}

TR.QuestionNodesHeader {
	background-color: #dddddd;
	color: #9B004E;

}

TD.EvalAlert {
	background-color: #FFC0CB;
}

TD.nowrap10percolor {
	width: 10%;
	background-color: #FFDAB9;
	white-space: nowrap;
	text-align: center;
}

TD.nowrap80percolor {
	width: 80%;
	background-color: #FFDAB9;
	white-space: nowrap;
	text-align: center;
}

TD.nowrap20percolor {
	width: 20%;
	background-color: #FFDAB9;
	white-space: nowrap;
	text-align: center;
}

TD.SupplierComp {
	background-color: #dddddd;
	text-align: center;
}

TD.TimeLine {
	color: green;
	text-align: right;
	font-weight: bold;
}

TD.NotTimeLine {
	text-align: right;
}

TABLE.RankDialog {
	padding: 1px;
	margin: 1px;
	background-color: #7d7d7d;
	width: 80%;
	border-width: 0;
	spacing: 1px;
}

TD.FieldHeader {
	font-weight: bold;
}

TD.MilestoneString {
	color: #000000;
	font-weight: bold;
	font-size: 10pt;
}

TD.RedString {
	color: #600000;
	font-weight: bold;
	font-size: 10pt;
}

TD.YellowString {
	color: #606000;
	font-weight: bold;
	font-size: 10pt;
}

TD.GreenString {
	color: #006000;
	font-weight: bold;
	font-size: 10pt;
}

TABLE.frame100SpaceBorder {
	border: 1px solid #7d7d7d;
	background-color: #7d7d7d;
	width: 100%;
}

TH.HeaderLeft {
	font-weight: bold;
	font-size: 9pt;
	text-align: left;
}

TD.Bold {
	font-weight: bold;
}

/** Default styles for new XML GUI ELEMENTS **/

TABLE.dialog {
	padding: 0;
	margin: 0;
	width: 98%;
	border-width: 0;
	background-color: #ffffff;
}

TABLE.dialog>TBODY>TR>TD, TABLE.frame100Light>TBODY>TR>TD, TABLE.dialog100>TBODY>TR>TD {
	padding: 2px 3px;
}

*html TABLE.dialog TBODY TD, *html TABLE.frame100Light TBODY TD, *html TABLE.dialog100 TBODY TD, *html TABLE.frame100 TBODY TD{
	padding: 2px 3px;
}

*html TABLE.dialog TD.black, *html TABLE.frame100Light TD.black, *html TABLE.dialog100 TD.black, *html TABLE.frame100 TD.black,
*html TABLE.dialog TD.Title, *html TABLE.frame100Light TD.Title, *html TABLE.dialog100 TD.Title, *html TABLE.frame100 TD.Title,
*html TABLE.dialog TD.DialogDividerDiv, *html TABLE.frame100Light TD.DialogDividerDiv, *html TABLE.dialog100 TD.DialogDividerDiv, *html TABLE.frame100 TD.DialogDividerDiv,
*html TABLE.dialog TD.grey75, *html TABLE.frame100Light TD.grey75, *html TABLE.dialog100 TD.grey75, *html TABLE.frame100 TD.grey75{
	padding: 0;
}

*html TABLE.dialog TD * TD, *html TABLE.frame100Light TD * TD, *html TABLE.dialog100 TD * TD, *html TABLE.frame100 TD * TD {
	padding: 0;
}

TABLE.dialog>TBODY>TR>TD.DialogDividerDiv, TABLE.dialog>TBODY>TR>TD.Title, TABLE.dialog>TBODY>TR>TD.black, TABLE.dialog>TBODY>TR>TD.grey75,
TABLE.dialog100>TBODY>TR>TD.DialogDividerDiv, TABLE.dialog100>TBODY>TR>TD.Title,  TABLE.dialog100>TBODY>TR>TD.black, TABLE.dialog100>TBODY>TR>TD.grey75,
TABLE.frame100Light>TBODY>TR>TD.DialogDividerDiv, TABLE.frame100Light>TBODY>TR>TD.Title, TABLE.frame100Light>TBODY>TR>TD.black TABLE.frame100Light>TBODY>TR>TD.grey75,
TABLE.frame100>TBODY>TR>TD.DialogDividerDiv, TABLE.frame100>TBODY>TR>TD.Title, TABLE.frame100>TBODY>TR>TD.black TABLE.frame100>TBODY>TR>TD.grey75{
	padding: 0;
}

TD.defaulttable {
	width: 100%;
	vertical-align: top;
}

TABLE.defaulttable {
	padding: 0;
	margin: 0;
	width: 100%;
	border-width: 0;
}

TABLE.defaultlist {
	padding: 0;
	margin: 0;
	width: 100%;
	border-width: 0;
}

TD.defaultheadline {
	padding: 1px 1px 1px 3px;
	font-size: 9pt;
	text-align: left;
	vertical-align: baseline;
	font-weight: bold;
	background-color: #7d7d7d;
	color: #000000;
	white-space: nowrap;
}

TD.defaultheadlineright {
	padding: 1px 1px 1px 3px;
	font-size: 9pt;
	text-align: right;
	vertical-align: top;
	font-weight: bold;
	background-color: #7d7d7d;
	color: #000000;
	white-space: nowrap;
}

TD.defaultcolhead {
	spacing: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9pt;
	text-align: center;
	font-weight: bold;
	color: #000000;
	background-color: #e2e2e2;
}

TD.defaultcolheadright {
	spacing: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9pt;
	text-align: right;
	font-weight: bold;
	color: #000000;
	background-color: #e2e2e2;
}

TD.defaultcolheadleft {
	spacing: 1px;
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9pt;
	text-align: left;
	font-weight: bold;
	color: #000000;
	background-color: #e2e2e2;
}

TD.defaultcenter, TD.defaultcenterstrike {
	padding: 1px 3px;
	font-size: 9pt;
	text-align: center;
	color: #000000
}

TD.defaultright, TD.defaultrighttop, TD.defaultrightbold, TD.defaultrightstrike {
	padding: 1px 3px;
	font-size: 9pt;
	text-align: right;
	color: #000000
}

TD.defaultleft, TD.defaultlefttop, TD.defaultleftnowrap, TD.defaultleftstrike, TD.defaultlefttopstrike, TD.defaultleftnowrapstrike {
	padding: 1px 3px;
	font-size: 9pt;
	text-align: left;
	color: #000000
}

TD.defaultrightstrike, TD.defaultleftstrike, TD.defaultcenterstrike, TD.defaultlefttopstrike, TD.defaultleftnowrapstrike {
    text-decoration: line-through;
}

SPAN.defaultleftstrike {
}

TD.innerdefaultleft, TD.innerdefaultlefttop {
    padding: 1px 0px;
	font-size: 9pt;
	text-align: left;
	color: #000000
}

TD.defaultlefttop, TD.innerdefaultlefttop, TD.defaultrighttop, TD.defaultlefttopstrike {
	vertical-align: top;
}

TD.defaultleftnowrap, TD.defaultleftnowrapstrike {
    white-space: nowrap;
}

TD.defaultrightbold
{
    font-weight: bold;
}

TD.topcenter {
    vertical-align: top;
    text-align: center;
}

TD.avishead {
	padding: 3px;
	font-size: 9pt;
	text-align: left;
	color: #000000;
	background-color: #d0d0d0;
}

TD.aviscolhead {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: center;
	color: #000000;
}

TD.aviscolheadleft {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: left;
	color: #000000;
}

TD.aviscolheadright {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: right;
	color: #000000;
}

TD.stdright {
	font-size: 8pt;
	text-align: right;
	vertical-align: baseline;
	color: #000000
}

TD.stdleft {
	font-size: 8pt;
	text-align: left;
	vertical-align: baseline;
	color: #000000
}

TD.stderror, TD.stderrorright {
	font-size: 8pt;
	font-weight: bold;
	text-align: left;
	vertical-align: baseline;
	color: #FF0000
}

TD.stderrorright {
	text-align: right;
}

SPAN.stderror {
	font-size: 10pt;
	font-weight: bold;
	vertical-align: baseline;
	color: #FF0000
}

TD.stdlabel, TD.stdlabeltop, TD.stdlabelnowrap, TD.stdlabelbold {
	padding-right: 9px;
	font-size: 9pt;
	text-align: right;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000
}

TD.stdlabelleft, TD.stdlabelleftbold {
	padding-right: 9px;
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000
}

TD.stdlabeltop {
	padding-top: 0;
}

TD.stdlabelnowrap {
	white-space: nowrap;
}

TD.stdlabelbold, TD.stdlabelleftbold {
	font-weight: bold;
}

TD.errorlabel {
	padding-right: 9px;
	font-size: 9pt;
	font-weight: bold;
	text-align: right;
	vertical-align: baseline;
	color: #FF0000
}

TD.errorlabelnotbold {
	padding-right: 9px;
	font-size: 9pt;
	text-align: right;
	vertical-align: baseline;
	color: #FF0000
}

TD.stdcontent, TD.stdcontenttop, TD.stdcontentsmall, TD.supplierinfocontact {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000
}

TD.supplierinfocontact {
	white-space: nowrap;
}

TD.stdcontentsmall {
	font-size: 9pt;
}

TD.stdcontent80 {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000;
	width: 80%;
}

TD.newconfattention {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000 /* copy from stdcontent, used to customize gif placement on newconfirmation page */
}

TD.stdlistcontent {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	padding-top: 3pt;
	color: #000000;
	padding-left: 2pt;
	padding-right: 2pt;
}

TD.stdcontentverticalmiddle {
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
	color: #000000
}

SPAN.stdcontent {
	font-size: 10pt;
	vertical-align: baseline;
	color: #000000
}

TD.textarealabel {
	padding-right: 9px;
	font-size: 9pt;
	text-align: right;
	vertical-align: middle;
	color: #000000
}

INPUT.stdtext, INPUT.defaultright, INPUT.defaultrighttop, INPUT.defaultleft, INPUT.defaultlefttop {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

TEXTAREA.stdtext {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

TEXTAREA.text {
	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.stdnumber {
	font-size: 10pt;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.stdtexterror {
	font-size: 10pt;
	color: #FF0000;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.stdtextwarning {
	font-size: 10pt;
	color: #0000FF;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.stdnumbererror {
	font-size: 10pt;
	color: #FF0000;
	text-align: right;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

A.stdcontent {
	font-size: 10pt;
	text-align: left;
	vertical-align: baseline;
	color: #002099;
}

A.stdcontenttop {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
}

A.stdinput {
	font-size: 10pt;
	text-align: left;
	vertical-align: baseline;
	color: #002099;
}

TD.stdinput {
	font-size: 10pt;
	text-align: left;
	vertical-align: top;
	color: #000000;
}

TD.stdtree {
	font-size: 9pt;
	text-align: left;
	vertical-align: middle;
	color: #000000
}

A.stdtree {
	font-size: 9pt;
	text-align: left;
	vertical-align: middle;
	color: #000000;
	text-decoration: none
}

TD.selectedtree {
	font-size: 9pt;
	text-align: left;
	vertical-align: middle;
	background-color: #002099;
	color: #ffffff
}

/* styles for catalog tree (left content) */
DIV.cattree_all_catalogs A, DIV.cattree_all_catalogs A:hover, DIV.cattree_all_catalogs A:visited {
	color: #444444;
	text-decoration: none;
	font-size: 10pt;
}

DIV.cattree_label
{
	padding-top: 3px;
	padding-bottom: 4px;
}

A.cattree_cat{}

A.cattree_extcat{}

DIV.cattree_label A.cattree_extcat, DIV.cattree_label A.cattree_extcat:hover, DIV.cattree_label A.cattree_extcat:visited {
	color: #005ea4;
}

DIV.cattree_all_catalogs {
	font-weight: bold;
	font-size: 10pt;
	padding: 5px 20px 5px 20px;
	background-color: #e2e2e2;
	margin-top: 15px;
	overflow:hidden;
}

DIV.cattree_inactive_catalog {
	font-weight: normal;
	background-image: url('../images1/cattree_closed.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	border-top: 2px groove #efefef;
	padding-left: 9px;
}

DIV.cattree_inactive_prg {
	font-weight: normal;
	background-image: url('../images1/cattree_closed.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
	border-top: 2px groove #efefef;
	padding-left: 9px;
}

DIV.cattree_super_prg,
DIV.cattree_active_prg,
DIV.cattree_super_catalog,
DIV.cattree_active_catalog
{
	background-image: url('../images1/cattree_open.gif');
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left:9px;
	border-top: 2px groove #efefef;
}

DIV.cattree_active_prg,
DIV.cattree_active_catalog
{
	font-weight: bold;
}

DIV.cattree_super_prg,
DIV.cattree_super_catalog
{
	font-weight: normal;
}

DIV.cattree_sub_prg {
	font-weight: normal;
	padding-left: 9px;
	background-image: url('../images1/cattree_closed.gif');
	background-repeat: no-repeat;
	background-position: 0 4px;
}
/* end of catalog tree styles */

/* style for javascript countdown */
INPUT.countdown {
	border-width: 0;
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
}

/* style for input cells right aligned */
INPUT.CellRight, INPUT.CellRight_LIGHT {
	font-size: 10pt;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}

INPUT.CellRight_LIGHT {
	color: #808080;
}

/* standard sumrow yellow and bold  */
TR.StatSum {
	background-color: #ffffbb;
	padding: 2px 4px 2px 4px;
	font-weight: bold;
}

/** specific styles for worklist display **/
TABLE.prochomepage {
	padding: 0;
	margin: 0;
	width: 100%;
	border-width: 0;
}

TD.homepageviewhead {
	padding: 1px 1px 1px 3px;
	font-size: 9pt;
	text-align: left;
	font-weight: bold;
	background-color: #BDBEBD;
	color: #000000;
	white-space: nowrap;
}

TD.homepageviewheadright {
	padding: 0;
	font-size: 9pt;
	text-align: right;
	font-weight: bold;
	background-color: #BDBEBD;
	color: #000000;
	white-space: nowrap;
}

TD.homepageviewcolhead {
	spacing: 1px;
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
	color: #000000;
	white-space: nowrap;
}

TD.homepageviewright {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: right;
	color: #000000
}

TD.homepageviewline {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: right;
	color: #000000
}

TD.homepageviewcoloredline {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 8pt;
	text-align: right;
	color: #000000;
	background-color: #BDBEBD
}

A.homepageviewleft {
	font-size: 9pt;
	text-align: left;
	color: #002099;
}

TD.homepageviewleft {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9pt;
	text-align: left;
	color: #000000
}

TD.homepageviewcenter {
	padding-left: 3px;
	padding-right: 3px;
	font-size: 9pt;
	text-align: center;
	color: #000000
}

TD.homepageviewrighthl {
	padding: 1px;
	spacing: 1px;
	font-size: 8pt;
	font-weight: bold;
	text-align: right;
	background-color: #BDBEBD;
	color: #5A7D39;
}

TD.homepageviewlefthl {
	padding: 1px;
	spacing: 1px;
	font-size: 9pt;
	font-weight: bold;
	text-align: left;
	background-color: #BDBEBD;
	color: #5A7D39;
}

TD.homepageviewcenterhl {
	padding: 1px;
	spacing: 1px;
	font-size: 9pt;
	font-weight: bold;
	text-align: center;
	background-color: #BDBEBD;
	color: #5A7D39;
}

TABLE.worklist {
	padding: 0;
	margin: 0;
	width: 100%;
	border-width: 0;
}

TD.worklistlinelabel {
	font-size: 8pt;
	font-style: italic;
	text-align: left;
	white-space: nowrap;
}

TD.worklistlineright {
	font-size: 8pt;
	font-style: italic;
	text-align: right;
	white-space: nowrap;
}

A.worklist {
	font-size: 9pt;
	color: #002099;
}

TD.worklistlabel {
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
}

TD.worklistdateright {
	font-size: 8pt;
	text-align: right;
	white-space: nowrap;
}

TD.BasketSmall {
	font-size: 7pt;
	text-align: left;
}

TD.BasketSmallRed {
	font-size: 7pt;
	text-align: left;
	color: #AA0000;
}

TD.BasketSmallCondition {
	font-size: 7pt;
	text-align: left;
	color: #666666;
}

TD.BasketMedium {
	font-size: 8pt;
	text-align: left;
}

TD.BasketMediumRed {
	font-size: 8pt;
	text-align: left;
	color: #AA0000;
}

TD.BasketBig {
	font-size: 10pt;
	text-align: left;
}

TD.BasketBigError {
	font-size: 8pt;
    font-weight: bold;
	text-align: left;
    color: #FF0000;
}

TD.BasketSmallRight {
	font-size: 7pt;
	text-align: right;
}

TD.BasketSmallRightRed {
	font-size: 7pt;
	text-align: right;
	color: #AA0000;
}

TD.BasketMediumRight {
	font-size: 8pt;
	text-align: right;
}

INPUT.BasketMediumRight, INPUT.BasketMediumCenter {
}

TD.BasketMediumRightBold {
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
}

TD.BasketMediumRightRed {
	font-size: 8pt;
	text-align: right;
	color: #AA0000;
}

TD.BasketMediumConditionRight, SPAN.BasketMediumConditionRight {
	font-size: 8pt;
	text-align: right;
	color: #666666;
}

TD.BasketBigRight {
	font-size: 10pt;
	text-align: right;
}

TD.BasketBigRightError {
	font-size: 8pt;
    font-weight: bold;
	text-align: right;
    color: #FF0000;
}

TD.BasketSmallCenter {
	font-size: 7pt;
	text-align: center;
}

TD.BasketMediumCenter {
	font-size: 8pt;
	text-align: center;
}

TD.BasketBigCenter {
	font-size: 10pt;
	text-align: center;
}

TD.BasketSmallBold {
	font-size: 7pt;
	text-align: left;
	font-weight: bold;
}

TD.BasketMediumBold, TD.BasketMediumBoldTop {
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
}

TD.BasketMediumBoldTop {
	vertical-align: top;
}

TD.BasketMediumConditionBold {
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	color: #666666;
}

TD.BasketBigBold {
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
}

TD.BasketSmallRightBold {
	font-size: 7pt;
	text-align: right;
	font-weight: bold;
}

TD.BasketSmallRightBoldSpaced {
    font-size: 7pt;
	text-align: right;
	font-weight: bold;
    padding-right: 60px;
}

TD.BasketMediumRightBold {
	font-size: 8pt;
	text-align: right;
	font-weight: bold;
}

TD.BasketBigRightBold {
	font-size: 10pt;
	text-align: right;
	font-weight: bold;
}

TD.BasketSmallCenterBold {
	font-size: 7pt;
	text-align: center;
	font-weight: bold;
}

TD.BasketMediumCenterBold {
	font-size: 8pt;
	text-align: center;
	font-weight: bold;
}

TD.BasketBigCenterBold {
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
}

TD.BasketBigCenterBoldRed {
	font-size: 10pt;
	text-align: center;
	font-weight: bold;
	color: #DD0000;
}

TD.Approval {
	font-size: 8pt;
	text-align: left;
}

TD.ApprovalSmall {
	font-size: 7pt;
	text-align: left;
}

TD.ApprovalMedium {
	font-size: 8pt;
	text-align: left;
}

TD.ApprovalBig {
	font-size: 10pt;
	text-align: left;
}

TD.ApprovalBigBold {
	font-size: 10pt;
	text-align: left;
	font-weight: bold;
}

TD.ApprovalMediumBold {
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
}

TD.ApprovalMediumCenter {
	font-size: 8pt;
	text-align: center;
}

TD.ApprovalBigCenter {
	font-size: 10pt;
	text-align: center;
}

A.ApprovalHeaderLink {
    /* inherit */
}

TD.valuecontractinfo {
	text-align: left;
	font-weight: bold;
	background-color: #BDBEBD;
}

TD.quotainfo {
	font-size: 8pt;
	text-align: left;
	font-weight: bold;
	background-color: #BDBEBD;
}

TABLE.ValueContractIter {
	margin: 0;
	padding: 3px;
}

/*  Top align label  used in Dialogs */
TD.LabelLeftTopCustomService {
	padding-left: 30px;
	font-size: 9pt;
	text-align: left;
	vertical-align: top;
	width: 20%;
}

TD.BoldLeftCustomService {
	padding-right: 30px;
	padding-left: 30px;
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

TD.BoldCenterRegistration {
	font-size: 11pt;
	font-weight: bold;
	text-align: center;
}

TD.BoldRightRegistration {
	font-size: 11pt;
	font-weight: bold;
	text-align: right;
}

TD.BoldLeftRegistration {
	font-size: 10pt;
	font-weight: bold;
	text-align: left;
}

TABLE.RegistrationRights {
	margin: 0;
	padding: 3px;
	border: 0;
	background-color: #7d7d7d;
	width: 90%;
	text-align: center;
}

TD.RegistrationRights, TD.RegistrationRightsLeftBorder, TD.RegistrationRightsRightBorder {
	padding: 3px;
	border: 1px solid black;
}

TD.RegistrationRightsLeftBorder {
	border-right: 0;
}

TD.RegistrationRightsRightBorder {
	border-left: 0;
}

TABLE.RegionRegistration {
	margin: 0;
	padding: 3px 0;
	width: 75%;
}

TD.RegionRegistrationTop {
	font-size: 7pt;
	vertical-align: top;
	white-space: nowrap;
	text-align: left;
	width: 10%;
}

TD.RegionRegistration {
	vertical-align: bottom;
	white-space: nowrap;
	text-align: left;
}

TD.ReqDetailsSmallRight {
	font-size: 7pt;
	text-align: right;
}

TD.ReqDetailsSmallLeft {
	font-size: 7pt;
	text-align: left;
}

/* text-style Anchor - for usage in tables/lists, where not
		 every anchor should be underlined and 'blue' ... therefore
		 just on mouse-over events, the color changes to default
		 anchor color */

A.Undecorated {
	text-decoration: none;
	color: black;
}

A.MessageSubject {
	text-decoration: underline;
	color: #005ea4;
	font-weight: bold;
}

A.MessageSubject:hover{
	color: lightblue;
}

A.MessageSubject:visited {
	font-weight: normal;
}

/* global for all Anchors while mouse-over !!! */
A:hover {
	color: #2222DD;
}

DIV.small {
	font-size: 8pt;
}

DIV.smallnormal {
	font-weight: normal;
	font-size: 8pt;
}

DIV.normal {
	font-size: 10pt;
}

DIV.big {
	font-size: 12pt;
}

.ListScrollsFooter, .ListScrollsHeader {
	padding-left: 5px;
	white-space: nowrap;
	right: 0;
	position: absolute;
	height: 22px;
}

.ListExpandsFooter, .ListExpandsHeader {
	left: 0;
	position: absolute;
	height: 22px;
}

div.fillerHeader {
	overflow: hidden;
	height: 22px;
	/* background-color: #7D7D7D;
	border-top: 6px solid #EFEFEF;
	border-bottom: 7px solid #7D7D7D;*/
}

div.fillerFooter {
	overflow: hidden;
	height: 22px;
	/*background-color: #7D7D7D;
	border-bottom: 6px solid #EFEFEF;
	border-top: 7px solid #7D7D7D;*/
}

span.nofResults {
}

span.resultSeparator {
}

span.pageNumber {
}

div.pageCount {
	line-height: 22px;
	margin-right: 76px;
}

.rewind {
	position: absolute;
	right: 38px;
	padding-top: 2px;
}

.forward {
	position: absolute;
	right: 0;
	padding-top: 2px;
}

.rewind * {
	vertical-align: middle;
}

.forward * {
	vertical-align: middle;
}

BODY.SessionMonitor {
	background-color: #FFFFCC;
}

TABLE.SessionMonitor {
	height: 100%;
	width: 99%;
}

TR.SessionMonitorHeader {
	height: 40px;
}

TD.SessionMonitorHeader {
	height: 40px;
}

TR.SessionMonitorMain {
	height: 98%;
}

TD.SessionMonitorMain {
	height: 100%;
}

IFRAME.SessionMonitorHeader {
	width: 100%;
	height: 40px;
	border-width: 0;
}

IFRAME.SessionMonitorMain {
	width: 100%;
	height: 98%;
}

DIV.SessionMonitorBlocker {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 100000;
	background: url('../images1/pixel.gif') repeat;
}

DIV.UserList {
	width: 650px;
	height: 200px;
	overflow: auto;
	border: thin solid;
}

DIV.grey {
	color: #888888;
}

INPUT.BottomAligned {
	vertical-align: bottom;
}

IFRAME.userreg {
	width: 90%;
	height: 400px;
}

IFRAME.supplierreg {
	width: 90%;
	height: 200px;
}

TD.CellSmall {
	font-size: 7pt;
	text-align: left;
}

TABLE.footerleftpadded {
	padding: 0;
	margin: 0 3%;
	width: 95%;
	border-width: 0;
	background-color: #EEEEEE;
}

A.ErrorLinkleftpadded {
	color: #FF0000;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
	margin-left: 3%;
}

A.ErrorLinkleftpadded:hover {
	color: #FF6666;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

DIV#hidepage {
	position: absolute;
	left: 0;
	top: 0;
	background-color: #eeeeee;
	height: 100%;
	width: 100%;
	z-index: 100000;
	display: table;
}

DIV#hidepage2 {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
}

IMG.Center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

TD.LinkCellLeft {
	font-size: 9pt;
	text-align: left;
	white-space: nowrap;
}

TD.LinkCellRight {
	font-size: 9pt;
	text-align: right;
	white-space: nowrap;
}

TD.LinkCellRightPadding4 {
	font-size: 9pt;
	text-align: right;
	white-space: nowrap;
	padding-right: 4px;
}

TD.LinkCellCenter {
	font-size: 9pt;
	text-align: center;
	white-space: nowrap;
}

DIV.BGImage {
/*background-image: url(../images1/bbguser.jpg);*/
}

DIV.BGImageStart {
/*background-image: url(../images1/bgImage_start.jpg);*/
}

DIV.FooterContent {
	height: 50px;
}

DIV.ListControlHeader {
	float: right;
	padding-top: 5px;
}

DIV.ListFilterDialog {
	padding-top: 5px;
}

DIV.StatusListControlHeader {
	padding-top: 5px;
}

DIV.InputBox {
	vertical-align: middle;
}

DIV.InputBox INPUT {
	vertical-align: middle;
}

DIV.InputBox IMG {
	vertical-align: middle;
}

/* Scroll-List styles (io-5872) */
/* we need a container around the TABLE to force stupid IE to restrict the display height and show scroll bars. */
/* see http://blog.demay-fr.net/index.php/2007/10/22/87-make-table-tboby-scroll-with-thead-an-tfoot-fixed-on-both-ie5-anbd-firefox. */
DIV.ListContainer {
	width: 98%; /* table width will be 99% of this*/
/* 98% is from the originaly used TABLE.frame90 */
	margin: 0;
	overflow: auto;
	padding: 0;
	background-color: #eeeeee;
	border: none;
}

TABLE.ListTable {
	width: 99%; /* 100% of container produces horiz. scroll in Mozilla*/
	border: none;
	margin-bottom: 1px; /* needed to trick our stupid StyleWriter into using cellpadding=1 and cellspacing=1 without completely destroying the layout. */
	padding-bottom: 1px; /* same here */
	background-color: #eeeeee;
}

TABLE.ListNavigation {
	background-color: #7d7d7d;
}

TABLE.ListTable>TBODY {
	/* this is the standard conform way of making the table body scroll for FF. CSS filter: child selector
	syntax which IE6 and older do not support. IE won't understand this... */
	overflow: auto;
	height: 400px;
	overflow-x: hidden;
}

TABLE.ListTable>TBODY>TR {
	height: auto; /* hack for ie7, which would use the body's 400px as height for each row otherwise, see IO-7744 */
/* see http://encolpe.wordpress.com/2008/05/01/how-to-add-a-fixed-table-header-with-a-vertical-scrollbar-in-content/ */
}

TABLE.ListTable THEAD {
	/* cellpadding=1 and cellspacing=1 from TABLE.ListTable unfortunately applies to title TDs, too.
	At least prevent any visual gaps by setting the same background color. */
	background-color: #eeeeee;
}

TABLE.ListTable THEAD TR {
	position: relative;
	/*IE5+ only. This is the nonstandard stupid IE way of doing things. In the background, the whole table is
	scrolled inside of DIV.ListContainer. The fixed list header is emulated by dynamically setting the top
	position with an IE-only dynamic expression which is slow as hell and causes an ugly flicker when scrolling.*/
	top: expression(offsetParent.scrollTop);
}

TABLE.ListTable TBODY td:last-child {
	padding-right: 20px; /*prevent Mozilla scrollbar from hiding cell content. CSS filter: IE won't understand last-child. */
}

/* End-of-Scroll-List styles */

/* ProductNameCell in AbstractSearchList */
DIV.productname {
}

DIV.vcatname {
	margin-left: 25px;
	color: gray;
	font-weight: bold;
}

DIV.productname {
}

/* GWT styles */
SPAN.gwt-anchor {
	display: inline-block;
}

SPAN.gwt-anchorIEFix {
}

.gwt-SuggestBoxPopup {
	background-color: white;
	border: solid darkgray 1px;
}

.gwt-SuggestBoxPopup .item {
}

.gwt-SuggestBoxPopup .item-selected {
	background-color: #ffe45b;
}

span.InputBoxResultMarker {
	color: blue;
	font-weight: bold;
}

/* used to mark occurences of the search string in google suggest box suggestions. */

.gwt-ThumbNail {
	cursor: pointer
}

.gwt-ToolTip {
	background-color: white;
	overflow: hidden;
}

.gwt-GridColumn-Right {
	text-align: right
}

.gwt-GridColumn-Left {
	text-align: left
}

.gwt-PRItemGrid {
	background-color: #efefef;
	border: solid #26519d 2px;
	padding: 5px;
}

.gwt-FileSelect-Dialog {
	background-color: #efefef;
	border: solid gray 4px;
}

.gwt-FileSelect-Dialog .MainPanel {
}

.gwt-FileSelect-Dialog .Caption {
	background-color: #3f6fc1;
	font-weight: bolder;
	font-size: 16px;
	color: white;
	padding: 4px 32px 4px 16px;
}

.gwt-FileSelect-Dialog .InputPanel {
	font-weight: bold;
	height: 40px;
	padding: 4px;
}

.gwt-FileSelect-Dialog .InputPanel .Label {
	padding-left: 4px;
	padding-right: 8px;
}

.gwt-FileSelect-Dialog .InputPanel .TextBox {
}

.gwt-FileSelect-Dialog .TreeViewPanel {
	height: 300px;
	background-color: white;
}

.gwt-FileSelect-Dialog .TreeViewPanel .hsplitter {
	background-color: #efefef;
}

.gwt-FileSelect-Dialog .Item {
}

.gwt-FileSelect-Dialog .Item-selected {
	font-weight: bold;
	background-color: #d8e0ff;
}

.gwt-FileSelect-Dialog .LabelPanel {
	padding-right: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
}

.gwt-FileSelect-Dialog .ButtonPanel {
	height: 40px;
}

.gwt-FileSelect-Dialog .MessagePanel {
	padding: 20px;
}

.gwt-DatePicker-Dialog {
	background-color: #ffffff;
}

.gwt-DatePicker-Dialog .ControlPanel {
	background-color: #3f6fc1;
	padding: 0;
	font-size: 11pt;
	width: 100%;
	color: #ffffff;
	width: 100%;
}

.gwt-DatePicker-Dialog .Month {
	width: 130px;
}

.gwt-DatePicker-Dialog .Controls {
	width: 10px;
	cursor: pointer;
}

.gwt-DatePicker-Dialog .DaysPanel {
	border: solid gray 1px;
}

.gwt-DatePicker-Dialog .weekend {
	color: red;
}

.gwt-DatePicker-Dialog .today {
	background: #d8e0ff;
}

.gwt-DatePicker-Dialog .DayLabel {
	cursor: pointer;
	width: 20px;
	height: 15px;
}

.gwt-DatePicker-Dialog .DayLabel.mouseOver {
	background: #bbbbbb;
}

.gwt-DatePicker-Dialog .DayName {
	font-size: 10pt;
}

.gwt-MessagePopup-Dialog {
	background-color: #efefef;
	border: solid gray 4px;
}

.gwt-MessagePopup-Dialog .Caption {
	background-color: #3f6fc1;
	font-weight: bolder;
	font-size: 16px;
	color: white;
	padding: 4px 32px 4px 16px;
}

.gwt-MessagePopup-Dialog .MessagePanel {
	padding: 10px;
	width: 100%
}

.gwt-GalleryPopup {
	background-color: white;
	border: 1px solid gray;
}

.gwt-GalleryPopup .Caption {
	font-weight: bold;
	padding: 5px;
}

.gwt-GalleryPopup-Close {
	padding: 5px;
	position: absolute;
	top: 0;
	right: 0;
	font-weight: bold;
}

.gwt-GalleryPopup-Frame {
	width: 350px;
	text-align: center;
	height: 400px;
}

.gwt-GalleryPopup-Content, .gwt-GalleryPopup-Content-last {
	width: 51%;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid lightgray;
	border-top: 1px solid lightgray;
}

.gwt-GalleryPopup-Content-last {
	border-bottom: 1px solid lightgray;
}

.gwt-GalleryPopup-Close {
	text-align: right;
	padding: 5px;
	font-weight: bold;
}

.gwt-GalleryPopup-Image {
	margin: 20px 5px;
}

IFRAME.glasspanel {
	filter: alpha(opacity = 0);
	opacity: 0;
}

.gwt-Button {
	font-weight: bolder;
	font-size: 12px;
	font-family: Verdana, sans-serif;
	text-align: center;
	vertical-align: bottom;
	min-height: 24px;
	margin: 0 8px;
	width: 120px;
	cursor: pointer;
}

.gwt-SlideViewNext {
	cursor: pointer;
}
.gwt-SlideViewPrev {
	cursor: pointer;
}
.gwt-SlideViewCounter {
	padding: 5px 10px;
}
.gwt-SlideViewImageframe {
	border: 2px solid gray;
	padding: 5px;
	margin: 5px;
}
.gwt-SlideViewImage {
	cursor: pointer;
}
/* End of GWT styles */

/* start of portal styles. */
TABLE.Portal {
	padding: 0;
	margin: 0;
	width: 100%;
}

DIV.Portlet {
	padding: 10px;
}

TD.PortalColumn {
	vertical-align: top;
}

TABLE.PortletHeader {
	border-bottom: 2px solid black;
	background-color: #3F6FC1;
	width: 100%;
}

TD.PortletTitle {
	font-size: 15pt;
	font-family: Tahoma, sans-serif;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: 800;
	padding-left: 12px;
}

TD.PortletControls {
	right: 0;
	padding-left: 30px;
	padding-top: 4px;
	padding-right: 4px;
	text-align: right;
}

SPAN.PortletMode-view {
	padding: 2px;
}

SPAN.PortletMode-edit {
	padding: 2px;
}

SPAN.PortletMode-help {
	padding: 2px;
}

DIV.PortletBody {
	background-color: #ffffff;
	padding: 10px;
	overflow: auto;
	max-height: 400px;
	height: expression(this.scrollHeight > 399 ? "400px" : "auto" ); /* sets max-height for IE, buahahahahahahaaaaa */
}

/* end of portal styles. */

/* start of favorite products panel */
DIV.FAV_PANEL {
	width: 100%;
	overflow: hidden;
}

DIV.FAV_PRO {
	position: relative;
	width: 310px;
	height: 135px;
	border: 1px solid gray;
	float: left;
	margin: 3px;
}

DIV.FAV_IMG {
	position: absolute;
	left: 10px;
	top: 55px;
	width: 70px;
	height: 70px;
	text-align: center;
}

DIV.FAV_PRG {
	position: absolute;
	left: 90px;
	top: 55px;
	font-size: 8pt;
	white-space: nowrap;
	overflow: hidden;
	width: 210px;
}

A.FAV_PRG {
	cursor: pointer;
	text-decoration: none;
	color: #a0a0a0;
}

DIV.FAV_CAT {
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 8pt;
	width: 270px;
	white-space: nowrap;
	overflow:hidden;
}

A.FAV_CAT {
	cursor: pointer;
	text-decoration: none;
	color: #a0a0a0;
}

DIV.FAV_PRICE {
	position: absolute;
	left: 90px;
	vertical-align: bottom;
	bottom: 8px;
	width: 180px;
	text-align: right;
	font-size: 10pt;
	font-weight: bold;
}

DIV.FAV_NAME {
	float: left;
}

DIV.FAV_NAME_LINK {
	float: left;
	width: 270px;
	height: 2.4em;
	overflow: hidden;
}

DIV.FAV_NAME_PANEL {
	position: absolute;
	font-weight: bolder;
	top: 25px;
	left: 10px;
	width: 290px;
}

A.FAV_NAME {
	cursor: pointer;
	text-decoration: none;
	color: black;
    vertical-align: top;
}

DIV.FAV_DELETE {
	position: absolute;
	top: 10px;
	left: 284px;
}

DIV.FAV_TO_BASKET {
	position: absolute;
	top: 103px;
	left: 278px;
}

DIV.FLOAT_RIGHT {
	float: right;
	right: 0;
	bottom: 0;
	position: absolute;
}

DIV.FAV_PRICE_WARNING {
	font-weight: normal;
	text-align: left;
	font-size: 7pt;
	color: red;
}

INPUT.FAV_CB {
	margin-left: 0;
}

/* end of favorite products panel */

DIV.ProductCell {
/*empty up to now*/
}

DIV.ProductCellCheckbox {
	float: left;
}

DIV.ProductCellName {
	margin-left: 24px;
}

/* start of price popup */
TD.pop_price, TH.pop_price {
	margin-left: 10px;
	text-align: right;
	white-space: nowrap;
}

TD.pop_priceadd {
}

TD.pop_amount, TH.pop_amount {
	text-align: right;
	white-space: nowrap;
}

/* end of price popup */

TD.StdInputCustomService {
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
	color: #000000
}

TD.StdInputCustomServiceRed {
	font-size: 10pt;
	text-align: left;
	vertical-align: middle;
	color: #FF0000;
}

INPUT.LeftWidthCustomService {
	text-align: left;
}

INPUT.LeftWidthCustomServiceRed {
	text-align: left;
	color: #FF0000;
}

TD.FavoriteSelectCell {
	vertical-align: top;
}

TD.FavoriteSelectCell * {
	margin-top:10px;
}

/* start of TinyMCE styles. */
/* DONT REMOVE EVEN IF EMPTY. */
/* this are used to trigger JavaScript and our stylewriter will not write them to the html if it doesn't find them here. */
TEXTAREA.mceSimple {
}

TEXTAREA.mceAdvanced {
}

/* end of TinyMCE styles. */

DIV.clear {
	clear: both;
	overflow: hidden;
}

FORM.no-margin {
	margin: 0;
}

FORM.FileBrowser {
	padding: 20px 10px 20px 10px;
}

.trafficlight0 {
	color: #311;
	background: #fed url(../images1/tlight_red.gif) no-repeat center right;
	border: 0;
}

.trafficlight1 {
	color: #030;
	background: #ffc url(../images1/tlight_yellow.gif) no-repeat center right;
	border: 0;
}

.trafficlight2 {
	color: #221;
	background: #efe url(../images1/tlight_green.gif) no-repeat center right;
	border: 0;
}

.trafficlight3 {
	color: #333;
	background: #eee url(../images1/tlight_off.gif) no-repeat center right;
	border: 0;
}

.cphlight0 {
	color: #311;
	background: #fed url(../images1/tlight_red.gif) no-repeat center right;
	border: 0;
}

.cphlight10 {
	color: #030;
	background: #ffc url(../images1/tlight_yellow.gif) no-repeat center right;
	border: 0;
}

.cphlight20 {
	color: #221;
	background: #efe url(../images1/tlight_green.gif) no-repeat center right;
	border: 0;
}

.cphlight30 {
	color: #333;
	background: #eee url(../images1/tlight_off.gif) no-repeat center right;
	border: 0;
}

IFRAME.ociframe {
	width: 100%;
	height: 500px;
}

/* Menu styles */
.gwtmenu-submenu {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.gwtmenu-image-left, .gwtmenu-image-right {
	vertical-align: top;
	border: 0;
	background-color: white;
}

.gwtmenu-image-left {
	margin-right: 2px;
	margin-top: -2px;
}

.gwtmenu-image-right {
	margin-left: 2px;
	margin-top: -2px;
}

.gwtmenu-item, .gwtmenu-item-current {
	font-size: 9pt;
	font-weight: normal;
	white-space: nowrap;
	padding: 0 5px;
	color: white;
	height: 20px;
	background-image: url(../images1/metanav_bg.gif);
	display: block;
}

.gwtmenu-submenu .gwtmenu-item {
	padding: 0 10px 0 10px;
}

.gwtmenu-item.top, .gwtmenu-item-current.top {
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	background-image:none;
}

html*.gwtmenu-item.top, html*.gwtmenu-item-current.top{
	display:inline;
}

.gwtmenu-item:hover, .gwtmenu-item-current:hover {
	background-image: url(../images1/metanav_lg.gif);
}

DIV#menu {
	background-image: url(../images1/metanav_bg.gif);
    text-align: center;
}

SPAN#menu, SPAN#menu * {
	overflow: visible;
}

DIV#MainContent {
/* see IO-7673 */
	position: relative; /* hack for IE7 to force hasLayout. remove this and IE7 will not display black_overlay correctly. */
	width: 100%;
}

TABLE.OuterTable {
	width: 100%;
}

DIV.black_overlay {
/* see IO-7673 */
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1001;
	background-color: black;
	opacity: 0; /* hack for IE which does not understand opacity. */
	filter: alpha(opacity = 0);
}

DIV.opacity {
/* see IO-7673 */
	/*
 move this to custom css if any customer wants to grey out unclickable pages after submit
	  background-color: black;
	  opacity:.10;
	  filter: alpha(opacity=10);
 */
}

IFRAME#messageframe, DIV.white_content {
	display: none;
	position: absolute;
	width: 300px;
	height: 55px;
	left: 100px;
	top: 100px;
}

DIV.white_content {
	padding: 16px;
	border: 3px solid #3F6FC1;
	background-color: white;
	z-index: 1002;
	overflow: hidden;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
}

.white_content IMG {
/* see IO-7673 */
	margin: 10px auto;
	display: block;
}

.black_overlay IFRAME.ie6zindexfix /* see http://20.targetprocess.com/2006/07/ie6-select-and-z-index-problem.html */
{
/* see IO-7673 */
	display: block;
	position: absolute; /*must have*/
	top: 0; /*must have*/
	left: 0; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 2000px; /*must have for any big value*/
	height: 3000px /*must have for any big value*/;
}

.white_content IFRAME.ie6zindexfix /* see http://20.targetprocess.com/2006/07/ie6-select-and-z-index-problem.html */
{
/* see IO-7673 */
	display: none;
	display /**/: block;
	position: absolute; /*must have*/
	top: 46%;
	left: 37%;
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	width: 25%;
	height: 30px;
}

IFRAME.ie6zindexfix {
/* see IO-7673 */
/* needed to trick StyleWriter */
}

/** see CSSHeader */
SPAN.HeaderAuth {
}

SPAN.HeaderAuthInfo {
}

A.HeaderAuthLink {
}

SPAN.HeaderComName {
}

A.HeaderBackButton {
}

SPAN.HeaderUserName {
}

SPAN.HeaderReloginUserName {
}

SPAN.HeaderBackButton {
}

SPAN.HeaderLogo {
}

DIV.Header {
}

/** begin TabStyles */
/* Adjust carefully: double display style for wanna be browsers (=IE) */
TD.Title{}

DIV.Title {
	background: url('../images1/tabs/non.gif') repeat-x bottom;
	color: #005ea4;
	background-color: #efefef;
	font-family: Tahoma, sans-serif;
	white-space: nowrap;
	display: table;
	width: 100%;
}

html*DIV.Title {
	display:block;
}

html*DIV.Title {
	position: relative;
}

DIV.TabFiller {
	display:table-cell;
	width: 100%;
}
IMG.TabFiller {
	display: none;
}

html*DIV.TabFiller {
	display: none;
}

html*IMG.TabFiller {
	display: inline;
	width: 125px;
	height: 1px;
}

DIV.Title * {
	vertical-align: bottom;
}

DIV.TitleText {
	vertical-align: bottom;
	white-space: nowrap;
	font-size: 15pt;
	font-weight: 800;
	padding-left: 12px;
	padding-bottom: 4px;
	display:table-cell;
}

DIV.MultiTabPanel {
	display: table-cell;
}

/** remove this and the title will have no padding ?!?!?! */
html*DIV.TitleText {
	display: inline-block;
}

html*DIV.MultiTabPanel {
	display:inline-block;
}

html*DIV.TitleText {
	display: inline;
}

html*DIV.MultiTabPanel {
	display: inline;
}
/** End of unbelievable code */

DIV.MultiTabRow {
	margin-top: 3px;
}

INPUT.submit {
	width: 15px;
	height: 1px;
}

A.HelpButton {
	position: relative;
	bottom: 2px;
	display: none;
}

DIV.TabBackgroundText {
	display:table-cell;
	font-size: 8pt;
	padding-right: 12px;
	padding-bottom: 4px;
}

html*DIV.TabBackgroundText {
	position: absolute;
	right: 0;
	bottom: 2px;
	vertical-align: middle;
}

DIV.TabBackgroundTextIEFix {
	position: relative;
	border: 1px solid black;
	left: -10000px;
	top: 5px;
	display: inline;
	font-size: 8pt;
	padding-right: 12px;
	padding-bottom: 4px;
}

DIV.TabBackgroundText * {
	vertical-align: middle;
}

/* End of TabStyles */

/* Menu styles */
.gwtmenu-submenu {
	border-left: 1px solid #d6d6d6;
	border-right: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

.gwtmenu-image-left, .gwtmenu-image-right {
	vertical-align: top;
	border: 0;
	background-color: white;
}

.gwtmenu-image-left {
	margin-right: 2px;
	margin-top: -2px;
}

.gwtmenu-image-right {
	margin-left: 2px;
	margin-top: -2px;
}

.gwtmenu-item, .gwtmenu-item-current {
	font-size: 10pt;
	font-weight: bold;
	white-space: nowrap;
	padding: 0 5px;
	color: white;
	height: 20px;
	background-image: url(../images1/metanav_bg.gif);
	display: block;
}

.gwtmenu-submenu .gwtmenu-item {
	padding: 0 10px 0 10px;
}

.gwtmenu-item.top, .gwtmenu-item-current.top {
	font-weight: bold;
	font-size: 10pt;
	padding-top: 2px;
	padding-bottom: 2px;
	display: inline-block;
	background-image:none;
}

.gwtmenu-item:hover, .gwtmenu-item-current:hover {
	background-image: url(../images1/metanav_lg.gif);
}

DIV#menu {
	background-image: url(../images1/metanav_bg.gif);
}

SPAN#menu, SPAN#menu * {
	overflow: visible;
}

TABLE#contenttable {
	margin: 0;
}

DIV#contentleft {
	clear: both;
	width: 180px;
	height: auto;
	background-color: #ffffff;
	padding-left: 8px;
	margin-left: 0;
	margin-right: 5px;
	padding-right: 5px;
}

TD.contentright {
	border-left: 1px solid #d6d6d6;
}

TD.contentleft {
	border-right: 1px solid #d6d6d6;
}


DIV#contentright {
	margin-left: 5px;
	padding-left: 5px;
	padding-right: 10px;
	width: 160px;
	height: auto;
	background-color: #FFFFFF;
}

DIV#contentmiddle {
	background-color: #FFFFFF;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 16px;
}

html*.gwtmenu-item.top, html*.gwtmenu-item-current.top {
	display: inline;
}

.gwtmenu-item A, .gwtmenu-item-current A {
	color: white;
	font-family: Arial, sans-serif;
	text-decoration: none;
}

.gwtmenu-item-current, .gwtmenu-item-current A {
	color: white;
}

.gwtmenu-item A:hover, .gwtmenu-item-current A:hover {
	color: white;
}

.gwtmenu-downarrow {
	vertical-align: middle;
	padding: 0 2px 0 0;
}

.gwtmenu-text {
	display: inline;
	vertical-align: middle;
}

SPAN.gwtmenu-item-link {
	color: white;
}

.gwtmenu-item.top .gwtmenu-text, .gwtmenu-item-current.top .gwtmenu-text {
}

/** End of GWT Menu */

A.backbutton {
	padding-left: 16px;
	background: #FFF url(../images1/menu.arrow.left.gif) no-repeat 0;
	color: #000;
	width: auto;
	text-decoration: none;
	text-align: left;
}

#serviceleiste {
	background: transparent url(../images1/metanav_bg.gif) repeat-x scroll 0 0;
	clear: both;
	height: 1.4em;
	margin-top: 20px;
	padding-right:200px;
}

#serviceleiste ul {
	margin: 0;
	padding: 0 0 0 0.8em;
}

#serviceleiste li {
	float: left;
	list-style: none outside none;
	margin-left: 1px;
	margin-right: 1em;
	padding-left: 23px;
	padding-top: 1px;
	vertical-align: middle;
}

#serviceleiste li#drucken {
	background: url(../images1/icon_drucken.gif) no-repeat scroll left center;
}

#serviceleiste li#seitenanfang {
	background: url(../images1/icon_nachoben.gif) no-repeat scroll left center;
	float: right;
}

#serviceleiste a {
	color: #FFFFFF;
	font-size: 0.9em;
	text-decoration: none;
}

#footer {
	text-align: center;
	padding-top: 5px;
	padding-right:200px;
}

#footer ul {
	margin: 0;
	padding: 0 0 0 0.8em;
}

#footer li {
	display: inline;
	padding-right: 1.5em;
}

#footer a {
	color: #000000;
	display: inline;
	font-size: 0.9em;
	font-weight: 400;
	text-decoration: none;
	white-space: nowrap;
}

.linksbund {
	float: left !important;
}

.rechtsbund {
	float: right !important;
}

div.dsvb_first, div.dsvb_first_padded {
	border-top: 1px solid #e9e9e9;
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

div.dsvb, div.dsvb_padded {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

div.dsvbc {
	background: url(../images1/box_bf.gif) bottom repeat-x;
}

html* div.dsvbc {
	background: url(../images1/box_b.gif) bottom repeat-x;
}

div.dsvt, div.dsvt_padded {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

div.dsvtc {
	background: url(../images1/box_t.gif) repeat-x;
}

div.dsvtchten {
	background: url(../images1/box_t.gif) repeat-x;
	height: 10px;
}

div.dsvbt, div.dsvbt_padded {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
	border-bottom: 1px solid #e9e9e9;
}

div.dsvlr, div.dsvlr_padded {
	border-left: 1px solid #e9e9e9;
	border-right: 1px solid #e9e9e9;
}

div.dsvbt_padded, div.dsvb_padded, div.dsvb_first_padded, div.dsvt_padded, div.dsv_padded, div.dsvlr_padded {
	padding: 5px;
}

DIV.fixheighttwenty, DIV.fixheighttwenty_topdashed, DIV.fixheightten, DIV.fixheightten_topdashed, DIV.fixheightfive, DIV.fixheightfive_topdashed {
	clear: both;
	overflow: hidden;
}

DIV.fixheighttwenty, DIV.fixheighttwenty_topdashed {
	height: 20px;
}

DIV.fixheightten, DIV.fixheightten_topdashed {
	height: 10px;
}

DIV.fixheightfive, DIV.fixheightfive_topdashed {
	height: 5px;
}

DIV.fixheightfive_topdashed, DIV.fixheightten_topdashed, DIV.fixheighttwenty_topdashed {
	border-top: 1px dashed #e9e9e9;
}

div.dsvt A:hover, div.dsvt A:link {
	text-decoration: none;
	color: inherit;
	color: expression(this.parentNode.currentStyle.color);
}

div.dsvbc A:hover, div.dsvbc A:link {
	text-decoration: none;
	color: inherit;
	color: expression(this.parentNode.currentStyle.color);
}

DIV.rightpanel, DIV#rightpanel {
	padding: 8px;
	text-align: center;
}

div.align_right {
	text-align: right;
}

div.align_left {
	text-align: left;
}

/* begin of last visited products panel */
DIV.LAST_VISITED_PANEL {
	width: 100%;
}

DIV.LAST_VISITED_HEAD {
	font-weight: bolder;
	font-size: 9pt;
	color: #666666;
	left: 0;
	right: 0;
	padding: 12px 10px 10px;
}

A.LAST_VISITED_HEAD {
	font-weight: bolder;
	font-size: 9pt;
	color: #000000;
	cursor: default;
	text-decoration: none;
}

A.LAST_VISITED_HEAD:hover {
	font-weight: bolder;
	font-size: 9pt;
	color: #000000;
	cursor: default;
	text-decoration: none;
	border-bottom: 1px solid #E9E9E9;
}

DIV.LAST_VISITED_ITEM_OUTER {
	color: #444444;
	font-size: 9pt;
	left: 0;
	padding-left: 8px;
	padding-top: 7px;
	padding-bottom: 3px;
	padding-right: 5px;
	right: 0;
	overflow: hidden;
	border-bottom: 1px solid #E9E9E9;
}

DIV.LAST_VISITED_ITEM_INNER {
/* no margin */
}

A.LAST_VISITED_ITEM {
	color: #444444;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, sans-serif;
	font-weight: bold;
	font-size: 9pt;
}

A.LAST_VISITED_ITEM:hover {
	color: #000000;
	font-family: Arial, sans-serif;
	text-decoration: underline;
}

DIV.LAST_VISITED_IMG_PRICE {
	overflow: hidden;
}

DIV.LAST_VISITED_PRICE_HEAD {
	padding-top: 10px;
	color: #444444;
	cursor: pointer;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
}

DIV.LAST_VISITED_PRICE_VALUE {
	color: #444444;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	margin-left: 65px;
}

DIV.LVP_IMG {
	padding-top: 5px;
	float: left;
	padding-right: 10px;
}

/* end of last visited products panel */

A.breadcrumb, A.breadcrumb-single {
	margin: 0;
	color: #000077;
	font-size: 8pt;
	padding: 0 2px 0 2px;
	text-decoration: none;
	font-weight: bolder;
}

A.breadcrumb-single {
	font-weight: normal;
}

DIV.breadcrumb {
	color: #000077;
	font-weight: normal;
	margin-top: 15px;
	font-size: 8pt;
}

span.breadcrumb {
	color: #000077;
	font-weight: normal;
	text-align: center;
	padding: 0 2px 0 2px;
}

SPAN.searchline-Input {
	vertical-align: middle;
}

SPAN.searchline-SearchButton {
	padding-left: 10px;
	vertical-align: middle;
	font-size: 27px;
}

INPUT.searchline-button {
}

.searchline-SearchButton * {
  vertical-align: middle;
}

INPUT.search_artno {
	width: 120px;
}

DIV.rightspacer {
	height: 50%;
}

DIV.searchline {
	border-top: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
	padding-top: 4px;
	padding-bottom: 2px;
	clear: both;
}

DIV.searchinput {
	padding-left: 158px;
	white-space: nowrap;
}

TD.TreeViewDetailBox, TD.TreeViewDetailBoxTop, TD.TreeViewDetailBoxLeft,
	TD.TreeViewDetailBoxRight, TD.TreeViewDetailBoxBottom {
	background-color: #ddddff;
}

TD.TreeViewDetailBox {
	font-weight: normal;
}

TD.SearchCatViewDialogBoxTitle {
	font-size: 9pt;
	font-weight: bold;
}

TD.SearchCatViewDialogBoxLink {
	font-size: 8pt;
}

A.SearchCatViewDialogBoxLink {
	font-size: 8pt;
}

DIV.OrderProductCellName {
	font-size: 10pt;
}

A.ProductNameCell {

}

TD.ProductNameCell {

}

IMG.FilterControl, INPUT.FilterControl {
	vertical-align: middle;
}

DIV.filterctrl {
	vertical-align: middle;
}

DIV.pprice {
}

TABLE.FilterValuesTable {
	width: 100%;
}

TD.EmptyLowHeightLine {
    height: 6px;
    font-size: 1px;
}

A.childrenmiddle {
    text-decoration: underline;
}

TD.prodialog-basketlinktitle {
    padding-left:12px;
}
TD.prodialog-basketlink {
    width: 500px;
}

TD.prodialog-contentdescription {
	font-size: 10pt;
	white-space: nowrap;
}
TD.prodialog-contentdescription IMG {
    vertical-align:text-top;
}

#userinfo {
	float: right;
	font-size: 8pt;
    padding: 5px;
    margin:5px;
	color: white;
	border: 1px solid lightgray;
	background-color: #909090;
}

#userinfo font {
	color: white;
}

#userinfo span {
	vertical-align: bottom;
	color: white;

}

#kopfzeile {
	border: 0 solid #FFFFFF;
	height: 94px;
	overflow: hidden;
	width: 100%;
}

#home {
	border-right: 1px solid #FFFFFF;
	height: 94px;
	left: 0;
	position: absolute;
	width: 219px;
}

#banner {
	height: 94px;
	margin-left: 220px;
	padding-left: 50px;
	background: #FFFFFF no-repeat;

}

#banner p {
	margin: 0;
	padding: 0;
	color: #666666;
	font-size: 12pt;
	width: 400px;
}

#banner a {
	color: #005ea4;
	display: block;
	font-size: 1.5em;
	margin-top: 0.66em;
	padding-left: 20px;
	text-decoration: none;
}

@media print {
	#contentmiddle {
		width: auto;
		background-color: #FFFFFF;
		padding-left: 10px;
		padding-right: 10px;
		margin: 0;
	}

	#contentleft, #contentright, #kopfzeile, #menu, DIV.searchline, A.backbutton, #serviceleiste, #footer, DIV.FooterContent {
		display: none;
	}
}

TD.WrapNormal {
    white-space: normal;
}

TD.WrapNormal * {
    white-space: normal;
}


SPAN.prghierachy {
    display:inline-block;
}

DIV.prghierachy {
   white-space:nowrap;
}


SPAN.hitpronum {
    padding-left: 2px;
    color: green;
    font-size: 7pt;
    font-weight:normal;
}

/* Basket in Menu-Header */
TD.FlexMenuHeaderBasket {width: 100%;}
DIV.FlexMenuHeaderTopRightFrame{padding-top: 5px; padding-bottom: 5px;}
DIV.FlexMenuHeaderTitle{font-size: 8pt; text-align: right; font-weight: bold; margin-bottom: 3px;}
DIV.FlexMenuHeaderBasket {overflow: hidden;}
TD.FlexMenuHeaderMediumCenterBold{font-size: 8pt; color: #999999; font-weight: bold; text-align: center;}
TD.FlexMenuHeaderMediumWhiteBold {font-size: 8pt; color: #ffffff; font-weight: bold;}
TD.FlexMenuHeaderMediumRightBold {font-size: 8pt; color: #999999; text-align: right; font-weight: bold;}
TD.FlexMenuHeaderMediumBold {font-size: 8pt; color: #999999; font-weight: bold;}
A.FlexMenuHeaderLink {font-size: 8pt; color: #ffffff; font-weight: bold; text-decoration: none;}
A.FlexMenuHeaderSubLink {font-size: 8pt; color: #999999; font-weight: bold; text-decoration: none;}
A.FlexMenuHeaderRedLink {font-size: 8pt; font-weight: bold; text-decoration: none;}
A:hover.FlexMenuHeaderLink {font-size: 8pt; color: #999999; font-weight: bold; text-decoration: none;}
A:hover.FlexMenuHeaderSubLink {font-size: 8pt; font-weight: bold; text-decoration: none;}

SPAN.defaultright {
    
}
