.divMainContentWrapper 
{
    margin-left: auto;
    margin-right: auto;
    width: 72em;
    min-height:100vh;
}

#divLoginTitle 
{
    background-position: center top;
    background-image: url('../Content/imageLib/LoginTitleBackground.png');
    background-repeat: no-repeat;
    height: 33em;
    text-align: center;
}

#txtLoginTitle 
{
    font-size: 5em;
    color: #0e6daf;
    font-family: 'Staatliches', cursive;
    text-shadow: 2px 2px rgb(59,133,144);
}

#txtLoginTitle2
{
    font-size: 5em;
    color: #00a14a;
    font-family: 'Staatliches', cursive;
    text-shadow: 2px 2px rgb(59,133,144);
}

.imgLogo 
{
    width:20em;
}

.div-invitedby 
{
    text-align:right;
}

#divNavigateWrapper 
{
    background-color:#f2f0f0;
}

.btnNavigation 
{
    color:#666666;
    display:inline-block;
    width:calc(50% - 2px);
    text-align:center;
    cursor:pointer;
    padding:1em;
}

.btnNavigation.actv
{
    color:#3880ff;
    border-bottom:2px solid #3880ff;
}

#divMembershipChoices 
{
    text-align:center;
}

.div-member-choice-wrapper 
{
    font-size:3em;
    font-weight:bold;
    display:inline-block;
    border:1px solid rgba(0, 0, 0, 0.19);
    border-radius:4px;
    width:8em;
    padding:1em;
    margin-bottom:0.5em;
    margin-right:0.5em;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    cursor:pointer;
    background-image: url('../../imageLib/memberButton.jpg');
    background-repeat:no-repeat;
}

.divEmpRegisterWrapper 
{
    vertical-align:top;
}

.divRegisterBorder 
{
    padding:1em;
    border:1px solid #bebebe;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.divRegisterDetails 
{
    width:calc(50% - 2px);
    display:inline-block;
    vertical-align:top;
}

.tblEmpInfo td:first-child
{
    color:#232323;
    padding:0.5em;
}

.tblEmpInfo td:last-child
{
    padding:0.2em;
}

.tblEmpInfo input[type='text']
{
    width:calc(100% - 13px);
    padding:0.3em;
}

.tblEmpInfo select
{
    width:100% !important;
    padding:0.3em;
}

.lblPerInfo 
{
    color:#232323;
    font-size:0.8em;
    display:none;
}

.btn-primary 
{
    background-color:#2dd36f;
    border-radius:10px;
    border:none;
    color:white;
    padding:1em;
    padding-left:2em;
    padding-right:2em;
    font-size:1.1em;
    cursor:pointer;
}

.btn-primary:hover 
{
    background-color:#42d77d;
}

/*for tablets*/
@media screen and (max-width:640px) {
    .divMainContentWrapper 
    {
        width: calc(100% - 8px);
        padding: 0.2em;
    }

    #divLoginTitle 
    {
        height: 20em;
    }

    #txtLoginTitle 
    {
        font-size: 3.5em;
    }

    #txtLoginTitle2
    {
        font-size: 3.5em;
    }

    .div-invitedby 
    {
        text-align:center;
    }

    .div-member-choice-wrapper 
    {
        width:calc(100% - 100px);
        margin-right:0;
    }

    .divRegisterBorder 
    {
        padding:0.2em;
    }

    .divRegisterDetails 
    {
        width:100%;
    }

    .tblEmpInfo td:first-child
    {
        display:none;
    }

    .lblPerInfo 
    {
        display:block;
    }
}