﻿/*This is on the main page*/
body {
    background: url('../images/background.jpg') repeat-x;
    color: #000;
    background-color: #fff;
}

main {
    background-color: white;
    max-width: initial;
    width: 100%;
}

header {
    background-color: white;
    max-width: initial;
    margin-top: 0;
}

h2 {
    background-color: white;
    padding: 10px;
    margin: 0;
}

form {
    color: #000;
    border: 2px solid #fdcb46;
    margin-bottom: 0;
}

#password-forgot {
    margin: 4rem auto 2rem;
}

.subscriptionIndex form label, .passwordForgot form label, .passwordConfirm form label, .usernameForgot form label {
    color: #000;
}

.subscriptionIndex form a {
    color: #000;
}
.passwordConfirm form input {
    border: 1px solid #e4e4e4 !important;
}
.subscriptionIndex form input, .usernameForgot form input, .passwordForgot form input{
    border: 1px solid #e4e4e4;
}

.live-help-text {
    color: #880c0e;
}

.live-help {
	background-color: #fdca48;
	color: #fff;
}

form p {
    color: #000;
}

/*this is on the Update page*/
.subscriptionUpdate form legend {
    color: #000;
    border-bottom: 1px solid #efff00;
}

form button {
    text-transform: uppercase;
}

form button, .play-now {
    -moz-box-shadow: inset 2px 2px 5px #880c0e;
    -webkit-box-shadow: inset 2px 2px 5px #880c0e;
    box-shadow: inset 2px 2px 5px #880c0e;
    background: #940205;
    color: #fff;
}

    .play-now a {
        color: #000;
    }

.validation-error {
    color: #808080;
}

#deluxepop {
    border: 1px solid #efefed;
}
/*Footer Styles*/
footer {
    color: #808080 !important;
    background-color: #efefed;
    border-top: 5px solid #fdca48;
    min-width: 100%;
    padding-bottom: 40px;
}


    footer li {
        height: 55px;
        display: inline-block;
        padding: 0 2%;
    }

.icons {
    background: url('../images/footerlogos.png') no-repeat;
    display: block;
}


.icon1 {
    width: 150px;
    height: 35px;
    background-position: 0 0;
}

.icon2 {
    background-position: -155px 0;
    width: 110px;
    height: 35px;
}

.icon3 {
    background-position: -280px 0%;
    width: 120px;
    height: 35px;
}

.icon4 {
    background-position: -425px 0;
    width: 110px;
    height: 35px;
}