/* 
	align - center
	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_3 {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

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

*/
div#aiContactSafe_mainbody_3 input, div#aiContactSafe_mainbody_3 textarea {
    padding: 3px 4px !important;
}

div#aiContactSafe_mainbody_3 select {
    padding: 2px 4px !important;
}

/* set the way labels and fields are displayed */
div#aiContactSafe_mainbody_3 div.aiContactSafe_row {
	clear:both;
	padding:2px 0px;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_label_left {
	float:left;
	width:35%;
	text-align:right;
	padding-right:5px;
	margin-left:-5px;
/* added */
  font-size: 10pt;
  font-weight: bold;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_right {
	float:right;
	width:65%;
	text-align:left;
	padding-left:5px;
	margin-right:-5px;
}

div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_label_right {
	float:right;
	width:65%;
	text-align:left;
	padding-left:5px;
	margin-right:-5px;
/* added */
  font-size: 10pt;
  font-weight: bold;
}
div#aiContactSafe_mainbody_3 div.aiContactSafe_contact_form_field_left {
	float:left;
	width:35%;
	text-align:right;
	padding-right:5px;
	margin-left:-5px;
}

/* center the contact form */
div#aiContactSafe_mainbody_3 #aiContactSafeForm {
/* original
	margin-left:auto;
	margin-right:auto;
*/
  background: #E5E7FA;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  border: 1px solid #9597B7;
  padding: 2px !important;
/*  margin: 5px; */
}

/* set the space between the notification for the required fields to the contact form */
div#aiContactSafe_mainbody_3 div#aiContactSafe_info {
	margin-bottom:10px;
/* added */
  font-size: 10pt;
  color: #fa0202;
}

/* set the div containing the captcha */
div#aiContactSafe_mainbody_3 div#div_captcha {
	clear:both;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	padding-top:10px;

  font-size: 10pt !important;
  font-weight: bold;
}
div#aiContactSafe_mainbody_3 div#div_captcha div {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
div#aiContactSafe_mainbody_3 div#div_captcha_img {
	clear:both;
}
div#aiContactSafe_mainbody_3 div#div_captcha_info {
	margin-bottom:5px;
}

/* set the way the text counting the characters in the edit box */
div#aiContactSafe_mainbody_3 div.countdown_div {
	font-size:9px;

  color: #000080;
}
div#aiContactSafe_mainbody_3 input.countdown_editbox {
	color:#000080 !important;
	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_3 table#aiContactSafeForm td, div#aiContactSafe_mainbody_3 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_3 label {
	cursor:pointer;
}
/* set the label tag containing the character that marks the required fields */
div#aiContactSafe_mainbody_3 label.required_field {
	text-align:left;
	vertical-align:top;
	margin-left:5px;

	color: #fa0202;
}

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

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

/* set the way the date is displayed */
div#aiContactSafe_mainbody_3 table.aiContactSafe_date td {
	padding:0px 0px 0px 0px;
	vertical-align:middle;
}
div#aiContactSafe_mainbody_3 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_3 span.aiContactSafe_sufix {
	margin-right:3px;
}
div#aiContactSafe_mainbody_3 span.aiContactSafe_prefix {
	margin-left:3px;
}


/* added */
div#aiContactSafe_mainbody_3 #aiContactSafeForm_contact_info
{
  background: #1E1E87;
  background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -webkit-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -moz-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -o-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -ms-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  -svg-background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 2px solid #1E1E87;
  padding: 4px 5px;
  margin: 0 auto 2px;
}

div#aiContactSafe_mainbody_3 #aiContactSafeForm_contact_form
{
  background: #E6E8FA;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #B0B2C9;
  padding: 15px 15px 0px;
  margin: 0 auto;
}

div#aiContactSafe_mainbody_3 input[type="button"], div#aiContactSafe_mainbody_3 input[type="submit"]
{
  border-collapse: separate;
  -webkit-background-origin: border !important;
  -moz-background-origin: border !important;
  background-origin: border-box !important;
  background: #12AEE2;
  background: linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  background: -webkit-linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  background: -moz-linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  background: -o-linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  background: -ms-linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  background: linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  -svg-background: linear-gradient(top, #CBEFFB 0, #13B6EC 49%, #04242F 100%) no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #1E1E87;
  padding: 0 4px !important;
  margin: 0 auto;
  height: 26px;

  text-decoration: none;
  font-size: 16px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-shadow: 1px 0 0 rgb(23, 23, 23), 1px 0 0 rgb(23, 23, 23), 0 -1px 0 rgb(23, 23, 23), 0 1px 0 rgb(23, 23, 23), 0 0 10px rgba(0, 0, 0, 0.99);
  position: relative;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align: center;
  color: #F3F3F3;
  margin: 0 5px 0 0 !important;
  overflow: visible;
  cursor: pointer;
  text-indent: 0;
  line-height: 26px;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}

div#aiContactSafe_mainbody_3 input[type="button"]:hover, div#aiContactSafe_mainbody_3 input[type="submit"]:hover
{
  color: #F3F3F3 !important;

  background: #1E1E87;
  background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -webkit-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -moz-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -o-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: -ms-linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  -svg-background: linear-gradient(top, #BCBCF0 0, #2E2ED1 43%, #050515 100%) no-repeat;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 2px solid #1E1E87;
  padding: 0 4px;
  margin: 0 auto;
}

div#aiContactSafe_mainbody_3 select
{
  color: #27283A !important;
  font-size: 13px;
  font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif;
  font-weight: bold;
  font-style: normal;
  text-shadow: none;

  background: #D4D5E2;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid #9597B7;
  margin: 0 auto;
}

div.aiContactSafe_error_msg
{
  display: none;
}

div.with_errors
{
  color: #fa0202;
  border: none;
  overflow: hidden;
  margin: inherit;
  padding: 2px 0px 0px 0px !important;
}

div.with_errors input
{
  background: #fad4d4;
}

article.ibw-messages
{
  display: none;
}