div.formheader{
	 background-color: #3d3335;	
	color: #fff;
	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;
}

input[type="checkbox"] {
    display: none;
}

label.answer {
    display: block;    
    padding: 0px;
    margin: 0 0 1px 0;
    cursor: pointer;
    background: #6AAB95;
    border-radius: 3px;
    color: #FFF;
	height: 20px;
    position: relative; /* ADDING THIS IS REQUIRED */
}

label.answer:hover {
    background: #4E8774;
}

label.answer::after {
    content: '+';
    font-size: 22px;
    font-weight: bold;
    position: absolute;
    right: 10px;
    top: -3px;
}

input:checked + label.answer::after {
    content: '-';
    right: 14px;
    top: 0px;
}

.answercontent {
    background: #E2E5F6;
    padding: 10px 25px;
    border: 1px solid #A7A7A7;
    margin: 0 0 1px 0;
    border-radius: 3px;
}

input + label.answer + .answercontent {
    display: none;
}

input:checked + label.answer + .answercontent {
    display: block;
}


@media screen and (max-width: 1000px) {
	.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;
	}
	div.listdiv {
		width: 100%;
		margin: 0px;
	}
	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%;
	}
}