@charset "utf-8";
/* CSS Document */
/* Default CSS for SFG's Dynamic Customer Account Pages */

#external_header {
	background: #fff;
}

#container {
	color:#000000;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	width: 45em;
}

@media screen and (max-width: 768px) {
	#container {
		width: 100%;
	}
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
   	height:0;
   	font-size: 1px;
   	line-height: 0px;
}

#container a:hover {
	text-decoration: underline;
	color:#990000;
}

#container img {
	border: 0;
}

#container p {
	margin: 0;
	padding: 5px;
}

#container h {
	margin: .5em;
}

#container h1, .h1 {
	color: #990000;
	font-size: 18px;
	font-weight: bold;
	font-style: italic;
}

#container h2, .h2 {
	color: #990000;
	font-size: 16px;
	font-weight: bold;
}

#container h3, .h3 {
	color: #990000;
	font-size: 12px;
	font-weight: bold;
	font-style:italic;
	margin-top: 0em;
	padding-top: 0em;
}

#external_header {
	overflow: hidden;
}
#external_header img {
	max-width:100%;
	height:auto;
}

#divMailingLabel {
	overflow: hidden;
	background: #fff;
	border-radius: 4px;
}
#divMailingLabel img {
	max-width:100%;
	height:auto;
}

.sfg_container {
	position: relative;
	padding: 15px;
}

.formLabel {
	width: 10em;
	clear:both;
	float:left;
	color:#000666;
	font-size:9pt;
	margin: .5em .5em .25em 1em;
}

.validation_summary ul {
	list-style-position: inside;
	margin: 0em;
	padding-left: 0em;
}

.validation_summary li {
	padding-left: 1em;
}

.testmode {
/*	font-weight: bold;
	font-size:
	margin-bottom: 1em;
	width: 100%*/
}
.or {
	float:left;
	width:85%;
	text-align: center;
	margin: .5em;
}

#divPostback {
	width: 100%;
}

#divPostback p {
	clear:left;
}

#divPostback label {
	float:left;
	margin-right: 1em;
}

#divTestIndicator {
	z-index: 1000;
	width: 159px;
	height: 75px;
	position: absolute;
	top: 0;
	right: 0;
}

#container #btnSubmit {
	margin-bottom: 1em;
}

#container .btnSubmitWrapper {
	*padding-bottom: 1em;
}

/*
----------------------------------------------------------------
ACTIVATE ACCOUNT SECTION
----------------------------------------------------------------
*/

#divActivateAccount {
	width: 100%;
	padding-top: 1em;
	margin-bottom: 1em;
}

#divActivateAccount label {
	width: 10em;
}

#divUSCanadaOrIntl {
	margin-top: 1.5em;
}

#divActivateAccountUpper h2 {
	padding-top: 1em;
	margin-top: 0em;
}

#divCredentials h2 {
	margin-top: 0em;
}

/* MAILING LABEL EXAMPLE BOX */

#divActivateLower h3 {
	margin-top: 1em;
}


#imgMailingLabel {
	width: 331px;
	height: 97px;
	float: left;
	border: 1px solid black;
}


#pMailingLabelCaption {
	float: left;
	margin-left: 1em;
	margin-top: 1.15em;
	width: 16em;
}

/* INDIVIDUAL COMPONENTS */
#formActivateUpperLeft {}
#txtCustNumberUSA {}
#txtZipCodeUSA {}
#txtFirstNameUSA {}
#txtLastNameUSA {}
#txtAddressUSA {}
#txtZipCodeUSA2 {}
#btnActivateAccountUSA{}
#formActivateUpperRight {}
#txtCustNumberINTL {}
#txtFirstNameINTL {}
#txtLastNameINTL {}
#txtAddressINTL {}
#btnActivateAccountINTL {}
#tblFindCustomerNumber {}
#txtUserID {}
#txtPass {}
#txtConfirmPass {}
#btnCredentialsSubmit {}

/*
----------------------------------------------------------------
CUSTOMER PROFILE SECTION
----------------------------------------------------------------
*/

