/* =============================== */
/* Mobile Header CSS               */
/* version: 1.1                    */
/* Last Modified: 11/06/14         */
/* Modified by: GregD;             */
/* =============================== */
@media screen and (max-width: 769px) {
    /* Mobile HeaderContainer */
    #mobile-header-container {position:fixed;clear:both;/*z-index:99999;*/ top:0; left:0; width:100%; float:left;height:60px; background-color:#fff; border-bottom:1px #ed6d3b solid;margin:0 auto; padding:0px;}
    #mobile-header-container {z-index:999;}
    /* Mobile Logo  */
    #mobile-header-container #logo img {width:220px; float:left;margin-left:10px;margin-top:15px;}
    
    /* Hamburger Container */
    #hamburger {
        /* border: 1px solid #a974bf ;*/
        border-radius: 3px 3px 3px 3px;
        cursor: pointer;
        display: block;
        height: 11px;
        padding: 3px 4px 3px;
        float:left;
        width: 18px;
        background: #fff ;
        margin:18px 6px 0px;
    }
    /* The stripes in the hamburger button */
    #hamburger div {
        background-color: #ed6d3b;
        border: 1px solid #ed6d3b;
        border-radius: 3px;
        height: 1px;
        margin-top: 3px;
        width: 100%;
    }
    
    /* Mobile Nav Container */
    #mobileNav-container { 
        left: 0px;
        top: 60px;
        position: relative;
        z-index: 1005;
        width: 100%;
        height:100%;
        overflow-y:scroll;
        overflow-x:hidden;
        padding:0px 0px;
        background: #EA6D49;
        opacity: 1;
        display:none;
        margin-bottom:5px;
    }
    
    #mobile-signup-block { 
        left: 0px;
        top: 60px;
        position: fixed;
        z-index: 1000;
        width: 100%;
        
        /*height:87%;*/
        height:80%;
        
        overflow-y:scroll;
        overflow-x:hidden;
        padding:0px 0px;
        background: #ffffff;
        opacity: 1;
        display:block;
        margin-bottom:5px;
    }
    .mobile-signup-block_top {
        top: 60px !important;
    }
    #mobile-signin-block { 
        left: 0px;
        top: 60px;
        position: fixed;
        z-index: 1000;
        width: 100%;
        
        /*height:87%;*/
        height:87%;
        
        overflow-y:scroll;
        overflow-x:hidden;
        padding:0px 0px;
        background: #ffffff;
        opacity: 1;
        display:block;
        margin-bottom:5px;
    }
    
    .mobile-incorrect-login-block { 
        left: 0px;
        top: 60px;
        position: fixed;
        z-index: 1000;
        width: 100%;
        height:87%;
        overflow-y:hidden;
        overflow-x:hidden;
        padding:0px 0px;
        background: #ffffff;
        opacity: 1;
        display:block;
        margin-bottom:5px;
    }
    
    .mobile-signin-multiple-accounts-block-inner
    {
        margin-left:0px;
        height:100px;
    }
    
    #mobile-incorrect-signup-block{
        height: auto;
    }
    
    #mobileNav-container #search-container {
        width:100%;
        height:45px;
        float:left;
        background: #7029ec;
        padding:10px 10px 0px 10px;
    }
    #contentLayer {
        display: none;
        height: 100%;
        overflow-x: hidden;
        overflow-y: hidden;
        position: absolute;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 5000;
        min-height: 1062px;
        background-color:#333;
        opacity: .4
        }
    #mobileNav-container #signin {width:95.5%;height:40px; background-color:#ed6d3b;float:left; border-bottom:1px #fff solid;margin-left:2%;margin-right:2px;padding-bottom: 4px; padding-top: 4px;margin-bottom:2px}
    #mobileNav-container #navigation-links {background: #ed6d3b; width:100%; float:left;margin-bottom: 100px;height: 500px;}
    #mobileNav-container #navigation-links h1 {font-family: "CenturyGothicBold","CenturyGothic",sans-serif; font-size: 18pt; color:#fff; margin:10px 10px -8px 10px;font-weight: bold;}
    #mobileNav-container #navigation-links ul { padding:5px 20px 0px 20px;margin:0; list-style: none}
    #mobileNav-container #navigation-links ul li a { color:#fff; font-family: "Verdana"; font-size: 16pt; text-decoration: none;margin:0;line-height: 130%;}
    
    #mobileNav-container #loggedin {display:none; width:95.5%;height:60px; background-color:#ed6d3b;float:left; border-bottom:1px #fff solid;margin-left:2%;margin-right:2px;padding-bottom: 4px; padding-top: 4px;margin-bottom:2px;margin-top:0px;}
    #mobileNav-container #loggedin #message p{font-family: verdana; font-size: 11pt;color:white;padding:0;margin:0;}
    
    /* test css *//
    .wrap {
            position:relative;
            margin:0 auto;
        
        }
    
        #content {
            padding:15px 0;
            margin-top:30px;
            width:100%;
            height:100%;
        }
    .divSignInHeader
    {
        color: #666666;
        font-family: Verdana;
        font-size: 15px;
        margin: 18px 10px;
    }
    .input_field {
       /* background: url("../css_images/input_background.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
        /*border-color: currentcolor;*/
        /*border-style: none;*/
        /*border-width: 0;*/
        float: left;
        
        /*height: 30px;*/
        /*height: 34px;*/
        height: 40px !important;
        
        margin-bottom: 10px;
        margin-right: 10px;
        padding-left: 6px !important;
        
        /*width: 287px  !important; */
        box-sizing: border-box;
        width: 94% !important;
        
        background-color: white !important;
        border: 1px solid #868686 !important;
        
        /*border-radius: 5px;*/
        border-radius: 8px;
        
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset !important;
        display: inline-block;
        transition: all 0.15s linear 0s;
        
        font-size: 10pt    !important;
        font-family: "Verdana", sans-serif !important;
        line-height: 14pt !important;
        color: #666666 !important;
    }
    
    .input_field_mobile
    {
        width: 99%; 
        height: 40px;
        border:1px #868686 solid; 
        border-radius: 8px;
    }
    
    .input_field_important {
        float: left        !important;
        height: 40px    !important;
        margin-bottom: 10px !important;
        margin-right: 10px !important;
        padding-left: 10px !important;
        
        
        background-color: white    !important;
        border: 1px solid #cccccc !important;
        border-radius: 5px !important;
        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset !important;
        color: rgba(0, 0, 0, 0.75) !important;
        display: inline-block !important;
        font-family: Verdana !important;
        font-size: 13px !important;
       
        padding-left: 6px !important;
        transition: all 0.15s linear 0s !important;
    }
    
    input#textSigninUserName_2, input#textSigninUserPassword_2, input#textForgotLoginEmail, input#textLogin_NonUniqueEmail_CurrentEmail, input#textLogin_NonUniqueEmail_NewEmail 
    {
        margin-left:10px;
    }
    
    #mobile-signin-block .divInputElementTip
        {display:none;
        }
    
    #mobile-signin-block .divInputElement
        {
            margin-left:10px;
            width:100%;
        }
    
    .mobile-incorrect-login-block{
        display: none;
    }
    .mobile #divWizardOuter 
    {
        overflow:hidden;
    }
    .mobile #divWizardOuter table td {
        float: left;
        width: 100%;
    }
    #mobile-signin-block  #buttonLogin,
    .mobile .green-button-small{
        cursor: pointer;
        background: #7029ec;
         font-family: verdana;
        /*border: 2px solid #7029ec;*/
        /*border-radius: 7px;*/
        /*font-size:24px;*/
        /*height: 0;*/
        margin: 5px 0;
        margin: 0 auto;
        margin-left: 10px;
        
        padding-bottom: 35px;
        padding-top: 0;
        text-align: center;
        /*width: 93%;*/
        float: none !important;
        display: block;
        
        color: white;
    }
    
    .button-signin
    {
         font-family: verdana;
    }
    
    .button-left-margin-10
    {
        margin-left:10px !important;
    }
    
    
    .mobile .green-button-small{
        /*width:100%;*/
    }
    
    .mobile .green-button-small-two-columns{
        font-size:20px;
        line-height:30px;
    }
    .mobile .green-button-small-two-columns{
        /*width:45%    !important;*/
        display: inline-block !important;
        background-color:#7029ec !important;
        border-radius: 7px !important; 
        -moz-border-radius: 7px !important; 
        -webkit-border-radius: 7px !important; 
        border: 2px solid #7029ec !important;
        height:40px;
        float:left;
        margin:5px 0px 5px 0px;
        padding-top:5px;
    }
    
    .buttonSkipUpdateEmailAddressAfterLogn
    {
        width:44% !important;
    }
    
    .buttonUpdateEmailAddressAfterLogn
    {
        width:41% !important;
        margin-left:30px !important;
    }
    #textForgotLoginEmail  {float:none;}
    
    .errorForgotPass ,.errorSihnUp
    {
        margin: 10px;
        font-family: "CenturyGothic", Verdana;
    }
    .errorForgotPass 
    {
        color: #868686;
    }
    
    .doSignupLink a:link{
        font-family: "CenturyGothic", Verdana;
    }
    
    .errorForgotPass  a:link,.errorSihnUp a:link, .doSignupLink a:link
    {
        color:#7029ec;
    }
    
    #message > p {
        color: white;
        font-family: "Verdana";
        font-size: 18px;
        margin: 65px 10px 10px;
    }
    #mobile-signin
    {
        margin-top: 70px;
    }
    .fancybox-close {display:none !important;}
    
    .mobile .fancybox-inner{
        background:  white !important;
        height: 400px !important;
        
        padding: 5px;
        padding-left: 0px;
        
        overflow: hidden !important;
        position: fixed;
        top: 60px;
        width: 100% !important;
        z-index: 1001;
    }
    #divForgotLoginHTML {
      margin: 7px;
      margin-left: 0px;
      width: 100%;
    }
    
    .forgotloginmessage
    {
        display: inline-block;
        font-family: "CenturyGothic", Verdana;
        color:#666;
        margin-left: 10px;
        width: 89%;
    }
    
    #forgotloginerrormessage
    {
        margin-top:10px;
    }
    .mobile *::-webkit-input-placeholder { /* WebKit browsers */
        color:    #666 ;
        font-weight:normal;
        }
    .mobile  *:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
        color:    #666;opacity:  1;
        font-weight:normal;
        }
    .mobile  *::-moz-placeholder { /* Mozilla Firefox 19+ */
        color:    #666;opacity:  1;
        font-weight:normal;
        }
    .mobile  *:-ms-input-placeholder { /* Internet Explorer 10+ */
        color:    #666;
        font-weight:normal;
        }
        
        
    .mobile  #divWizardOuter input[type="text"], .mobile  #divWizardOuter input[type="password"]
        {
            /*background: url("../css_images/input_background.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);*/
            /*border-color: currentcolor;*/
            /*border-style: none;*/
            /*border-width: 0;*/
            float: left;
            height: 40px;
            margin-bottom: 0px;
            margin-right: 10px;
            padding-left: 10px;
            
            box-sizing: border-box;
            width: 94% !important;
            
            font-size: 10pt    !important;
            font-family: "Verdana", sans-serif !important;
            line-height: 14pt !important;
            color: #666666 !important;
        }
    
    .mobile    #divWizardOuter input[type="checkbox"]
    {
        margin-left: 0;
        margin-right: 10px;
    }
    
    /*    --------------------------- */
     
    
    .mobile  #divStep1Legend ,
    .mobile  #divStep2Legend,
    .mobile  #divStep3Legend
    {
        color: #b07fc4;
        font-family: "CenturyGothic","CenturyGothic", Verdana;
        /*font-size: 24pt;*/
        font-size: 20pt;
        font-weight: bold;
        margin: 20px 10px 0;
        background: none;
        height: initial;
        width: 97%;
        
    }
    .mobile .h1CenturyGothicBoldTitle 
    {
        font-family: "CenturyGothicBold","CenturyGothicBold";
        font-size: 20pt;
        color: #b07fc4;
        font-weight: bold;
        margin-bottom:0px;
    }
    .mobile #divStep1Text,
    .mobile     #divStep2Text,
    .mobile     #divStep3Text
    {
        color: #666;
        font-weight: normal;
        font-family: Verdana;
        margin: 10px 0;
        margin-bottom:10px;
        padding: 0 10px 0 10px;
        width: 90%;
        font-size: 13px;
    }
    
    .mobile #divWizardOuter div[style="clear:both"]{
        display:none;
    }
    
    .mobile #divWizardOuter fieldset  table
    {
        border-collapse:collapse;
        width: 100%;
    }
    
    .mobile .divFields
    {
        min-width: 0;
        margin: 5px 10px;
        width: 100%;
        height:50px;
        float: none !important;
    }
    .mobile .divFields   > div 
    {
        float: none !important;
    }
    
    .mobile  #divWizardOuter  .divFields{
        margin: 0 10px !important;
    }
    
    .mobile .errorLookingRight
    {
        display: inline-block;
    }
    .mobile .divFields   span {
        display: inline-block;
        width: 85%;
        margin-bottom:20px;
        font-family: Verdana !important;
        font-weight: normal;
    }
    .divFields > .divFields > span.spanFieldsHeader
    {
        color: #b07fc4;
        height: initial;
        margin-left: -10px ;
        
        font-family: Verdana;
        font-size: 20px;
        font-weight:bold;
    }
    
    .set-input-span-wrap
    {
        height:50px;
        margin-left:0px !important;
    }
    
    .step3-set1, .step3-set2
    {
        height:auto !important;
        margin-top: 20px !important;
    }
    
    .step3-set1 div.divFieldsCheckBox, .step3-set2 div.divFieldsCheckBox
    {
         height:45px;
         margin-left: 10px !important;
    }
    .step3-set1 .divFieldsSetTitle, .step3-set2 .divFieldsSetTitle
    {
         height:35px;
    }
    
    
    .set-input-span
    {
        vertical-align: middle;
        margin-bottom: 0px !important;
    }
    
    .mobile #divQuickWizardNextButton
        ,.mobile  #buttonFinish {
        background-color: #7029ec;
        border: 2px solid #7029ec;
        border-radius: 7px;
        /*float: right;*/
        float:none;
        /*height: 0;*/
        height:40px;
        margin: 25px 10px 45px;       
        /*padding-bottom: 35px;*/
        padding-top: 0;
        text-align: center;
        width: 93%;
        /* -------------------- */
        bottom: 15px;
        position: relative;
    }
    
    .mobile  #buttonFinish {
        background: #7029ec;
        color: #fff;
        font-family: verdana    !important;
        font-size: 12pt            !important;
        font-weight: bold        !important;
        line-height: 2em        !important;
    }
    
    
    .mobile  #buttonFinish {
        top: -60px;
    }
    
    
    .mobile #divQuickWizardNextButton button {
        background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
        color: #fff;
        float: none;
        font-family: verdana;
        font-size: 20px;
        line-height: 36px;
        
        height: initial;
        height:27px;
        
        margin: 0;
        padding: 0;
        text-indent: 0;
        
    }
    .mobile .errormessage > a {
      color: white;
      text-decoration: underline;
    }
    .mobile #errorMessage span ,
        #errorMessageContainer  #errorMessage span{
      color: white;
      display: inline-block;
      font-size: 13px;
      font-family: 'CenturyGothic';  
      font-weight: bold;
      margin-top: -2px;
      padding-top: 0;
      width: 78% !important;    
    }
    .mobile #errorMessage .info,
        #errorMessageContainer  #errorMessage .info    {
      border: 2px solid white;
      border-radius: 100%;
      color: white;
      display: inline-block;
      font-size: 38px;
      line-height: 38px;
      height: 40px;
      margin: 10px;
      text-align: center;
      width: 40px;
    }
    .mobile #errorMessage ,
        #errorMessageContainer #errorMessage
    {
        font-family: 'CenturyGothic';
      background-color: #ffa2a5;
      min-height: 80px;
      margin-top:0px;
      width:100%;
    }
    .preErrorMessage
    {
        height: 20px;
        background: white;
    }
    .m_error {
    border: 2px solid #ff0000 !important;
    }
    
    .homepage-widgets-noscroll, .mobile-footer-container-noscroll{
        overflow-y: hidden !important;
        overflow: hidden !important;
        opacity: 0 !important;
    }
    
    .mobile div.loginerrorLookingRight{
        display:none !important;
        /*margin-left: 10px;*/
    }
    
    .mobile-button-outer span, .mobile-button-outer p, 
        .mobile #divQuickWizardNextButton button 
    {
        color: #fff;
        font-family: verdana    !important;
        font-size: 12pt            !important;
        font-weight: bold        !important;
        line-height: 2em        !important;
        margin: 0;
        padding: 0;
        text-align: center;
        vertical-align: middle;
    }
    .mobile #divQuickWizardNextButton button {
        padding-top: 2px;
    }
    
    
}
@media screen 
    and (min-device-width : 360px) { 
    
    
    .mobile #divWizardOuter table td {
        width: 100%;
    }
}
@media screen 
    and (min-device-width : 320px) 
    and (max-device-width : 568px) 
    and (orientation : landscape) { 
    
        #mobile-signup-block, #mobile-signin-block
        {
            height:80%  !important;        
        }
    
       
}