.Content
{
	top: 160px;
	left: 200px;
	position: absolute;
	width: 600px
}
div#header
{
	width: 400px;
	height: 120px;
	background: white;
	padding: 5px;
	border: 1px solid black;
}
div#matclass, div#prodgrp 
{
	margin-bottom: 10px;
}
.label 
{
	text-align: right;
}
div#message1, div#message2, div#message3
{
	text-align: center;
}

div#footer
{
	border: 1px solid lightgrey;
	width: 575px;
	margin-left: -75px;
	padding: 5px;
	
}


div#identcode
{	
	border: 1px solid lightgrey;
	width: 300px;
	float:left;
	text-align:right;
	background: lightgrey;
}


div#calcprice
{	
	border: 1px solid lightgrey;
	width: 175px;
	float:right;
	text-align:right;
	background: lightgrey;
}


	
div#submit
{ 
	float: none;
	text-align: right;
	margin-top: 40px;
}

div#kmat
{
	width: 575px;
    border: 1px solid black;
    padding: 5px;
    height: 400px;
    overflow: scroll;
    white-space: nowrap;
    margin-left: -75px;
    margin-top: 10px;
    margin-bottom: 10px;
}

div#progress
{
	color: white;
	text-align: center;
	font: bold large "Segoe UI" , Segoe, sans-serif;
	border: 1px solid lightgrey;
	background: deepskyblue;
}	


table#kmatgrid 
{
	border: 1px solid lightgrey;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	background: lightgrey;
	/* left: -75px; */
	/* position: relative; */
	width: 555px;
	font-family: sans-serif;
	font-size:0.8em;
	empty-cells: show;
	border-collapse:collapse;
	table-layout: fixed;
}
table#kmatgrid th
{
	border: 1px solid lightgrey;
	text-align: center;
	font-weight: normal;
	background: teal;
	font-size: 1em;
	color: white;
	overflow: hidden;
}
table#kmatgrid tbody td 
{
	border: 1pt solid lightgrey;
	font-size: 0.9em;
	overflow: hidden;
	
}
table#kmatgrid col#step 
{
	width: 30px;
	background: white;
}

table#kmatgrid col#chardesc 
{
	width: 175px;
	background: white;
}

table#kmatgrid col#charval 
{
	width: 75px;
	background: white;
	text-align: center;
}
table#kmatgrid col#description
{
	width: 175px;
	background: white;
	
}
table#kmatgrid col#price 
{
	width: 50px;
	background: white;
	text-align: right;
}


.desc
{
	white-space: nowrap;
}
.calcprice
{
	text-align: right;
}