body {
	background-color: #00000f;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px;color: #000000;}
a:link {  color: #0000FF; text-decoration: none}
a:visited {  color: #0000FF; text-decoration: none}
a:hover {  color: #99CCFF; text-decoration: none}
a.nav:link {  color: #FFFFFF; text-decoration: none}
a.nav:visited {  color: #FFFFFF; text-decoration: none}
a.nav:hover {  color: #CCCCCC; text-decoration: none}
.nav {height: 20px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #FFFFFF; font-weight: bold}
h1 {font-size: 20px; color: #333399; font-weight: normal}
h2, h3 {font-size: 16px; color: #BB0000}
.companyname {
	font-size: 24px;
	color: #FFCC00;
	font-weight: bold;
}
.slogan {
	font-weight: bold;
	color: #FFCC00;
}
.small {font-size: 10px;}
ul {}
ol {}
#designed {
	text-align: center;
}
#designed a {
	color: #999999;
	text-decoration: none;
	font-size: 11px;
}

#form_wrapper_new {
    margin: 0;
    padding: 20px 10px 14px 20px; /* (top, right, bottom, left) */
    width: 450px;
    border: 1px solid #606060;
    font: normal 13px Arial, Helvetica, sans-serif;
    background: url('http://www.roofingmaterialscalculator.org/formgrad.jpg') repeat-x;
}

span { font: normal 13px Arial, Helvetica, sans-serif; }
div.mcline { margin-top: 4px; }
div.mcrow { margin-bottom: 4px; }
div.res_price { margin-bottom: 4px; }

b.rgrey { color: #707070; }
b.bx { margin-left: 15px; margin-right: 15px; }

input.sbox { margin-left: 10px; border: 1px solid #000; }
input.sreg { border: 1px solid #000; }
input.scalc { margin-top: 19px; background: #EEE; border: 1px solid #000; color: #000; font-weight: bold; padding: 3px 20px 3px 20px; }
select.stype { width: 150px; }

span.sspace, span.sspace2 { float: left; width: 85px; font-weight: bold; }
span.sspace2 { width: 128px; }
span.sptop { vertical-align: top; font-weight: bold; }