@charset 'utf-8';

/*
* 1. Firefox doesn’t inherit font family specified for “select”. More
* information: https://github.com/nathansmith/formalize/issues/41
* 2. Change this according to your site’s font (family) configuration. Be
* aware that changing font size and line height affects vertical alignment
* of check boxes and radio buttons. There’s no “holy grail” for vertically
* aligning those input types.
* 3. If you use a universal reset for “margin” and “padding” in your site’s
* base CSS file you don’t need this.
* 4. Corrects color not being inherited in IE8/9.
* 5. Tailored to the demo page with all given HTML markup dependencies and
* so on. Please change according to your needs.
*/

form,
input,
select,
optgroup, /* 1 */
textarea,
button {
margin: 0; /* 3 */
padding: 0; /* 3 */
}

fieldset {
border: 0;
margin: 1.5em 0; /* 5 */
padding: 1em;
}

legend {
border: 0; /* 4 */
color: #888;
padding: 0 .5em;
}

/* 5 */

label {
display: block;
}

/* 5 */

input + label {
margin-top: 1em;
}

input[type='checkbox'] + label,
input[type='radio'] + label {
display: inline-block;
margin: 0 2em 0 0;
}

/*
* 1. WebKit browsers use “pointer” only when “size” attribute with value 0
* or 1 is present.
*/

label,
input[type='checkbox'],
input[type='radio'],
select, /* 1 */
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
cursor: pointer;
}

/*
* Improves appearancy and consistency in all browsers.
*
* 1. https://github.com/nathansmith/formalize/issues/43
* 2. Firefox sets line height using “!important” in the UA style sheet.
*/

input,
select, /* 1 */
textarea,
button {
line-height: normal; /* 2 */
vertical-align: top;
}

/*
* The reason why I list all input types one by one and not just “input” is
* this: I don’t want to address input types “file” and “range”.
*/

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select,
textarea,
button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
-moz-background-clip: padding;
-ms-background-clip: padding-box;
-o-background-clip: padding-box;
-webkit-background-clip: padding;
background-clip: padding-box;
}

input[type='color'],
input[type='date'],
input[type='datetime'],
input[type='datetime-local'],
input[type='email'],
input[type='month'],
input[type='number'],
input[type='password'],
input[type='search'],
input[type='tel'],
input[type='text'],
input[type='time'],
input[type='url'],
input[type='week'],
select,
textarea {
background-color: #fff;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}

/*
* Known issue regarding “select”: IE 9 ignores background color.
*/

input[type='color']:hover,
input[type='date']:hover,
input[type='datetime']:hover,
input[type='datetime-local']:hover,
input[type='email']:hover,
input[type='month']:hover,
input[type='number']:hover,
input[type='password']:hover,
input[type='search']:hover,
input[type='tel']:hover,
input[type='text']:hover,
input[type='time']:hover,
input[type='url']:hover,
input[type='week']:hover,
select:hover,
select[size]:hover,
textarea:hover {
background-color: #fff;
}

input[type='color']:focus,
input[type='date']:focus,
input[type='datetime']:focus,
input[type='datetime-local']:focus,
input[type='email']:focus,
input[type='month']:focus,
input[type='number']:focus,
input[type='password']:focus,
input[type='search']:focus,
input[type='tel']:focus,
input[type='text']:focus,
input[type='time']:focus,
input[type='url']:focus,
input[type='week']:focus,
select:focus,
select[size]:focus,
textarea:focus,
button:focus,
input[type='button']:focus,
input[type='reset']:focus,
input[type='submit']:focus {
outline: 0;
z-index: 1;
}

/*
* 1. A font size of 100% (as specified in the first rule set) would render
* check boxes and radio buttons bigger in Webkit browsers (Mac OS X).
* 2. Needed for browser specific positioning later on.
* 3. Improves consistency in all browers.
*/

input[type='checkbox'],
input[type='radio'] {
font-size: .6875em; /* 1 */
position: relative; /* 2 */
vertical-align: middle; /* 3 */
}

/*
* Opera (Mac OS X) needs this. More information:
* https://github.com/nathansmith/formalize/issues/45
*/

input[type='checkbox'] {
margin: 2px 1px;
}

input[type='radio'] {
margin: 1px;
}

select[multiple],
select[size],
textarea {
  height: auto;
}

/* https://github.com/nathansmith/formalize/issues/42 */

select[size='0'],
select[size='1'] {
height: 1.8em;
}

/*
* Only Firefox understands this. Result: Opera and IE have italic font style,
* WebKit and Firefox normal font style.
*/

optgroup {
font-style: normal;
font-weight: 700;
}

/*
* 1. Removes default vertical scrollbar in IE browsers.
*/

textarea {
min-height: 5em;
overflow: auto; /* 1 */
resize: vertical;
width: 100%;
}

/*
* All clickable buttons.
*
* 1. Fallback for browsers not supporting gradients (like IE 9).
* 2. “Pushed in” effect for active state.
*/

button,
input[type='button'],
input[type='reset'],
input[type='submit'] {
line-height: normal;
}

button:hover,
input[type='button']:hover,
input[type='reset']:hover,
input[type='submit']:hover {
}

/* 2 */

button:active,
input[type='button']:active,
input[type='reset']:active,
input[type='submit']:active {
}

/*
* Disabled states.
*/

input[type='color'][disabled],
input[type='date'][disabled],
input[type='datetime'][disabled],
input[type='datetime-local'][disabled],
input[type='email'][disabled],
input[type='month'][disabled],
input[type='number'][disabled],
input[type='password'][disabled],
input[type='search'][disabled],
input[type='tel'][disabled],
input[type='text'][disabled],
input[type='time'][disabled],
input[type='url'][disabled],
input[type='week'][disabled],
select[disabled],
textarea[disabled] {
background-color: #eee !important;
}

input[disabled],
select[disabled],
select[disabled] option,
select[disabled] optgroup,
textarea[disabled],
button[disabled] {
color: #888;
cursor: default;
-khtml-user-select: none;
-moz-user-select: -moz-none;
-webkit-user-select: none;
user-select: none;
}

/*
* WebKit specific stuff.
*/

@media (-webkit-min-device-pixel-ratio: 0) {

input[type='checkbox'] {
top: -1px;
}

input[type='radio'] {
top: -2px;
}

input[type='search'] {
-webkit-appearance: none;
}

input[type='search']::-webkit-search-decoration {
display: none;
}

select {
-webkit-appearance: none;
border-radius: 0;
}

/*
* 1. https://github.com/nathansmith/formalize/issues/44
*/

select[multiple],
select[multiple][size], /* 1 */
select[size] {
background-image: none;
padding-right: 3px;
}

select,
select[size='0'],
select[size='1'] {
background: #fff url('../img/select_arrow.png') no-repeat right center;
padding-right: 1em;
}

::-webkit-input-placeholder {
color: #888;
}

}

/*
* Firefox specific stuff.
*/

@-moz-document url-prefix() {

input[type='checkbox'] {
top: -2px;
}

input[type='radio'] {
top: -1px;
}

}

input:-moz-placeholder,
textarea:-moz-placeholder {
color: #888;
}

/*
* Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
*/

button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
border: 0;
padding: 0;
}



