﻿/*find a store and login holder*/



.accountButton
{
    position: absolute;
    top: 0px; right: 0px; background-color: #00694e;
    color: white; border-radius: 6px;
    padding: 2px 15px 2px 15px;
    z-index: 5000; behavior: url(~/Scripts/PIE.htc);
}

    .accountButton a
    {
        color: white; font-weight: bold;
    }



.accountFormHolder
{
    position: relative; overflow:hidden;
    background-color: white;
    color: #4C5660;
    font-size: 14px;
    padding: 15px 45px 15px 45px;
}


    .accountFormHolder .accountFormLeft
    {
        float: left; width: 370px; padding: 0px 10px 0px 0px;
        border-right: 1px solid #d6d8da;
    }

    .accountFormHolder .editor-label 
    {
        float: left; width: 70px;
        margin: 0px 0px 10px 0px;
        color: #999999; font-size: 8pt;
    }

    .forgotPasswordForm .editor-label {
        width: 125px;
    }

    .accountFormHolder #passwordModalForm .editor-label
    {
        width: 150px;
    }

    .accountFormHolder .noWidth
    {
        width: auto;
    }

    .accountFormHolder .spacer
    {
        margin-top: 10px;
    }
    
    .accountFormHolder .passwordHolder
    {
        width: auto;
        margin: 10px 0px 0px 10px;
    }

    .accountFormHolder a,.ui-widget-content a
    {
        color: #026149; outline:none;
        text-decoration:none;
    }

    .accountFormHolder a:hover
    {
        text-decoration:underline;
    }    

        .accountFormHolder .passwordHolder a
        {
            text-decoration:underline;
            color: #999999; 
        }
    

    .accountFormHolder .field-validation-error
    {
        font-size: 8pt;
    }

    .accountFormHolder .editor-field
    {
        margin: 0px 0px 10px 0px;
    }

    .accountFormHolder .editor-field input
    {
        border: 1px solid #CCCCCC;
    }

    .accountFormHolder .signInButton, .accountFormHolder .submitButton, .accountFormHolder .joinButton
    {
        background: none;
        border: none;
        background-image: url(images/btn_signIn.png); width: 109px; height: 28px;
        cursor:pointer;
        float: left;
    }

    .accountFormHolder .submitButton
    {
        background-image: url(images/btn_submit.png); 
    }

    .accountFormHolder .joinButton
    {
        background-image: url(images/btn_joinNow.png); 
    }

    .accountFormHolder .accountFormRight
    {
        float: left; width: 402px;
        margin-left: 30px;
    }

    .accountFormHolder .accountFormRight h1
    {
          color: #F06E00; font-size: 25px;font-weight: bold; margin-bottom: 20px;
    }



/*Credit styling, please do not remove.*/
#creditsHolder {
    overflow: hidden;
    background-color: #ffffff;
}

#creditsHolder .quote {
    font-size: 14px;
    font-style: italic;
}

#creditsHolder #skunkworksLogo {
    border-radius: 8px 8px 8px 8px;
    box-shadow: 0 0 7px #00694E;
    margin: 25px auto 25px auto;
    display: block;
}

.creditList {
    /*float: left;*/
}

#creditsHolder #leftBannerHolder {
    float: left;width: 250px;
}

#creditsHolder #rightBannerHolder {
    float: left;width: 250px;
}

#skunkworksLogoRight {
    /*float: right;*/
    border: 2px solid #b40102;
    box-shadow: 0 0 6px #b40102;
    background-color: #d12327;
    
    /*background-image: url(../images/logoSlurpee_credits.png);
    background-size: 90%; 
    background-position: center center;*/

}

#slurpeeLogo_credit {
    margin: 78px auto 0px auto;
    display: block;
    max-width: 220px;
}

#skunkworksLogoLeft {
    /*float: left;*/
    box-shadow: 0 0 6px #00503b;
    border: 2px solid #00503b;
    background-color: #008162;
    /*background-image: url(../images/7-11-logo_credits.jpg);
    background-size: 77%;
    background-position: center center;*/
}

#sevenElevenLogo_credit {
    margin: 0px auto 0px auto;
    display: block;
}

.skunkLogo {
    border-radius: 100px;
    background-repeat: no-repeat;
    max-width: 120px;
    padding: 40px;
    margin: 20px;
}

#creditsInnerContentWrapper {
    float: left;width: 560px;
}

#creditsInnerContentWrapper .chunkFive {
    color: #00684e;
}

#creditsInnerContentWrapper .chunkFive a {
    color: #00684e;
}

.creditsTootlip {
    max-width: 300px;
    border: 1px solid #00684e;
}


.registerHolder
{

}
    .registerHolder .editor-label
    {
        width: 105px;
    }

    .registerHolder .noWidth
    {
        width:auto;
    }
    
    .registerHolder .accountFormLeft
    {
        border-right:none;
    }

    .registerHolder .checkbox
    {
        float: left; width: 20px;
        margin-top: -5px;
    }

    .registerHolder .accountFormRight
    {
        border-left: 1px solid #d6d8da;
        margin-left: 0px; padding-left: 30px;
    }

#registerPhoneHolder
{
    display:none; height: 100px;
}


.accountLink
{
    display:none;
}

.modalViewLink
{
    display:block;
}
.placeholder {
	color: #bbb;
}
.userlogUtility {
    font-weight: bold;
    }

.mobile-CTIA { font-size: 10px; color: #999999; width: 315px; margin-top: 20px; }
.mobile-CTIA-span { font-weight: bold; color: #000000; }