/* 

	align - left

	make sure you have the corect aiContactSafe_mainbody_15 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

*/



/* modify the width to fit all the labels */

div#aiContactSafe_mainbody_15 div.aiContactSafe_contact_form_field_label_left {

	width:80px;

}



/* display into the center of the page */

div#aiContactSafe_mainbody_15 {

	margin-left:0px;

	margin-right:auto;

}



/*



set the width of some of the fields

add here any of the fields of aiContactSafe



// Textbox

		div#aiContactSafe_mainbody_15 input#nume_field

// Combobox

		div#aiContactSafe_mainbody_15 select#nume_field

// Editbox

		div#aiContactSafe_mainbody_15 textarea#nume_field

// Checkbox - List

		div#aiContactSafe_mainbody_15 input.nume_field

// Radio - List

		div#aiContactSafe_mainbody_15 input.nume_field

// Date

		can't modify the width

// Email

		div#aiContactSafe_mainbody_15 input#nume_field

// Email - List

		div#aiContactSafe_mainbody_15 select#nume_field

// Joomla Contacts

		div#aiContactSafe_mainbody_15 select#nume_field

// Joomla Users

		div#aiContactSafe_mainbody_15 select#nume_field

// SOBI2 Entries

		div#aiContactSafe_mainbody_15 select#nume_field

// Hidden

		nothing to set

// Separator

		div#aiContactSafe_mainbody_15 div#sp_nume_field

// File

		only a very complex solution will fix this problem

// Number

		div#aiContactSafe_mainbody_15 input#nume_field

// Hidden Email

		nothing to set



*/

div#aiContactSafe_mainbody_15 input#aics_name {

	width:240px;

}

div#aiContactSafe_mainbody_15 input#aics_email {

	width:240px;

}

div#aiContactSafe_mainbody_15 input#aics_phone {

	width:240px;

}

div#aiContactSafe_mainbody_15 input#aics_subject {

	width:240px;

}

div#aiContactSafe_mainbody_15 textarea#aics_message {

	width:240px;

	height:80px;

}



/* set the way labels and fields are displayed */

div#aiContactSafe_mainbody_15 div.aiContactSafe_row {

	clear:both;

	padding:2px 0px;

}

div#aiContactSafe_mainbody_15 div.aiContactSafe_contact_form_field_label_left {

	float:left;

}

div#aiContactSafe_mainbody_15 div.aiContactSafe_contact_form_field_right {

	float:left;

}



div#aiContactSafe_mainbody_15 div.aiContactSafe_contact_form_field_label_right {

	float:left;

}

div#aiContactSafe_mainbody_15 div.aiContactSafe_contact_form_field_left {

	float:left;

}



/* center the contact form */

div#aiContactSafe_mainbody_15 #aiContactSafeForm {

	margin-top:-39px;

	margin-left:-5px;

	margin-right:auto;

}



/* set the space between the notification for the required fields to the contact form */

div#aiContactSafe_mainbody_15 div#aiContactSafe_info {

	margin-bottom:10px;

}



/* set the div containing the captcha */

div#aiContactSafe_mainbody_15 div#div_captcha {

	clear:both;

	margin:0px 0px;

	padding-top:5px;

}

div#aiContactSafe_mainbody_15 div#div_captcha_info {

	margin-bottom:5px;

}



/* set the way the text counting the characters in the edit box */

div#aiContactSafe_mainbody_15 div.countdown_div {

	font-size:9px;

}

div#aiContactSafe_mainbody_15 input.countdown_editbox {

	font-size:9px;

	text-align:center;

	border:none;

	overflow:visible;

	background:transparent;

}



/* set the cells containig the contact form and the contact information */

div#aiContactSafe_mainbody_15 table#aiContactSafeForm td, div#aiContactSafe_mainbody_15 div#aiContactSafeForm {

	padding:0px;

	vertical-align:top;

}



/* modify the cursor of the labels to let the user know they can click on them */

div#aiContactSafe_mainbody_15 label {

	cursor:pointer;

}

/* set the label tag containing the character that marks the required fields */

div#aiContactSafe_mainbody_15 label.required_field {

	text-align:left;

	vertical-align:top;

	margin-left:5px;

}



/* hide the hidden rows */

div#aiContactSafe_mainbody_15 div.aiContactSafe_row_hidden {

	display:none;

}



/* make the buttons higher */

div#aiContactSafe_mainbody_15 div#aiContactSafeBtns input {

	padding:0px;

	margin:0px;

}



/* set the way the date is displayed */

div#aiContactSafe_mainbody_15 table.aiContactSafe_date td {

	padding:0px 0px 0px 0px;

	vertical-align:middle;

}

div#aiContactSafe_mainbody_15 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_15 span.aiContactSafe_sufix {

	margin-right:3px;

}

div#aiContactSafe_mainbody_15 span.aiContactSafe_prefix {

	margin-left:0px;

}