body {
	color:#303070;
}

h1 	{
		font-size:1em;
		line-height:60px;
		color:#b0c4de;	
		font-family: Arial, Helvetica, sans-serif;
	}
h2 	{
		color:#2e8b57;	
		font-family: Arial, Helvetica, sans-serif;	    
	}
		
h5 	{
		color:#c68039;	
		font-family: Arial, Helvetica, sans-serif;
		padding-top: 1em;	    

	}
			
li.mobile-hide {
	display:none;
}

div.mobile-hide {
	display:none;
}

@media (min-width:500px) {
	li.mobile-hide {
		display:inline;
	}
	
	div.mobile-hide {
	    display:inline;
    }	
}

footer {
	font-size:0.7em;
	text-align:center;
	margin:1em 0;
}

main {
		padding: 0 10px 0 10px;
	}

div.border-right {
  border-right: 2px solid;
  border-color: DarkGreen;
}

table.bom{
	border-top: 2px solid;
	border-color: red;
}

tr.bom{
	border: 1px solid;
	padding: 10px 10px 10px 10px;
}

th.bom{
	border: 1px solid;
	padding: 10px 10px 10px 10px;
}

td.bom{
	border: 1px solid;
	padding: 10px 10px 10px 10px;
}

form.building{
width: 20px;
}

canvas {
  background-color: #f0ffff; 
  width: 100%;
  height: auto;
}

input.ltgreen
{
  background-color: #eaffea; 
}

input.ltgray
{
  background-color: #fafafa; 
}

input.plans
{
  background-color: #eaffea; 
  width: 100%;
}