

/* Standard Forms
================================================ */

  form                                              { padding:0; border:0; margin:30px 0 50px; }
    form fieldset                                   { padding:0; border:0; margin:0; }

    form .form_row                                  { float:left; width:100%; margin:0 0 15px; padding:0; position:relative; }
    form .buttons                                   { float:left; width:100%; margin:0 0 15px; padding:0; position:relative; }

    form p.help                                     { font-size:11px; color:#626675; display:block; }

    form label                                      { display:none; position:absolute; top:-24px; left:0px; font-size:12px; line-height:24px; color:#fff; background:#444752; padding:0 4%; border-top-left-radius:4px; border-top-right-radius:4px; font-family:'robotolight', arial, sans-serif; font-weight:normal; }
      
    form .expanded_list label                       { color:#626675; display:block; position:inherit; top:inherit; left:inherit; padding:0; font-size:16px; background:none; line-height:1.6em; }
    form .expanded_list .expanded-list label        { font-size:12px; }

    form input                                      ,
    form ._select                                   ,
    form ._checkbox                                 ,
    form textarea                                   { width:92%; padding:0 4%; margin:0; color:#626675; background:#e1e1e5; border:0; height:41px; line-height:41px; font-family:'robotolight', arial, sans-serif; font-weight:normal; font-size:16px; float:left; outline:none;  -webkit-appearance: none; -webkit-border-radius:0px; }

    form select.multi                               { color:#626675; background:#e1e1e5; width:100%; padding:2% 4%;  }

    form textarea                                   { padding:11px 4%; line-height:1.2em; height:187px; resize:none; }
    form textarea.short                             { height:108px; }
    form select                                     { border:0; background:#fff;  font-family:arial; font-size:14px; color:#414141; width:100%; }
    form input.checkbox                             { line-height:1em; height:auto; width:auto; margin:13px 0 0 8px; padding:0; }
    form input.mid-size                             ,
    form ._select.mid-size                          { width:50%; }
    form input.small-size                           ,
    form ._select.small-size                        { width:30%; }

    form input.info-box                             { border:#aaa; background:#efefef; }
    
    form input.focused                              ,
    form ._select.focused                           ,
    form textarea.focused                           { background-color:#444752; color:#fff; }

    form .form_row.focused label                    { display:inherit; }

    form ._select                                   { overflow:hidden; position:relative; }
      form ._select select                          { z-index:10; }
      form ._select span                            { position:absolute; left:0px; top:0px; line-height:41px; width:92%; z-index:2; padding:0 4%; }
      form ._select .caret                          { position:absolute; right:0px; top:0px; height:41px; line-height:41px; width:41px; z-index:3; background:url(/assets/images/select-bg.png) center center no-repeat; text-indent:10000px; overflow:hidden; }

    form ._select.clear                             { border-color:rgba(255,255,255,0); background-color:rgba(255,255,255,0); }
      form ._select.clear .caret                    { color:rgba(0,0,0,0.2); }

    form ._checkbox                                 { overflow:hidden; position:relative; width:21px; height:21px; padding:0; margin:0px 8px 0 0; cursor:pointer; }
    form ._checkbox.on                              { background-image:url(/assets/images/checkbox-on.png); background-position:center center; background-repeat:no-repeat; }
      form ._checkbox input                         {  }

    form .expanded-list-row                         { float:left; width:50%; overflow:hidden; margin:4px 0 0 0; }

    form .expanded-list-wrapper                     { float:right; width:100%; overflow:hidden; margin-top:0px; }
      form .expanded-list-wrapper ul                { list-style:none; margin:0; padding:0; float:left; overflow:hidden; width:100%; }
        form .expanded-list-wrapper ul li           { margin:0; padding:4px 0; width:100%; float:left; height:auto; overflow:hidden; text-indent:0; }
        form .expanded-list-wrapper ul li:before    { content:""; display:none; }
        form .expanded-list-wrapper ul li input     { line-height:1em; height:auto; width:auto; margin:0px 10px 0 5px; padding:0; }
        form .expanded-list-wrapper ul li label     { font-family:Arial,sans-serif; font-size:12px; line-height:1em; float:left; width:auto; clear:right; text-transform:none; margin-top:1px; }

    form .fileUploadContainer                       {  }
      form .fileUploadContainer .fileCurrent        { float:left; width:auto; height:40px; line-height:40px; margin-left:10px; }
        form .fileUploadContainer .fileCurrent img  { vertical-align:middle; border-radius:100%; height:40px; }
      form .fileUploadContainer .fileText           { width:210px; }
      form .fileUploadContainer .fileUpload         { position: relative; overflow: hidden; margin:-1px 5px 0 5px; float:left; }
        form .fileUploadContainer .fileUpload input.upload { position: absolute; top: 0; right: 0; margin: 0; padding: 0; font-size: 20px; cursor: pointer; opacity: 0; filter: alpha(opacity=0); } 

    form button                                     { height:37px; }

    ::-webkit-input-placeholder                     { color: #7b7f8c; }
    :-moz-placeholder                               { color: #7b7f8c; }
    ::-moz-placeholder                              { color: #7b7f8c; }
    :-ms-input-placeholder                          { color: #7b7f8c; }

    /* Fix crappy firefox line height bug */
    button::-moz-focus-inner                        { border: 0;  padding: 0;  margin-top:-2px;  margin-bottom: -2px;  }

    textarea, input[type="text"], input[type="password"], input[type="email"], input[type="url"]{ -webkit-appearance: none; }

    .re-enter-email                                 { display:none; }
 
    .col-half                                       { float:right; margin-left:6%; width:46%; }
    .col-half.alpha                                 { float:left; margin-left:0; }

    .confirm_email_address                          { display:none; }


    form button.icon-mail                           { padding-left:40px; background-image:url(/assets/images/button-bg-mail.png); background-repeat:no-repeat; background-position:left center; }
    form button.icon-mail:hover                     { background-image:url(/assets/images/button-bg-mail-over.png); }


    form.filter-form                                { padding:0; margin:0; text-align: center; }
      form.filter-form fieldset                     { padding:0; margin:0; }
      form.filter-form .form_row                    { float:none; padding:0; margin:0 15px -3px; display:inline-block; width:35%; text-align:left; }

/* SMALL DESKTOP */
@media only screen and (min-width: 1036px) and (max-width: 1250px) {
      form.filter-form .form_row                    { width:45%; }

}

/* TABLET LANDSCAPE */
@media only screen and (min-width: 768px) and (max-width: 1035px) {   
      form.filter-form .form_row                    { width:45%; }
  
}

/* TABLET AND MOBILE */
@media only screen and (max-width: 767px) {   
      form.filter-form .form_row                    { width:100%; margin:0 0 10px; }
      form.filter-form .form_row:last-child         { margin-bottom:-3px; }

}

/* MOBILE LANDSCAPE */
@media only screen and (min-width: 480px) and (max-width: 767px) {

}

/* MOBILE PORTRAIT */
@media only screen and (max-width: 479px) {

}