/**Temp Styles**/
.social_cont, h1.articleheadline{display:none;}

/**Login Styles**/
.left_cont { width: 100%; padding: 0px; }
.mglogintease {display: none; }
.mgloginmessage { margin-bottom: 20px; padding: 10px; width: 100%; text-align: center;}
.content p.mglogintitle, .mgloginformtitle {
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 40px;
    line-height: 46px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -1px;
    color: #0072CE;
    padding-bottom:25px;
    }
.salespagebutton { text-align: center; padding-top: 20px; color: white; padding-bottom: 20px; margin-bottom: -35px;}
.salespagebutton a:hover { background-color: #0072CE; transform: none;}
.salespagebutton a { 
    font-size: 28px;
    padding: 15px 40px;
    margin: 10px auto;
    border-radius: 6px;
    background-color: #d42028;
    color: #fff;
    font-family: 'PT Sans',sans-serif;
    text-decoration: none;
    -webkit-transition: background-color 400ms ease, border-color 400ms ease, -webkit-transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, -webkit-transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
}

.order-button, .order-button:visited, .content .order-button, .content .order-button:visited{background-color: #0072CE;font-family: 'PT Sans',sans-serif;}
.order-button.order-button-price:hover {background-color: #d50032;}
.plan-pricing-button{text-align:center;}

.w-button{display:inline-block;}
@media screen and (max-width: 850px)
{
.loginform { width: 85%; height: auto; margin-left: auto; margin-right: auto; float: none; }
.mglostpassmessage { width: 85%; height: auto; margin-left: auto; margin-right: auto; float: none; clear: left; margin-top: 20px; }
	.mgsendpassform {
		width: 85%;
		height: auto;
		margin-left: auto;
		margin-right: auto;
		float: none;
		clear: left;
	}
	
	.mgloginmessage {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
        height: auto;
	}
	.mglogintease {
		width: 85%;
		margin-left: auto;
		margin-right: auto;
	}
}

/**Renewal Message Style**/
.mgrenewalmessage { display:none;}
.mgexpiredtitle { font-weight: bold; }


/**New Formatting Stuff**/

.mglogincontainer, .mgloginmessage{
    padding-bottom: 50px;
    margin-bottom: 50px;
    border-bottom: 3px solid #f7fafd;
}

.login-leftside{
    width:48%;
    float:left;
}
.login-rightside{
    width:48%;
    float:right;
    
}
.login-pricing-container{padding-top:20px;}
.login-pricing-container p{padding-bottom:0; padding-left:0;}
.login-form, .forgotpass-form{
    box-sizing: border-box;
    padding: 0 10px;
    margin-botttom:15px;
}
.forgotpass-msg, .forgotuser-msg {
    display:none;
    padding-top:20px;
    font-weight: bold;
}
.forgotpass-msg p, .forgotuser-msg p {
    color:#0072CE;
}
.login-hidden {
    display: none;
}

.mgloginformtitle{font-size:36px;}
.mgloginheader{color:#777;}

.login-form .mglogincell > #Password, .login-form .mglogincell > #UserID, .forgotpass-form .mglogincell > #email{
    border-color: #777;
    background-color:#fff;
    padding: 10px;
    height:auto;
}

.login-form p, .forgotpass-form p{margin-left:5%; margin-right:5%;padding-left:0;padding-bottom: 0;}
.forgot-link{
    text-align: right;
    display: block;
    margin-right: 5%;
}
.mgloginpitch{margin-bottom:30px;}
.mgloginpitch, .mgloginpitch p{color: #777;}
.mgloginpitch .pitch-title{font-weight: bold; color: #0072CE; font-size: 1.4em;
    padding-bottom: 10px; line-height: 1.5em; width: 525px; max-width: 100%;}
    
input.login[type=submit]{
    border-radius: 6px;
    background-color: #d50032;
    -webkit-transition: background-color 400ms ease, border-color 400ms ease, -webkit-transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, -webkit-transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, transform 400ms ease;
    transition: background-color 400ms ease, border-color 400ms ease, transform 400ms ease, -webkit-transform 400ms ease;
    font-family: 'PT Sans',sans-serif;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    font-weight: 400;
    text-transform: uppercase;
}
input.login[type=submit]:hover {
    background: #0072CE;
}
input.resetpassword[type=submit], input.forgotusername[type=submit]{font-size:14px; padding: 5px;}


.mgloginsubmittable {display: table; width:100%;}
.mgloginsubmittable .mgtablerow {display: table-row; }
.mgloginsubmittable .mgtablerow .mglogincell {display: table-cell;}
.mgloginsubmittable .mgtablerow .mglogincell label{margin-left: 5%}
.mgloginsubmittable .mgtablerow .mglogincell.mgloginbuttons input.login{margin-right: 10%}
.mgloginsubmittable .mgtablerow .mglogincell.mgloginbuttons{text-align: right;}
#Sendpass #email{margin-bottom:10px;}

.login-pricing-container h2{
   font-family: 'Source Sans Pro', sans-serif;
    font-size: 38px;
    line-height: 46px;
    font-weight: 400;
    text-align: center;
    letter-spacing: -1px;
    color: #0072CE;
    padding-bottom:20px;
 
}

.login-pricing-container .price-row{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.2); 
    box-shadow: 0px 0px 13px 0px rgba(0,0,0,0.2);
}


@media screen and (max-width: 850px){
    .login-leftside, .login-rightside{float:none; width:100%;}
}

/**Need to rip out of styles.css**/
form.loginform{
    width: 100%;
    height: auto;
    float: none;
    border: none;
    box-sizing: border-box;
    border-radius: 0;
    padding: 0;
    }
        
    div.mglostpassmessage, div.mgsendpassform{
    width: 100%;
    height: auto;
    float: none;
    border: 0;
    border-bottom: none;
    box-sizing: border-box;
    border-radius: 0;
    }