@import url("common.css");

body {
	margin: 15px 0px 0px 0px;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
  font-weight : normal;
	background-color : #FFFFFF;
  color : #000000;
}

.Button {
 cursor : pointer;
}

.Label {
	font-size : 11px;
  font-weight : bold;
	color : black;
	line-height : 14px;
  padding-bottom : 2px;
}

.info_field {
	border-bottom-color : Black;
	border-bottom-style : dashed;
	border-bottom-width : 1px;
	cursor : help;
}


.bg_yellow {
	background-color : #FDB824;
}

.bg_red {
	background-color : #B46452;
}

.bg_green {
	background-color : #4FA800;
}

.bg_gray {
	background-color  : #BABCBE;
}

.bg_light_gray {
	background-color  : #EEEEEE;
}
.bg_black  {background-color : #000000;}
.bg_beige  {background-color : #F5F5DC;}

.bg_rose {
	background-color  : #FFD3D3;
}

.bg_light_green {
	background-color : #DCECCE;
}

.bg_light_blue {
	background-color : #DBECF1;
}

.bg_blue {
	background-color : #3B73B9;
}

.bg_turqouise {
	background-color : #0098CC;
  color : #FFFFFF;
}

.bg_white {
	background-color : #FFFFFF;
}

.fg_white {
	color : #FFFFFF;
}

.fg_red {
	color : #B46452;
}

.edge_rtop_yellow {
	background-image : url(edge_righttop_yellow.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_ltop_yellow {
	background-image : url(edge_lefttop_yellow.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_mtop_yellow {
	background-image : url(edge_middletop_yellow.png);
	background-position : top;
	background-repeat : repeat-x;
}

.edge_rtop_green {
	background-image : url(edge_righttop_green.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_ltop_green {
	background-image : url(edge_lefttop_green.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_mtop_green {
	background-image : url(edge_middletop_green.png);
	background-position : top;
	background-repeat : repeat-x;
}

.edge_rtop_blue {
	background-image : url(edge_righttop_blue.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_ltop_blue {
	background-image : url(edge_lefttop_blue.png);
	background-position : top;
	background-repeat : no-repeat;
}

.edge_mtop_blue {
	background-image : url(edge_middletop_blue.png);
	background-position : top;
	background-repeat : repeat-x;
}

A {
  font-size : 12px;
	text-decoration : underline;
	color : #000080;
}

A:HOVER {
	text-decoration : underline;
  color : red;
}

A.SmallFont {
  text-decoration : none;
  font-size : 11px;
}

A.SortLink {
  text-decoration : underline;
  font-size : 10px;
}

A.W3C {
  font-size : 9px;
	text-decoration : none;
	color : gray;
}

li {line-height:18px;}
form {margin : 0px;}

hr {
	color : #0045AE;
	height : 1px;
}

Select, Input, Textarea, Button {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
}

Input.Pager {font-family : Tahoma;}
.Readonly {
  border-width : 0px;
}

h1, h2, h3, h4 {
	font-family : Arial, Helvetica, sans-serif;
	color : black;
}

h1 {
	font-weight : bold;
	font-size : 16px;
	margin : 0px 0px 0px 0px;
}

h2 {
	font-weight : normal;
	font-size : 16px;
	margin : 0px 0px 0px 0px;
}

h3 {
	font-weight : normal;
	font-size : 14px;
	margin : 0px 0px 0px 0px;
}

h4 {
	font-weight : bold;
	font-size : 12px;
	margin : 0px 0px 0px 0px;
}

DIV.DashedBox {
	padding : 10px; 
	background : #DDEAFF; 
	border : 1px solid #98A7C8; 
}

td {
	font-size : 11px;
	text-align : left;
  vertical-align : top;
}

td.SpreadsheetHeader, td.SpreadsheetHeaderH {
	background-color : #FBDC89;
	padding : 5px;
	height : 20px;
	vertical-align : middle;
}

td.SpreadsheetHeaderW, td.SpreadsheetHeaderClear {
	padding : 2px;
	height : 20px;
	vertical-align : middle;
}

td.SpreadsheetHeaderW {
	background-color : white;
}

td.SpreadsheetHeaderButton {
	background-color : #E1DFDF;
  border : 1px outset silver;
}

td.SpreadsheetHeaderV {
	background-color : #FBDC89;
  layout-flow : vertical-ideographic;
  padding-top : 5px;
  padding-bottom : 5px;
	vertical-align : middle;
}

td.SpreadsheetCell, td.SpreadsheetCellClear, td.SpreadsheetCellBlue, td.SpreadsheetCellRose, td.SpreadsheetCellGreen, td.SpreadsheetCellYellow, td.SpreadsheetCellSilver, td.SpreadsheetCellWhite, td.SpreadsheetCellBlack {
	padding : 2px;
	vertical-align : middle;
}

td.SpreadsheetCell {background-color : white;}
td.SpreadsheetCellBlue {background-color : #F9F9F9;}
td.SpreadsheetCellRose {background-color : #FFD3D3;}
td.SpreadsheetCellGreen {background-color : #CDE9CD;}
td.SpreadsheetCellYellow {background-color : #E9EA96;}
td.SpreadsheetCellSilver {background-color : #E1DFDF;}
td.SpreadsheetCellWhite {background-color : #FFFFFF;}
td.SpreadsheetCellBlack {background-color : #000000; color : #FFFFFF;}

td.BottomBorder {
  border : 1px none silver;
  border-bottom-style : solid;
}

td.LeftMenuTitle{
	background-color : #ED0455;
	font-size : 13px;
	color : white;
	border : 1px none silver;
	padding-left : 14px;
	padding-right : 5px;
	padding-top : 2px;
	padding-bottom : 2px;
	height : 20px;
	vertical-align : middle;
	width : 100%;
}

td.LeftMenuContent {
	background-color : #F9F9F9;
	border : 1px silver;
	border-style : solid none none none;
	padding-left : 14px;
  padding-right : 5px;
	height : 20px;
	vertical-align : middle;
	padding-top : 6px;
	padding-bottom : 7px;
	width : 100%;	
}

/* ECOLAB PAGE HEADER */

Span.Headline {
  font-size : 18px;
	padding-top : 0px;
  white-space : nowrap;
	color : #00005F;
}

A.SmallHeaderLink {
	font-size : 12px;
	text-decoration : none;
	color : #007AC9;
}

A.SmallHeaderLink:HOVER {
	text-decoration : underline;
  color : #007AC9;
}

A.HeaderLink {
  font-size : 12px;
	text-decoration : none;
	color : White;
}

A.HeaderLink:HOVER {
	text-decoration : underline;
	color : #666666;	
}

td.HeaderMenu{
	height : 21px;
	text-align : left;
	width : 100%;	
	background-color : #EEEEEE;
}

A.HeaderMenu{
	font-size : 12px;
	color : #007AC9;
	padding-left : 6px;
	padding-top : 3px;
	padding-bottom : 4px;
	width : 100%;
	text-decoration : none;
}

A.HeaderMenu:HOVER{
	font-size : 12px;
	color : white;
	text-decoration : none;
}

td.HeaderLinkTop {
   padding-top : 2px;
   vertical-align : top; 
   text-align : left;
}

Span.HeaderLinkTop {
	text-align : right;
	overflow : hidden;
	position : absolute;
	top : 0px;
}

Div.HeaderLinkBottom {
	text-align : left;
	padding-top : 3px;
	color : white;
	overflow : hidden;
	position : absolute;
	top : 64px;
}

/* END ECOLAB PAGE HEADER */