div.formheader{
   background-color: #82befa;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
}
div.formbackground {
   background-color: #ddd;
	padding: 10px;
}
div.formdiv { 
	width: 350px;
	background-color: #ddd;
	overflow:hidden;
	margin: 0 auto;
	border:1px solid #000;
}
div.listdiv { 
	background-color: #fff;
	width: 450px;
	float: left;
	border:1px solid #000;
	margin: 10px;
}
div.subtype {
   min-width: 400px;
}
div.listbackground{
   background-color: #fff;
	padding: 10px;
}
input,select { 
	width: 100%; 
	margin-bottom: 15px;
}
.boxlinks a { 
	color: #0e9119;
	text-decoration: none;
} 
.boxlinks a:visited { 
	color: #0e9119;
	text-decoration: none;
} .boxlinks a:hover {
	color: #02bf12;
	text-decoration: none;
}
table.mobile tr.rowa {
	background-color: #fff;
}
table.mobile tr.rowb {
	background-color: #bbb;
}
table.invoice {
	width: 700px;
}
table.invoice tr {
	background-color: #ddd;
}

@media screen and (max-width: 1000px) {
	div.formdiv { 
		width:95%;
		overflow:hidden;
	}
	form > div > label, 
	legend {
		width: 100%;
		float: none;
		margin: 0 0 5px 0;
	}
	form > div > div,
	form > div > fieldset > div {
		width: 100%;
		float: none;
	}
	input[type=text],
	input[type=email],
	input[type=url],
	input[type=password],
	select {
		width: 100%; 
		display: block;
		margin: 0;
		height: 40px;
		line-height: 40px; font-size: 17px;
		border: 1px solid #bbb;
	}
	#submit:hover {
		background-color: black;
	}
	table.mobile thead {
		display: none;
	}
	table.mobile tr {
		margin-bottom: 10px;
		display: block;
		border-bottom: 2px solid #ddd;
	}
	table.mobile td {
		display: block;
		text-align: right;
		border-bottom: 1px dotted #ccc;
	}
	table.mobile td:last-child {
		border-bottom: 0;
	}
	table.mobile td:before {
		content: attr(data-label);
		float: left;
		text-transform: uppercase;
		font-weight: bold;
	}
	table.invoice {
		width: 100%;
	}
}