﻿
.umbraco-forms-form
{
	padding: 10px 0px 10px 0px;
}

.umbraco-forms-caption
{
	font-size: 2em !important;
	line-height: 2em !important;
}

.umbraco-forms-field
{
    clear: both;
}

.umbraco-forms-field div label
{
	display: inline;
}

label.umbraco-forms-label
{
	font-weight: bold;
	display: block;
	background: transparent !important;
}

.umbraco-forms-form small
{
	display: block;
	float: left;
	clear: both;
	padding: 5px 5px 5px 200px;
}


.umbraco-forms-form fieldset
{
	padding: 1em 1em 0em 0em;
	margin: 0 0 1.5em 0;
	border: none !Important;
}

.umbraco-forms-form .umbraco-forms-navigation {
    padding: 1em 0em;
}

.umbraco-forms-form legend
{
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.2em;
	display: block;
}

.umbraco-forms-form input.text, .umbraco-forms-form input.title, .umbraco-forms-form textarea, 
.umbraco-forms-form select
{
	margin: 0.5em 0;
	border: 1px solid #bbb;
}
.umbraco-forms-form input.text:focus, .umbraco-forms-form input.title:focus,.umbraco-forms-form textarea:focus, .umbraco-forms-form select:focus,
{
	border: 1px solid #666;
}

.umbraco-forms-form input.text,.umbraco-forms-form textarea
{
	max-width: 400px !important;
	padding: 5px;
    display: block;
    width: 95%;
}

.umbraco-forms-form textarea
{
	height: 250px;
}
.umbraco-forms-form input.fileupload
{
	height: auto !important;
}

.umbraco-forms-form span.checkboxlist, .umbraco-forms-form span.radiobuttonlist, .umbraco-forms-form span.checkbox
{
	display: block;
	float: left;
}

.umbraco-forms-form .checkboxlist label {
    float: left; 
    clear: left;
}

.umbraco-forms-form .checkboxlist input, .umbraco-forms-form .radiobuttonlist input, .umbraco-forms-form .checkbox input
{
	width: auto !important;
	height: auto !important;
	border: none !important;
	display: inline !important;
}

.umbraco-forms-form .hiddenfield
{
    display:none;
}

.umbraco-forms-button
{
	margin-right: 10px;
	padding: 2px 10px;
}
.umbraco-forms-error-message
{
	padding: .8em;
	margin-bottom: .5em;
	border: 2px solid #FBC2C4;
}

.umbraco-forms-error-message
{
	background: #FBE3E4;
	color: #8a1f11;
}

.umbraco-forms-form input.contourError, .umbraco-forms-form textarea.contourError,.umbraco-forms-form input.input-validation-error, 
.umbraco-forms-form textarea.input-validation-error
{
	background: #FBE3E4;
	border-color: #FBC2C4;
}

.umbraco-forms-form span.contourError, .umbraco-forms-form span.field-validation-error
{
    color: #8a1f11 !important;
    background: transparent !important;
}

.umbraco-forms-form #recaptcha_widget_div
{
    margin-left: 200px;
}

.umbraco-forms-form .field-validation-error
{
    padding-left: 5px;
}

/* ======================= */


/* ============================ */

/* Headings */
h2 {
    color: #c49918;
    font-weight: 600;
}

h3 {
    color: #c49918;
    font-weight: 600;
}

/* Sections */
.form-section {
    margin-bottom: 3em;
}

/* Labels */
label {
    display: inline;
    font-weight: 600;
    color: #5a5151;
}

    label.required::before {
        content: "*";
        color: #9d0000;
        font-weight: 700;
        margin-right: 0.1em;
    }

.radioButtonList label, .checkboxes label {
    display: inline;
    margin-left: 0.3em;
    font-size: 1em;
}

.optional-override label.required::before {
    content: none;
}

.textarea-remain-characters {
    font-style: italic;
}

.attachment-label {
    color: #5a5151;
    font-weight: 600;
}

.attachment-feedback {
    color: blue;
    margin-left: 0.5em;
}

/* File Upload */
.choose-file input[type="file"] {
    width: 96%;
}

.file-upload-feedback {
    margin-top: 0.75em;
}

