/* @override 
	http://www.outokumpu.com/applications/library/css/ap_ES_ie.css
	http://www.bilock.se/library/css/ap_ES_ie.css
*/

/* ===== CSS FOR OUTOKUMPU STEEL PROFESSIONAL TOOL ======== */
/* ===== VERS 2.0 2003-12-04 ============================== */
/* Change log:					      */
/* Nov 2001 - First version for AvestaPolarit SPT	   */
/* 2003-12-04 */
/* Adjusted according to Branding Project */

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
	color: #333;
	padding: 0 1em 1em 0;
	text-align: left;
	line-height: 1.1;
	background: #fff repeat-x;
}
tool-header.jpg
table 
{
	width: auto;
	margin: 0 0 1em 0;
	border-collapse: collapse;
	border-spacing: 0;
}

table, td, th 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	border: none;
}

	th {
		text-align: left;
		font-weight: bold;
	}


/* begin NEW CLASSSES */
BODY.topImage {
	background-image: url(/applications/library/images/tool-header.jpg);
	background-repeat: no-repeat;
}
BODY.topImagePopupEHS {
	background-image: url(/applications/library/images/tool-header.jpg);
	background-repeat: no-repeat;
/*	background-color: #d7f380 */
}
BODY.topImagePopup {
	background-image: url(/applications/library/images/tool-header.jpg);
	background-repeat: no-repeat;
}
.topImageSPT {
	background-image: url(/applications/library/images/tool-header.jpg);
	background-repeat: no-repeat;
}
/* end */

/* begin NEW DIVS */
#layerCompany {
	position: absolute;
	top: 5px;
	left: 380px;
	visibility: visible;
	overflow: visible;
	z-index: 1
}
		.layerCompany a:link, .layerCompany a:link:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 13px;
			font-weight: bold;
			color : #000000;
			text-decoration : none
		}
		.layerCompany a:link:hover, .layerCompany a:link:visited:hover {
			color : #000000;
			text-decoration : underline
		}
#layerSection {
	position: absolute;
	top: 21px;
	left: 410px;
	visibility: visible;
	overflow: visible;
	z-index: 1
}
		.layerSection a:link, .layerSection a:link:visited {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 30px;
			font-weight: normal;
			color : #000000;
			text-decoration : none
		}
		.layerSection a:link:hover, .layerSection a:link:visited:hover {
			color : #000000;
			text-decoration : underline
		}

#layerTopURL
{
	top: 0px;
	left: 60px;
	position: absolute;
	visibility: visible;
	z-index: 10000;
	width: 120px;
}
#layerTopURLPopup {
	top: 0px;
	left: 525px;
	position: absolute;
	visibility: visible;
	z-index: 10000
}
#layerMainPopup {
	top: 85px;
	left: 10px;
	width: 630px;
	height: 600px;
	position: absolute;
	visibility: visible;
	z-index: 1;
}

/* end */

/* ===== Linked text ==== */
a
{
	font-weight: normal;
	color : #003378;
	text-decoration : underline;
}

a:hover
{
	color : #AA0028;
	text-decoration : underline;
}

/* ===== LEFT HAND NAVIGATION ===== */
.ESnav a
{
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal;
	color : #000000;
	text-decoration : none;
}

.ESnavMarked a
{  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold;
	color : #000000;
	text-decoration : none;
}

.ESnavMarked
{ 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 13pt; 
	font-weight: bold
}

.ESnavMarkedSection { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 13pt; 
	font-weight: bold;
	color: #003378;
}
.ESnavRelatedHeading {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	line-height: 13pt; 
	color: #003378;
}

.ESnavBreadcrumb { 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 14pt; 
	line-height: 14pt; 
	font-weight: normal;
	color: #000000;
}

/* ===== HEADER 1-6 ===== */
.ESH1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 14pt;
	line-height: normal;
	font-weight : normal;
	color : #003378;
}

.ESH2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size : 10pt;
	line-height: normal;
	font-weight : bold;
	color : #003378;
}


/* ===== TEXT/PARAGRAPHS CLASSES ===== */
P.ES
{
	font-size : 9pt;
	line-height : 16pt;
	font-weight : normal; 
	color : #000000;
}

.ESnormal
{
	font-size: ;
	line-height : 16pt;
	font-weight : normal; 
	color : #000000;
	margin-right: 15px; 
	margin-left: 30px
}

.ESnormalSmallIndent
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal; 
	color : #000000;
	margin-right: 15px; 
	margin-left: 30px
}

.ESnormalBold
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold; 
	color : #000000;
}

.ESnormalSmall
{
	line-height : 1em;
	font-weight : normal; 
	color : #000000;
}
.ESnormalSmallGrey
{
	padding: 1em 0;
	line-height : 1em;
	font-weight : normal;
	color : #878787;
}

.ESintroduction
{
	font-size : 9pt;
	line-height : 16pt;
	font-weight : bold;
	color : #003378;
	margin-left: 0px; 
	margin-right: 15px
}

