/* 
	align - margin
	make sure you have the corect aiContactSafe_mainbody_3 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 */
div#aiContactSafe_mainbody_4 {
    margin-left: auto;
    margin-right: auto;
}

/*

set the width of some of the fields
add here any of the fields of aiContactSafe

// Textbox
		div#aiContactSafe_mainbody_3 input#nume_field
// Combobox
		div#aiContactSafe_mainbody_3 select#nume_field
// Editbox
		div#aiContactSafe_mainbody_3 textarea#nume_field
// Checkbox - List
		div#aiContactSafe_mainbody_3 input.nume_field
// Radio - List
		div#aiContactSafe_mainbody_3 input.nume_field
// Date
		can't modify the width
// Email
		div#aiContactSafe_mainbody_3 input#nume_field
// Email - List
		div#aiContactSafe_mainbody_3 select#nume_field
// Joomla Contacts
		div#aiContactSafe_mainbody_3 select#nume_field
// Joomla Users
		div#aiContactSafe_mainbody_3 select#nume_field
// SOBI2 Entries
		div#aiContactSafe_mainbody_3 select#nume_field
// Hidden
		nothing to set
// Separator
		div#aiContactSafe_mainbody_3 div#sp_nume_field
// File
		only a very complex solution will fix this problem
// Number
		div#aiContactSafe_mainbody_3 input#nume_field
// Hidden Email
		nothing to set

*/
div#aiContactSafe_mainbody_4 input#aics_name { width: 240px; }div#aiContactSafe_mainbody_4 input#aics_email { width: 240px; }div#aiContactSafe_mainbody_4 input#aics_phone { width: 240px; }div#aiContactSafe_mainbody_4 input#aics_subject { width: 240px; }div#aiContactSafe_mainbody_4 textarea#aics_message { width: 240px; height: 160px; }

/* set the way labels and fields are displayed */
div#aiContactSafe_mainbody_4 div.aiContactSafe_row { clear: both; padding: 2px 0px; }div#aiContactSafe_mainbody_4 div.aiContactSafe_contact_form_field_label_left { float: left; padding: 0px 3px; }div#aiContactSafe_mainbody_4 div.aiContactSafe_contact_form_field_left { float: left; padding: 0px 3px; }div#aiContactSafe_mainbody_4 div.aiContactSafe_contact_form_field_label_right { float: left; padding: 1px 3px; margin-top: 2px; }div#aiContactSafe_mainbody_4 div.aiContactSafe_contact_form_field_right { float: right; padding: 1px 3px; }

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

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

/* set the div containing the captcha */
div#aiContactSafe_mainbody_4 div#div_captcha { clear: both; text-align: left; margin: 5px 0px; padding-top: 10px; }div#aiContactSafe_mainbody_4 div#div_captcha_info { margin-bottom: 5px; }

/* set the way the text counting the characters in the edit box */
div#aiContactSafe_mainbody_4 div.countdown_div { font-size: 9px; }div#aiContactSafe_mainbody_4 input.countdown_editbox { font-size: 9px; text-align: center; border: medium none; overflow: visible; background: none repeat scroll 0% 0% transparent; }

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

/* modify the cursor of the labels to let the user know they can click on them */
div#aiContactSafe_mainbody_4 label { cursor: pointer; }

/* set the label tag containing the character that marks the required fields */
div#aiContactSafe_mainbody_4 label.required_field { text-align: left; vertical-align: top; margin-left: 5px; }

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

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

/* set the way the date is displayed */
div#aiContactSafe_mainbody_4 table.aiContactSafe_date td { padding: 0px; vertical-align: middle; }div#aiContactSafe_mainbody_4 table.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 */
div#aiContactSafe_mainbody_4 span.aiContactSafe_sufix { margin-right: 3px; }div#aiContactSafe_mainbody_4 span.aiContactSafe_prefix { margin-left: 3px; }input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus { background: none repeat scroll 0pt 0pt #FFFFCC; }