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

/* Version 11.00 */



/* Colours */



.fcp_wrapper {color:#222222; background-color: #fdfdfd; border: 1px solid #efefef; }



div.fcp_line input, div.fcp_line select, div.fcp_line textarea {border:1px solid #cdcdcd; 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:#168cca;}

div.fcp_line input:focus, div.fcp_line textarea:focus, div.fcp_line select:focus {outline:none; border-color:#168cca;

    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(123,122,122,.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-color:#F3F4F5;

                         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:48px; width:48px; vertical-align:middle;

                         background:#F3F4F5 url('css_images/reload.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 10px 8px 10px; border:none; border-radius: 0;

    background: #2076ff; background: linear-gradient(to bottom, #666666, #000000); color: #ffffff; text-decoration: none; height:auto; cursor:pointer; font-size:14px;}

.fcp_form input.button:hover    

	{border: 1px solid #144afe; background: #168cca; background: linear-gradient(to bottom, #168cca, #095278);

    color: #ffffff; text-decoration: none; box-shadow:none;padding: 6px 10px 8px 10px; border:none; border-radius: 0;font-size:14px; }


.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;

}

