/*
Willing theme 2014

design & code / feingestalten webdesign

grey:	#565659
red:	#e30613

*/

/* global */

form { max-width:1400px; width:100%; font-family:'Roboto',Helvetica,Arial,sans-serif; }
div.field { margin:10px 0 15px; max-width:700px; width:100%; }
fieldset { border:0; margin:0; padding:0; }
form label { margin-bottom:5px; }
form label.left { display:block; }
form label.right { font-size:12px; color:#888; }

form input.text,
form textarea,
form select { display:block; width:100%; max-width:600px; padding:6px 5px; font-size:15px; font-weight:400; line-height:1.5; background-color:#fefeff; border:1px solid #e30613; }
form input.text { line-height:22px; height:22px; }
form textarea { line-height:1.7; padding-bottom:15px; }
.ie7 form select { width:500px; }

form input.text:focus,
form textarea:focus,
form .textajaxuniquetext:focus,
form select:focus { outline:none; }
form input[disabled],
form textarea[disabled] { background-color:#f7f7f7; border:1px solid #ddd; }
textarea { resize:none; }


.field .checkbox,
.field .radio { float:left; width:13px; height:13px; margin-right:6px; margin-top:3px; padding:0; }
.checkbox label.right,
.radio label.right { float:left; }


/* messages */
form .message { background-color:#f00; padding:5px 10px; border:1px solid #0f0; /* border-radius:3px; */ }
form .good { background-color:#00f; border-color:#0f0; }
form .bad,
form .required { background-color:#f00; border-color:#f00; color:#fff; padding:5px 10px; }

/* actions */
.Actions { margin-bottom:20px; }
a.btn,
button,
input[type="submit"],
.Actions .action { background:#e30613; color:#fff; display:inline-block; /* border-radius:5px; */ padding:8px 20px; margin-top:10px; margin-bottom:50px; font-family:'Roboto',Helvetica,Arial,sans-serif; font-weight:400; text-transform:uppercase; letter-spacing:1px; border:none; font-size:15px; margin-right:10px; float:left; -moz-transition:background-color 0.2s; -webkit-transition:background-color 0.2s; transition:background-color 0.2s; }
a.btn:hover,
button,
input[type="submit"]:hover,
.Actions .action:hover { background:#e30613; color:#fff; }
a.btn { line-height:18px; margin-bottom:10px; }
a.btn:after { /* content:'\2192'; padding-left:10px; */ }
.ie7 input.action { width:0; overflow:visible; }
input.action[class] { width:auto; }
.ie7 .Actions .action { float:left; }
.Actions:after { color:#005477; display:inline-block; font-weight:normal; margin-top:9px; }

#MemberLoginForm_LoginForm .Actions:after { display:none; }

/* login */
#Remember { min-height:20px; }
#ForgotPassword { clear:left; }
#MemberLoginForm_LostPasswordForm .Actions:after { display:none; }
.header form .middleColumn { /* float:none; width:100% !important; */ }




/* userform ext */

/* form .textarea { float:right; margin-left:60%; position:relative; } */
form .form-inf { /* position:relative; float:left; */ }
form .form-mess { /* position:relative; float:left; */ }

#EditableLiteralField2 { position:relative; float:left; width:40%; margin:0; margin-right:50px; }
#EditableLiteralField8 { position:relative; float:left; width:50%; margin:0; }
#EditableLiteralField8 textarea { /* line-height:1.6; */ height:256px; }

#EditableLiteralField17 { position:relative; float:left; width:40%; margin:0; margin-right:50px; }
#EditableLiteralField23 { position:relative; float:left; width:50%; margin:0; }
#EditableLiteralField23 textarea { /* line-height:1.6; */ height:256px; }




/*Generic and mixed*/
.FormHeading { clear:both; padding-top:15px; }
form .date .middleColumn input { /*background:transparent url(../images/icons/your_icon_here.png) no-repeat scroll 90px 5px;*/ width:114px; }
.Actions input.resetformaction,
.Actions input.action-minor { /* Clear button */ float:left; background-color:#888; }
.Actions input.resetformaction:hover,
.Actions input.action-minor:hover { /* Clear button */ background-color:#aaa; }

.checkbox label.right { font-size:13px; color:#333; }
form .requiredField label.left:after { /* star */ color:#e30613; content:"*"; font-size:14px; font-weight:normal; padding-left:5px; }

form .checkboxset ul,
form .optionset ul { margin:0; }
form .checkboxset li,
form .optionset li { margin-bottom:5px; list-style-type:none; }
form div.checkbox:after { /* clearfix */ content:"."; display:block; height:0; clear:both; visibility:hidden; }
form .checkbox .checkbox { clear:both; }

span.message { margin:10px 0; display:block; max-width:390px; clear:left; }
div.holder-required { /* background-color:#5bc5f2; border:1px solid #000; padding:10px; margin-left:-11px; */ }
form input.holder-required { border:1px solid #5bc5f2; }

input:invalid,
textarea:invalid { border-radius:1px; -moz-box-shadow:0px 0px 4px #5bc5f2; -webkit-box-shadow:0px 0px 4px #5bc5f2; box-shadow:0px 0px 4px #5bc5f2; }
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid { background-color:#5bc5f2; }

.ss-uploadfield-item-info button { margin-top:4px !important; float:left; }
form .creditCardField input,
form input.currency,
form input.numeric { width:50px; }
form #DMYDate-month,
form #DMYDate-day { width:25px; }


/* responsive */

@media only screen and (max-width: 700px) {
	.header form .middleColumn { float:none; width:100% !important;	}
	form label.left,
	#MemberLoginForm_LoginForm label { margin-bottom:8px}
}

@media only screen and (max-width: 900px) {
	form { max-width:100%; }
}

@media only screen and (min-width: 700px) { 

}