@media(max-width:768px) {
    body{
        text-align:center;
    }

    .btn-loginRequest{
        display:block;
        clear:both;
        margin-left:auto !important;
        margin-right:auto !important;
    }

    #btnRequestArticle{
        margin-bottom:20px;
    }

    .hideOnMobile{
        display:none;
    }

    .showOnMobile{
        visibility: visible;
        height:inherit;
    }

    #username, #password, #confirmPassword{
        max-width:350px;
        margin-left:auto;
        margin-right:auto
    }

    #email, #confirmEmail{
        max-width:250px;
        margin-left:auto;
        margin-right:auto;
    }

    .socialMediaImg{
        margin-bottom:20px;
    }

    #tblFooter{
        margin-left:auto;
        margin-right:auto;
    }
    
    #mainLogo{
        margin-left:auto;
        margin-right:auto;
    }

    #forgotPasswordLink{
        font-size:0.9em;
    }

    #forgotPasswordDiv{
        margin-top:5px;
    }
}

@media(min-width:769px) {
    .showOnMobile{
        /**visibility: collapse;
        height:0px;
        margin:0px !important;*/
        display:none;
    }
    .hideOnMobile {
        visibility: visible;
        height:inherit;
    }

    #forgotPasswordLink{
        font-size:0.7em;
    }
}

html{
    min-height:100%
}

body{
    font-family:"Open Sans";
    font-weight:600;
    color:#555555;
    background: #e5e5e5;;
    background:-webkit-linear-gradient(#e5e5e5, white 30%, #cfcdcd);
    background: -o-linear-gradient(#e5e5e5, white 30%, #cfcdcd); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#e5e5e5, white 30%, #cfcdcd); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#e5e5e5, white 30%, #cfcdcd); /* Standard syntax */
}

h2{
    color:#000000;
}

.container-fluid {
    padding-top:50px;
    padding-left:25px;
    padding-right:25px;
    max-width:1400px;
}

.form-control{
    min-width:250px;
    border-radius:3px;
    font-weight:normal;
    margin-bottom:5px;
}

a:hover, a:active, a:focus{
    text-decoration: none !important;
}

#mainLogo{
    margin-bottom:20px;
    background: url("http://www.thedeal.com/tdp/thedeal_masthead_232x65.png");
    width:232px;
    height:65px;
}

#currentUsers{
    font-weight:bold;
    color:grey;
}

#forgotPasswordLink{
    color:grey;
}

.requestText{
    color:#ED1B2E;
    font-size:1.2em;
    font-weight:bold;
    font-style:italic;
}

.btn-action{
    font-weight:bold;
    background:yellow;
    min-width:120px;
    vertical-align: top;
}

#btn-reset{
    font-weight:600;
}

.btn-action:hover{
    background:gold;
}

.btn-loginRequest{
    padding:0px;
}

#btnRequestArticle{
    margin-right:50px;
}

.requestText{
    margin:0px;
}

.requestText span, i{
    vertical-align: middle;
}

.requestText span{
    margin-right:10px;
}

.requestRow{
    margin-top:5px;
    margin-bottom:35px;
}

#learnMoreRow{
    margin-top:50px;
    font-weight:bold;
    font-size:15px;
    color:grey;
}

.moreInfo{
    font-size:0.8em;
    color:grey;
}

.socialMediaImg{
    margin-right:10px;
}

.errorText{
    font-weight:bold;
    color:red;
    font-size:13px;
}

.errorCol{
    margin-top:5px;
    margin-bottom:10px;
}

.input-error{
    border-color:red;
}

#headerTextDiv{
    margin-top:30px;
}



/* forgotPassword specific styles */

#forgotPasswordHeader{
    font-weight:bold;
    color:grey;
}

#email{
    margin-bottom:20px;
}

#btnRequestPassword{
    font-weight:bold;
    background:yellow;
    min-width:250px;
    vertical-align: top;
}

#btnRequestPassword:hover{
    background:gold;
}

#forgotPasswordLastRow{
    margin-top:40px;
}

.hide{
    visibility: collapse;
    height:0px;
}

#requestArticle .submit {
    background-color: #f43a1a;
    color: white;
    font-weight: bold;
    margin-top: 25px;
    width: 25%;
    text-transform: uppercase;
    border-radius: 0;
    line-height: 1.4;
}

#requestArticle {
    font-family: "Open Sans";
 }

.confirmationTextMain {
    font-size: 14px;
    font-weight: bolder;
    color: black;
}

.contactText {
    margin-top: 33px;
}

.confirmationMargin {
    padding-left: 29px;
}

.requestTitle {
    font-weight: bolder;
    color: #E01923;
    text-transform: uppercase;
}

#requestArticle form {
    margin-top: 20px;
    max-width: 845px;
}

span#mainLogo {
    background: url("../../images/thedeal_masthead_232x65.png");
    width: 232px;
    height: 65px;
    display: block;
}

#requestArticle .errorCol {
    padding-left: 0;
}

@media screen and (max-width: 768px){
    #requestArticle .col-xs-6 {
        width: 100%;
    }

    #requestArticle .submit {
        width: 40%;
    }
}