/*-------------------+
 | Part: Form styles |
 +-------------------*/


/* Global
======================================================================*/
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; }
input, select, textarea { font-size: 1em; }
input:focus, select:focus, textarea:focus { outline: 2px solid #0192ff; outline-offset: -1px; outline-radius: 3px; }
legend { background: #fff; color: #b9121b; font-size: 20px; font-weight: bold; margin: 0 0 0 -0.5em; padding: 0.1em 0.75em 0.1em; }
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
textarea { height: 5em; }

/* Specifics
======================================================================*/
/* Autocomplete */
.ui-autocomplete-loading { background: white url(/content/images/shared/loading_16x16.gif) right center no-repeat; }


/* Boolean field */
.form .boolean-field { margin-bottom: 1em; position: relative; }
.form .boolean-field .input { width: 5%; text-align: center; float: left; vertical-align:middle; }
.form .boolean-field .desc { float: right; width: 95%; position: relative; margin-bottom: 1em; }

/* Buttons */
.btn {
	background: #fafbfc;
    background-image: -moz-linear-gradient(top, #fafbfc, #dfdfe1);
    background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #fafbfc),color-stop(1, #dfdfe1));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafbfc', EndColorStr='#dfdfe1');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafbfc', EndColorStr='#dfdfe1')";
    border: 1px solid #cfcfd1;
	border-radius: 4px;
	box-sizing: border-box;
	color: #5178ab;
    display: inline-block;
	font-size: 14px;
	font-weight: bold;
    margin-right: 0.5em;
    overflow: visible;
	padding: 0.3em 1em;
}

.masked { display: none; }

.btn:hover { text-decoration: none; }

/* Character counters */
.charcount { color: #777; float: right; font-weight: normal; margin-right: 0.5em; }
.charcount .over { color: #f00; font-weight: bold; }

/* Checklists */
.checklist { border: 1px solid #ccc; max-height: 20em; line-height: 1.4;    margin: 0 0 1em 0; overflow: auto; }
.checklist input { margin-bottom: 1px; }
.checklist label { display: block; padding: 0.1em 0 0.1em 25px; height: 1%; text-indent: -25px; }
.checklist li { background: none; display: block; float: none; margin: 0; padding: 0; white-space: normal; width: 100%; }
.checklist li p { margin: 0; padding: 1em 0 0; }
.checklist li ul { margin: 0 0 0 2em; }
.checklist .mute { font-size: 1em; white-space: nowrap; }
.checklist p { font-weight: bold; margin-bottom: 0.25em; }
.checklist .selected { background: #ffa; }
.checklist ul { margin-bottom: 1em; }

/* Datepicker */
.ui-datepicker-trigger { background: none; border: 0; cursor: pointer; padding: 0; }

/* Dedicated searches */
#dedicated-search { background: #f5f1eb; border-radius: 10px; margin-bottom: 20px; padding: 20px; }
#dedicated-search .brief-form { width: 100%; }
#dedicated-search .brief-form .field { float: left; margin: 0 2% 0 0; width: 39%; }
#dedicated-search .brief-form .one-field { float: left; margin: 0 2% 0 0; width: 75%; }
#dedicated-search .brief-form .field-submit { float: right; margin: 1.25em 0 0; width: 18%; }
#dedicated-search .brief-form .field-submit .btn { width: 100%; }
#dedicated-search .brief-form label { display: block; }
#dedicated-search input, #dedicated-search select { font-size: 16px; }
#dedicated-search .more { background: none; margin-top: 1em; padding: 0; text-transform: none; }
#dedicated-search .more-trigger { clear: both; margin: 0; padding-top: 0.5em; }

/* Fields */
.field { margin-bottom: 1em; position: relative; }
.field p { margin-bottom: 0.25em; }
.form { clear: both; height: 1%; }
.form dt { clear: both; font-weight: normal; margin: 0; }
.form dd.field { float: right; width: 65%; }
.form dt .label { float: left; text-align: right; width: 32%; }

    /* Multiple fields on a single line */
    .form .field-single-line { width: 67%; }
    .form .field-single-line p { float: left; margin: 0 1% 0 0; }
    .form .field-single-line .txt { margin: 0; width: 100%; }
    
        /* Location fields */
        .form .field-single-line .field-loc-city { margin-right: 2%; width: 49%; }
        .form .field-single-line .field-loc-state { width: 18%; }
        .form .field-single-line .field-loc-postal { float: right; margin-right: 0; width: 30%; }
        
        /* Name fields */
            /* Long */
            .form .fields-name-full .field-fullname-first { width: 30%; }
            .form .fields-name-full .field-fullname-last { width: 30%; }
            .form .fields-name-full .field-fullname-middle { margin-right: 2%; width: 20%; }
            .form .fields-name-full .field-fullname-suffix { float: right; margin-right: 0; width: 15%; }
            
            /* Medium */
            .form .field-single-line.fields-name-medium .field-name-first { margin-right: 3%; width: 40%; }
            .form .field-single-line.fields-name-medium .field-name-last { float: right; margin-right: 0; width: 44%; }
            .form .field-single-line.fields-name-medium .field-name-middle { width: 10%; }
            
            /* Short */
            .form .field-single-line .field-name-first { width: 48%; }
            .form .field-single-line .field-name-last { float: right; margin-right: 0; width: 48%; }
    
/* Google results */
.google-results a { margin-left: 0.25em; }
.google-results h2 { font-size: 1em; }
.google-results ul { list-style: none; margin: 0; }

/* Help text */
.field-help { color: #666; font-size: 0.8em; font-weight: normal; }
.field-help img { vertical-align: middle; }

/* Hints */
.ezpz-hint { color: #777; font-style: italic; }

/* List builders (add/remove) */
.list-builder { list-style: none; margin: 0; }
.list-builder > li { clear: both; height: 1%; padding-top: 30px; }
.list-builder > li:first-child { padding: 0; }

/* Notifications */
.flash { margin-bottom: 2em; }
.flash h2 { color: #000; font-size: 1.3em; margin-bottom: 0.5em; }
.flash p { list-style: none; margin: 0; }

    /* AJAX notifications */
    #ajax-message { display: none; position: absolute; top: 0; width: 100%; }
    #ajax-text { background-color: #FFF1A8; font-size: 90%; font-weight: bold; margin: 0 auto !important; padding: 3px 0; position: relative; text-align: center; white-space: nowrap; width: 100px }
    
    /* Confirmation */
    .flash .confirm { background: #e8f8d1 url(/content/images/shared/check.png) no-repeat 1em 1em; border: 2px solid #c8e999; padding: 1.5em 1.5em 1.5em 3.5em; }
    
    /* Errors */
    .error { background: url(/content/images/shared/exclamation.png) no-repeat 0 0.25em; color: #f00; padding: 3px 0 3px 20px; }
    
    #errorExplanation, .flash .error {
        background: #ffc url(/content/images/shared/error.png) no-repeat 1em 1.1em;
        border: 2px solid #ea3c20;
        color: #f00;
        padding: 20px 20px 20px 60px;
    }
    
    .field-with-errors { color: #f00; }
    .field-with-errors .txt, .field-with-errors .txt-med { border: 2px solid #f00; }
    .label .field-with-errors { display: inline; }
    
    /* ASP.NET MVC Errors */
    .field-validation-error { display: block; }
    .validation-summary-valid { display: none; }
    .validation-summary-errors {
        background: url(/content/images/shared/error.png) no-repeat scroll 10px 0.5em #FFFCCC;
        border: 2px solid #EA3C20;
        color: #FF0000;
        padding: 1.5em 1.5em 1.5em 3.5em;
    }
    .input-validation-error { border: 2px solid #FF0000 }
    .field-validation-error {
        background: url(/content/images/shared/exclamation.png) no-repeat scroll 0 0.25em transparent;
        color: #FF0000;
        margin : 0 0 0 3px;
        padding : 3px 0 3px 20px;
    }
    
    /* Errors */
    .flash .error, .validation-summary-errors { background: #ffc; padding: 30px; margin-bottom: 2em; }
    .flash .error h2 { color: #d20000; }
    .error { color: #f00; }
    [class *= "txt"].error { border: 2px solid #f00; }
    /* Notices */
    .flash .notice { background: #e0f0ff url(/content/images/shared/notice.png) no-repeat 13px 13px; border: 2px solid #a1d0fb; padding: 20px 20px 20px 60px; }
    
    /* Warnings */
    .flash .warn { background: #fef5c6 url(/content/images/shared/warning.png) no-repeat 13px 13px; border: 2px solid #ffcd36; padding: 20px 20px 20px 60px; }

/* Options */
.options-h, .options-v { list-style: none; margin: 0; }
.options-h input, .options-v input { margin: 0 0.5em -0.05em 0; }
.options-h img { border-bottom: 3px solid #fff; padding: 5px; vertical-align: middle; }
.options-h li, .options-v li { background: none; margin-bottom: 0.3em; padding: 0; }
.options-h li { display: inline; margin-right: 0.7em; white-space: nowrap; }
.options-v li { padding-left: 22px; text-indent: -22px; }
.options-v ul { margin: 0.3em 0 1em; }

    /* Boxes */
    .save { color: #b9121b; }
    .form-option { border: 1px solid #ddd; border-radius: 5px; }
    .form-option-head { background: #f5f1eb; border-radius: 5px 5px 0 0; }
    .form-option-content, .form-option-head { padding: 0.5em; }

/* Required text */
.req { color: #f00; }

/* Placeholder */
.placeholder { color: #999; font-style: italic; }
input::-moz-placeholder, textarea::-moz-placeholder { color: #999; font-style: italic; }
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999; font-style: italic; }
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999; font-style: italic; }

/* Progress forms */
#progress-form { padding-left: 260px; }
#progress-form dt .field-help { color: #818181; display: block; float: none; font-size: 12px; width: auto; }
#progress-form textarea.txt { height: 10em; }

#prefieldText { margin-bottom: 1em; display: inline-block; }

  /* Tabs */
  #progress-form .form-content { float: right; width: 100%; }
  #progress-form .form-nav { float: left; list-style: none; margin: 0 0 0 -260px; width: 220px; }
  #progress-form .form-nav a { display: block; padding: 10px; text-decoration: none; }
  #progress-form .form-nav a:hover { text-decoration: underline; }
  #progress-form .form-nav .current { font-weight: bold; }
  #progress-form .form-nav .current a { color: #000; }
  #progress-form .form-nav .disabled { color: #aaa; font-style: italic; padding: 10px; }
  #progress-form .form-nav li { border-bottom: 1px solid #ddd; margin: 0; }

/* Questions */
.questions { list-style: decimal; }
.questions p { margin-bottom: 0.5em; }

    /* Answers */
    .answers { list-style: lower-alpha; }

/* reCAPTCHA */
#recaptcha_image { margin-bottom: 10px; }
#recaptcha_image img { border: 1px solid #ddd; display: inline-block; }
#recaptcha_response_field { border: 1px solid #ccc; border-radius: 4px; box-shadow: inset 0 1px 1px #ddd; display: block; margin-bottom: 10px; padding: 0.3em; width: 47%; }

/* Search */
#search { background: #fff; border: 1px solid #ccc; border-radius: 4px; clear: right; float: right; white-space: nowrap; width: 27.5%; }
#search label { display: none; }
#search * { vertical-align: middle; }
#search button { -webkit-appearance: none; background: none; border: 0; color: #505050; cursor: pointer; font-size: 16px; height: auto; margin-right: -2em; padding: 0.5em 0; width: 3em; }
#search .txt { border: 0; box-shadow: none; margin: 0; padding: 0; text-indent: 0.6em; width: 100%; }
#search-content { padding-right: 3em; }
#search .action, .search_results_search .action { font-size: 16px; padding: 0.3em 1em 0.5em; }

.searchbarheader {     display: none;     padding: 0 2.5%;     height: 55px;     background: #004f99;     border: 1px solid #004f99;     -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.1);     box-shadow: inset 0 0 8px rgba(0,0,0,.1); } 
.searchbarfooter {     display: none;     padding: 0 2.5%;     height: 55px;     background: #004f99;     border: 1px solid #004f99;     -moz-box-shadow: inset 0 0 8px rgba(0,0,0,.1);     box-shadow: inset 0 0 8px rgba(0,0,0,.1); } 
.search {     background: none;     display: block;     width: 80%;     border: 0;     outline: none;     padding: 0;     line-height: 3.125em;     font-size: 1.1em;     font-weight: 400;     color: #fff; } 
.searchsubmit {     display: block;     float: right;     margin-top: 10px;     background: none;     border: 0;     outline: none;     cursor: pointer;     color: #fff !important; }


/*------Search Bar------*/
.searchtoggle span {display:none;}
.searchbar { display: none; margin:0 auto; padding:1em 0;}
.search_box, .search_box_results {position:relative;}
.search_box input, .search_box_results input {padding:1em 6em 1em 1.5em; background-color:#fff; width:100%;font-family: 'Open Sans', sans-serif;}
.search_box a {position:absolute; top:7px; right:7px; margin: 0;}
.search_box_results a {position:absolute; right:7px; margin: 0.5em 0 0.5em 0;}
.search_box input:focus {outline:2px solid #143A60!important; }
.search_box_results input:focus {outline:2px solid #143A60!important; }

/* Subfields */
.subfield { margin-left: 2em; }
.subfield .label { text-align: right; width: 32%; }
.subfield .value { float: right; width: 65%; margin-left: 2%; }
.subfield dd {margin-bottom: 1em; margin-top: 1em; }

/* Text boxes */
.txt, .txt-date, .txt-med, .txt-num, .txt-sml, .txt-wide, .txt-mnth {
    border: 1px solid #ccc;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #ddd;
    box-sizing: border-box;
    margin-right: 0.5em;
    padding: 0.3em;
    vertical-align: middle;
}

    /* Text box errors */
    .txt.input-validation-error,
    .txt-date.input-validation-error,
    .txt-med.input-validation-error,
    .txt-num.input-validation-error,
    .txt-large.input-validation-error {
        border: 2px solid #f00;
    }
.txt { width: 100%; }
.txt-date { width: 9em; }
.txt-sml { width: 20%; }
.txt-mnth { width: 33%; }
.txt-med { width: 67%; }
.txt-num { width: 4em; }
.txt-wide { width: 100%; }

    /* Large text area */
    textarea.txt-wide { height: 10em; }
    
@media only screen and (max-width: 769px) {
	.form .field-single-line {width: 100%;}
	.txt-med {width: 100%;}
}