/*
align - margin
make sure you have the corect aiContactSafe_mainbody_4 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_4 input#nume_field
// Combobox
div#aiContactSafe_mainbody_4 select#nume_field
// Editbox
div#aiContactSafe_mainbody_4 textarea#nume_field
// Checkbox - List
div#aiContactSafe_mainbody_4 input.nume_field
// Radio - List
div#aiContactSafe_mainbody_4 input.nume_field
// Date
can't modify the width
// Email
div#aiContactSafe_mainbody_4 input#nume_field
// Email - List
div#aiContactSafe_mainbody_4 select#nume_field
// Joomla Contacts
div#aiContactSafe_mainbody_4 select#nume_field
// Joomla Users
div#aiContactSafe_mainbody_4 select#nume_field
// SOBI2 Entries
div#aiContactSafe_mainbody_4 select#nume_field
// Hidden
nothing to set
// Separator
div#aiContactSafe_mainbody_4 div#sp_nume_field
// File
only a very complex solution will fix this problem
// Number
div#aiContactSafe_mainbody_4 input#nume_field
// Hidden Email
nothing to set
*/
div#aiContactSafe_mainbody_4 input[type="text"], input[type="password"]{
width:240px;
background-color: #ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border:1px solid #c0c0c0;
}
div#aiContactSafe_mainbody_4 select{
width:240px;
background-color: #ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border:1px solid #c0c0c0;
margin-bottom:12px;
}
div#aiContactSafe_mainbody_4 textarea{
width:240px;
background-color: #ffffff;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-moz-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
-webkit-box-shadow:0 0 10px rgba(192, 192, 192, 0.7) inset, 0px 0px 7px rgba(192, 192, 192, 0.7);
border:1px solid #c0c0c0;
margin-bottom:12px;
padding-left:5px;
float:right;
}
div#aiContactSafe_mainbody_4 input#aics_name {
}
div#aiContactSafe_mainbody_4 input#aics_email {
}
div#aiContactSafe_mainbody_4 input#aics_phone {
}
div#aiContactSafe_mainbody_4 input#aics_subject {
}
div#aiContactSafe_mainbody_4 textarea#aics_message {
height:80px;
}
/* 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:none;
overflow:visible;
background:transparent;
width:inherit;
box-shadow:inherit;
}
/* 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 0px 0px 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;
}
div.with_errors {
border: 1px solid #FF0000;
margin: 5px 0;
overflow: auto;
padding: 5px !important;
}
div.with_errors label {
color: #FF0000;
}
div.aiContactSafe_error_msg {
clear: both;
float: left;
}
div.aiContactSafe_error_msg ul {
list-style: none outside none;
}
div.aiContactSafe_error_msg li {
color: #FF0000;
display: block;
list-style: none outside none;
}