HTML
    { margin: 0px; padding: 0px; height: 100%; }
BODY
    { font-family: Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-style: normal; font-size: 12px;
      background-color: white; margin: 1.5em; height: 90%; width: 95%}
BODY.Popup
	{ text-align: left; }
	
	
DIV
	{ border-color: #404850; }

EM, STRONG, H1, H2, PRE, INPUT
	{ font-style: normal; }
EM
	{ font-weight: bold; }
STRONG, P.Errors
	{ color: red; font-weight: bold; }
H1
	{ font-size: 16px; color: black; font-weight: bold; }
H2
	{ font-size: 13px; color: black; font-weight: bold; }

B
	{ font-size: 12px; font-weight: bold; color: black; }
PRE
	{ font-size: 12px; color: black; }
INPUT, SELECT, OPTION, BUTTON
	{ color: black; background-color: white; font-size: 12px; border-top: 1px solid black; border-left: 1px solid black; }

INPUT.InvalidValue {
	color: red; border: 1px solid red;
}
INPUT.ReadOnly {
	background-color: #EEEEEE;
}

SELECT.Header, OPTION.Header
	{ font-size: 16px; font-weight: bold; }

SELECT.ReadOnly {
	background-color: #A3A3A3;
}

TD.head
	{ font-size: 12px; color: white; background-color: #404850; }
TD.main
	{ font-size: 12px; color: black; background-color: #eeeeee; vertical-align: top; }
TD.wiNaviHL
	{ font-size: 14px; color: white; }

.h1
	{ font-size: 16px; font-weight: bold; color: black; }
.h2
	{ font-size: 13px; font-weight: bold; color: black; }

.hlKachel
	{ font-size: 12px; color: #404850; font-weight: bold; }

.Menu
	{ font-size: 12px; color: black; }
A.Menu
	{ font-size: 12px; color: black; text-decoration: none; }
A:Visited.Menu
	{ font-size: 12px; color: black;}
A:Active.Menu
	{ font-size: 12px; color: black;}
A:Hover.Menu
	{ font-size: 12px; color: black;}

TABLE
	{ font-size: 12px; }

/* Paragraph close to next */
P.Close
    { margin: 0em; padding: 0em; }
P, TABLE.Visual, TABLE.Properties
    { margin: 0em; padding: 0em; }
P, TABLE.Visual, TABLE.Properties, DIV.Menu, DIV.Warning
	{ margin: 0em 0em 1em 0em; }
DIV.Menu, DIV.Warning
    { position: relative; }    
DIV.Menu DIV#navigation
    { display: inline; position: static; }    
DIV.Menu DIV#information
    { display: inline; position: absolute; right: 0px; top: 0px; }
DIV.Warning
	{ color: red; font-weight: bold; }
DIV.Progress {
    position: absolute;
    width: 500px;
    height: 120px;
    background-color: white;
    border: solid 1px black;
    text-align: center;
}
DIV.DropShadow {
    position: absolute;
    width: 500px;
    height: 120px;
    background-color: silver;
}
DIV.Progress p {
	padding: 20px 10px 10px 10px;
}
IMG.Progress {
	border: none;
}

/* Page layout */
DIV#topMenu, DIV#bottomMenu
	{ clear: both; }
DIV#topMenu
    { margin: 0em 0em 0.5em 0em; }
DIV#bottomMenu 
    { margin: 1.5em 0em 0em 0em; }
DIV#content
    { min-height: 90%; }

/* Visible (non layout) standard tables */
TABLE.Visual, TABLE.Properties
    { border: none; border-collapse: collapse; }
TABLE.Visual TD, TABLE.Visual TH, TABLE.Properties TD, TABLE.Properties COLGROUP
    { text-align: left; vertical-align: middle; border: 0.1em solid white; }
TABLE.Visual THEAD, TABLE.Visual TFOOT, TABLE.Properties COLGROUP.Label, TABLE.Properties TD.Label, TABLE.Properties COLGROUP.SecondaryLabel, TABLE.Properties TD.SecondaryLabel
    { color: black; background-color: #dddddd; font-weight: bold; }
TABLE.Properties COLGROUP.SecondaryLabel, TABLE.Properties TD.SecondaryLabel
	{ text-align: center; }
TABLE.Visual THEAD TH, TABLE.Visual THEAD TD, TABLE.Visual TFOOT TD, TABLE.Properties COLGROUP.Label, TABLE.Properties TD.Label
    { padding: 0.3em; }
TABLE.Visual THEAD TH.sortcol {
	cursor: pointer; background-repeat: no-repeat;	background-position: right center; }
TABLE.Visual THEAD TH.sortasc {
	padding-right: 20px; background-image: url(images/up.gif); }
TABLE.Visual THEAD TH.sortdesc {
	padding-right: 20px; background-image: url(images/down.gif); }
TABLE.Visual TBODY, TABLE.Properties COLGROUP.Field, TABLE.Properties TD.Field
    { color: black; background-color: #eeeeee; }
TABLE.Visual TBODY TD, TABLE.Properties COLGROUP.Field, TABLE.Properties TD.Field
    { padding: 0.2em 0.3em; }
TABLE.Visual TBODY TR.odd
	{ background-color: #f8f8f9; }
TABLE.Visual TBODY TR.even
	{ background-color: #EFEFEF; }
TABLE.Visual TD.Amount
	{ text-align: right; }
TABLE.Visual CAPTION, TABLE.Properties CAPTION
    { caption-side: top; text-align: left; margin: 0em; padding: 0em; }
TABLE.Visual TD.Links
	{ text-align: center; width: 25px; }
TABLE.Visual TD.Links IMG
	{ display: inline-block; border: none; }
TABLE.Visual TD.Image IMG
	{ width: 50px; height: 50px; }
TABLE.Visual TD.Dimension, TABLE.Visual TD.ListDimension
	{ white-space: nowrap; }
TABLE.Visual TD.Dimension
	{ text-align: right;  }
TABLE.Visual TD.Text
	{ white-space: nowrap; }
TABLE.Visual TD.ListLabel
	{ width: 3cm; }
TABLE.Visual TR.Action TD.Label
	{ font-weight: bold; }
TABLE.Visual TR.Action TD.Icon
	{ white-space: nowrap; text-align: right; }
TABLE.Visual TD.Details
	{ padding-top: 15px; padding-bottom: 15px; }
TABLE.Visual TD.DeleteIcon
	{ padding-left: 25px; }

.SelectedProduct Table {
	width: 100% }

/* Navigation element */
TABLE.Navigation
    { border: none; border-collapse: collapse; margin: 0px; width: 100%; }
TABLE.Navigation THEAD
    { color: white; background-color: #f0f1f2; font-size: 14px; font-weight: bold; }
TABLE.Navigation THEAD TD
    { padding: 6px; padding-left:8px; padding-right: 8px; }
TABLE.Navigation TBODY
    { color: black; font-size: 12px; }
TABLE.Navigation TBODY TD
    { padding: 2px; padding-left: 8px; padding-right: 8px; }

/* Product selector */
td.AttributeValueSelectionHead {
    padding: 5px;
}
td.AttributeValueSelectionValues {
    padding: 5px;
}
table.AttributeValueSelection {
    margin: 20px;
    background-color: #EFEFEF;
    border: solid 1px #9C9C9C;
}

/* esp. for "x" to close a tile */
A.ControlIcon
	{ font-size: 10px; color: black; text-decoration: none; }
A:Visited.ControlIcon
	{ font-size: 10px; color: black;}
A:Active.ControlIcon
	{ font-size: 10px; color: black;}
A:Hover.ControlIcon
	{ font-size: 10px; color: black;}
		

table.AttributeValueSelection tr {
    padding: 5px;
}
select.AttributeValueSelection {
    width: 300px;
}

BODY#navigation
    { color: black; background-color: #b6bbbe; font-size: 12px;
      position: absolute; top: 0px; left: 0px; bottom: 0px; right: 0px;
      margin: 0px; border-right: 1px solid black; height: 100%; width: 249px; }
DIV.Navigation
    { border: none; border-collapse: collapse; margin: 0px; width: 100%; }
DIV.Navigation H1
    { color: white; background-color: #dce3f1;
      font-size: 14px; font-weight: bold;
      margin: 0px; padding: 6px 8px }
DIV.Navigation UL, DIV.Navigation DL, DIV.Navigation P
    { margin: 1em; }
DIV.Navigation UL
    { list-style: none; padding: 0em; }
DIV.Navigation DL DT, DIV.Navigation DL DD, DIV.Navigation UL LI
    { margin: 0em 0em 0.5em 0em; }
DIV.Navigation DL DT
    { float: left; }
DIV.Navigation DL DD
    { margin-left: 7em; vertical-align: middle; }
DIV.Navigation DL DD INPUT
    { border: none; background-color: #e7e7e7; margin: 0px; padding: 0px; }
DIV.Navigation DL DD SPAN
    { display: block; vertical-align: middle; }

/* Caption elements */
DIV.Caption
	{ float: left; background: #e7e7e7; margin-right: 0.5em; padding: 0.1em; }
DIV.Caption H1
	{ font-size: 80%; margin: 0px; }
DIV.Caption P
	{ font-size: 75%; margin: 0px; }

/* Hyperlink layout for action (activity trigger) links. */
A.Action, DIV.Warning A, TD.Action A, TR.Action A, DIV.Navigation UL LI A
	{ font-size: 12px; color: black; text-decoration: none; }
A:active.Action, DIV.13:29 30.10.2009 A:active, TD.Action A:active, TR.Action A:active, DIV.Navigation UL LI A:active
	{ color: black; text-decoration: none; }
A:visited.Action, TD.Action A:visited, TR.Action A:visited, DIV.Navigation UL LI A:visited
	{ color: black; }
A:hover.Action, DIV.Menu A:hover, TD.Action A:hover, TR.Action A:hover, DIV.Navigation UL LI A:hover
	{ color: black; text-decoration: none; }
A.Action SPAN.Static, A.Breadcrumb SPAN.Static, DIV.Menu A SPAN.Static, TD.Action A SPAN.Static, TR.Action A SPAN.Static, DIV.Navigation UL LI A SPAN.Static,
A:visited.Action SPAN.Static, A.Breadcrumb SPAN.Static, DIV.Menu A:visited SPAN.Static, DIV.Navigation UL LI A:visited SPAN.Static
	{ text-decoration: none; }
A.Action IMG, A.Breadcrumb IMG, DIV.Menu A IMG, TD.Action A IMG, TR.Action A IMG, DIV.Navigation UL LI A IMG
	{ border: none; }
A.Breadcrumb, A:Active.Breadcrumb, A:Visited.Breadcrumb, A:Hover.Breadcrumb
	{ color: #B6BBBE; font-style: italic; text-decoration: none; font-size: 12px;}
TD.Action A.Underline, TD.Action A:Active.Underline, TD.Action A:Visited.Underline, TD.Action A:Hover.Underline
	{ text-decoration: underline; }	

BODY.Popup DIV.Menu
	{ text-align: center; }
BODY.Popup img#logo
	{ float: left; margin-right: 1em; }
BODY.Popup div#content
	{ min-height: 150px; }

A           { color: #404850; }
A:Visited   { color : #8b8b8b; }
A:Active    { color : #8b8b8b; }
A:Hover     { color : #1370b7; }

.sm             { font-size: 12px; color : black; }
A.sm            { font-size: 12px; color : black; text-decoration: underline; }
A:Visited.sm    { font-size: 12px; color : black; }
A:Active.sm     { font-size: 12px; color : black; }
A:Hover.sm      { font-size: 12px; color : black; }
TABLE.sm        { padding: 1px; }

.applet         {font-size: 14px; color : #ffffff; font-weight: bold}
A.applet        {font-size: 14px; font-weight: bold; color: white; text-decoration: none; }
A:Visited.applet{font-size: 14px; color : white;}
A:Active.applet {font-size: 14px; color : white;}
A:Hover.applet  {font-size: 14px; color : white; }

A.wiNavi        {font-size: 13px; color: black; }
A:Visited.wiNavi{font-size: 13px; color: black; }
A:Active.wiNavi {font-size: 13px; color: black; }
A:Hover.wiNavi  {font-size: 13px; color: black; }

IMG
    { margin: 0em; padding: 0em; border: none; }

IMG.Product, TABLE.Visual TD.Image IMG
    { border: 1px solid #404850; }
IMG.ActionButton
    { padding: 3px; }

/* bgcolors */
.blue2      { font-size: 12px; color : #ffffff; font-weight: bold; background-color: #404850; }

TEXTAREA
    { font-size: 12px; color: #000000; font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

/* vertical alignment of button labels */
div.Menu img, div#content a.Action img, div.ProductMenu span.Element img { vertical-align:middle; margin-bottom: 2px; _margin-bottom: 0px; }

.tooltip {
  font: 11px Verdana,sans-serif;
  background: #ecedef;
  border: 1px solid #8b8b8b;
  padding: 1px 3px;
}

.row-filtered {
	display: none;
}

TABLE.Visual TBODY TR.hlRow {
	background-color: #CCCCCC;
	cursor: pointer;
}

/* A div containing links */
div.LinkBar ul {
	list-style: none;
	margin: 0px;
	padding: 10px 0px 10px 0px;
}
div.LinkBar li {
	float: left;
	margin: 0px 5px;
	background-color: #D5DDEE;
	border: 1px solid #404850;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 10px;
}
div.LinkBar li a {
	background-image:url('images/bta_arrow.gif');
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 25px;
	float: left;
	display: block;
	line-height: 15px;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
}
div.LinkBar li a.ArrowLeft {
	background-image:url('images/bta_arrow_left.gif');	
}
div.LinkBar li a.ArrowRight {
	background-position: right;
	padding-left: 10px;
	padding-right: 25px;
}
div.LinkBar li a img {
	border: 0px;
	margin: 0px; padding: 0px;
}
/* ------------------- */
div.Children a {
	background-image:url('images/bta_arrow.gif');
	background-position: right;
	background-repeat: no-repeat;
	padding-right: 15px;
	margin: 2px;
	float: left;
	display: block;
	line-height: 15px;
	color: #000000;
	text-decoration: none;
	text-align: center;
}

.DisabledLookalike {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* Sorting */
TABLE.Visual THEAD TH.table-sortable {
    padding-right: 14px;
}
TH.table-sortable {
    vertical-align: top;
    cursor:pointer;
    background-image:url("images/table/sortable.gif");
    background-position:center right;
    background-repeat:no-repeat;
}
th.table-sorted-asc {
    background-image:url("images/table/sorted_up.gif");
    background-position:center right;
    background-repeat:no-repeat;
}
th.table-sorted-desc {
    background-image:url("images/table/sorted_down.gif");
    background-position:center right;
    background-repeat:no-repeat;
}
th.table-filtered {
    background-image:url("images/table/filter.gif");
    background-position:center right;
    background-repeat:no-repeat;
}

TABLE.ProductTable {
	width: 100%;
}
/* width values for specific attributes in product table: */
TABLE.ProductTable THEAD TR TH.ColumnArticleNumber, TABLE.ProductTable TBODY TR TD.ColumnArticleNumber {
	width: 80px;
	min-width: 80px;
	max-width: 80px;
}
TABLE.ProductTable THEAD TR TH.ColumnThumbnail, TABLE.ProductTable TBODY TR TD.ColumnThumbnail {
	width: 75px;
	min-width: 75px;
	max-width: 75px;
}
TABLE.ProductTable THEAD TR TH.ColumnAbstract, TABLE.ProductTable TBODY TR TD.ColumnAbstract {
	width: 250px;
	min-width: 250px;
	max-width: 250px;
}
TABLE.ProductTable THEAD TR TH.ColumnPackagingUnit, TABLE.ProductTable TBODY TR TD.ColumnPackagingUnit {
	width: 75px;
	min-width: 75px;
	max-width: 75px;
}

/* Configurators: */
TABLE.Conditions {
	border-collapse: separate;
	border-spacing: 1px;
}
TABLE.Conditions TBODY.Condition {
	border: solid 1px #A3A3A3;
}
TABLE.Conditions TBODY.Condition TR {
	background-color: #EEEEEE;
}
TABLE.Conditions TBODY TR TD.ConditionName {
	font-weight: bold;
	background-color: #A3A3A3;
	padding: 0.3em;
}
TABLE.Conditions TBODY TR TD {
	padding: 1px;
}
TABLE.Conditions TBODY TR TD.ConditionCheck {
	vertical-align: middle;
	text-align: right;
}
TD.ConditionCheckFulfilled {
	color: #04C229;
}
TD.ConditionCheckNotFulfilled {
	color: #FF0000;
	font-weight: bold;
}
TD.ConditionSpacer {
	background-color: white;
}
/*
	An anchor to be able to jump to the condition currently being edited:
*/
A.Condition           { color: #FFFFFF; }
A.Condition:Visited   { color: #FFFFFF; }
A.Condition:Active    { color: #FFFFFF; }
A.Condition:Hover     { color: #FFFFFF; }