/* Flexicontact CSS */

/* Common */

.fc_page { }
.fc_form { }

div.fc_images      {padding-top:0.5em;}
div.fc_image_inner {text-align: center;}
.fc_inactive       {border:2px solid transparent;}
.fc_active         {border:2px solid red;}

.fc_form input, .fc_form textarea {width: auto !important;}

input.fc_button {background:url('fc_button.png') repeat-x left center;
	border:1px solid #8B9DB8; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	min-height:2em; min-width:65px; margin:10px 2px 2px 25px;
	font-size:1em; font-weight:bold; line-height:0.9; color:#36465f; cursor:pointer; }
	
input.fc_button:hover    {background: url('fc_button_hover.png') repeat-x left center; }
input.fc_button:disabled {background: url('fc_button.png') repeat-x left center; color:#cecdcd; cursor:default;}

span.fc_error {font-size:small; color:red; margin-left:5px;}

/* Responsive view */

div.fc_line {clear:left; padding-top:0.5em;}

div.fc_line label.fc_left {display:inline-block; text-align:right; vertical-align:top; width:12em; max-width:20%; margin-right:1em;}

@media screen and (max-width: 800px) 
{
    div.fc_line label.fc_left {display:block; text-align:left; width:auto; max-width:90%;}
    span.fc_error             {display:block; }
}

div.fc_line input    {max-width:90%;}
div.fc_line textarea {max-width:95%;}

/* Table view */

.fc_table {border:none !important; padding: 2px; width:100% }
.fc_table tr {border:none  !important; }
.fc_table td {border:none  !important; padding: 3px 0 3px 0;}
.fc_table td.fc_prompt {text-align:right; vertical-align:top; width:20%; padding-right:10px;}
.fc_table td.fc_field  {text-align:left; }