﻿/*
	--------------------------
    Form Styles
	--------------------------
*/
main div.form
    { float: left; width: 100%; }
main div.form > section
    { float: left; width: 100%; }
main div.form > div, main div.form > section > div
    { margin-bottom: 0.25em; float: left; width: 100%; }
main div.form > div.message
    { background-color: transparent; }
main div.form > div.message p span
    { display: block; }
main div.form > div.btn
    { background-color: transparent; margin-bottom: 0; }
main div.form label
    { padding: 1% 1.5% 1% 0; margin: 0; display: inline-block; width: 17.5%; vertical-align: top; float: left; 
       -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
main div.form span label
    { padding: 0; margin: 0; width: auto; margin-right: 1em; float: none; vertical-align: middle; }
main div.form div.req label:first-child:after
    { content: "*"; }
main div.form input, main div.form select, main div.form textarea
    { margin: 0; padding: 0.5% 1%; width: 55%; display: inline-block; background-color: #fff; border: solid 1px #bcbec0; float: left; -moz-appearance: none; 
     -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
main div.form select::-ms-expand
    { display: none; }
main div.form select
   { padding: 0.5% 10% 0.5% 1.5%; width: 55%; }
main div.form input[type=checkbox]
    { width: 2.75em; height: 2.75em; vertical-align: middle; margin: 0.25em 0; background-color: #fff; background: transparent; border: 0; }
main div.form input[type=radio]
    { width: 1em; height: 1em; vertical-align: middle; margin: 0.25em 0; background-color: #fff; background: transparent; border: 0; float: none;
      -moz-appearance: radio; }
main div.form input[type=submit]
    { background-color: #2a2a2a; color: #c8c8c8; margin: 1em 0 1em 19.5%; padding: 1.5%; border: 0; 
      -moz-transition: background-color 0.3s ease 0s; -o-transition: background-color 0.3s ease 0s; -webkit-transition: background-color 0.3s ease 0s; transition: background-color 0.3s ease 0s; }
main div.form div.err label:after
    { color: #ff6400; }
main div.form div.err input, main div.form div.err textarea, main div.form div.err select
    { border-color: #ff6400; }
main div.form input[type=submit]:hover
    { background-color: #faa21b; color: #2a2a2a; cursor: pointer; }
main div.form > div.slt input, main div.form > div.slt select, main div.form > div.slt textarea
    { width: 40%; }
main > aside > div > div, main > aside > div > div > div
    { padding: 0; }

main div.form div.cbx
    { margin-top: 1em; }
main div.form div.cbx label
    { float: none; margin-left: 0.5em; width: 85%; }
main div.form div.cbx input[type=checkbox]
    { float: left; }
