@charset "UTF-8";
/* CSS Document */

/* ------------------------- FORMS, FIELDS, ETC STYLES ------------------------- */


.form-block {
    background: transparent;
    padding: 5px 10px 20px 10px;
    margin-top: 25px;
}
.form-block h2 {
    font-family: 'BaseTwelveSerifSCB';
    font-size: 32px !important;
    text-transform: none;
    letter-spacing: normal;
    margin-top: 20px;
    margin-bottom: 30px; 
}
.form-block p,
.form-block h2,
.form-block h2 a,
.form-block h3 a,
.form-block h3,
.form-block .meta {
    color: #101010;
}
.form-block p, .form-block p a,
.form-block p strong, .form-block p b {
    font-size: 15px !important;
    text-align: center !important;
}
.form-block p strong, .form-block p b {
    font-size: 17px !important;
    text-align: center !important;
}

.form-block .text-block {
    margin: 0px auto 5px auto;
    width: 80%;
    
}
.form-block .text-block p {
    line-height: 1.6em;
}
.form-block .text-block.small p {
    font-size: 13px !important;
    margin: 0px 0px 15px 0px;
}
.form-block .divider {
}

/* Dark Forms */

.form-block.dark {
    background-color: #2b2b2b !important;
}
.form-block.dark h2, 
.form-block.dark h3.content-header {
    font-family: 'BaseTwelveSansB';
    border-bottom: #aa3f49 solid 5px;
    font-size: 35px !important;
    margin: 30px 10px 30px 10px;
    padding-bottom: 10px; 
}
.form-block.dark p,
.form-block.dark h2,
.form-block.dark h2 a,
.form-block.dark h3 a,
.form-block.dark h3,
.form-block.dark .meta {
    color: #FFFFFF;    
}
.form-block.dark p, .form-block.dark p a,
.form-block.dark p strong, .form-block.dark p b {
    color: #A0A0A0;
}
.form-block.dark p strong, .form-block.dark p b {
    color: #c0c0c0;
}

.form-block.dark .text-block {
    
}
.form-block.dark .text-block p {
}
.form-block.dark .text-block.small p {
    color: #606060;
}
.form-block.dark .divider {
    background-color: #404040;
}


form {
    display: block;
    width: 100%;
}

.field-wrapper {
    position: relative;
    overflow: hidden;
    padding: 12px 0px 12px 0px;
}
.field-wrapper .label, .field-wrapper .input-wrapper {
/*     display: inline-block; */
    float: left;
}

.label {
    text-align: right;
    padding-right: 2%;
    font-family: 'BaseTwelveSansB';
    font-size: 18px;
    margin-top: 6px;
    white-space: normal;
    line-height: 1.3em;
    letter-spacing: 0.03em;
    position: relative;
/*     top: 0%; */
/*
    -webkit-transform: translateY(50%);
    -moz-transform: translateY(50%);
    transform: translateY(50%);
*/
}
.form-block.dark .label {
    color: #c0c0c0;
}
.label {
    color: #101010;
}

.label label {
    display: inline;
}
.field-wrapper.no-label .label {
    display: none;
}
.field-wrapper.no-label .input-wrapper {
    float: none;
    width: 90%;
    margin-left: auto !important;
    margin-right: auto !important;
}

.label {
    width: 30%;
}
.input-wrapper {
    width: 65%;

}

.field-wrapper.long-label .label {
	width: 55%;
	font-size: 17px;
	/* background-color: green; */
}
.field-wrapper.long-label .input-wrapper {
	width: 40%;
	/* background-color: fuchsia; */
}

.input-wrapper.full-width {
    width: 100%;
}

input, textarea, .selectmultiple select {
    background: transparent;
    border: none;
    
    border-radius: 5px;
    -moz-border-radius: 5px;
    width: 100%;
    font-family: 'Droid Serif';
    font-size: 20px;
    letter-spacing: normal;
    padding: 12px 10px 12px 20px;
    border: #a7a7a7 solid 1px;
    color: #303030;
    transition: 0.4s;
}
textarea, .selectmultiple select {
    font-size: 18px;
}

