.mainColumn {

    width:100%;
    float:left;

}



.profileBox .inputField, .profileBox .inputFieldLeft {

    margin-bottom:20px;

}



.profileBox, .contactBox {

    background:#fff;
    box-sizing:border-box;
    padding:2em;
    margin-bottom:2em;

}



.profileBox:last-child {

    margin:0;

}



.profileBox h4, .contactBox h4 {

    width:100%;

    font-weight:500;

    font-size:1.2em;

    color:#000;

    padding-bottom:0.7em;

    border-bottom: 1px solid #525252;

}



.profileBox h5 {

    font-weight:700;

    color:#8A8A8A;

    margin-top:2em;

}



.profileBox p {

    margin-bottom:0;

}



.inputField span, .inputFieldLeft span {

    position:absolute;

    margin-top:5px;

    max-width:170px;



}



.checkbox {

    margin-bottom: 20px;

}



span.warningMessage, span.hint {

    position:relative;

    max-width:none;

    margin-left:170px;

    display:block;

}



.input {

    border: none;

    border: 1px solid #A3A3A3;

    border-radius: 3px;

    padding: 5px;

    background-color: #FFF;

    width: 240px;

    background: -moz-linear-gradient(top,  #dedede 0%, #efefef 20%, #ffffff 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dedede), color-stop(20%,#efefef), color-stop(100%,#ffffff));

    background: -webkit-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);

    background: -o-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);

    background: -ms-linear-gradient(top,  #dedede 0%,#efefef 20%,#ffffff 100%);

    background: linear-gradient(to bottom,  #dedede 0%,#efefef 20%,#ffffff 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dedede', endColorstr='#ffffff',GradientType=0 );

    margin-left:170px;

}



.warningInput {

    background: #ffddc0;

    background: -moz-linear-gradient(top,  #ffddc0 0%, #fff0df 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffddc0), color-stop(100%,#fff0df));

    background: -webkit-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);

    background: -o-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);

    background: -ms-linear-gradient(top,  #ffddc0 0%,#fff0df 100%);

    background: linear-gradient(to bottom,  #ffddc0 0%,#fff0df 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffddc0', endColorstr='#fff0df',GradientType=0 );

    border-color: #D53B3B;

    -webkit-animation: warningBox 1s linear;

    -moz-animation:    warningBox 1s linear;

    -o-animation:      warningBox 1s linear;

    animation:         warningBox 1s linear;

}



    @-webkit-keyframes warningBox {

          0%   { border-color: #A3A3A3; }

          100% { border-color: #D53B3B; }

    }



    @-moz-keyframes warningBox {

          0%   { border-color: #A3A3A3; }

          100% { border-color: #D53B3B; }

    }



    @-o-keyframes warningBox {

          0%   { border-color: #A3A3A3; }

          100% { border-color: #D53B3B; }

    }



    @keyframes warningBox {

          0%   { border-color: #A3A3A3; }

          100% { border-color: #D53B3B; }

    }



select {

   /* margin-left:170px; */

}


.warningMessage {

    font-weight: normal;

    color: #7F0000;

    font-style: italic;

}



.ui-datepicker .ui-datepicker-title {

    font-size:0.8em;

}



/* email opt settings */

.emailSettings {

    margin-left: 1.7em;

    margin-bottom: 2em !important;

}



.emailLabel {

    margin-left: 1.8em;

    margin-bottom: 2em;

    font-size: smaller;

    color: #B6B6B4;   /*#666362;*/

}



.inputFieldemail span, .inputFieldemailLeft span {

    position: static;

    margin-top:5px;

    max-width:170px;

}



.emailAlls {

    font-weight: 600;

}



.emailPLAlls {
    font-weight: 600;
}



.emailCEAlls {

    font-weight: 600;

}



.emailSelectAlls {

    font-weight: 600;

}



.optcheckbox {

    margin-bottom: 1em;

}

/* email opt settings */



.submit {

    padding: 5px 10px;

    font-weight: bold;

    color: #fff;

    font-size: 14px;

    text-align: center;

    border-radius: 3px;

    margin-bottom:1em;

    border: 1px solid #808080;

    background: #9e9a9e;

    background: -moz-linear-gradient(top,  #9e9a9e 0%, #827e7b 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#9e9a9e), color-stop(100%,#827e7b));

    background: -webkit-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);

    background: -o-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);

    background: -ms-linear-gradient(top,  #9e9a9e 0%,#827e7b 100%);

    background: linear-gradient(to bottom,  #9e9a9e 0%,#827e7b 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9e9a9e', endColorstr='#827e7b',GradientType=0 );

}



.submit:hover {

    cursor: pointer;

    background: #b5b1b4;

    background: -moz-linear-gradient(top,  #b5b1b4 0%, #706c6a 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5b1b4), color-stop(100%,#706c6a));

    background: -webkit-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);

    background: -o-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);

    background: -ms-linear-gradient(top,  #b5b1b4 0%,#706c6a 100%);

    background: linear-gradient(to bottom,  #b5b1b4 0%,#706c6a 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5b1b4', endColorstr='#706c6a',GradientType=0 );

}



.submit:active {

    background: #827e7b;

    background: -moz-linear-gradient(top,  #827e7b 0%, #9e9a9e 100%);

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#827e7b), color-stop(100%,#9e9a9e));

    background: -webkit-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);

    background: -o-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);

    background: -ms-linear-gradient(top,  #827e7b 0%,#9e9a9e 100%);

    background: linear-gradient(to bottom,  #827e7b 0%,#9e9a9e 100%);

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#827e7b', endColorstr='#9e9a9e',GradientType=0 );

}



.inputFieldtest {

     margin: 25px;

}



.bottom20 {

    margin-bottom: 20px;

}



.red { /* bw - 1-8-15 renewal textbox validation error */

    color: red;

}



.leftmargin22 { /* bw - 1-8-15 renewal label */

    margin-left: 22px;

}



.renewLabel {

    margin-left: .2em;

    margin-bottom: 2em;

    font-size: smaller;

    color: #B6B6B4;

}



@media screen and (max-width: 600px) {



    .profileBox {

        width:100%;

        margin:0 0 1em 0;

    }



    .inputField span, .inputFieldLeft span {

        position:relative;

        margin:1em 0 0 0;

        max-width:100%;

        box-sizing:border-box;

        display:block;

    }



    .input, .select, span.warningMessage {

        position:relative;

        margin:0.3em 0;

        max-width:100%;

        box-sizing:border-box;

        display:block;

    }



}