/* franchise ball : company ui stylesheet */

#company-header { float:left; clear:both; margin-top:8px; }
#company-header-text { float:left; display:block; font-size:20px; font-weight:bold; color:#66e; margin:10px 0 4px 0; }
#company-inputs-container { float:left; clear:both; margin:8px 0 0 0; padding:12px 14px; background:#ddf; border:1px solid #aaa; }
#company-header-inputs-container { float:left; clear:both; }
#company-header-email-container { float:left; margin:0 28px 0 0; }
#company-email-label { float:left; color:#070; font-size:14px; }
#email { float:left; display:block; clear:both; margin:4px 0 0 0; padding:0; font-size:14px; }
#company-topic-container { float:left; margin:0 0 0 0; }
#company-topic-label { float:left; font-size:14px; font-weight:bold; color:#66a; }
#topic { float:left; clear:both; margin:4px 0 0 0; cursor:pointer; }
#form_contact_subject { float:left; clear:both; margin-top:10px; }
#company-message-container { float:left; clear:both; margin-top:10px; }
#message { float:left; display:block; margin:4px 0 0 0; padding:0; font-family:tahoma; font-size:14px; }
#company-footer-inputs-container { float:left; clear:both; margin:14px 0 0 0; }
#company-recaptcha-container { float:left; clear:both; margin:0; }
#submit { float:left; font-size:14px; padding:6px; margin:14px 0 0 0; clear:both; width:120px; }
#company-errors-container { float:left; font-size:12px; font-weight:bold; color:red; margin:22px 0 0 16px; }
#company-info-container { float:left; margin:0 0 16px 0; }
#company-address-container { float:left; width:200px; padding:4px; margin:16px 0 0 0; font-size:14px; color:#555; line-height:20px; }
#company-corpinfo-container { float:left; padding:4px; margin:6px 0 0 0; font-size:12px; clear:both; }
#company-corpinfo-label { float:left; font-weight:bold; }
#company-corpinfo-link { float:left; clear:both; margin-top:4px; }
#company-mailto-link { float:left; clear:both; margin:24px 0 0 4px; font-size:12px; color:#66e; }

/* mobile */
@media only screen and (max-width: 991px) {

    .external .template-container-simple { width:90vw; margin:0 5vw; }
    .external #company-header { width:90vw; margin:3vw 0 0 0 !important; }
    .external #company-header-text { font-size:4vw; margin:2vw 0 1vw 0; }
    .external #company-inputs-container { width:81.8vw; margin:2vw 0 0 0; padding:4vw; border:0.1vw solid #aaa; }
    .external #company-header-inputs-container { float:left; clear:both; }
    .external #company-header-email-container { float:left; margin:0; }
    .external #company-email-label { float:left; font-size:4vw; }
    .external #email { width:70vw; margin:1vw 0 0 0; font-size:4vw; }
    .external #company-topic-container { clear:both; margin:2vw 0 1vw 0; }
    .external #company-topic-label { font-size:4vw; }
    .external #topic { width:50vw; margin:1vw 0 0 0; font-size:4vw; }
    .external #form_contact_subject { margin-top:2vw; }
    .external #company-message-container { margin-top:2vw; }
    .external #message { width:81.5vw; height:32vw; font-size:3vw; margin:0; }
    .external #company-footer-inputs-container { float:left; clear:both; margin:3vw 0 0 0; }
    .external #submit { font-size:3vw; padding:1.5vw 0; margin:3vw 0 0 0; width:24vw; }
    .external #company-errors-container { clear:both; font-size:3vw; margin:4vw 0 0 0; }
    .external #company-info-container { width:90vw; margin-top:2vw; margin-left:0; }
    .external #company-address-container { width:88vw; padding:1vw 0; margin:0; font-size:4vw; line-height:5.5vw; }
    .external #company-corpinfo-container { float:left; padding:1vw 0; margin:3vw 0 0 0; font-size:3.4vw; }
    .external #company-corpinfo-link { float:left; clear:both; margin-top:1.5vw; }
    .external #company-mailto-link { margin:3vw 0 3vw 0; font-size:4vw; }
}