/*---------------------------------------------------------------------
Title: Styles
= Reset Password Page
-----------------------------------------------------------------------*/

#page-members-rspassword .sub-header {
	margin-bottom: 2%;
}

#page-members-rspassword .sub-header h3 span {
	color: #1d5678;
}

#page-members-rspassword .section-hdr {
	border: none;
}

#page-members-rspassword .section-hdr h2 span {
	color: #333333;
	font-family: Tahoma,Geneva,sans-serif;
	font-size: 0.5rem;
	font-style: normal;
	font-weight: normal;
}

#page-members-rspassword #textsub {
	color: #333333;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: .5rem;
	font-style: normal;
	font-weight: normal;
}

ol#agi-ol-new_password li#fli-new_password,
ol#agi-ol-new_password li#fli-confirm_password {
    background: none;
}

ol#agi-ol-new_password li div {
    position: relative;
    text-align: left;
}

ol#agi-ol-new_password li#fli-terms #fli-terms-checkbox {
  margin-right: 2%;
    width: 4%;
}

ol#agi-ol-new_password li#fli-terms #fli-terms-verbage {
    width: 86%;
}

#page-members-rspassword .password-meter {
    margin: 0 0 6px;
}

#page-members-rspassword #reset-password-underheader {
	 font-size: 1.125rem;
}

#page-members-rspassword #myaccount-links-header {
	text-align: left;
}

#page-members-rspassword .info-fields ol li {
	margin: 1% 0 2%;
	padding: 0;
}

#page-members-rspassword .info-fields ol li#fli-rules ul li {
	margin: 0;
}

#page-members-rspassword .info-fields ol li#fli-rules {
    margin: 2% auto 3% 0;
}

#page-members-rspassword .info-fields ol li#fli-rules {
    margin-top: 12px;
}

#page-members-rspassword li#fli-terms.bma-formerror {
    background: none;
}

#page-members-rspassword #fli-rules ul {
    list-style: disc outside none;
}

#page-members-rspassword #fli-rules ul li {
    display: list-item;
    overflow: visible;
    padding: 0 0 8px;
}

#page-members-rspassword .info-fields ol li#fli-rules ul li {
    padding: 0;
}

#page-members-rspassword .info-fields .fli-forgotpass {
	font-size: .813rem;
	margin: auto;
	padding: 0 0 0 36.7%;
	text-align: left;
}

#page-members-rspassword #fli-buttons {
	display: inline;
}

#page-members-rspassword #fli-buttons a {
	margin: 4% 3% 4% 0;
}

#page-members-rspassword #fli-buttons input {
	margin: 4% 0;
}

#page-members-rspassword #fli-buttons #reset-pass-button-container {
    width: 100%;
}

.terms-check {
		display: flex;
}

/* Fix error attached to the terms agreement checkbox since it tries
to attach below it within the allotted width of the checkbox
*/
ol#agi-ol-new_password li div#terms-error-message {
    margin-top: 25px;
    width: 500px;
}

/* The standard BMA Error top of the page module doesn't work without
Design Engineer Love for this page, because brand and UX made this
page a bit different.
*/
#main #bma-error {
    clear: both;
    margin: 0 auto;
    width: 76%;
}

@media screen and (max-width: 769px) {
    #page-members-rspassword li#fli-terms.bma-formerror,
    #page-members-rspassword li.bma-formerror {
        background: none;
    }
}

@media screen and (max-width: 600px) {
    ol#agi-ol-new_password li#fli-terms #fli-terms-checkbox {
        margin-right: 5%;
    }


		.password-form {
				padding: 0 15px;
		}
}

@media screen and (max-width: 510px) {
    ol#agi-ol-new_password li div#terms-error-message {
				margin-top: 45px;
				width: 360px;
    }
}