/**
 * @version     3.0.1 Beta
 * @package     com_aicontactsafe
 * @copyright   Copyright (C) 2013 Gonzalo Meneses (Alakentu). All rights reserved.
 * @license     GNU General Public License version 2 or later; see LICENSE.txt
 * @author      Gonzalo Meneses (Alakentu) <alakentu2003@hotmail.com> - http://www.venezuelawebs.com
 *
 * Align - margin
 * Make sure you have the corect aiContactSafe_mainbody_1 set everywhere on this CSS code
 * The number following aiContactSafe_mainbody_ is the id of the profile
 * If not properly set, the changes affecting this tag will not take effect
 */

/* display into the center of the page */
#aiContactSafe_mainbody_1 {
	margin-left:auto;
	margin-right:auto;
}

/* force labels to be displayed inline */
#aiContactSafe_mainbody_1 label { display:inline-block !important; }

/**
 * 
 * Set the width of some of the fields
 * Add here any of the fields of aiContactSafe
 * Replace "field_name" with the name of the field for which you want to set the width
 * 
 * Textbox
 * ---- #aiContactSafe_mainbody_1 input#field_name
 * Combobox
 * ---- #aiContactSafe_mainbody_1 select#field_name
 * Editbox
 * ---- #aiContactSafe_mainbody_1 textarea#field_name
 * Checkbox - List
 * ---- #aiContactSafe_mainbody_1 input.field_name
 * Radio - List
 * ---- #aiContactSafe_mainbody_1 input.field_name
 * Date
 * ---- can't modify the width
 * Email
 * ---- #aiContactSafe_mainbody_1 input#field_name
 * Email - List
 * ---- #aiContactSafe_mainbody_1 select#field_name
 * Joomla Contacts
 * ---- #aiContactSafe_mainbody_1 select#field_name
 * Joomla Users
 * ---- #aiContactSafe_mainbody_1 select#field_name
 * SOBI2 Entries
 * ---- #aiContactSafe_mainbody_1 select#field_name
 * Hidden
 * ---- nothing to set
 * Separator
 * ---- #aiContactSafe_mainbody_1 #sp_field_name
 * File
 * ---- only a very complex solution will fix this problem
 * Number
 * ---- #aiContactSafe_mainbody_1 input#field_name
 * Hidden Email
 * ---- nothing to set
 * 
 */
#aiContactSafe_mainbody_1 #aics_name {
	width:240px;
}
#aiContactSafe_mainbody_1 #aics_email {
	width:240px;
}
#aiContactSafe_mainbody_1 #aics_phone {
	width:240px;
}
#aiContactSafe_mainbody_1 #aics_subject {
	width:240px;
}
#aiContactSafe_mainbody_1 #aics_message {
    float: right;
    height: 80px;
    width: 240px;
}

/* set the way labels and fields are displayed */
#aiContactSafe_mainbody_1 .aiContactSafe_row {
	clear:both;
	display: inline-block;
}
#aiContactSafe_mainbody_1 .aiContactSafe_contact_form_field_label_left {
    float: left;
    padding-top: 5px;
    width: 120px;
}
#aiContactSafe_mainbody_1 .aiContactSafe_contact_form_field_left {
	float:right;
	padding:0px 3px;
}
#aiContactSafe_mainbody_1 .aiContactSafe_contact_form_field_label_right {
	float:left;
	padding:1px 3px;
	margin-top:2px;
}
#aiContactSafe_mainbody_1 .aiContactSafe_contact_form_field_right {
	float:right;
}

/* center the contact form */
#aiContactSafe_mainbody_1 #aiContactSafeForm {
	margin-left:auto;
	margin-right:auto;
}

/* set the space between the notification for the required fields to the contact form */
#aiContactSafe_mainbody_1 #aiContactSafe_info {
	margin-bottom:10px;
}

/* set the  containing the captcha */
#aiContactSafe_mainbody_1 #_captcha {
	clear:both;
	text-align:left;
	margin:5px 0px;
	padding-top:10px;
}
#aiContactSafe_mainbody_1 #_captcha_info {
	margin-bottom:5px;
}

/* set the way the text counting the characters in the edit box */
#aiContactSafe_mainbody_1 .countdown_div {
    float: right;
    font-size: 12px;
}
#aiContactSafe_mainbody_1 .countdown_editbox {
    border: medium none;
    font-size: 9px;
    margin: 0 5px;
    overflow: visible;
    text-align: center;
	padding: 0;
}

/* set the cells containig the contact form and the contact information */
#aiContactSafe_mainbody_1 #aiContactSafeForm td, #aiContactSafe_mainbody_1 #aiContactSafeForm {
	padding:5px;
	vertical-align:top;
}

/* modify the cursor of the labels to let the user know they can click on them */
#aiContactSafe_mainbody_1 label {
	cursor:pointer;
}
/* set the label tag containing the character that marks the required fields */
#aiContactSafe_mainbody_1 .required_field {
	text-align:left;
	vertical-align:top;
}

/* hide the hidden rows */
#aiContactSafe_mainbody_1 .aiContactSafe_row_hidden {
	display:none;
}

/* make the buttons higher */
#aiContactSafe_mainbody_1 #aiContactSafeBtns input {
	padding:5px;
	margin:0px;
}

/* set the way the date is displayed */
#aiContactSafe_mainbody_1 .aiContactSafe_date td {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}
#aiContactSafe_mainbody_1 .aiContactSafe_date td select {
	margin:0px 2px 0px 0px;
}

/* set the space between field sufix and the field and between the field prefix and the field */
#aiContactSafe_mainbody_1 .aiContactSafe_sufix {
	margin-right:3px;
}
#aiContactSafe_mainbody_1 .aiContactSafe_prefix {
	margin-left:3px;
}
.control-group:before, .control-group:after {
    content: "";
    display: table;
    line-height: 0;
}
.control-group:after {
    clear: both;
}
.control-group {
    margin-bottom: 18px;
}
.control-label {
    float: left;
    padding-top: 5px;
}
#div_captcha .controls,
#dynamic_recaptcha_1 {
    margin-left: 120px;
}
.div_captcha_img {
    float: left;
	margin-bottom: 10px;
}
#div_captcha_new {
    background-color: #ededed;
    border: 1px solid #ddd;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    float: left;
    font-size: 16px;
	margin-left: 5px;
    height: 16px;
    padding: 4px 5px 6px;
    width: 16px;
}
#div_captcha_new a {
    color: #333;
	padding: 0 2px;
}
#div_captcha_new a:hover,
#div_captcha_new a:focus{
    text-decoration: none;
}