form .formerror {
	color: #FFF;
	width: 90%;
	background-color: #DD0000;
	padding: 12px;
	padding-left: 36px;
	margin: 10px auto;
	font-size: 13px;
	border-radius: 2px;
	font-weight: bold;
	background-position: 6px 5px;
	background-size: 24px 24px;
	background-repeat: no-repeat;
}

form .formrow {
	line-height: 50px;
	margin: 10px 0;
}

input[type="number"] {
	-webkit-appearance: none;
	margin: 0; /*<-- Apparently some margin are still there even though it's hidden */
	-moz-appearance: textfield;
}

.formrow input[type="text"], .formrow input[type="password"], .formrow input[type="number"], .formrow select, .formrow textarea {
	width: 90%;
	box-sizing: border-box;
        display: block;
        margin: 10px auto;
        margin-bottom: 0;
        padding: 10px;
        border: none;
        border-radius: 3px;
	font-size: 14px;
        -webkit-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
        -moz-box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
        box-shadow: inset 0px 1px 5px 0px rgba(0,0,0,0.45);
	font-family: 'museo300', sans-serif;
	background-color: #FFF;
	background-image: -moz-linear-gradient(top, #FFF, #FFF);
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#FFF), to(#FFF));
	background-image: -webkit-linear-gradient(top, #FFF, #FFF);
	background-image: -o-linear-gradient(top, #FFF, #FFF);
	background-image: linear-gradient(to bottom, #FFF, #FFF);
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFF', endColorstr='#FFF', GradientType=0);
	height: 45px;
}

.formrow select {
	padding: 10px;
}

.formrow input[type="text"].inline_field, .formrow input[type="number"].inline_field, .formrow input[type="password"].inline_field, .formrow select.inline_field {
	width: 33%;
	margin-top: 0;
	margin-left: 5%;
	margin-right: 0;
	display: inline-block;
	float:left;
}

.formrow input[type="text"]:focus, .formrow input[type="number"], .formrow input[type="password"]:focus , .formrow select:focus {
//	outline: none;
}

.formrow input[type="text"].inputerror,
.formrow input[type="number"].inputerror,
.formrow input[type="number"].inputerror.focus
.formrow select.inputerror,
.formrow input[type="text"].inputerror:focus, 
.formrow input[type="password"].inputerror,
.formrow input[type="password"].inputerror:focus
.formrow select.inputerror:focus{
	border-bottom: 2px solid #DD0000;
	border-radius: 3px 3px 0 0;
	color: #AA0000;
	border-color: #DD0000;
}

.formrow .inline_error {
	box-sizing: border-box;
	display: none;
	color: #FFF;
        width: 90%;
        background-color: #ff3a3a;
        padding: 5px 8px;
        margin: 5px auto;
	margin-top: 1px;
        font-size: 14px;
	border-radius: 0 0 3px 3px;
	position: relative;
	line-height: 20px;
	text-align: left;
	text-shadow: 0 0 3px rgba(0,0,0,0.5);
}

.formrow .inline_error p {
	padding: 0;
}

.formrow input[type="submit"], .formrow .yellowButton {
	width: 90%;
        color: #1b1b1e;
        font-family: 'museo300', sans-serif;
        font-weight: normal;
        text-decoration: none;
	background: #ffe400; /* Old browsers */
        background: -moz-linear-gradient(top, #ffe400 0%, #fccb17 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, #ffe400 0%,#fccb17 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, #ffe400 0%,#fccb17 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffe400', endColorstr='#fccb17',GradientType=0 ); /* IE6-9 */
        padding: 15px;
        display: block;
        margin: 10px auto 20px;
        font-size: 28px;
        font-weight: bold;
	border-radius: 3px;
        border: 1px solid #f1da36;
        box-shadow: 0 4px 10px rgba(0,0,0,0.5);
        text-align: center;
}

.formrow input[type="submit"]:hover, .formrow .yellowButton:hover {
        cursor: pointer;
        background-color: #f1da36;
}

.formrow input[type="submit"]:disabled, .formrow .yellowButton:disabled {
	cursor: not-allowed;
}


/* This places a "?" box inside a form element */
.questionmark {
        display: inline-block;
        width: 20px;
        height: 20px;
        color: #FFF;
        font-weight: bold;
        float: right;
        text-align: center;
        background-color: #BBB;
        padding: 5px;
        margin: 5px;
        margin-right: 0;
        line-height: 13px;
        border-radius: 3px;
}
.questionmark:hover {
        cursor: pointer;
        background-color: #BF004F;
}



@media (max-width: 958px) {

.noimpact {
	margin-top: 40px;
}

.formrow input[type="submit"] {
	font-size: 24px;
}

.formrow input[type="text"].inline_field, .formrow input[type="number"].inline_field, .formrow input[type="password"].inline_field, .formrow select.inline_field {
        width: 40%;
}

}