﻿.CustomStyleSingleLineTextSpanParent {
    position: relative;
}

.CustomStyleSingleLineTextSpan {
    position: absolute;
    right: 8px;
    top: 6px;
    width: auto;
}

/*CSS for product issues form*/
.overField {
    float: left;
    text-align: left;
    width: 100%;
    margin: 5px 0px;
    vertical-align: top;
}

    .overField label {
        width: 100%;
        display: block;
        margin: 10px 0 5px 0;
        font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial;
        font-size: 15px;
        font-weight: 400;
    }

    .overField input {
        width: 100%;
        padding: 10px;
        background: #FFF;
        box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2);
        -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.2);
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        -ms-box-sizing: border-box;
        border: 1px solid #EEE;
        border-color: #999 #CCC #CCC #A7A7A7;
        border-radius: 0;
    }

    .overField select {
        width: 100%;
        padding: 5px;
        border: solid 1px #aaa;
        color: #666;
        background: #EEE;
        background-image: -webkit-linear-gradient(top, #FFF, #EEE);
        background-image: -moz-linear-gradient(top, #FFF, #EEE);
        background-image: -ms-linear-gradient(top, #FFF, #EEE);
        background-image: -o-linear-gradient(top, #FFF, #EEE);
        background-image: linear-gradient(to bottom, #FFF, #EEE);
    }

.overFieldTextarea {
    width: 100%;
    float: left;
}

    .overFieldTextarea textarea {
        width: 100%;
        padding: 5px;
        border: solid 1px #CCC;
        border-top: solid 1px #999;
        border-left: solid 1px #a7a7a7;
        box-shadow: inset 1px 1px 2px 0 #707070;
        transition: box-shadow 0.3s;
        float: left;
        resize: vertical;
    }

    .overFieldTextarea label {
        float: left;
        display: block;
        width: 100%;
    }



.shortDesc label {
    display: inline;
    float: left;
    width: 100%;
    margin: 10px 0 5px 0;
    font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial;
    font-size: 15px;
    font-weight: 400;
}

.shortDesc input {
    border: 0;
    display: none;
}

.HoverImage {
    position: relative;
    color: rgb(185, 165, 118);
}

    .HoverImage .tooltiptext {
        visibility: visible;
        background-color: #36312d;
        max-width: 460px;
        color: #fff;
        text-align: center;
        padding: 5px 1px;
        border-radius: 3px;
        left: 0px;
        top: 0px;
        position: absolute;
        z-index: 1;
    }

/*.HoverImage:hover .tooltiptext
{
    visibility: visible;
}*/

.hideStars .scfRequired {
    visibility: hidden;
}

.scfSectionBorderAsFieldSet {
    border: 0;
}

.tipIcon {
    background: #e0e0e0;
    background-image: -webkit-linear-gradient(top, #e0e0e0, #c7c7c7);
    background-image: -moz-linear-gradient(top, #e0e0e0, #c7c7c7);
    background-image: -ms-linear-gradient(top, #e0e0e0, #c7c7c7);
    background-image: -o-linear-gradient(top, #e0e0e0, #c7c7c7);
    background-image: linear-gradient(to bottom, #e0e0e0, #c7c7c7);
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0px;
    font-family: Arial;
    color: #424242;
    font-size: 12px;
    padding: 2px 4px 2px 4px;
    border: solid #a3a3a3 1px;
    text-decoration: none;
}

    .tipIcon:hover {
        background: #ebebeb;
        background-image: -webkit-linear-gradient(top, #ebebeb, #dedede);
        background-image: -moz-linear-gradient(top, #ebebeb, #dedede);
        background-image: -ms-linear-gradient(top, #ebebeb, #dedede);
        background-image: -o-linear-gradient(top, #ebebeb, #dedede);
        background-image: linear-gradient(to bottom, #ebebeb, #dedede);
        text-decoration: none;
    }

.hideLabel [type="radio"] {
    display: inline;
}

.hideLabel textarea {
    width: 100%;
    padding: 5px;
    border: solid 1px #CCC;
    border-top: solid 1px #999;
    border-left: solid 1px #a7a7a7;
    /* box-shadow: inset 1px 1px 2px 0 #707070; */
    transition: box-shadow 0.3s;
    float: left;
    resize: vertical;
    height: 116px;
}

.hideLabel select {
    padding: 5px;
    border: solid 1px #aaa;
    color: #666;
    background: #EEE;
    background-image: -webkit-linear-gradient(top, #FFF, #EEE);
    background-image: -moz-linear-gradient(top, #FFF, #EEE);
    background-image: -ms-linear-gradient(top, #FFF, #EEE);
    background-image: -o-linear-gradient(top, #FFF, #EEE);
    background-image: linear-gradient(to bottom, #FFF, #EEE);
    margin-bottom: 5px;
}

.hideLabel .scfDateSelectorLabel,
.hideLabel .scfDatePickerLabel,
.hideLabel .scfMultipleLineTextLabel,
.hideLabel .scfRadioButtonListLabel,
.hideLabel .scfSingleLineTextLabel {
    display: none;
}


.hideLabel .scfSingleLineTextBox {
    width: 50%;
    padding: 5px;
    border: solid 1px #CCC;
    border-top: solid 1px #999;
    border-left: solid 1px #a7a7a7;
    box-shadow: inset 1px 1px 2px 0 #707070;
    transition: box-shadow 0.3s;
    margin-bottom: 5px;
}

.scfFileUploadGeneralPanel {
    margin-bottom: 20px;
}

.scfDatePickerTextBox {
    width: 50%;
    padding: 5px;
    border: solid 1px #CCC;
    border-top: solid 1px #999;
    border-left: solid 1px #a7a7a7;
    box-shadow: inset 1px 1px 2px 0 #707070;
    transition: box-shadow 0.3s;
}

.noIbar {
    cursor: default;
}

.scfFileUploadLabel {
    display: none;
}

.justHelpBox label,
.justHelpBox input {
    display: none;
}

/*this counteracts the width:60% set by the parent div*/
.justHelpBox span {
    width: 150%;
}

.hideFile0 {
    display: none;
}

.scfCaptchaGeneralPanel {
    margin: 10px;
}

/*Hide Recaptcha label*/
.scfCaptchaLabel {
    display: none;
}

/*WFFM Buttons*/
.scfSubmitButton {
    min-width: 237px;
    margin: 0 10px 0 0;
    padding: 7px 10px;
    background: #C01720;
    background: -moz-linear-gradient(top, #EC1C27 0%, #C01720 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EC1C27), color-stop(100%,#C01720));
    background: -webkit-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -o-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: -ms-linear-gradient(top, #EC1C27 0%,#C01720 100%);
    background: linear-gradient(to bottom, #EC1C27 0%,#C01720 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EC1C27', endColorstr='#C01720',GradientType=0 );
    border: 2px solid #FFF;
    box-shadow: 0 0 4px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.5);
    color: #FFF;
    font-size: 15px;
    text-transform: uppercase;
    text-shadow: #777 -1px 0px 2px;
    display: inline-block;
    overflow: hidden;
    font-family: "nimbus-sans", "Helvetica Neue", Helvetica, Arial;
    font-weight: 700;
    text-align: center;
    -webkit-font-smoothing: antialiased;
    border-radius: 0;
}

    .scfSubmitButton:hover, .scfSubmitButton:focus {
        color: #FFF;
        background: #555;
        background: -moz-linear-gradient(top, #656565 0%, #474747 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656565), color-stop(100%,#474747));
        background: -webkit-linear-gradient(top, #656565 0%,#474747 100%);
        background: -o-linear-gradient(top, #656565 0%,#474747 100%);
        background: -ms-linear-gradient(top, #656565 0%,#474747 100%);
        background: linear-gradient(to bottom, #656565 0%,#474747 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656565', endColorstr='#474747',GradientType=0 );
    }


/* CUSTOM WFFM CONTROLS */


@media (min-width:400px) {
    /* Left area / Right area */
    .split-input {
        float: left;
        width: 50%;
    }

    /* Left area is .split-input plus this */
    .full-input .scfSingleLineGeneralPanel {
        width: 100%;
    }

    .full-input .scfSingleLineTextBox {
        width: 94%;
    }

    .split-input + .split-input + div {
        clear: left;
    }
}

@media only screen and (max-width: 767px) {
    .scfListBoxGeneralPanel, .scfDropListGeneralPanel {
        width: 100%;
    }

    .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfMMCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel {
        width: 100%;
    }

    .scfDropListLabel, .scfEmailLabel, .scfMultipleLineTextLabel, .scfSingleLineTextLabel, .scfPasswordLabel, .scfNumberLabel, .scfDatePickerLabel, .scfDateLabel, .scfRadioButtonListLabel, .scfCheckBoxListLabel, .scfListBoxLabel, .scfFileUploadLabel, .scfDateSelectorLabel, .scfCreditCardLabel, .scfConfirmPasswordLabel, .scfCaptchaLabel, .scfTelephoneLabel, .scfSmsTelephoneLabel {
        width: 100%;
    }

    .scfEmailGeneralPanel, .scfMultipleLineGeneralPanel, .scfSingleLineGeneralPanel, .scfPasswordGeneralPanel, .scfNumberGeneralPanel, .scfDatePickerGeneralPanel, .scfDateGeneralPanel, .scfRadioButtonListGeneralPanel, .scfCheckBoxListGeneralPanel, .scfMMCheckBoxListGeneralPanel, .scfFileUploadGeneralPanel, .scfDateSelectorGeneralPanel, .scfCreditCardGeneralPanel, .scfConfirmPasswordGeneralPanel, .scfCaptchaGeneralPanel, .scfTelephoneGeneralPanel, .scfSmsTelephoneGeneralPanel {
        width: 100%;
    }

    .scfSectionBorderAsFieldSet, .scfCaptchaGeneralPanel {
        padding: 0;
        margin: 0;
        border: 0;
        min-width: 0;
    }
}