/* ==========================================================================
   Contact and email sign-up form error styles
   ========================================================================== */

.error label { font-weight:700; color:red}
.error input { background:#FF7171; color:#fff; border:3px solid #C00; text-shadow: 0px 1px 6px #000;}
.get-email-offers #frmSS75 ul.checklist.error {background:#FF7171; border:3px solid #C00; text-shadow: 0px 1px 6px #000;}
.get-email-offers #frmSS75 ul.error li label {color: #fff;}
#thecontent .formUi li.gfield.gfield_error	{background-color: #FFDFDF;}


/* ==========================================================================
   Sign-up email form validation 
   ========================================================================== */

/* Z-INDEX */
.formError { z-index: 990; }
.formError .formErrorContent { z-index: 991; }
.formError .formErrorArrow { z-index: 996; }

.ui-dialog .formError { z-index: 5000; }
.ui-dialog .formError .formErrorContent { z-index: 5001; }
.ui-dialog .formError .formErrorArrow { z-index: 5006; }

.inputContainer { position: relative; float: left; }
.formError { position: absolute; top: 300px; left: 300px; display: block; cursor: pointer; text-align: left; }
.formError.inline { position: relative; top: 0; left: 0; display: inline-block; }
.ajaxSubmit { padding: 20px; background: #55ea55; border: 1px solid #999; display: none; }
.formError .formErrorContent { width: 100%; background: #ee0101; position:relative; color: #fff; min-width: 120px; font-size: 11px; border: 2px solid #ddd; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; -o-box-shadow: 0 0 6px #000; padding: 4px 10px 4px 10px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; -o-border-radius: 6px; }
.formError.inline .formErrorContent { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; border: none; border-radius: 0; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; }
.greenPopup .formErrorContent { background: #33be40; }
.blackPopup .formErrorContent { background: #393939; color: #FFF; }
.formError .formErrorArrow { width: 15px; margin: -2px 0 0 13px; position:relative; }
body[dir='rtl'] .formError .formErrorArrow,
body.rtl .formError .formErrorArrow { margin: -2px 13px 0 0; }
.formError .formErrorArrowBottom { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; margin: 0px 0 0 12px; top:2px; }
.formError .formErrorArrow div { border-left: 2px solid #ddd; border-right: 2px solid #ddd; box-shadow: 0 2px 3px #444; -moz-box-shadow: 0 2px 3px #444; -webkit-box-shadow: 0 2px 3px #444; -o-box-shadow: 0 2px 3px #444; font-size: 0px; height: 1px; background: #ee0101; margin: 0 auto; line-height: 0; font-size: 0; display: block; }
.formError .formErrorArrowBottom div { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; -o-box-shadow: none; }
.greenPopup .formErrorArrow div { background: #33be40; }
.blackPopup .formErrorArrow div { background: #393939; color: #FFF; }
.formError .formErrorArrow .line10 { width: 15px; border: none; }
.formError .formErrorArrow .line9 { width: 13px; border: none; }
.formError .formErrorArrow .line8 { width: 11px; }
.formError .formErrorArrow .line7 { width: 9px; }
.formError .formErrorArrow .line6 { width: 7px; }
.formError .formErrorArrow .line5 { width: 5px; }
.formError .formErrorArrow .line4 { width: 3px; }
.formError .formErrorArrow .line3 { width: 1px; border-left: 2px solid #ddd; border-right: 2px solid #ddd; border-bottom: 0 solid #ddd; }
.formError .formErrorArrow .line2 { width: 3px; border: none; background: #ddd; }
.formError .formErrorArrow .line1 { width: 1px; border: none; background: #ddd; }