* { font-family: "Roboto", sans-serif !important; font-size:1em;}
/*
*, *:before, *:after {
        -moz-box-sizing: border-box;
}*/


body { margin: 0; }
#header {
	padding: 5px 20px 10px;
	background:#00386B;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#185D95), to(#0C134C));
	background-image: -webkit-linear-gradient(top, #185D95 0%, #0C134C 74%);
	background-image: -o-linear-gradient(top, #185D95 0%, #0C134C 74%);
	background-image: linear-gradient(to bottom, #185D95 0%, #0C134C 74%);
	background-image: -ms-linear-gradient( #185D95 0%, #0C134C 74%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#135D95', endColorstr='#0C134C');
	color: #fff;
	font-size: 24px;
	height: 65px;
	width: 100%; }
#logo { width: 400px; margin: 0 auto; }
#logo img { margin-right: 100px; float: left; width:5em;}
#footer { background: #ccc; width: 100%; height: 20px; }

#center {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}
div.left {
	text-align="left";
}
.right {
        text-align: right;
}

img {
        border: 0px;
}

table tr th, table tr td {
	padding: 0.5625em 0.625em;
}

td.col1 { width: 40%; }
td.col2 { width: 250px: }
td.col3 { width: 170px; }
td.calcresult { font-size: 1em; height: 1em; border:0.1em solid #EEE; text-align: right;}
td.vector12 { width: 12%; }
td.vector20 { width: 20%; }
td.vector8 { width: 8%; }

table.left { border-collapse: collapse; }
table.left td { color: #000; border: 1px solid #888; text-align: left; }

table.calc { margin: 0 auto; min-width:200px; }
table.calc td { text-align: left;}

table.calcconvert { width: 60%; text-align: right; min-width:500px; margin: 0 auto; }

table.calcvector { text-align: right; margin: 0 auto;}

table.tol { margin: 0 auto; min-width: 440px; border-collapse: collapse; } 
table.tol td { padding: 0.2em 0.2em; border: 1px solid #888; }
.calc_btn_text { background: #f6f6f6; font-size: 1em; text-align:right; width:200px; min-width:180px; }
.calc_header { font-weight: bold; color: #004b85; width:200px; text-align: center; }
.calc_convertlbl { min-width:150px; }

input.calc_btn {
	color: transparent;
	font: normal 0.1pt;
	height: 24px;
	width: 24px;
	vertical-align: center;
	margin:2px;
	}

input.calc_btn_on {
	background-color: #00386B;
	border: 1px solid #F9E04C;
	color: #00386B;
	font: normal 1pt;
	height: 24px;
	width: 24px;
	vertical-align: center;
	margin: 2px;}
.calcinput {
	background-color: #F0EEE8;
	text-align: right;
	width: 98%;
	padding-right: 1px;
	min-width:180px;
}
.vectorinput{
        background-color: #F0EEE8;
        text-align: right;
        width: 100%;
        padding-right: 1px;
        min-width:90px;
}
.calc_error, .calc_message {
	padding: 5px;
	min-width: 500px;
	vertical-align: center;
	text-align: center;
}