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


/* Global
======================================================================*/
fieldset { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; width: 100%; }
input, select, textarea { font-size:1rem; /*line-height:1;*/ padding: .75em .75em; border: 1px solid #ddd; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; }
label {font-weight:bold;}
legend { margin-bottom:.5em; font-size:1.3rem; font-weight:bold; padding:0 .5em;}
legend em { color: #777; font-size: 0.7em; font-style: normal; font-weight: normal; margin-left: 0.3em; }
textarea { height: 7em; }
select:not([multiple]) {cursor:pointer; padding: .75em 2.5em .75em .75em; -webkit-appearance:none; -moz-appearance:none; appearance:none;  text-indent:0.01px; text-overflow:''; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100' fill='%23000000'><polygon points='0,0 100,0 50,50'/></svg>") no-repeat; background-size:12px; background-position:calc(100% - 1em) 60%; background-repeat:no-repeat;}
select::-ms-expand{display:none;}
select::-ms-expand{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";filter:alpha(opacity=0);opacity:0;}
input[type="checkbox"], input[type="radio"] {padding:0; margin-right:.325em;}

.field_list {padding:0; list-style:none;}

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

/* CAPTCHA */
#recaptcha_widget div { margin-bottom: 0.5em; }

/* 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; }

/* Commercial interests */
#commercial .company .txt { display: block; width: 92%; }
#commercial li { margin-bottom: 1em; }
#commercial table { width: 100%; }
#commercial td { padding-bottom: 15px; }
#commercial ul { list-style: none; margin: 0; }
.ui-multiselect-menu li { margin: 0; }

ol.recs
{
    list-style-type: none;
}

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

/* Fields */
.field { margin-bottom: 1em; position: relative; }
.field label { font-weight:normal; }
.field p { margin-bottom: 0.25em; }
.field div { margin-bottom: 0.25em; }
.form dt { clear: both; 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: 60%; }*/
    .form .field-single-line p { box-sizing: border-box; float: left; margin: 0; padding-right: 10px; }
    .form .field-single-line .txt { width: 100%; }
    
        /* Location fields */
        .form .field .field-single-line .field-loc-city { width: 50%; }
        .form .field .field-single-line .field-loc-state { width: 20%; }
        .form .field .field-single-line .field-loc-postal { float: right; padding-right: 0; width: 30%; }
        
        /* Name fields */
            /* Full name (first/middle/last) */
            .form .fields-name-full .field-name-first, .form .fields-name-full .field-name-last { width: 40%; }
            .form .fields-name-full .field-name-last { float: right; padding-right: 0; }
            .form .fields-name-full .field-name-middle { width: 20%; }
            
            /* Long name (first/middle/last/suffix) */
            .form .fields-name-long .field-name-first, .form .fields-name-long .field-name-last { width: 30%; }
            .form .fields-name-long .field-name-middle, .form .fields-name-long .field-name-suffix { width: 20%; }
            .form .fields-name-long .field-name-suffix { float: right; padding-right: 0; }
            
            /* Short name (first/last) */
            .form .fields-name-short .field-name-first, .form .fields-name-short .field-name-last { width: 50%; }
            .form .fields-name-short .field-name-last { float: right; padding-right: 0; }
        
        /* Phone */
        .form .field-single-line .field-phone-number { width: 70%; }
        .form .field-single-line .field-phone-ext { padding-right: 0; width: 20%; }
        .form .field-single-line .field-phone-x { padding-top: 0.5em; text-align: center; width: 10%; }
        
        /* Range fields */
        .form .fields-range .field-range-end, .form .fields-range .field-range-start { width: 50%; }
        .form .fields-range .field-range-end { float: right; padding: 0; }
        
        /* Validation */
        .field-validation-error { display: block; }
        .validation-messages span { display: block; }
		
/*Hide status bar without removing resize*/
form#applicationFrm .mce-path { display: none; }
    
/* 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; display:block;}

/* Hints */
.hint {color: #777; font-style: italic;}
.ezpz-hint { color: #777; font-style: italic; }
.form-step .hint { color: #777; font-style: italic; }
.hint-from-title .hint { color: #777; font-style: italic; }
.inputHintOverlay { color: #777; font-style: italic; }

/* Likert */
.likert tbody th { font-weight: bold; text-align: right; width: 30%; }
.likert tbody th a, .likert tbody th .mute { font-weight: normal; }
.likert td, .likert th { border: 1px solid #ddd; font-size: 15px; padding: 0.5em 1em; }
.likert td.rating { padding: 0; text-align: center; vertical-align: bottom; width: 14%; }
.likert td.sel { background: #f0f0f0; }
.likert td.rating label { display: block; padding: 0.5em 1em; }
.likert tfoot td { border: 0; }
.likert thead th { background: #f0f0f0; font-weight: bold; text-align: center; }
.likert thead th:first-child { text-align: left; }

/* 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; }

/* Message */
.form-message { position: relative; text-align: center; }

.form-message-content {
    background: #ffc;
    border: 1px solid #ddd;
    border-top: 0;
    border-radius: 0 0 5px 5px;
    box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    display: inline-block;
    font-weight: bold;
    padding: 0.5em 1em 0.6em;        
}

.form-message-wrapper { left: 0; position: fixed; top: 0; width: 100%; z-index: 99; }    
.form-message-content.error { background: #ffb6c1; border-color: #f00; }

/* Multiple step forms */
.form-step { display: none }

/* Notifications */
.flash .confirm, .flash .error, .flash .notice, .flash .warn { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3); margin-bottom: 30px; }
/*.flash h2 { 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 }
    
    /* Errors */
    #proposedPaper .error { color: #f00; }
    #proposedPaper [class *= "txt"].error { border: 2px solid #f00; }

    #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, .field-with-errors .txt-date, .field-with-errors .txt-date-wide { border: 2px solid #f00; }
    .label .field-with-errors { display: inline; }
    .single-field-with-errors { border: 2px solid #f00 !important; color: #f00; }
    
        /* 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; padding: 30px; }
    .flash .confirm h2 { color: #516f26; }
    
    /* Errors */
    .flash .error, .validation-summary-errors { background: #ffc; padding: 30px; }
    .flash .error h2 { color: #d20000; }
    .field-with-errors, .field-validation-error { color: #f00; }
    .field-with-errors .txt, .field-with-errors .txt-med { border: 2px solid #f00; }
    .label .field-with-errors { display: inline; }
    
    /* Notices */
    .flash .notice { background: #e0f0ff; padding: 30px; }
    .flash .notice h2 { color: #274d70; }
    
    /* Warnings */
    .flash .warn { background: #fef5c6; padding: 30px; }
    .flash .warn h2 { color: #ac6b04; }

    /* ASP.NET MVC Errors */
    .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;
	margin-bottom: 20px;
    }
    .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;
    }
    
    /* 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; }*/

/* Item lists */
.item-list { list-style: none; margin: 0; }
.item-list > li { margin-bottom: 30px; }
.item-list .btn { background: none; border: 0; color: #2457ab; font-weight: bold; padding: 0; }

/* Likert */
.grade .likert dt { font-weight: normal; }
.likert dt { clear: both; padding-top: 0.5em; }
.likert .level { display: block; }
.likert li { float: left; font-size: 13px; text-align: center; width: 10%; }
.likert ul { list-style: none; margin: 0; }

/* Options */
.options-h, .options-v { padding:0; list-style: none; margin: 0; }
.options-h label, .options-v label { font-weight:normal; }
.options-h input, .options-v input { margin: 0 0.5em .4em 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: 25px; text-indent: -25px; }

/* Questions */
.question .answer .options-v .childAnswer { margin-left: 30px; } 

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

/* Review form */
.review-form dt { font-weight: bold; margin-bottom: 0.2em; }

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

/* 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; }

  /* 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; }

/* Search */
#search { border: 1px solid #999; 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;
    margin-right: -2em;
    padding: 0.4em 0 0.5em;
    width: 3em;
}

#search .txt { border: 0; box-shadow: none; margin: 0; padding: 0; text-indent: 0.6em; width: 100%; }

    /* Combat articles */
    #combat-search input { vertical-align: middle; }
    #combat-search label { display: block; }
    #combat-search .txt { font-size: 27px; width: 50%; }
    
    /* Dedicated searches */
    .dedicated-search { border: 1px solid #ddd; margin-bottom: 2em; padding: 1em 1.5em; width: 100%; }
    .dedicated-search .brief-form { width: 100%; }
    .dedicated-search .brief-form .field { float: left; margin: 0 2% 0 0; width: 40.5%; }
    .dedicated-search .brief-form .field-submit { float: right; margin: 0; width: auto; }
    .dedicated-search .brief-form label { display: block; }
    .dedicated-search .brief-form .txt { width: 100%; }
    .dedicated-search .more { background: none; margin-top: 1em; padding: 0; text-transform: none; font-size: 14px !important; }
    .dedicated-search .more-trigger { clear: both; margin: 0; padding-top: 0.5em; }
    
    /* Guidelines */
    .guidelines { background: #1d488c; border-radius: 4px; margin-bottom: 25px; /*padding: 25px 25px 30px;*/ }
    /*.guidelines, .guidelines a { color: #fff; }*/
    .guidelines h2 { font-weight: 600; }
    .guidelines li { margin: 0; }
    .guidelines p { margin: 0; }
    
        /* Categories */
        .guidelines .pmg-categories { list-style: none; margin-left: 0; }
        .guidelines .pmg-categories li { display: inline-block; margin-right: 0.5em; }
        
        /* Form */
        .guidelines-form { background: #fff; border-radius: 4px; font-size: 22px; margin-bottom: 0.3em; overflow: hidden; padding-right: 3em; }
        
        .guidelines-form button {
            -webkit-appearance: none;
            background: none;
            border: 0;
            color: #505050;
            cursor: pointer;
            float: right;
            font-size: 22px;
            margin-right: -3em;
            padding: 0.3em 0 0.5em;
            width: 3em;
        }
        
        .guidelines-form .txt { border: 0; box-shadow: none; float: left; margin: 0; padding: 0.4em 0; text-indent: 0.6em; width: 100%; }
    
    /* Search picker */
    .search-picker-list { list-style: none; margin: 0; }
    .search-picker-list li { background: none; margin-bottom: 0.2em; padding: 0; }
    .search-picker-list p { margin-bottom: 0.5em; }
    .search-picker-loading { background: white url(/content/images/shared/loading_16x16.gif) no-repeat 100% 50%; }
    .search-picker-load-more { padding-right: 20px; }
    .search-picker-name { display: block; }
    
        /* Picked */
        .search-picker-list-picked { list-style: none; margin: 0 0 0.5em; }
        .search-picker-list-picked img { margin-right: 3px; vertical-align: middle; }
    
        .search-picker-list-picked li {
            background: #f5f5f5;
            border-radius: 4px;
            cursor: move;
            overflow: hidden;
            padding: 10px;
            position: relative;
        }
    
        .search-picker-list-picked .search-picker-list-remove {
            color: #ccc;
            display: block;
            font-size: 24px;
            font-weight: bold;
            line-height: 1;
            padding: 0 0.5em;
            position: absolute;
            right: 0;
            top: 0.1em;
        }
        
        .search-picker-list .search-picker-list-remove:hover { color: #000; text-decoration: none; }
        
        /* Suggestions */
        .search-picker-list-list { list-style: none; margin-left: 0; }
        .search-picker-list-list img { margin-right: 3px; vertical-align: middle; }
        .search-picker-list-list li { overflow: hidden; margin-bottom: 0.5em; }
        .search-picker-list-list .empty, .search-picker-list-list .load { margin-top: 1em; padding: 0; }

input:disabled, input[disabled] {
    border: 1px solid #999999;
    background-color: #cccccc;
    color: #666666;
    pointer-events: none;
}

textarea.txt { vertical-align: top; width: 100%; }
.txt { width: 100%; }
.txt-date { width: 7em; }
.txt-date-wide { width: 9em; }
.txt-med { width: 100%; }
.txt-qrt { width: 80%; }
.txt-num { width: 4em; }
.txt-tall { height: 21em; }
.txt-wide { width: 100%; }

/*validation*/
.input-validation-error { border: 2px solid #f00 }