#divCustProfile {
	width 100%;
}

#divCustProfile label {
	float: left;
	color:#000666;
	font-size:9pt;
	margin: .25em .5em .25em 1em;
}

#divAddress {
	float: left;
}

#divAddress input {
	clear: both;
	float: left;
	width: 20em;
}

#lblTitle, #lblFirst, #lblAddress, #lblBusinessName, #lblCity, #lblCountry, #lblPhone, #lblEmail {
	clear: both;
	float: left;
	width: 10em;
}

#txtMI, #txtST {
	width: 2.5em;
}

#txtTitle, #txtSuffix {
	width :3em;
}

#txtZip {
	width: 7em;
}

#txtFirst, #txtLast {
	width: 9em;
}

#txtProfessionalTitle, #txtCity, #txtCountry, #txtPhone, #txtFax {
	width: 11em;
}

#txtBusinessName {
	width: 20em;
}

#txtEmail {
	width: 25em;
}

/*
----------------------------------------------------------------
RESET PASSWORD SECTION
----------------------------------------------------------------
*/
#divResetPassword {
	clear: both;
	float: left;
	width: 100%;
	padding-top: 1em;
}

#divResetPasswordMain {
	padding-top: 1em;
}

#divResetPasswordMain label {
	width: 11em;
}

#divResetPasswordMain h2 {
	margin-top: 0em;
	padding-top: 1em;
}

#formResetPassword {}
#ResetPasswordLabel {}

#divResetPasswordMain #btnSubmit {
	margin-bottom: 1em;
}

/*
----------------------------------------------------------------
UPDATE ACCOUNT SECTION
----------------------------------------------------------------
*/

#divUpdateAccount {
   width: 100%;
}

#divUpdateAccount {
   clear: both;
  	float: left;
  	padding-top: 1em;
}

#divUpdateAccountMain {
	/*width: 100%;*/
	margin-top: 0em;
	/*padding-top: 0em;*/
}

#divUpdateAccountMain h2 {
	margin-top: 0em;
	padding-top: 1em;
}

#divUpdateAccountMain label {
	width: 10em;
}

#divUpdateAccountMain .redirect_links div {
	margin-top: 0em;
}

#formUpdateAccount {}

#txtUpdateAccountCurPass {
	margin-bottom: 1em;
}

#txtUpdateAccountNewUserID {}
#txtUpdateAccountNewpass {}
#txtUpdateAccountConfirmPass {}
#btnUpdateAccountSubmit {}

/*
----------------------------------------------------------------
LOGIN SECTION
----------------------------------------------------------------
*/

#divLogin {
   width: 100%;
   clear: both;
  	float: left;
  	padding-top: 1em;
}

#divLoginMain {
	/*width: 100%;*/
	margin-bottom: 30px;
}

#divLoginMain h2 {
	padding-top: 1em;
	margin-top: 0em;
}

#divLoginMain label {
	width: 10em;
}

#divLoginMain #txtOldUserID {
}

#divLoginMain #btnSubmit {
	margin-bottom: 1em;
}

#divLoginMain .redirect_links div {
	margin-top: 0em;
}

/*
----------------------------------------------------------------
REDIRECTION LINKS
----------------------------------------------------------------
*/

.redirect_links {
	height: 30px;
	display: flex !important;
}
.login_link {
	float: left !important;
}
#divLogin .reset_password_link{
	float: left !important;
}
.reset_password_link, .activation_link, .login_link {
	float: right;
	display: inline;
	font-size: x-small;
	font-style: normal;
	margin-bottom: 15px;
	padding: 5px 5px 0 0;
}

#container div.redirect_links div a {
	font-style: italic;
	margin-left: .5em;
}

/*
----------------------------------------------------------------
ADDITIONAL STYLING MAY 2013
----------------------------------------------------------------
*/
#container h1, #container h2, #container h3{
	/* color: #3498db; */
	color: #EC0927;
	font-family: sans-serif;
}