@charset "utf-8";
/* CSS Document */
.shadow {
    width:100%;
    min-height:100%;
    background-color:rgba(0, 0, 0, 0.74902);
    position:absolute;
    top:0;
    left:0;
    /*Z-index underneath xbox nav*/
    z-index:18;
}

html.ageGateVisible,
html.ageGateVisible body{
    min-height:100%;
    padding:0;
    margin:0;
}

/*Xbox.com header/footer need to stay above the age gate*/
html.ageGateVisible #bodyFooter,
html.ageGateVisible #bodyHeader{
    z-index:10000;
}

.ageGate {
    width: 75%;
    max-width:410px;
    min-width:225px;
    padding: 20px 10px;
    display: block;
    background-color: rgba(250, 250, 250, 0.74902);
    border: 10px solid rgba(0, 0, 0, .25);
    margin: 220px auto;
    position: relative;
    z-index:9999;
    color:#000;
    font-size:16px;
    text-align:center;
}

.ageGate h2{
    font-size:16px;
}

.requiresAgeGate{
    display:none;
}

.ageGate input.month,
.ageGate .day{
    width:40px;
}

.ageGate input.year{
    width:80px;
}

.ageGate label span{
    display:block;
    text-align:center;
    margin:5px 0 5px 0;
}

.ageGate label input{
    display:block;
    margin:0 auto;
    text-align:center;
}

.ageGate .submit{
    clear:both;
    margin:15px auto 0 auto;
}






/*queries*/
@media screen and (min-width:480px){

    .ageGate {
        width: 410px;
        max-width:none;
    }

    .ageGate label{
        margin:0 20px;
        margin-right:5px;
        display:inline-block;
    }

    .ageGate label span,
    .ageGate label input{
        display:inline-block;
        text-align:left;
    }
}