/*-------------------------------------------------------
  Styling for base features for the Webinfuse System
  Webinfuse.com
--------------------------------------------------------*/

/* behaviours */
.clear {clear: both;}
.offStage {position: absolute; left: -9999px; }
.hide, .hidden {display: none;}
.ir, .noPhoto {height: 0; overflow: hidden; text-indent: -9999px; }
.error {color: #800000; }
.clearBBS {background-color: transparent; border: none; box-shadow: 0 0 0 0; border-radius: 0 0 0 0;} /* for clearing border, background, shadow from elements */
.noBrd, .noBorder, .noBrdr {border: none !important;}

/* used by tinymce editor in content */
.center {text-align: center;}

/* action/nav */
.navBase, .actionBase {overflow: hidden; margin: 0; padding: 0;} .IE .navBase, .IE .actionBase {zoom: 1;}
.navBase li, .actionBase li {float: left; list-style: none;}
.navBase li a, .actionBase li a {display: inline-block;}
.actionBase li {margin-right: 0.3333em;}

/* captions for content photos - relies on 'captionme' js */
.caption-text {line-height: normal; font-size: 90%; display: block; margin-top: 0.5em;}

/* -- system related -- */
.pwsNotice p {max-width: 360px; margin: 15px 0; padding: 8px; background-color: #fefd9f; color: #000; font-size: 12px;}
#errorExplanation {margin: 10px 0 20px 0;}
.debug_button {position: absolute; bottom: 0; right: 0;}
/* validation and error areas */
.errors {margin: 15px 0; padding: 8px; background-color: #f9ffc6; border: 1px solid #f6ff00;}
.errors h3 {margin: 0; font-size: 14px;}
.errors ul {margin-top: 6px; margin-bottom: 0;}
div.fieldWithErrors {display: inline;}

/* email product to friend */
#new_product_email #simple_captcha {border: none; margin-top: 20px;}
#new_product_email {width: 400px;}

/* sprites */
.sprite-icon-webinfuse {background-image: url(/code/sprite-icon-webinfuse.png); background-repeat: no-repeat;} 

/* PWS powered logo */
.powered-by-webinfuse {float: right; margin: 40px 0 20px 0;}
.powered-by-webinfuse .webinfuse-icon-logo1 {display: block; width: 60px; height: 12px; background-position: 0 -2500px;}
.powered-by-webinfuse .webinfuse-icon-logo2 {display: block; width: 60px; height: 12px; background-position: 0 -2550px;}

/* FW to a friend in emails */
form.referralForm {width: 460px; }
form.referralForm label {width: 140px;}
form.referralForm .message {margin-top: 0;}
form.referralForm fieldset {margin-bottom: 10px;}
form.referralForm .addEmail {clear: left; text-align: right; margin-bottom: 2em;}
form.referralForm p.addFriend {clear: left; margin-left: 150px;}
form.referralForm textarea {height: 100px;}