.file-upload-controls {
    margin-top: 1em;
}

    .file-upload-controls input[type="file"] {
        background-color: transparent;
        border: none;
        padding: 0;
    }

    .file-upload-controls input[type="file"] {
        line-height: 10px;
    }

/* Dropdowns */
select {
    width: 100%;
}

/* Checkboxes */
input[type="checkbox"] {
    margin-top: 0;
}

.checkboxes div > span {
    white-space: nowrap;
}

.checkbox > label {
    padding-right: 15px;
}

.checkbox > .umbraco-forms-field-wrapper > input[type="checkbox"] {
    margin-top: 6px !important;
    margin-left: -13px !important;
}

/* Text boxes */
input[type=text] {
    width: 96%;
    height: 20px;
}

textarea {
    width: 97%;
    height: 140px;
    margin-bottom: 0;
}

input[type="text"].zip-code {
    width: 92%;
}

.phone-numbers input[type=text] {
    width: 92%;
}

.factual-details textarea {
    width: 98%;
    height: 200px;
    margin-bottom: 1em;
}

input.how-hear-textbox {
    width: 92%;
    margin-left: 0.5em;
    margin-bottom: 0;
}

/* Instructions */
.instruction {
    color: #5a5151;
    text-align: justify;
}

.factual-details-instruction, .authorize-instruction {
    margin-bottom: 1em;
}

.authorize-instruction {
    font-size: 14px;
    font-weight: 600;
    margin-top: 2em;
}

.judge-select-instruction {
    margin-top: 6px;
    margin-bottom: 12px;
}

/* Error messages */
.error {
    color: #9d0000;
    font-weight: 700;
    font-size: 14px;
}

.error-required, .error-invalid {
    margin-left: 3px;
}

.error-judge-select {
    font-size: 13px;
    text-align: justify;
}

.error-recaptcha {
    margin-top: 1.4em;
}

/* Submit Button & Feedback Message */
.submit-button {
    padding: 6px 0;
    min-width: 150px;
    min-height: 20px;
    border: double;
    border-radius: 6px;
    text-decoration-color: black;
}

.attention {
    font-size: 1.4em;
    font-weight: 600;
    margin-top: 1em;
}

/* Modal & Loading used in js */
.modal {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #1B1B1B;
    z-index: 99;
    opacity: 0.7;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
    min-height: 100%;
    width: 150%;
}

.loading {
    font-family: Arial;
    font-size: 10pt;
    border: 5px solid #C49918;
    width: 400px;
    height: 200px;
    display: none;
    position: fixed;
    background-color: White;
    z-index: 999;
}

/* ADDED */
#content label {
    text-transform: none;
}

.form-horizontal .control-label {
    padding-top: 3px;
}

.form-horizontal .recaptcha2 .control-label {
    padding-top: 32px;
}

/*.g-recaptcha div.rc-anchor {
    border: solid thin lightgrey !important;
}*/

.form-control.radio {
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: none;
    transition: none;
    background-color: transparent;
    height: initial;
    min-height: initial;
    padding-top: 0;
    padding-bottom: 0;
}

    .form-control.radio:first-child {
        padding-top: 7px;
    }

.umbracoForms-Indicator {
    font-weight: 700;
    font-size: 14px;
}

.umbracoForms-Indicator,
.field-validation-error,
.validation-summary-errors {
    color: #9d0000;
}
/* gold #dba64c;*/

.form-horizontal .help-block {
    margin-bottom: 3px;
    font-style: italic;
}

.umbraco-forms-field {
    margin-top: 9px;
}

.umbraco-forms-form textarea {
    height: 60px;
}
/* Medium Devices, Desktops */
/*@media only screen and (max-width : 992px) {
	.phone-numbers .span6:first-of-type input[type=text] {
		width: 88%;
	}
}
@media only screen and (max-width : 767px) {
    .phone-numbers input[type=text], input[type="text"].zip-code,
    .phone-numbers .span6:first-of-type input[type=text] {
        width: 96%;
    }
}*/

/* When screen is narrower than 768px, each column should have a width of 100% */
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
    [class*="span"] {
        width: 100%;
    }
}
/* Left-align when inputs flow below labels; otherwise right-align */
/*@media only screen and (max-width: 1074x) {*/
@media only screen and (max-width: 767px) {
    .form-horizontal .control-label {
        text-align: left;
    }
}

/* ============================ */