/* Traditional layout with labels to the left of the fields and grey box labels */
/* Version 17.00 (##007##) */

@import url('v17_transparent_1.css');
@import url('https://fonts.googleapis.com/css?family=Orienta');

.fcp_fixed_heading, .fcp_form input.fcp_btn, div.fcp_line label, .fcp_fieldset legend {font-family:'Orienta', sans-serif}
.fcp_fixed_heading {font-weight:bold}

/* larger */

div.fcp_wrapper        {font-size:15px}
div.fcp_line input[type="text"], div.fcp_line input[type="email"], div.fcp_line input[type="number"],
div.fcp_line input[type="password"], div.fcp_line input[type="file"], div.fcp_line select
                       {padding:5px;height:36px}
div.fcp_line textarea  {padding:5px;min-height:36px}
div.fcp_line input[type="file"] {padding: 7px}                       

/* single line layout */

div.fcp_controls         {display:inline}
div.fcp_label            {display:inline-block;vertical-align:top;text-align:right;padding:8px 3px;margin-right:1%;width:25%;overflow:hidden}
div.fcp_line input[type="text"], div.fcp_line input[type="email"], div.fcp_line input[type="number"],
div.fcp_line input[type="password"], div.fcp_line input[type="file"], div.fcp_line textarea,
div.fcp_control_group    {width:73%}
div.fcp_inline input[type="text"], div.fcp_inline input[type="email"], div.fcp_inline input[type="number"],
div.fcp_inline input[type="password"], div.fcp_inline input[type="file"], div.fcp_inline textarea, div.fcp_inline select
                         {width:64%}
.fcp_error_icon {top:-3px}                         

/* labels and colours */

div.fcp_wrapper          {background-color:#d4d4d4;border:1px solid lightgray}
div.fcp_magic_inner, div.fcp_captcha_inner, div.fcp_image_inner {background-color:#f9f9f9}
div.fcp_label            {background-color:#e2e2e2;border-radius:4px}                          
fieldset.fcp_fieldset legend     {border:1px solid lightgray;border-radius:4px}
fieldset.fcp_fieldset.fcp_border {border-radius:5px}
div.fcp_line label       {font-size:110%}

@media screen and (max-width:800px) 
{
    div.fcp_label         {display:block;text-align:left;margin-right:0;width:100%}
    div.fcp_line input, div.fcp_line textarea {width:100%}
    div.fcp_control_group {width:auto}                          
    div.fcp_controls      {display:block}
    .fcp_error_icon {top:5px}     
    div.fcp_label {border:none}                    
}