/*@charset "utf-8";*/
/* CSS Document */
/* ########### Form Styles ############# */
fieldset { padding: 0px 20px 20px 20px; margin: 10px 0px 0px 0px; border: 1px solid #CCC; border-collapse: collapse; background: url(/content/images/signUpFormBG.jpg) top left repeat-x; }
div.formItem { /*padding: 0px;*/ margin: 10px 0px 0px 0px; }

div.formItem div.formRow.lastRow { padding-bottom: 40px; }
div.formItem div.formRow.contactSubject { padding: 0px 0px 0px 0px; }

div.formItem_O { padding: 15px 0px 0px 0px; }
div.formItem_I { padding: 0px 20px 15px 20px; }


div.formItem div.formLabel { float: left; width: 222px !important; }
div.formItem div.formLabel label { padding-top: 5px !important; }
div.formItem div.formLabel label, 
div.formItem div.formLabel span.formLabel { float: left; width: 210px; display: inline-block; height: 24px; font-weight: bold; padding: 0px 10px 0px 0px; color: #000; text-align: right !important;  }

div.formItem div.formInput { float: left; width: 300px; padding: 2px 0px 0px 0px; }
div.formItem div.formInput input.textInput, input.textInputShort, 
div.formItem div.formInput select.selectInput,
div.formItem div.formInput select.selectInputShort,
div.formItem div.formInput textarea.textInput { width: 280px; border: 1px solid #c4c4c4; padding: 4px; color: #4d4d4d; }
div.formItem div.formInput input.textInputShort { width: 50px; border: 1px solid #c4c4c4; padding: 4px; color: #4d4d4d; }
div.formItem div.formInput input.textInput,
div.formItem div.formInput textarea.textInput {  }

div.formItem div.formInput textarea.web2SMSMessage { width: 300px; height: 150px; }

div.formItem div.formInput select.selectInput { width: 290px; }
div.formItem div.formInput select.selectInputShort { width: auto; float: left; margin-right: 10px; }
div.formItem div.formInput select.selectInput, 
div.formItem div.formInput select.selectInputShort{ padding: 4px; }

div.formItem div.formInput.shortcutAddress {  }
div.formItem div.formInput.shortcutAddress input.textInput { display: inline-block; width: 140px; }

div.formItem div.formInput input.uploadInput { display: block; width: 270px !important; border: 5px solid #c4c4c4; color: #4d4d4d; }

div.formItem div.formInput div.radioItem { padding: 6px 0px 6px 0px; }

div.formItem.checkbox div.formInput { width: 450px; }


div.formItem div.nameAvailability { float: left; width: 450px; }
div.formItem div.formInput span.countTextSpan { display: block; text-align: right; width: 264px; padding: 4px; color: #999; }

div.formItem.pageContent div.formInput { clear: left; width: 450px; }
div.formItem.pageContent div.formInput textarea.textInput { width: 430px; height: 400px; }



div.formItem div.messagesContainer { float: left; width: 350px; padding-top: 5px !important; padding-left: 20px !important; background-position: 0px 3px; background-repeat: no-repeat;  }



div.formItem div.messagesContainer span { display: none; }





fieldset#adminMyPages div.formItem div.formLabel { float: left; width: 222px !important; }
fieldset#adminMyPages div.formItem div.formLabel label { padding-top: 5px !important; }
fieldset#adminMyPages div.formItem div.formLabel label, 
fieldset#adminMyPages div.formItem div.formLabel span.formLabel { float: left; width: 210px; display: inline-block; height: 24px; font-weight: bold; padding: 0px 10px 0px 0px; color: #000; text-align: right !important;  }
fieldset#adminMyPages div.formItem div.messagesContainer { float: left; width: 350px; padding-top: 5px !important; padding-left: 20px !important; background-position: 0px 3px; background-repeat: no-repeat;  }





table.templatePreviewImages td { vertical-align: top; padding: 5px 10px; }

div.formItem div.formButton { padding: 10px 0px 0px 0px; }

div.formItem.submitButton div.formButton { text-align: right;  }
div.formItem.submitButton div.formButton input.formButton { float: right; border: 2px solid #4886b6; background:#9cc9ec; text-align: center; padding: 3px 10px; color: #4886b6; font-weight: bold; }
div.formItem.submitButton div.formButton a.formButton { float: right; border: 2px solid #4886b6; background:#9cc9ec; text-align: center; padding: 3px 10px; color: #4886b6; font-weight: bold; }



div.formItem.submitButton div.formPreviousButton { float: left; text-align: left; width: 300px; }
div.formItem.submitButton div.formPreviousButton input.formButton { float: right; border: 2px solid #4886b6; background:#9cc9ec; text-align: center; padding: 3px 10px; color: #4886b6; font-weight: bold; }
div.formItem.submitButton div.formPreviousButton a.formPreviousButton { float: left; width: 104px; height: 37px; background-image: url(/content/images/formButton.png); background-position: 0px -37px; background-repeat: no-repeat; text-decoration: none; }
div.formItem.submitButton div.formPreviousButton a.formPreviousButton:hover { background-position: 0px 0px; }
div.formItem.submitButton div.formPreviousButton a.formPreviousButton span { display: block; color: #8e8e8e; font-weight: bold; text-align: center; padding: 9px 0px 0px 0px; }
div.formItem.submitButton div.formPreviousButton a.formPreviousButton:hover span { color: #ffffff; }

div.formItem.submitButton div.formNextButton { float: right; text-align: right; width: 300px; }
div.formItem.submitButton div.formNextButton input.formButton { float: right; border: 2px solid #4886b6; background:#9cc9ec; text-align: center; padding: 3px 10px; color: #4886b6; font-weight: bold; }
div.formItem.submitButton div.formNextButton a.formNextButton { float: right; width: 104px; height: 37px; background-image: url(/content/images/formButton.png); background-position: 0px 0px; background-repeat: no-repeat; text-decoration: none; }
div.formItem.submitButton div.formNextButton a.formNextButton:hover { background-position: 0px -37px; }
div.formItem.submitButton div.formNextButton a.formNextButton span { display: block; color: #ffffff; font-weight: bold; text-align: center; padding: 9px 0px 0px 0px; }
div.formItem.submitButton div.formNextButton a.formNextButton:hover span { color: #8e8e8e; }



a.formPreviousButton { display: inline-block; margin: 0px auto; width: 104px; height: 37px; background-image: url(/content/images/formButton.png); background-position: 0px -37px; background-repeat: no-repeat; text-decoration: none; }
a.formPreviousButton:hover { background-position: 0px 0px; }
a.formPreviousButton span { display: block; color: #8e8e8e; font-weight: bold; text-align: center; padding: 9px 0px 0px 0px; }
a.formPreviousButton:hover span { color: #ffffff; }

a.formNextButton { display: inline-block; margin: 0px auto; width: 104px; height: 37px; background-image: url(/content/images/formButton.png); background-position: 0px 0px; background-repeat: no-repeat; text-decoration: none; }
a.formNextButton:hover { background-position: 0px -37px; }
a.formNextButton span { display: block; color: #ffffff; font-weight: bold; text-align: center; padding: 9px 0px 0px 0px; }
a.formNextButton:hover span { color: #333; }





/* Validation Error Styles */
/* Error List Form */
div.errorListContainer { padding: 15px 5px 15px 5px; margin: 20px 0px 0px 0px; border: 2px solid #fbc2c4; background: #fbe3e4; }
div.errorListContainer h3 { color: #9d1f11; }
div.errorListContainer ul.errorList { list-style:none; }
div.errorListContainer ul.errorList li {list-style:none; background-image:url(/images/ico_err.png); background-position:0px 3px; background-repeat:no-repeat; padding-left:25px; line-height:22px; margin-left: 0px; color: #9d1f11; }
div.errorListContainer ul.errorList li a { color: #9d1f11; }

/*
div.formBG_CurrentTop { background: ulr(/content/images/formBG_CurrentTop.png) top left no-repeat; }
div.formBG_CurrentBottom { background: ulr(/content/images/formBG_CurrentBottom.png) top left no-repeat; }
div.formBG_CheckingTop { background: ulr(/content/images/formBG_CheckingTop.png) top left no-repeat; }
div.formBG_CheckingBottom { background: ulr(/content/images/formBG_CheckingBottom.png) top left no-repeat; }
div.formBG_ValidTop { background: ulr(/content/images/formBG_ValidTop.png) top left no-repeat; }
div.formBG_ValidBottom { background: ulr(/content/images/formBG_ValidBottom.png) top left no-repeat; }
div.formBG_ErrorTop { background: ulr(/content/images/formBG_ErrorTop.png) top left no-repeat; }
div.formBG_ErrorBottom { background: ulr(/content/images/formBG_ErrorBottom.png) top left no-repeat; }
*/

/* Form Row Current Styles */
div.currentField div.formItem_O { background: url(/content/images/formBG_CurrentTop.png) top left no-repeat !important;  }
div.currentField div.formItem_I { background: url(/content/images/formBG_CurrentBottom.png) bottom left no-repeat !important; }

div.currentField * { color: #00508F !important; }
div.formItem.currentField div.formLabel label, 
div.formItem.currentField div.formLabel span { display: inline-block; height: 24px; font-weight: bold; color: #00508F; }
div.formItem.currentField a { color: #00508F; }
div.formItem.currentField span.currentMessage { display: block; }
div.formItem.currentField div.messagesContainer.currentMessage { color: #00508F; font-weight: bold; }
div.formItem.currentField div.formInput span.successMessage a { text-decoration: underline; }
div.formItem.currentField div.formInput span.successMessage a:hover { text-decoration: none; }

/* Form Row Checking Styles */
div.validationInProcess div.formItem_O { background: url(/content/images/formBG_CheckingTop.png) top left no-repeat !important; }
div.validationInProcess div.formItem_I { background: url(/content/images/formBG_CheckingBottom.png) bottom left no-repeat !important; }

div.validationInProcess {  }
div.validationInProcess * { color: #000; }
div.formItem.validationInProcess div.formLabel label, 
div.formItem.validationInProcess div.formLabel span { display: inline-block; height: 24px; color: #9d1f11 !important; font-weight: bold; } 
div.formItem.validationInProcess a { color: #9d1f11; }
div.formItem.validationInProcess div.formInput span.countTextSpan { color: #9d1f11 !important; }
div.formItem.validationInProcess div.messagesContainer.validationMessage {  color: #9d1f11 !important; font-weight: bold; background-image: url(/content/images/signUpIcon_checking.png) !important; }
div.formItem.validationInProcess div.messagesContainer {  color: #9d1f11 !important; }

/* Form Row Success Styles */
div.searchSuccess div.formItem_O { background: url(/content/images/formBG_ValidTop.png) top left no-repeat !important; }
div.searchSuccess div.formItem_I { background: url(/content/images/formBG_ValidBottom.png) bottom left no-repeat !important; }

div.searchSuccess {  }
div.searchSuccess * { color: #000; }
div.formItem span.successMessage { clear: both; display: block; color: #415e1b !important; font-weight: bold; width: 520px; }
div.formItem.searchSuccess div.formLabel label, 
div.formItem.searchSuccess div.formLabel span { display: inline-block; height: 24px; font-weight: bold; color: #415e1b !important; }
div.formItem.searchSuccess a { color: #415e1b; }
div.formItem.searchSuccess div.formInput span.countTextSpan { color: #415e1b !important; }
div.formItem div.messagesContainer.successMessage { color: #415e1b; font-weight: bold; background-image: url(/content/images/signUpIcon_success.png) !important; }
div.formItem div.messagesContainer.successMessage label { color: #415e1b !important; }

/* Form Row Error Styles */
div.validationError div.formItem_O { background: url(/content/images/formBG_ErrorTop.png) top left no-repeat !important; }
div.validationError div.formItem_I { background: url(/content/images/formBG_ErrorBottom.png) bottom left no-repeat !important; }

div.validationError {  }
div.validationError * { color: #000; }
div.formItem span.errorMessage { clear: both; display: block; padding: 4px; color: #9d1f11 !important; font-weight: bold; width: 520px; }
div.formItem.checkbox div.formInput span.errorMessage { width: 440px; padding: 4px 0px; }
div.formItem.validationError div.formLabel label, 
div.formItem.validationError div.formLabel span { display: inline-block; height: 24px; font-weight: bold; color: #9d1f11 !important; } 
div.formItem.validationError a { color: #9d1f11; }
div.formItem.validationError div.formInput span.countTextSpan { color: #9d1f11 !important; }
div.formItem div.messagesContainer.errorMessage { color: #9d1f11; font-weight: bold; background-image: url(/content/images/signUpIcon_error.png) !important; background-position: 0px 4px !important; }

div.editorCharacterCounter { padding: 0px 170px 0px 0px; text-align: right; }
div.editorCharacterCounter span { color: #999; }

div.informationField { border: 2px solid #ffc90e; background: #ffff44; padding: 5px; }



div.formImages{}
div.formImages div.formImagesItem{width: 250px; height: 220px; float: left;}
div.formImages div.formImagesItem div.formImagesPreview{}
div.formImages div.formImagesItem div.formImagesPreview img{height: 120px;}
div.formImages div.formImagesItem div.formImagesUploader{}
div.formImages div.formImagesItem div.formImagesUploader input[type=text]{width: 195px;}

div.formUploadedImages { padding: 10px 0px; }
div.formUploadedImages div.uploadedImage_O { float: left; width: 313px; padding-bottom: 20px; }
div.formUploadedImages div.uploadedImage_O div.uploadedImage_I { width: 300px; height: 300px; padding: 10px 0px; margin: 0px auto; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.formUploadedImages div.uploadedImage_O img { display: block; margin: 0px auto; }
div.formUploadedImages div.uploadedImage_O p { text-align: center; padding: 5px 10px 5px 10px; }

div.formUploadImages { padding: 10px 0px;}
div.formUploadImages div#imagesFieldsContainer.formInput { width: 942px; }
div.formUploadImages div#imagesFieldsContainer div { height: 25px; padding: 10px; margin: 0px 0px 10px 0px; border: 1px solid #ddd; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
div.formUploadImages div#imagesFieldsContainer div span{ float: left; padding: 2px 10px 2px 0; }
div.formUploadImages div#imagesFieldsContainer div input[type=file]{ float: left; margin-right: 20px; }
div.formUploadImages div#imagesFieldsContainer div input[type=text]{ float: left; display: inline-block; }

/* ########### Contact form (search results) styles ############# */
/* container */
div.contactInfoList{}
/* item */
div.contactInfoList div{clear: both; margin: 5px;}
/* field name */
div.contactInfoList div label{width: 16px; height: 16px; display: block; float: left; margin-right: 10px;}
/* field value */
div.contactInfoList div span{}


/* ########### END: Contact form (search results) styles ############# */