OL.ES
{
	font-size : 1em;
	line-height : 13pt;
	font-weight : normal;
	color : #000000;
	list-style-type : lower-alpha;
	margin-left: 70px; 
	margin-right: 15px
}

UL.ES
{
	font-size : 1em;
	line-height : 13pt;
	font-weight : normal;
	color : #00000;
	list-style-type : square;
	margin-left: 70px; 
	margin-right: 15px
}
/* ===== TABS AND AREAS ===== */
.EStabInactive {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal;
	color : #878787;
	text-decoration : none;
	background-color: #EBEBEB;
}
.EStabActive {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: normal;
	color : #000000;
	text-decoration : none;
	background-color: #66CCFF;
}
.ESborder {     background-color: #93b62c}


/* ===== TABLE FORMATTING ===== */
.tableBorder {  
	border-color: #878787 #878787 #878787; 
	border-style: solid; 
	border-top-width: 2px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px;
}

.tableBorderActive {  
	border-color: #878787 #878787 #878787; 
	border-style: solid; 
	border-top-width: 1px; 
	border-right-width: 1px; 
	border-bottom-width: 1px; 
	border-left-width: 1px; 
	background-color: #EBEBEB;
}
/* ===== Heading  ===== */
TD.EStableHeading, TD.tableHeading, .tableHeading
{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size : 8pt;
		font-weight : bold;
		color : #003378;
		border-bottom-width : 1px;
		border-bottom-style : solid;
		border-bottom-color : #003378;
		padding-bottom : 3px;
}

}
TD
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
}
TD.EStableSmall, TD.tableSmall
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
}
TD.EStableSmall A, TD.tableSmall A {
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #0099CC;
}
TD.EStableSmallBold, TD.tableSmallBold
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold;
	color : #000000;
}

TD.EStableHeadingYellow, TD.tableHeadingYellow
{
	font-size : 8pt;
	font-weight : bold;
	color : #000000;
	background-color : #FFCC00;
}
TD.EStableSmallYellow, TD.tableSmallYellow
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
	background-color : #EBEBEB;
}
TD.EStableSmallBoldYellow, TD.tableSmallBoldYellow
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold;
	color : #000000;
	background-color : #EBEBEB;
}

TD.EStableHeadingRed, TD.tableHeadingRed
{
	font-size : 8pt;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #AA0028;
}
TD.EStableSmallRed, TD.tableSmallRed
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
	background-color : #F3B6B6;
}
TD.EStableSmallBoldRed, TD.tableSmallBoldRed
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold;
	color : #000000;
	background-color : #EBEBEB;
}

TD.EStableHeadingBlue, TD.tableHeadingBlue
{
	font-size : 8pt;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #003378;
}
TD.EStableSmallBlue, TD.tableSmallBlue
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
	background-color : #BFF0FF;
}
TD.EStableSmallBoldBlue, TD.tableSmallBoldBlue
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold;
	color : #000000;
	background-color : #BFF0FF;
}

TD.EStableHeadingGrey, TD.tableHeadingGrey
{
	font-size : 8pt;
	font-weight : bold;
	color : #FFFFFF;
	background-color : #878787;
}
TD.EStableSmallGrey, TD.tableSmallGrey
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : normal;
	color : #000000;
	background-color : #EBEBEB;
}
TD.EStableSmallBoldGrey, TD.tableSmallBoldGrey
{
	font-size : 8pt;
	line-height : 10pt;
	font-weight : bold;
	color : #000000;
	background-color : #EBEBEB;
}
/* ===== FORMS ===== */
/* ===== Use this classes for all labels in forms  ===== */
.ESlabel {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: normal; 
	color: #000000
}

.ESlabelBold {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-style: normal; 
	font-weight: bold; 
	color: #000000
}

.formBG
{
	background-color : #EBEBEB;
}

.searchMatchesBG
{
	background-color : #FFF7D9;
}

INPUT
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}

SELECT
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}

INPUT
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}

TEXTAREA
{
	font-family : Verdana, Arial, Helvetica, sans-serif;
	font-size : 10px;
	color : Black;
}
input.formButtonActive {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	
	font-weight: bold;
	color: #FFFFFF; 
	border-color: #93b62c; 
	background-color: #99cc00; 
	border-style: solid; 
	border-width: 1px
}
input.formButton {  
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: 10px; 	
	color: #000000; 
	border-color: #003378; 
	background-color: #D4D4D4; 
	border-style: solid;
	border-width: 1px
}


/* ===== MISCELLANEOUS ===== */
/* ===== Footer of page ===== */
.footer {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color: #878787;
}
.footer a:link, .footer a:link:visited {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 7pt;
	font-weight: normal;
	color : #0099CC;
	text-decoration: none;
}
.footer a:link:hover, .footer a:link:visited:hover {
	color : #AA0028;
	text-decoration: underline;
}
.ESindentParagraph {  
	margin-left: 30px;
}

/* ===== DIVIDERS ON PAGE ===== */


.line {  background-color: #EBEBEB}