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

/* force labels to be displayed inline */
div#aiContactSafe_mainbody_10 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
		div#aiContactSafe_mainbody_10 input#field_name
// Combobox
		div#aiContactSafe_mainbody_10 select#field_name
// Editbox
		div#aiContactSafe_mainbody_10 textarea#field_name
// Checkbox - List
		div#aiContactSafe_mainbody_10 input.field_name
// Radio - List
		div#aiContactSafe_mainbody_10 input.field_name
// Date
		can't modify the width
// Email
		div#aiContactSafe_mainbody_10 input#field_name
// Email - List
		div#aiContactSafe_mainbody_10 select#field_name
// Joomla Contacts
		div#aiContactSafe_mainbody_10 select#field_name
// Joomla Users
		div#aiContactSafe_mainbody_10 select#field_name
// SOBI2 Entries
		div#aiContactSafe_mainbody_10 select#field_name
// Hidden
		nothing to set
// Separator
		div#aiContactSafe_mainbody_10 div#sp_field_name
// File
		only a very complex solution will fix this problem
// Number
		div#aiContactSafe_mainbody_10 input#field_name
// Hidden Email
		nothing to set

*/
div#displayAiContactSafeForm_10 input#aics_name {
	width:170px;
    padding: 5px 10px;
}
div#displayAiContactSafeForm_10 input#aics_email {
	width:170px;
    padding: 5px 10px;
}
div#displayAiContactSafeForm_10 input#aics_phone {
	width:170px;
    padding: 5px 10px;
}
div#displayAiContactSafeForm_10 input#aics_subject {
	width:240px;
}
div#displayAiContactSafeForm_10 textarea#aics_message {
	width:240px;
	height:80px;
}

/* set the way labels and fields are displayed */
div#aiContactSafe_mainbody_10 div.aiContactSafe_row {
	clear:both;
	padding:0px 0px;
}
div#aiContactSafe_mainbody_10 div.aiContactSafe_contact_form_field_label_left {
	float:left;
	padding:0px 3px;
}
div#aiContactSafe_mainbody_10 div.aiContactSafe_contact_form_field_left {
	float:left;
	padding:0px 3px;
}

div#aiContactSafe_mainbody_10 div.aiContactSafe_contact_form_field_label_right {
	float:left;
	padding:1px 3px;
	margin-top:2px;
}
div#aiContactSafe_mainbody_10 div.aiContactSafe_contact_form_field_right {
	float:right;
	padding:1px 3px;
}

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

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

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

/* set the way the text counting the characters in the edit box */
div#aiContactSafe_mainbody_10 div.countdown_div {
	font-size:9px;
}
div#aiContactSafe_mainbody_10 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_10 table#aiContactSafeForm td, div#aiContactSafe_mainbody_10 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_10 label {
	cursor:pointer;
}
/* set the label tag containing the character that marks the required fields */
div#aiContactSafe_mainbody_10 label.required_field {
	text-align:left;
	vertical-align:top;
	margin-left:5px;
}

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

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

/* set the way the date is displayed */
div#aiContactSafe_mainbody_10 table.aiContactSafe_date td {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}
div#aiContactSafe_mainbody_10 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_10 span.aiContactSafe_sufix {
	margin-right:3px;
}
div#aiContactSafe_mainbody_10 span.aiContactSafe_prefix {
	margin-left:3px;
}
#displayAiContactSafeForm_10 #aiContactSafe_contact_form .aiContactSafe_contact_form_field_right
{
float: none;
margin-right: 10px;
}
#displayAiContactSafeForm_10 #aiContactSafe_contact_form .aiContactSafe_contact_form_field_label_left
{
display: none;
}
#displayAiContactSafeForm_10 #aiContactSafe_row_aics_comm
{
    float: right;
    margin-top: -138px;
}
#displayAiContactSafeForm_10 #aiContactSafe_info
{
    margin-bottom: 15px;
}
#displayAiContactSafeForm_10 #aiContactSafe_contact_form
{
    padding-top: 20px;
}
#displayAiContactSafeForm_10 #aiContactSafe_contact_form textarea
{
    height: 112px;
    width: 240px;
}
#displayAiContactSafeForm_10 #aics_file_attachment_cancel
{
    -webkit-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 0px 0px rgba(50, 50, 50, 0.75);
    background: #000;
margin-left: 10px;
    height: 36px;
color: #fff;
}
#displayAiContactSafeForm_10 #aiContactSafe_row_aics_file .aiContactSafe_contact_form_field_label_left
{
display: block;
    height: 25px;
    margin-top: 10px;

}

#adminForm_10 #aiContactSafeBtns #aiContactSafeSendButton
{
    -webkit-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.75);
    padding: 9px 36px 9px 36px;
    background: #fff;
font-family: 'Roboto Condensed', sans-serif;
    font-size: 15px;
text-transform: uppercase;
    border-radius: 4px;
border: 0px;
}
#adminForm_10 #aiContactSafeBtns
{
margin-top: -40px;
}
#adminForm_10 #aiContactSafeSend
{
text-align:right;
}
#adminForm_10 h2
{
    padding-bottom: 10px;
    border-bottom: 1px solid;
}
#adminForm_10 #system-message dt.error
{
float: left;
margin-right: 10px;
}
#adminForm_10 #system-message-container
{
    display: block;
    padding: 10px 10px;
    background: red;
    height: 20px;
    color: #fff;
    margin-top: 10px;
}