input:focus,
textarea:focus,
.form-block input:focus,
.form-block.dark input:focus,
.form-block textarea:focus,
.form-block.dark textarea:focus,
.form-block .selectmultiple select:focus,
.form-block.dark .selectmultiple select:focus
{
    outline: none;
    border: #c0c0c0 solid 1px !important;
    background-color: #ffffff !important;
}
.form-block input.valid, input.valid {
    background-color: #ffffff !important;
    border: #c0c0c0 solid 1px !important;
}
.field-wrapper input, .field-wrapper textarea,
.field-wrapper .multipleselect select {
    background-color: #eaeaea;
}
.form-block.dark .field-wrapper input,
.form-block.dark .field-wrapper textarea,
.form-block.dark .field-wrapper .multipleselect select
{
    background-color: #a0a0a0;
}


select {
    width: 100%;
    margin-top: 12px;
}

.help-text, .help-text a {
    font-family: 'eurostilebold';
    font-size: 10px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #a0a0a0;
    margin: 5px 0px -12px 3px;
    line-height: 1.2em;
}
.form-block.dark .help-text {
    color: #707070;
}
.help-text a {
    border-bottom: none;
    color: #c41735;
}
.help-text a:hover {
    color: #c41735;
}

/* Radios and Checkboxes */

.field-wrapper ul {
	padding: 0px;
	margin: 0px;
}
.field-wrapper ul li {
	float: left;
	font-size: 12px;
	letter-spacing: normal;
}
.field-wrapper .radioselect ul, .field-wrapper .checkboxselectmultiple ul {
	padding: 0px 0px 0px 3px;
	margin: 0px auto 0px auto;
}
.field-wrapper .checkboxselectmultiple ul {
	display: table;
/* 	width: 100%; */
	margin: 0px auto 0px auto;
}
.field-wrapper .radioselect ul li, .field-wrapper .checkboxselectmultiple ul li {
	list-style-type: none;
	margin: 5px 10px 0px 10px;
	min-width: 70px;
} 
.field-wrapper ul li label {
    color: #101010;
    font-family: 'eurostilebold';
    font-size: 11px;
    text-transform: uppercase;
    letter-spacing: 0.050em;
}
.form-block.dark .field-wrapper ul li label {
    color: #c0c0c0;
}
.field-wrapper.wide-input .radioselect ul li, .field-wrapper.wide-input .checkboxselectmultiple ul li {
	min-width: 30%;
}
.field-wrapper .input-wrapper.radioselect label input, .field-wrapper .input-wrapper.checkboxselectmultiple label input {
	width: auto !important;
	margin-right: 5px;
} 
.field-wrapper .checkboxinput .checkboxtext {
	float: right;
	margin: 10px 0px 0px 0px;
}

/* ------------------ FORM BLOCK TABLES -------------------- */

.form-block table {
/*     border: #f2f2f2 solid 1px; */
    width: 100%;
    padding-left: 20px;
}
.form-block table tr td,
.form-block table tr th {
    padding: 5px 0px 5px 0px;
}


/* ------------------ MESSAGES -------------------- */

.message-block {
    width: 80%;
    margin: 20px auto 20px auto;
}
.message {
    padding: 5px 10px 5px 10px;
    text-align: center;
    font-family: 'eurostilebold';
    background-color: #e0e0e0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    
}
.message, .message p {
    font-size: 17px;
    line-height: 1.5em;
}

.message.error p a {
    color: #a2342d;
    border-bottom: #a2342d solid 3px;
}

.message.error {
    background-color: #edb3b9;
}
.message.success {
    background-color: #d5e5f2;
}


/* ------------------ ERRORS -------------------- */


.error-list li {
    list-style-type: none;
    font-family: 'eurostilebold';
    font-size: 10px;
    letter-spacing: 0.075em;
    text-transform: uppercase;
    color: #a2342d;
    margin: 5px 0px -12px 3px;
    line-height: 1.2em;
}

.field-wrapper.error .help-text {
    margin-bottom: 0px;
}
.field-wrapper.error input {
    background-color: #da8890;
    border: #aa3f49 solid 1px;
}