/* 14px fonts, full width, responsive */
/* Version 11.00 */

/* Colours */

.fcp_wrapper {color:#222222; background-color: #F1F1F1; border: 1px solid #e3e3e3; box-shadow: inset 0 1px 1px rgba(0,0,0,0.05); }

div.fcp_line input, div.fcp_line select, div.fcp_line textarea {border:1px solid #B3B3B3; transition:border-color 0.3s ease 0s; }
div.fcp_line input:hover, div.fcp_line textarea:hover, div.fcp_line select:hover {outline:none; border-color:#0079C1;}
div.fcp_line input:focus, div.fcp_line textarea:focus, div.fcp_line select:focus {outline:none; border-color:#0079C1;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(82,168,236,.6);}

.fcp_error_field                    {border:1px solid #F57777; margin-bottom:0 !important; }
div.fcp_line .fcp_error_field       {border-color: #f8b9b7;  }
div.fcp_line .fcp_error_field:hover {border-color: #e9322d; }
div.fcp_line .fcp_error_field:focus {border-color: #e9322d; box-shadow: 0 0 6px #f8b9b7; }

.fcp_border {border:1px solid #DADADA;}

.fcp_error_text {color:red; }

.tooltip-inner {color:white !important; background-color:black !important;}
.tooltip.top .tooltip-arrow {border-top-color:black !important;}
    
/* Fonts */

.fcp_wrapper              {font: normal normal normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif; }
div.fcp_line label        {font: normal normal normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}
div.fcp_line input, div.fcp_line select, div.fcp_line textarea {font: normal normal normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}
div.fcp_fixed_text label  {font: normal normal normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif; }
.tooltip-inner            {font: normal normal bold   12px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}
.fcp_error_text           {font: italic normal normal 13px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}
.fcp_form input.button    {font: normal normal normal 16px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}
#fcp_spinner.fcp_error_msg span.fcp_error_text {font: normal normal normal 14px "Lucida Grande", Tahoma, "Trebuchet MS", sans-serif;}

/* Text error messages */

.fcp_error_text
    {display:block; margin-left:27%; margin-bottom: 0 !important;}
#fcp_spinner.fcp_error_msg span.fcp_error_text
    {margin-left:0;}

/* Icon error messages */

.fcp_error_icon1
    {display:inline-block; margin-left:-18px; background: url('css_images/val_err1.png') no-repeat left center; vertical-align: top; margin-top:6px;
        height: 16px; width: 16px; cursor: pointer;}
div.fcp_list span.fcp_error_icon1, div.fcp_captcha span.fcp_error_icon1, div.fcp_recaptcha span.fcp_error_icon1,
    div.fcp_nocaptcha span.fcp_error_icon1, div.fcp_image_outer span.fcp_error_icon1
    {margin-left:2px;}

.fcp_error_icon2
    {display:inline-block; margin-left:-18px; background: url('css_images/val_err2.png') no-repeat left center; vertical-align: top; margin-top:6px;
        height: 16px; width: 16px; cursor: pointer;}
div.fcp_list span.fcp_error_icon2, div.fcp_captcha span.fcp_error_icon2, div.fcp_recaptcha span.fcp_error_icon2,
    div.fcp_nocaptcha span.fcp_error_icon2, div.fcp_image_outer span.fcp_error_icon2
    {margin-left:2px;}

/* Popover error messages */

.fcp_error_over  {display:inline-block; height:8px; width:12px; margin-left:-12px; vertical-align: top; margin-top:8px;}
.popover-content {display:none !important;}
.popover-title   {color:red !important; background-color:white !important; padding:0 !important; border-radius:3px !important;
    line-height:1 !important; border-bottom:none !important; background-image:none !important;}

/* Mandatory fields */

div.fcp_req>label:after {content:"*"; font: italic normal normal 12px arial; color:gray; display:inline; }
div.fcp_req>label.fcp_focus:after {content:"*"; font: italic normal normal 12px arial; color:red; display:inline; }

/* Structure and size */

.fcp_wrapper {width:100%; max-width:95%; min-height:100px; padding:5px; border-radius: 4px; }

div.fcp_line        {clear:left; padding-top:0.5em;}
div.fcp_line label  {display:inline-block; vertical-align:middle; text-align:right; width:25%; margin:0 1% 4px 0;  }
div.fcp_line.fcp_textarea label {vertical-align:top;}

div.fcp_line input, div.fcp_line select, div.fcp_line textarea { height:28px; padding:1px 3px 1px 3px; border-radius: 3px; margin-top:0; margin-bottom:0;}
div.fcp_line select   {width:auto; border-radius:3px; }
div.fcp_line input    {width:70%; }
div.fcp_line textarea {width:70%; height:auto; min-height:28px; padding:8px 3px 8px 3px; }

div.fcp_date input {max-width: 150px; }

div.fcp_inline {display:inline;}
div.fcp_inline label {width:auto;}

/* radio button and checkbox structures */

div.fcp_line input[type="checkbox"] {width:auto; margin-top:0; margin-bottom:0; vertical-align:baseline; height: auto; border:none;}
div.fcp_line input[type="radio"]    {width:auto; margin-top:0; margin-bottom:0; vertical-align:middle; height: auto; border:none;}
div.fcp_radio input:hover, div.fcp_checkbox input:hover {border:none;}

div.fcp_radio_h_inner     {display:inline-block; max-width:70%;}
span.fcp_radio_h          {display:inline-block; }
div.fcp_radio_h_inner span.fcp_radio_h label    
                          {display:inline-block; padding-left:5px; white-space:nowrap;}

div.fcp_radio_v_inner     {display:inline-block; padding: 0 5px 5px 5px; max-width:70%;}
span.fcp_radio_v          {display:block; white-space: nowrap;}
div.fcp_radio label    	  {vertical-align:top;}

div.fcp_checkbox_m label  {vertical-align: top;}
div.fcp_checkbox_inner    {display:inline-block; width:70%;}
span.fcp_checkbox_m       {display:inline; }
div.fcp_checkbox_inner span.fcp_checkbox_m label 
                          {display:inline; max-width:none; padding-left:5px; padding-top:0; vertical-align: text-top;}

div.fcp_checkbox_l input.fcp_lcb {margin-left:5px; }
div.fcp_checkbox_l label.fcp_lcb {width:auto; max-width:75%; padding-top:0; text-align:left; vertical-align: text-top;}

div.fcp_checkbox_r label  {display:inline-block; padding-top:0; padding-bottom:0; margin-bottom: 0; margin-top: 0;}
div.fcp_checkbox_r input  {width:auto !important; height:auto;}

/* fixed texts */

div.fcp_fixed_text {border-bottom: 1px solid lightgray; margin-bottom:8px; }
div.fcp_fixed_text label {text-align:left; padding-top:0; white-space:nowrap; font-weight: bold;}
div.fcp_fixed_text span  { }

/* secure-image captcha */

div.fcp_captcha input   {vertical-align:top;}
div.fcp_captcha_inner   {display:inline-block; padding:9px; background:#F3F4F5 url('css_images/securimage.png') no-repeat 4% 90%;
                         border:1px solid #DADADA; border-radius:3px;}
img.fcp_captcha_img     {vertical-align:middle; margin:0 5px 0 5px; 
                         border:1px solid #DADADA; border-radius:3px;}
span.fcp_captcha_reload {display:inline-block; height:24px; width:24px; vertical-align:middle;
                         background:#F3F4F5 url('css_images/reload_blue.png') no-repeat center center; cursor:pointer;}
div.fcp_captcha label    {vertical-align:top;}                         
                         
/* image captcha */

.fcp_image_inner        {display:inline-block; }
.fcp_image_inner img 	{display:inline; cursor:pointer; transition:border 0.7s;}
.fcp_inactive           {border:2px solid transparent;}
.fcp_active             {border:2px solid #0079C1 !important; border-radius:3px;}
div.fcp_image_outer label {vertical-align:top;}

/* recaptcha */

div.fcp_nocaptcha {margin-left: 27%; }
div.fcp_nocaptcha span.fcp_error_msg{ margin-left:0;}
div.g-recaptcha {display:inline-block;}
#recaptcha_widget_div	{display:inline-block; }

/* magic word */

div.fcp_magic input	    {max-width: 100px !important;}

/* fieldsets */

fieldset.fcp_fieldset {display:inline-block; margin:5px; padding:5px; border:none; vertical-align:top;}
fieldset.fcp_fieldset legend {padding:3px 10px 3px 10px; width:auto; line-height:1em; margin:0 0 0 10px; border:none;}
fieldset.fcp_wide {display:block;}
fieldset.fcp_fieldset.fcp_border {border:1px solid #DADADA; border-radius:4px; }

/* the send button */

.fcp_sendrow {margin-left:10%;}
div.fcp_sendrow input[type="submit"] {width:auto;}

.fcp_form input.button 
	{display: inline-block; width:auto; text-align: center; vertical-align: middle; padding: 6px 20px; border: 1px solid #113fd8; border-radius: 4px;
    background: #2076ff; background: linear-gradient(to bottom, #2076ff, #113fd8);
    text-shadow: #0a257f 1px 1px 1px; color: #ffffff; text-decoration: none; height:auto; cursor:pointer;}
.fcp_form input.button:hover    
	{border: 1px solid #144afe; background: #268eff; background: linear-gradient(to bottom, #268eff, #144cff);
    color: #ffffff; text-decoration: none; box-shadow:none; }
.fcp_form input.button:disabled 
	{opacity:0.5; cursor:default; }
	
#fcp_spinner {margin-top:8px;}
.fcp_spinner {background:url('css_images/spinner.gif') no-repeat left center !important; height:16px; width:16px;}

/* info buttons */

.fcp_info {display:inline-block; vertical-align:top; 
	background:url('css_images/info-16.png') no-repeat left center !important; height:16px; width:16px;}

/* Tooltips */

.tooltip {padding:4px; position:absolute; z-index:9999; max-width:400px; border-radius:3px !important;
             background:transparent !important; }
.tooltip-inner {padding: 4px !important;}

/* responsive */

@media screen and (max-width: 800px) 
{
    div.fcp_line.fcp_text label, div.fcp_line.fcp_textarea label, div.fcp_line.fcp_date label,
    div.fcp_line.fcp_list label, div.fcp_line.fcp_attachment label, div.fcp_line.fcp_fixed_text label,
    div.fcp_image_outer label, div.fcp_magic label, div.fcp_captcha label, div.fcp_recaptcha label
        {display:block; text-align:left; width:auto; }
        
    div.fcp_checkbox label {display:inline-block !important;}

    div.fcp_line input[type="text"], div.fcp_line input[type="password"], div.fcp_line input[type="file"],
    div.fcp_line textarea
        {width:95% !important;}
        
    div.fcp_inline {display:block;}
            
    div.fcp_checkbox_r > label, div.fcp_checkbox_m > label, div.fcp_radio > label
        {width:auto;}
                
    .fcp_error_text {margin-left: 0;}

    div.fcp_req label:after {content:"*"; font: italic normal normal 12px arial; color:gray; margin-left:5px; }
    div.fcp_req label.fcp_focus:after {content:"*"; font: italic normal normal 12px arial; color:red; margin-left:5px; }
    
    fieldset.fcp_fieldset {display:block; width:auto !important;}
    
    div.fcp_nocaptcha {margin-left: 0; }
}

/* basic Bootstrap Popover support */

.popover {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1010;
	display: none;
	max-width: 276px;
	padding: 1px;
	text-align: left;
	background-color: #fff;
	-webkit-background-clip: padding-box;
	-moz-background-clip: padding;
	background-clip: padding-box;
	border: 1px solid #ccc;
	border: 1px solid rgba(0,0,0,0.2);
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	box-shadow: 0 5px 10px rgba(0,0,0,0.2);
	white-space: normal;
}
.popover.top {
	margin-top: -10px;
}
.popover.right {
	margin-left: 10px;
}
.popover.bottom {
	margin-top: 10px;
}
.popover.left {
	margin-left: -10px;
}
.popover-title {
	margin: 0;
	padding: 8px 14px;
	font-size: 14px;
	font-weight: normal;
	line-height: 18px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #ebebeb;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
}
.popover-title:empty {
	display: none;
}
.popover-content {
	padding: 9px 14px;
}
.popover .arrow,
.popover .arrow:after {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	border-color: transparent;
	border-style: solid;
}
.popover .arrow {
	border-width: 11px;
}
.popover .arrow:after {
	border-width: 10px;
	content: "";
}
.popover.top .arrow {
	left: 50%;
	margin-left: -11px;
	border-bottom-width: 0;
	border-top-color: #999;
	border-top-color: rgba(0,0,0,0.25);
	bottom: -11px;
}
.popover.top .arrow:after {
	bottom: 1px;
	margin-left: -10px;
	border-bottom-width: 0;
	border-top-color: #fff;
}
.popover.right .arrow {
	top: 50%;
	left: -11px;
	margin-top: -11px;
	border-left-width: 0;
	border-right-color: #999;
	border-right-color: rgba(0,0,0,0.25);
}
.popover.right .arrow:after {
	left: 1px;
	bottom: -10px;
	border-left-width: 0;
	border-right-color: #fff;
}
.popover.bottom .arrow {
	left: 50%;
	margin-left: -11px;
	border-top-width: 0;
	border-bottom-color: #999;
	border-bottom-color: rgba(0,0,0,0.25);
	top: -11px;
}
.popover.bottom .arrow:after {
	top: 1px;
	margin-left: -10px;
	border-top-width: 0;
	border-bottom-color: #fff;
}
.popover.left .arrow {
	top: 50%;
	right: -11px;
	margin-top: -11px;
	border-right-width: 0;
	border-left-color: #999;
	border-left-color: rgba(0,0,0,0.25);
}
.popover.left .arrow:after {
	right: 1px;
	border-right-width: 0;
	border-left-color: #fff;
	bottom: -10px;
}