body.newfindit {
}

body.newfindit .clear {
	clear:both;
}

body.newfindit #main {
    width:100%;
}

body.newfindit div.newfindit.main {
    width:100%;
    padding:4em 3em;
    max-width:50em;
}

div.newfindit.notice ul {
    border:2px solid #DD9999;
    margin-bottom:1em;

	list-style-type:none;
	padding:0.5em 1em;

}

div.newfindit.notice ul li {
	padding:0.5em 0;
}

div.newfindit.notice ul li + li {
	border-top:1px dashed #A0A0A0;
}

/* Format table */
div.newfindit.main .table {
	text-align:left;
}

div.newfindit.main .table .row {
	padding:1em 0;
}

/* 4 columns in 4 columns */
div.newfindit.main .table .row.col4 .col {
	width:22%;
}

div.newfindit.main .table .row.col4 .col {
	float:left;
}

div.newfindit.main .table .row.col4 .col.el1,
div.newfindit.main .table .row.col4 .col.el2 {
	margin-right:4%;
}

div.newfindit.main .table .row.col4 .col.el4 {
	float:right;
}

/* 4 columns in 2 columns */
@media only screen and (max-width: 800px) {

	div.newfindit.main {
		padding:0 2em;
	}

	div.newfindit.main .table .row.col4 .col {
		width:48%;
		margin:0;
	}

	div.newfindit.main .table .row.col4 .col.el1,
	div.newfindit.main .table .row.col4 .col.el3 {
		float:left;
		clear:both;
		margin:0;
	}

	div.newfindit.main .table .row.col4 .col.el2,
	div.newfindit.main .table .row.col4 .col.el4 {
		float:right;
		margin:0;
	}

	div.newfindit.main .table .row.col4 .col.el1,
	div.newfindit.main .table .row.col4 .col.el2 {
		margin-bottom:2em;
	}

}

/* Style the input */
div.newfindit.main label {
	display:block;
}

div.newfindit.main input {
	width:100%;
	transition:all 2s;
}

div.newfindit.main input:invalid {
	background-color:#ffeeee;
	transition:all 2s;
}

/* Remove spinner on number input elements */
div.newfindit.main input[type="number"]::-webkit-outer-spin-button,
div.newfindit.main input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

div.newfindit.main input[type="number"] {
    -moz-appearance: textfield;
}