/* THIS IS REQUIRED FOR THE NEW NEW START FORM WITHOUT REGISTRATION.  IF NOT PRESENT, THE CONFIRMATION PAGE WILL SHOW WITH
	THE PAYMENT INFO SCREEN */
	*{ margin:0px; padding:0px; }
	/* BODY ; */
	body { font-family: Arial, Verdana, Times New Roman, sans-serif; }
	

	/*************************************************************************************************  
					GENERAL STYLES.  Pertains to all pages of the SSM  
	**************************************************************************************************/
	
	/*  nwmain is the main content div.   This div contains everything inside the body element of the html page  */
	#nwmain { width: 95%; margin-top: 0px; position: relative; min-height: 100vh; }

	
	/* All content is delivered in a table.  Use this to style the presentation of tables.  */
    #nw-table { width: 850px; margin-left: auto; margin-right: auto }
	#welcome-header { margin-left: auto; margin-right: auto; width: 900px; font-size: 14pt; }
	
	/* When anything is submitted, a processing status is shown.  This is the css definition for the text and div block */
	#nw-processing { -moz-border-radius: 15px; border-radius: 15px; display: none; width: 960px; height: 300px; background: #fff; padding: 20px; }
	#nw-processing-text { position: relative; top: 10px; left: 10px; margin: 0px auto; background: white; color: #2f4e6d; font-size: 16pt; width: 900px}
	
	/* All pages are inside the nwpagediv  */	
	#nwpagediv { margin-top: 75px; padding-bottom: 100px; }
	.nwemphasis { color: red; font-size: 14pt}
	
	/* all links */
	.nwlinks { color: #800000; font-size: 12pt }
	.logoutlink { color: #800000; font-size: 12pt }
	
	/* all input fields/boxes */
	.nw-input-text { font-size: 12pt; font-family: verdana}
	.nw-input-select { font-size: 12pt; font-family: verdana}
	.nw-input-checkbox { }
	
/* This imageless css button was generated by CSSButtonGenerator.com */
	.nwbutton {
	-moz-box-shadow:inset 0px 6px 0px -12px #cae3fc;
	-webkit-box-shadow:inset 0px 6px 0px -12px #cae3fc;
	box-shadow:inset 0px 6px 0px -12px #cae3fc;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #79bbff), color-stop(1, #4197ee) );
	background:-moz-linear-gradient( center top, #79bbff 5%, #4197ee 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#79bbff', endColorstr='#4197ee');
	background-color:#79bbff;
	-moz-border-radius:16px;
	-webkit-border-radius:16px;
	border-radius:16px;
	border:2px solid #469df5;
	display:inline-block;
	color:#ffffff;
	font-family:Verdana;
	font-size:14px;
	font-weight:bold;
	padding:7px 28px;
	text-decoration:none;
	text-shadow:1px 0px 0px #287ace;
}.nwbutton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #4197ee), color-stop(1, #79bbff) );
	background:-moz-linear-gradient( center top, #4197ee 5%, #79bbff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#4197ee', endColorstr='#79bbff');
	background-color:#4197ee;
}.nwbutton:active {
	position:relative;
	top:1px;
}
	/* message that is displayed to the user */
	.message { text-align: center; margin: auto; padding: 10px; color: #800000; background: pink; width: 90%; border: 1px solid red }
	
	/* log out link */
	.logout { color: #800000 }
	
	.nw-paragraph-head { color: #003366; text-align: left; font-weight: bold; font-size: 12pt}
	.nw-field-labels {font-size: 11pt; font-weight: bold}
	.nw-field-data { font-size: 10pt; }
	.nw-instruction { text-align: left; font-size: 12pt; }
	.nw-page-header { text-align: left; font-size: 14pt}
	.nw-error-page-message {font-size: 14pt}
	.nw-page-message {color: #2f4e6d; font-size: 11pt}
	.nw-vacation-status {color: #800000; font-size: 10pt}
	.nw-vacation-types {color: #800000; font-size: 10pt}
	 th { font-size: 11pt; color: #2f4e6d }
	 
	 /* warning message */
	.warningmessage { color: #800000; font-size: 11pt }
	
    /* General User Information, such as login id, address, etc.  Appears inside the SSM on each page at the top. */
    #userinfo {padding: 5px; width: 100%; }
   
	/*************************************************************************************************  
					END GENERAL STYLES  
	**************************************************************************************************/
   
   
	/*************************************************************************************************  
					START NAVIGATION
	**************************************************************************************************/
    #nwnavigation { margin: 0px auto; z-index: 999; width: 940px; background: #2f4e6d }
    #sddm { margin: 0; padding: 0; z-index: 999}
    /* main horizontal list item */
    #sddm li {  margin: 0; padding: 0; list-style: none; float: left; font-color: white; font-size: 14pt; font-family: garamond, verdana, arial}
    /* main horizontal list item anchor */    
    #sddm li a {    display: block; margin: 0 1px 0 0; padding: 0px; width: 185px; background: #2f4e6d; color: white; text-align: center; text-decoration: none}
    #sddm li a:hover {  color: silver}    
    /* submenu block */    
    #sddm div { position: absolute; visibility: hidden; margin: 0; padding: 0; background: silver; border: 3px solid white; z-index: 999}    
    /* submenu items */
    #sddm div a {   position: relative; display: block; margin: 0; padding: 5px 10px; width: 200px; white-space: nowrap; text-align: left; text-decoration: none; background: #2f436d; color: #fff; font-size: 12pt; font-family: garamond}
    /* sub menu hover over */
    #sddm div a:hover { color: black; background: silver}
	/*************************************************************************************************  
					END NAVIGATION
	**************************************************************************************************/
   
	/*************************************************************************************************  
					START LOGIN PAGE STYLE
	**************************************************************************************************/
    #login-page { background: #2e4e6e; width: 960px }
    #login-link-panel { background: #FFF; -moz-border-radius: 15px; border-radius: 15px; }
    .login-header { color: #800000; font-size: 14pt }
    .login-sub-block { padding: 10px }
    .login-nonsub-block {  padding: 10px}
    .login-page-heading { color: #FFF; font-size: 13pt }
    .login-instruction { color: #FFF; font-size: 10pt}
    .login-field-labels { color: #FFF; font-size: 12pt }
    .login-single-sign-on { }
    .login-registration-link { color: #800000; font-size: 18pt }
    .login-register-desc { font-size: 12pt }
    .login-forgot-links { color: #800000; font-size: 12pt }
    .login-single-sign-on-instruction { color: #FFF; font-size: 10pt }
    #login-single-sign-on-options { padding: 10px}
    
    /* Alternate login page */
    #outdiv { width: 900px; }
    #headingBlock { width: 880px }
    .botRightLoginBlockHead { font-size: 18pt; font-weight: bold; text-align: left }
    .botRightText { font-size: 12pt;; text-align: left }
    #leftBlock { float: left; height: 650px; width: 400px; padding: 3px; text-align: left} 
    #topRightBlock { float: right; width: 390px; text-align: left;} 
    #botRightBlock { float: right; width: 390px; text-align:left; border-top: 1px solid black; } 
    
	/*************************************************************************************************  
					END LOGIN PAGE STYLE
	**************************************************************************************************/
    
    /* Newsletters/Sub Alerts - Deprecated */
    .subalert-category { color: #003366; text-align: left; font-weight: bold; font-size: 12pt}
    .subalert-desc { font-size: 10pt; font-weight: bold }
    
    /* Payment Styles */
    #nw-address-block { clear: both; width: 98% }
    #nw-credit-block { display: none; width: 98% }
    #nw-bank-debit-block { display: none; width: 98% }
    #nw-nie-grat-block { width: 98% }
    #nw-payment-confirmation-block { display: none; width: 98% }
    #ccinfocontainer { display: none }
    #bankinfocontainer { display: none }
    #confirmationdiv { display: none }
    
    /* Registration Page */
	#sub-nonsub-block { width: 100%; display: block }
	#connect-block { width: 100%; display: none}
	#face-login-block {width: 100%; height: 200px; display: none }
	#twitter-login-block { width: 100%; height: 200px; display: none }
	#trad-sub-block { display: none; width: 100%}
	#trad-nonsub-block { display: none; width: 100%}
	#choice-block { display: none; width: 100%}
	
	.registration-selections { text-align: center; width: 100px; height: 50px; float: left }

/********************************************************************************
	NEW START FORM WITHOUT REGISTRATION
**********************************************************************************/

#nwnscontent{ margin:15px auto; text-align:center; width:920px; position:relative; height:100%; }
#nwnswrapper{ -moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:2px solid #fff; background-color:#f9f9f9; width:900px; overflow:hidden; }
#steps{ width:900px; overflow:hidden; }
.step{ float:left; width:900px; }
#nwnsnavigation{ width: 900px; height:45px; background-color:#87b6d9; border-top:1px solid #fff; -moz-border-radius:0px 0px 10px 10px; -webkit-border-bottom-left-radius:10px; -webkit-border-bottom-right-radius:10px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
#nwnsnavigation ul{ list-style:none; float:left; margin-left:22px; }
#nwnsnavigation ul li{ font-size: 8pt; float:left; border-right:1px solid #ccc; border-left:1px solid #ccc; position:relative; margin:0px 2px; }
/*#step1tab #step2tab #step3tab #step4tab{ display:block; height:45px; background-color:#444; color:#777; outline:none; font-weight:bold; text-decoration:none; line-height:45px; padding:0px 20px; border-right:1px solid #fff; border-left:1px solid #fff; background:#f0f0f0; background: -webkit-gradient( linear, left bottom, left top, color-stop(0.09, rgb(240,240,240)), color-stop(0.55, rgb(227,227,227)), color-stop(0.78, rgb(240,240,240))); background: -moz-linear-gradient( center bottom, rgb(240,240,240) 9%, rgb(227,227,227) 55%, rgb(240,240,240) 78%) }
*/
#nwnsnavigation ul li { display:block; height:45px; background-color:#444; color:#fff; font-size: 12pt; outline:none; font-weight:bold; text-decoration:none; line-height:45px; padding:0px 20px; border-right:1px solid #fff; border-left:1px solid #fff; background:#87b6d9; }
#nwnscontent .newStartTitle { color:#bbb; font-size:24px; text-shadow: #ccc 1px 1px 1px; padding:20px; }
#nwnsnavigation ul li.selected { background:#fff; color:orange; font-size: 12pt; text-shadow:1px 1px 1px #fff; }
span.checked{ background:transparent url(/newzlib/images/checked.png) no-repeat top left; position:absolute; top:0px; left:1px; width:20px; height:20px; }
#steps fieldset{ 
	border:none; 
	padding-bottom:20px; 
}
#steps legend{ 
	text-align:left; 
	background-color:#fff; 
	color:#666; 
	font-size:24px; 
	text-shadow:1px 1px 1px #fff; 
	font-weight:bold; 
	float:left; 
	width:840px; 
	padding:5px 0px 5px 10px; 
	margin:10px 0px; 
}
#formprompt{ text-align: left; float:left; clear:both; margin:2px 0px; background-color:#f4f4f4; border:1px solid #fff; width:700px; padding:5px; margin-left:100px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa; }
#steps p label{ width:300px; float:left; text-align:right; margin-right:15px; line-height:26px; color:#666; text-shadow:1px 1px 1px #fff; font-weight:bold; }
#steps input:not([type=radio]), #steps input:not([type=checkbox]), #steps textarea, #steps select, #steps input { background: #ffffff; border: 1px solid #ddd; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; outline: none; padding: 5px; width: 200px; float:left; font-size: 12pt }
#steps input:focus{ -moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa; background-color:#FFFEEF; }
.buttons { width: 300px; text-align: center; float:right; }
.buttons button{ display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #eee; border-left:1px solid #eee;    font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; /* Links */ }
.buttons button{ width:auto; overflow:visible; padding:4px 10px 3px 7px; /* IE6 */ }
.buttons button[type]{ padding:5px 10px 5px 7px; /* Firefox */ line-height:17px; /* Safari */ }
*:first-child+html button[type]{ padding:4px 10px 3px 7px; /* IE7 */ }
.buttons button img, .buttons a img{ margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; }
/* STANDARD */
/* POSITIVE */
button.positive{ color:#529214; }
button.positive:hover{ background-color:#E6EFC2; border:1px solid #C6D880; color:#529214; }
/* NEGATIVE */
button.negative:hover{ background:#fbe3e4; border:1px solid #fbc2c4; color:#d12f19; }
#steps p label.subscripCat{ width:700px; float:left; text-align:left; margin-right:15px; line-height:26px; color:#666; text-shadow:1px 1px 1px #fff; font-weight:bold; }
#steps p label.subscripOption{ font-size: 8pt; width:650px; float:right; text-align:left; margin-right:15px; line-height:26px; color:#666; text-shadow:1px 1px 1px #fff; font-weight:bold; }
#steps p label.sameasbilling { width: 800px; font-size: 12pt; color: #800000; text-align: left }
#steps p label.plaintext { width: 700px; font-size: 9pt; color: #000; text-align: left }
#steps p label.noclearHeading { float: left; width: 300px; font-size: 12pt; text-align: left}
#steps p label.clearHeading { float: left; width: 300px; font-size: 12pt; text-align: left; clear: both}
#steps p label.noclearText { float: left; width: 300px; font-size: 8pt; text-align: left}
#steps p label.clearText { float: left; width: 300px; font-size: 8pt; text-align: left; clear: both}
#steps p label.noclearTextNewsletter { float: left; width: 200px; font-size: 8pt; text-align: left}
#steps p label.clearTextNewsletter { float: left; width: 200px; font-size: 8pt; text-align: left; clear: both}
#steps p label.confirmAutoRenew { float: left; width: 700px; font-size: 8pt; text-align: left; clear: both}
#steps p label.instruction { float: left; width: 700px; font-size: 9pt; text-align: left; clear: both}
.subscripSpecificOffer { color: #800000; font-size: 14pt; padding: 3px; }

/**********************************************************************
	END NEW START FORM WITHOUT REGISTRATION
**********************************************************************/

/* RESET PASSWORD */
.resetPass { font-size: 12pt; text-align: left; clear: both }

/* Admin Editing Links and Pop up */
.nweditbox { display: none; background: lightgrey; width:410px; height:200px; position:absolute; top:50%; left:50%; border: 1px solid black; padding: 10px; margin:-50px 0 0 -100px; 
	/* [-(height/2)px 0 0 -(width/2)px] */
}
.nwInlineEdit { font-size: 6pt; color: red }

/*********************************************************************
	VERSION 3
*********************************************************************/

.dashboardheading { width: 300px; float: left; font-size: 16pt}
.dashboardbutton { float: left;}

/* User Info Table */
.dashboarduserinfo { width: 500px; float: right;}
.dashboarduserinfotable { width: 100%; }

/* Subscription Info Table */
.dashboardsubscripinfo { width: 100%; float: left;}
.dashboardsubscripbuttons { width: 100%; float: left;}
.dashboardsubscriptable { width: 100%; }

/* Transactions Info Table */
.dashboardtransactioninfo { width: 100%; float: left }
.dashboardtransactionstable { width: 100%; }

/* Profile Info Tab */
.profileinfo { width: 100%; float: left }

/* Vacation Page(s) */
.vacationinfo { width: 100%; float: left }
.vacationactivetable { width: 100%; }
.vacationpendingtable { width: 100%; }
.vacationhistorytable { width: 100%; }

/* Move Page(s) */
.moveinfo { width: 100%; float: left }
.movetable { width: 100%; }
.moveprocessedcolor { color: green }
.movenotprocessedcolor { color: red }

/* Complaint Page(s) */
.complaintinfo { width: 100%; float: left }
.pendingcomplaintstable { width: 100%; }
.historicalcomplaintstable { width: 100%; }
.addcomplainttable { width: 100%; }

/* Missed Page(s) */
.missedinfo { width: 100%; float: left }
.missedprocessedtable { width: 100%; }
.missedunprocessedtable { width: 100%; }

/* Gift Page(s) */
.giftprocessedinfo { width: 100%; float: left }
.giftsubtable { width: 100%; }
.giftsubscriptable { width: 100%; }

/* Renew Pay Page */
.renew-table { width: 800px }

/* v3 login/registration page */
.v3-sign-in-div  { width: 510px; float:left; margin-bottom: 10px; height: 675px; margin-left: 1px }
.v3-sign-in-box-head { text-align: left }
#v3-registration-div  { width: 475px; float:right; margin-bottom: 10px; height: 675px; margin-right: 1px }
#v3-sub-registration-div  { display: none; }
#v3-nonsub-registration-div  { display: none; }
.v3-registration-heading  { font-size: 16pt; text-align: center; width: 98% }
.registration-table { width: 100% }
#v3-registration-option-div { display: none; width: 90%; float: left; margin: 15px; clear: both }
.v3-registration-option-head { text-align: left}

.ui-button.ui-widget .ui-button-text{ font-size: 10pt }

/* ECopy */
.epassinfo { width: 100%; float: left;}
.epassbuttons { width: 100%; float: left;}
.ecopytable { width: 100%; }
.ecopypaymentinfo { clear: both; width: 100%; float: left }
#ecopydiv { display: none; float: left; clear: both; width: 100% }
#daypassdiv {display: none; float: left; clear: both; width: 100%}
#optiondiv { display: none; float: left; clear: both }
#ecopymain {clear: both; float: center; width: 100%}
#ecopyconfdiv {clear: both; float: left; width: 100%}
#sale_confirmation {display: none; clear: both; float: center; width: 80%}
#epasscompleteinfo { clear: both; float: left; width: 100% }
#epassconfdiv { clear: both; float: center; width: 80% }

/* Billing */
.billinginfo { width: 100%; float: left;}

/* The dashboard subscrip buttons */
.subscripButton { float:center; width: 285px; padding: 5px; margin: 5px 5px 5px 5px;  }

/* Admin Login Page */
#v3-admin-sign-in-div  { width: 100%; float:center; height: 400px; }

/* Distributor Dashboard */
.dashboarddistbuttons { width: 100%; float: left;}
.distButton { float:center; width: 285px; padding: 5px; margin: 5px 5px 5px 5px;  }
.dashboarddisttable { width: 100%; float: left;}
.dashboardquerytable { width: 100%; float: left;}
.dashboardtranstable { width: 100%; float: left;}
.dashboardroutetable { width: 100%; float: left;}
.dashboardroutelisttable { width: 100%; float: left;}
.distmakepaymenttable{ width: 100%; float: left;}
.distpendingpaymentstable { width: 100%; float: left;}
.distpaymenthistorytable{ width: 100%; float: left;}
.distpaymentconfirmtable{ width: 100%; float: left;}
.distpendingpaymenttable{ width: 100%; float: left;}
.disthistoricalpaymenttable{ width: 100%; float: left;}

/* Ad Cust Dashboard */
.dashboardadbuttons { width: 100%; float: left;}
.adButton { float:center; width: 285px; padding: 5px; margin: 5px 5px 5px 5px;  }
.dashboardcusttable { width: 100%; float: left;}
.dashboardcustquerytable { width: 100%; float: left;}
.dashboardcusttranstable { width: 100%; float: left;}
.custmakepaymenttable{ width: 100%; float: left;}
.custpendingpaymentstable { width: 100%; float: left;}
.custpaymenthistorytable{ width: 100%; float: left;}
.custpaymentconfirmtable{ width: 100%; float: left;}
.custpendingpaymenttable{ width: 100%; float: left;}
.custhistoricalpaymenttable{ width: 100%; float: left;}
.custmakepaymenttable{ width: 100%; float: left;}
.custpendingpaymentstable { width: 100%; float: left;}
.custpaymenthistorytable{ width: 100%; float: left;}
.custpaymentconfirmtable{ width: 100%; float: left;}
.custpendingpaymenttable{ width: 100%; float: left;}
.custhistoricalpaymenttable{ width: 100%; float: left;}

/* Classified */
.nw-classification-table{ width: 100%; float: left;}
.nw-classification-cost{ font-size: 16pt; color: #800000; font-weight: bold}
.nw-classification-field-cost{ font-size: 16pt; color: #000; font-weight: bold}
.nw-class-registration-table { width: 100% }
.nw-class-past-deadline { color: red }

/* Registration 2 */
#regcolleft { height: 600px; width: 300px; float: left }
#regcolcenter {  height: 600px; width: 300px; float: left; margin-left: 10px; margin-right: 10px}
#regcolright {  height: 600px; width: 400px; float: left}

/* Email Account */
#sendemailinfo { width: 600px; margin: 0px auto }
#sendemailconfirm { display: none; width: 600px; margin: 0px auto }

/* Route Sequencer */
.routesequencerclass { color: red }

/* For the extra information above the Subscription tab */
#nwdashboardinfoextra { margin-bottom: 20px }
.olivebuttons { width: 200px; height: 60px }

/* Store Checkout */
#nwcheckoutcart { width: 700px; margin-right: auto; margin-left: auto }
.nwstorepaymentinfohead { font-size: 16pt; text-align: left }
.nwstorebillingdiv { text-align: left; width: 700px; margin-right: auto; margin-left: auto }
.nwstorefieldlabel { text-align: right; float: left; width: 200px; margin-right: 5px; margin-top: 5px}
.nwstorefield { text-align: left; float: left; width: 200px; margin-top: 5px}
.nwstorebutton { width: 200px; margin-top: 10px }
.nwclear { clear: both }
.storecheckoutaccordion { width: 700px; margin-left: auto; margin-right: auto }
.storelogindiv { width: 410px; margin-left: auto; margin-right: auto; } 
#nw-reg-account-block { width: 500px; margin-left: auto; margin-right: auto; } 
.nwstoreguestdiv { width: 600px; margin-left: auto; margin-right: auto; } 
.nwcheckoutheading { text-align: left; padding: 10px; margin-bottom: 10px; margin-top: 10px}
#registerchoicesdiv { margin-left: auto; margin-right: auto; width: 410px}
.storeregisteroptionstext { font-size: .7em; text-align: left; margin-left: 5px; margin-right: 5px }
.nwstorecheckoutoptionstext { width: 680px; font-size: .8em; text-align: left; padding: 10px; }
.nwstorepayoption { text-align: left }
.nwstoresubdiv { width: 600px; margin-left: auto; margin-right: auto; }
#storeconfirmpurchase { display: none; width: 700px; margin-left: auto; margin-right: auto }
.nwstorecopycheckbox { text-align: left; float: left; width: 400px; margin-left: 5px; margin-top: 5px}

/* Overwrite Store Cart Style.  They are not loaded when store is plugged in. */
#nwstoremain { width: 700px; margin-left: auto; margin-right: auto}
.nwstoreitemrow { width: 100%; background: #eee; font-weight: bold; margin-bottom: 3px}
.nwstorebundlerow { width: 100%; font-weight: bold; margin-bottom: 3px}
.nwstorecol1 { width: 10%; float: left; text-align: left; font-weight: plain}
.nwstorecol2 { width: 40% ; float: left; text-align: left; font-weight: normal;}
.nwstorecol3 { width: 25% ; float: left; text-align: right; font-weight: none}
.nwstorecol4 { width: 25% ; float: left; text-align: right}
.nwstorehead { width: 700px ; font-size: 16pt; text-align: center; margin-bottom: 10px}
.nwstorebundlehead { margin-top: 10px; height: 30px; text-align: left; font-weight: bold}
.nwstorebundlecheckbox { margin-top: 10px; height: 30px; text-align: left; font-weight: bold; }
.nwstoretotal { margin-top: 20px; width: 100% ; text-align: right; font-weight: bold}
.nwstoreheading { font-weight: bold }
#nwupdatestorebutdiv { margin-top: 10px; width: 200px; margin-left: 0px; text-align: left; float: left}
#nwcancelstorebutdiv { margin-top: 10px; width: 300px; margin-left: 0px; text-align: center; float: left}
#nwcheckoutstorebutdiv { margin-top: 10px; width: 200px; margin-right: 0px; text-align: right; float: right}


/******************************************************************** 
	Non Sub Start Alt Zip Form Styles 
********************************************************************/
	.nsaltrequired { font-size: 8pt; }
	.nsaltrequiredasterisk { font-size: 8pt; position: relative; top: -8px}
	.nsaltrequiredinformation { font-size: 8pt }
	.nsaltadditionalinfo { font-size: 9pt; }
	#nsaltzipblock{position: absolute; top: 0px; left: 0px; width: 700px;}
	#nsalttopblock { position: relative; height: 500px; width: 100%; text-align: left;} 

	.nsaltlabels { font-size: 10pt; margin-top: 5px; margin-bottom: 10px; margin-right: 5px; width: 175px; text-align: right; float: left; font-family: times new roman; }
	.nsaltinputdiv { width: 250px; float: left; }
	.nsaltccexpdiv { width: 400px; float: left; }
	.nsaltbilltodiv { margin-left: 30px; width: 500px; float: left; }
	/*.nsaltinput { height: 20px; }*/
	.nsaltinputphone { }
	/*.nsaltselect { height: 20px; margin: 2px 0px; background-color:#f4f4f4; border:1px solid #fff; padding:1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 0px 3px #aaa; -webkit-box-shadow:0px 0px 3px #aaa; box-shadow:0px 0px 3px #aaa; }*/
	#nsaltdiv { display: block; margin-left: 25px; margin-right: 25px }
	/*.nsaltbuttons {
    	background: url("../custom/submitcolor01.png") repeat-x scroll 50% 50% #F4F0EC !important;
    	border: 1px solid #29D642 !important;
    	color: #FFFFFF !important;
    	font-family: Helvetica,sans-serif;
    	font-weight: normal;
    	background-color:#2c9d00 !important;
    	text-decoration:none !important;
    	font-family:Helvetica, sans-serif; 
    	font-size: 18px !important;
    	line-height:22px;
    	width: 215px;
	}*/
	.nsaltdivhead { color: #008ecb; font-size: 12pt; font-family: verdana; }
	#nsaltentriesdiv { text-align: left; display: none; margin-top: 0px }
	#nsaltbilltoaddrdiv { display: none }
	.nsaltratechoicediv { width: 100%; margin-left: 30px; clear: both; height: 25px; margin-top: 10px }
	.nsaltratechoicebuttons { float: left; }
	#nsaltpaytypecreditdiv { display: none }
	#nsaltpaytypedebitdiv { display: none }
	
	#nsaltconfirmationdiv { display: none; width: 900px; margin-right: auto; margin-left: auto;  }
	.nsaltconfheading { color: #008ecb; text-align:left; margin-left:5px; font-family: verdana }
	.nsaltconfdiv { width: 450px; float:left;  }
	.nsaltconflabel { width: 150px; font-size: 12pt; font-weight: bold; font-family: times new roman; text-align: right; float:left; margin-left: 5px; margin-bottom: 5px; }
	.nsaltconfvalue { width: 290px; text-align: left; float:left; margin-left: 5px; font-size: 11pt; word-wrap: break-word; }
	.nsaltconfclear { clear: both }
	.nsaltconfbuttons { text-align: center}
	.nsaltrule { height: 5px; border: 0; box-shadow: inset 0 5px 5px -5px rgba(0,0,0,0.6); }


	.nsaltalertsdiv { width: 100%; float: left; text-align: left; margin-left: 20px; clear: both }
	
	.nsaltgiftratechoicediv { width: 100%; margin-left: 100px; clear: both; height: 25px; margin-top: 10px; margin-bottom: 20px }

	.renewtwoforlabels { font-weight: bold; font-size: 11pt; margin-top: 5px; margin-bottom: 10px; margin-right: 5px; width: 200px; text-align: right; float: left; }
    .renewtwoforinputdiv { width: 200px; float: left; }
    .renewtwoforinput { height: 25px; }
    .renewtwoforoneblock { }
    #nsaltgiftrates { margin-left: 100px}

	/* RENEW PAY STYLES */
	.renew-pay-div { width: 600px; margin-left: auto; margin-right: auto; margin-top: 10px; }
	.renew-pay-nie-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.renew-bank-debit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.renew-pay-credit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.renew-debit-one-conf-div { width: 800px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.renew-debit-recurring-conf-div { width: 800px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.change-subscrip-address-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.change-subscrip-credit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.change-subscrip-debit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.billing-info-div { width: 900px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.edit-billing-address-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.edit-billing-credit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.edit-billing-debit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.new-start-cont-credit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.new-start-cont-debit-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.new-start-cont-addr-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }

    .renew-address-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
    .renew-address-field { margin-bottom: 5px; float: left; text-align: left; }
    .renew-pay-nie-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
    .renew-pay-nie-field { margin-bottom: 5px; float: left; text-align: left; }
    .renew-bank-debit-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
    .renew-bank-debit-field { margin-bottom: 5px; float: left; text-align: left; }
    .renew-pay-credit-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
    .renew-pay-credit-field { margin-bottom: 5px; float: left; text-align: left; }
    .renew-bank-debit-label-conf { float: left; text-align: left; width: 250px; clear: both }    
    .renew-bank-debit-field-conf { float: left; text-align: left; }
    .change-subscrip-pay-address-label { float: left; text-align: left; width: 200px; clear: both }    
    .change-subscrip-pay-address-field { float: left; text-align: left; }
    .change-subscrip-pay-credit-label { float: left; text-align: left; width: 200px; clear: both }    
    .change-subscrip-pay-credit-field { float: left; text-align: left; }
    .change-subscrip-pay-debit-label { float: left; text-align: left; width: 200px; clear: both }    
    .change-subscrip-pay-debit-field { float: left; text-align: left; }
    .edit-billing-label { float: left; text-align: left; width: 200px; clear: both; margin-bottom: 10px }    
    .edit-billing-field { float: left; text-align: left; }
    .edit-billing-head-label { float: left; text-align: right; width: 200px; margin-top: 4px; font-size: 10pt }    
    .edit-billing-head-wrap-label { float: left; text-align: right; width: 200px; clear: both; margin-top: 4px; font-size: 10pt }    
    .edit-billing-head-field { float: left; text-align: left; width: 200px; margin-left: 5px; font-weight: bold}
    .new-start-cont-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
    .new-start-cont-field { margin-bottom: 5px; float: left; text-align: left; }

    .new-start-cont-conf-label { clear: both; float: left; text-align: left; width: 175px; font-weight: bold; }
    .new-start-cont-conf-value { float: left; text-align: left; width: 175px; font-size: 10pt }
    .new-start-cont-conf-head { color: #003366; font-size: 16pt; font-weight: bold; text-align: left}

    #nwduplicateaccount { padding: 20px; font-size: 14pt; font-weight: bold; text-align: left; display: block }
    
	.subalertcat {margin-top: 20px; margin-bottom: 20px; width: 100%; text-align: left; float: left; clear: both; font-size: 18pt; font-weight: bold; border-bottom: 1px solid black }
    .subalert { text-align: left; width: 200px; float: left; margin-left: 20px }
    
	#nsaltpaytypepaypaldiv { display: none }
	
	.paypalreturn { font-size: 14pt; font-weight: bold }
	
	.nwppconfblock { float: left; margin-right: 10px; width: 250px; height: 120px; margin-bottom: 20px }
    .nwpphead { padding: 5px; }
    .nwppvalue { text-align: left; margin-top: 10px; }
    
    
	#newsalertscontent { text-align: left; width: 50% }
    #autooptoutemaillabel { width: 300px; text-align: left; float: left}
    #autooptoutemailvalue { width: 200px; text-align: left; float: left}
    #autooptoutdesc { float: left; width: 500px; margin-top: 20px; clear: both; }
    #autooptoutemail { float: left; width: 500px; margin-top: 20px; clear: both; }
    #autooptoutinstr {  float: left; width: 500px; margin-top: 20px; clear: both;}
    #autooptoutbutton{ float: left; margin-top: 30px; clear: both; }
	#newsalertsoptoutconf { margin-top: 100px }    
	.newsalertcat {margin-top: 20px; margin-bottom: 20px; width: 100%; text-align: left; float: left; clear: both; font-size: 18pt; font-weight: bold; border-bottom: 1px solid black }
    .newsalert { text-align: left; width: 100%; float: left; margin-left: 20px }
    .newsalertssaved { float: right; font-size: 8pt; font-weight: bold; color: green }
    
	#renew-pay-credit-history-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	.new-start-cont-credit-history-div { width: 600px; margin-left: auto; margin-right: auto ; margin-top: 10px; }
	#ad-reg-block { display: none }
	
	.registration-login-div-header { font-size: 14pt }	
	.registration-login-div-labels { font-size: 12pt; float: left; text-align: right; width: 200px }
	.registration-login-div-fields { float: left; text-align: left; width: 200px; margin-left: 5px }
	.registration-login-div-remember { text-align: center; width: 400px; text-align: center }
	.registration-login-div-submit { text-align: center; width: 400px; text-align: center }
	.registration-login-div-forgot { text-align: center; width: 400px; text-align: center }
	
	.registration-choice-block-heading { margin-top: 10px; margin-bottom: 10px; text-align: left; font-size: 12pt; margin-left: 5px }
	.social_reg_option { width: 400px; text-align: left; }
	.social_reg_or { width: 400px; text-align: left; margin-left: 100px; margin-top: 5px; margin-bottom: 5px}
	.social_traditional_option { width: 400px; text-align: left; }
	
	.registration-sub-block-heading { margin-top: 10px; margin-bottom: 10px; font-size: 12pt; text-align: center; font-weight: bold; margin-left: 5px }
	.registration-sub-block-account-link { margin-bottom: 20px;}
	.registration-auto-logoutdiv { }
	.registration-create-account-div { }

	.registration-nonsub-startsubscrip-checkbox { margin-top: 20px; margin-bottom: 20px  } 
	.registration-network { margin-top: 10px; margin-bottom: 10px; font-weight: bold} 
	.registration-network-instruction { text-align: left; margin-left: 5px; margin-bottom: 20px; margin-right: 5px} 
	.registration-network-verify { margin-top: 20px} 
	
	#addoccupantdiv { float: left; margin-left: 10px; margin-right: 20px }
    #addoccupantaddrdiv { float: left; }
    .add-occupant-label { float: left; text-align: left; width: 200px; }
    .add-occupant-field { float: left; text-align: left; margin-bottom: 10px}
    .addoccupantsavebut {float: left; margin-bottom: 30px}
	#headcol1 { float: left; }
	#headcol2 { float: right; }

	/* File Manager */
	#fileframe { width: 100%; height: 1000px }
	#filemanagerwrap { clear: both; height: 100%; }
	#artworkfileframe { width: 100%; height: 800px }
	#artworkfilemanagerwrap { clear: both; height: 850px; }
	.nsaltratechoicetext { margin-left: 5px; text-align: left; float: left; font-size: 10pt; font-family: futura, times new roman; margin-bottom: 3px; width: 300px }
	.nsaltratechoicedesc { margin-left: 5px; text-align: left; float: left; font-size: 10pt; font-family: futura, times new roman; margin-bottom: 3px }
	
	.changesubscripfrom { text-align: left }
	.changesubscrippromo { text-align: left; margin-top: 20px }
	.changesubscriptype { text-align: left ; margin-top: 20px}
	.changesubscripdelivery { text-align: left; margin-top: 20px}
	.changesubscriprates { text-align: left; margin-top: 20px}
	
    input[type="checkbox"] {
           -ms-transform: scale(2);
           -moz-transform: scale(2);
           -webkit-transform: scale(2);
           -o-transform: scale(2);
		   margin-right: 10px;
    }
    select {
        width: auto;
        padding: 3px;
        /*height: 30px;*/
        border: 1px solid #e3e1e1;
        background-color: #fff;
    }

    input[type="text"], input[type="password"] { border-bottom: 1px solid #e3e1e1; border-top: 1px solid #e3e1e1; border-left: 1px solid #e3e1e1; border-right: 1px solid #e3e1e1}

	td { padding-left: 5px; padding-bottom: 10px }

	.divssokeepme { float: left; width: 48% }
	.ssokeepme { width: 40px !important }
	.ssolinks { width: 80% }
    .sso-login-forgot { margin-right: 40px; font-size: .9em; color: rgb(91, 148, 255); }

	.sso_row button { min-height: 40px }
	.sso-header button { height: auto }
	.sso-wrapper button { height: auto }
	.sso-footer button { height: auto }
    div#divlogin *,
    div#divsubreg *,
    div#divnonsubreg *,
    div#forgotpwlogin *,
    div#forgotpwconfirm *,
    div#forgotuserinfo *,
    div#forgotuserconfirm *{ box-sizing: border-box; width: 90% }
    .sso-no-padding-t { padding-top: 0 !important; }
    .sso-no-padding-b { padding-bottom: 0 !important; }
    .sso-no-padding-l { padding-left: 0 !important; }
    .sso-no-padding-r { padding-right: 0 !important; }
    div.sso-wrapper,    div.sso-header * { font-size: 1em; }
    div.sso_row { padding: 10px 0; width: 100%; text-align: left }    
	div.sso_row.double input:first-child { border-bottom: 2px solid lightgrey; border-top: 2px solid lightgrey; border-left: 2px solid lightgrey; border-right: 2px solid lightgrey }
	div.sso_row.double input:last-child { border-bottom: 2px solid lightgrey; border-top: none; border-right: 2px solid lightgrey; border-left: 2px solid lightgrey}
    div.sso-separator { padding: 10px 0; width: 100%; margin: 0 auto; text-align: center; display: flex; flex-flow: row 
nowrap; align-items: center; }
    div.sso-separator::before,
    div.sso-separator::after { display: inline-block; content: ' '; height: 1px; width: 50%; }
    div.sso-separator::before {
        background: -moz-linear-gradient(left,  rgba(36,36,62,0) 0%, rgba(48,43,99,1) 100%); 
        background: -webkit-linear-gradient(left,  rgba(36,36,62,0) 0%,rgba(48,43,99,1) 100%); 
        background: linear-gradient(to right,  rgba(36,36,62,0) 0%,rgba(48,43,99,1) 100%); 
    }
    div.sso-separator::after {
        background: -moz-linear-gradient(left, rgba(48,43,99,1) 0%, rgba(15,12,41,0) 100%); 
        background: -webkit-linear-gradient(left,  rgba(48,43,99,1) 0%,rgba(15,12,41,0) 100%); 
        background: linear-gradient(to right,  rgba(48,43,99,1) 0%,rgba(15,12,41,0) 100%); 
    }
    .sso-register-link { font-size: .7em; color: rgb(91, 148, 255); }
    div.sso_row p { text-align: center; font-weight: bold; }
    div.sso-restrictions { font-size: .7em; color: rgb(255, 72, 75); }
    div.sso_row.height-fix { overflow: hidden; }
	.responsive-image { max-width: 100%; height: auto; }


	.renewpayextlabel { float: left; width: 250px; margin-bottom: 20px }
	.renewpayextfield { float: left; width: 200px; margin-bottom: 20px }
	#cc_exp_month { width: 100px }	
	#cc_exp_year { width: 100px }
	#esbut { margin-bottom: 10px }
	.promptText { margin-right: 10px }
	.subalert { margin-bottom: 10px }
    input:focus { border: 1px solid lightblue !important; box-shadow: 0 0 10px #9ecaed; }
	
	.landing_wrapper { margin-right: auto; margin-left: auto}
	.landing_prompt { width: 100%; text-align: center; padding: 10px; font-size: 1.5em }
	.landing_instruction { padding: 10px; font-size: 1em; text-align: left }
	.landing_label { width: 135px; padding: 10px; font-size: .8em; text-align: left; float: left; }
	.landing_field { padding: 10px; font-size: .8em; text-align: left; float: left; }
	.landing_buttons { text-align: center; }
	
	#nonsubstartconfirmdiv { margin-left: 10px; margin-right: 10px }
	#nonsubstartconfirmdiv caption{ font-size: 1.8em }
	#nonsubstartconfirmdiv table { width: 100% }
	#nonsubstartconfirmdiv th { width: 50% }
	#nonsubstartconfirmdiv td { width: 50% }
	
	.ppnshead { margin-top: 25px; font-size: 20pt; margin-bottom: 20px }
	.ppnsinstruction { margin-bottom: 20px; text-align: left } 
	.ppnsactivatemessage1 { margin-bottom: 20px ; text-align: left}
	.ppnsactivatemessage2 { margin-bottom: 20px ; text-align: left}
	.ppnsactivatemessage3 { margin-bottom: 20px ; text-align: left}
	.ppnsprintpage { margin-bottom: 20px ; text-align: left}
	
	.messages_label { text-align: right; float: left; width: 200px }
    .messages_field { margin-left: 10px; text-align: left; float: left; width: 300px }
    .messages_field select { height: 100px }
    .messages_button { text-align: left }
	

	.ssoalttext { width: 300px; font-family: 'Playfair Display', georgia, times; margin-top: 25px; margin-left: 0px; font-weight: bold; color: #000; font-size: 1.0em} 

	.ssoaltfield { /*width: 290px;*/ margin-top: 15px; margin-left: 0px; } 
	.ssoaltfield input { box-shadow: 0 0 5px #2c3e50 inset; width: 290px; border: 1px solid #808b96; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 60px; font-size: 18px; padding: 4px 7px; outline: 0; -webkit-appearance: none; }
	.ssoaltbtn { margin-top: 15px; height: 55px; margin-left: 3px; width: 308px; color: white; background: black; border: 1px solid #ccc; border-radius: 10px; font-size: 1.5em; }
	.ssoaltsubscribebtn { margin-top: 15px; height: 55px; margin-left: 3px; width: 308px; color: white; background: #1db24b; border: 1px solid #fff; border-radius: 10px; font-size: 1.5em; }
	.ssoaltsubscribebtn:hover { cursor: pointer; background: white; color: black }

	/* Chrome/Opera/Safari */
	::-webkit-input-placeholder { color: #606060; }
	 /* Firefox 19+ */
	 ::-moz-placeholder { color: #606060; }
	/* IE 10+ */
	:-ms-input-placeholder { color: #606060; }
	/* Firefox 18- */
	:-moz-placeholder { color: #606060; }


	.ssoaltbtn:hover { cursor: pointer; background: white; color: black }
	.ssoaltcheckboxfield { margin-top: 25px; margin-left: 0px; }
	.ssoaltcheckboxtext { font-family: 'Roboto', sans-serif; margin-top: 25px; margin-left: 5px; font-size: 1.3em; font-weight: bold } 
	.ssoaltcheckboxtext input[type="checkbox"] { -ms-transform: scale(2); -moz-transform: scale(2); -webkit-transform: scale(2); -o-transform: scale(2); margin-right: 10px; }
	.ssoaltlinethrough { font-style: italic; margin-top:25px; width: 300px; display:flex; }
	.ssoaltlinethrough2 { font-style: italic; margin-top:25px; width: 300px; display:flex; }
	.ssoaltlinethrough:before, .ssoaltlinethrough:after { color:white; content:''; flex:1; border-bottom:groove 2px; margin:auto 0.25em; box-shadow: 0 -1px ; }
	.ssoaltlinethrough2:before, .ssoaltlinethrough2:after { color:white; content:''; flex:1; border-bottom:groove 2px;  box-shadow: 0 -1px ; }
	.ssoalterrormess { width: 290px; text-align: left; padding: 10px; margin-top: 10px; margin-bottom: 10px }
	.ssoaltfindlink { font-family: 'Roboto'; color: #262B28 }
	.ssoaltreglink { font-family: 'Roboto'; color: #262B28 }
	.ssoaltforgotlink { font-family: 'Roboto'; color: #262B28 }
	
	    .ssoaltpopuptext { font-family: "Roboto"; font-size: 10pt; margin-bottom: 20px; border-bottom: 1px solid #eee; }
	    .ssoaltpopuptexttitle { font-family: "Roboto"; font-weight: bold; font-size: 14pt; margin-bottom: 20px; border-bottom: 1px solid #eee; }

.ssoalt-selectWrapper select { background: white !important; max-width: 98% }
.ssoalt-selectBox{ width:290px; margin-top: 15px; font-size: 18px; border:0px; background: url(droparrow2.png) no-repeat right white !important; outline:none; }

.ssoalt-selectWrapper{
    box-shadow: 0 0 5px #2c3e50 inset;
    border: 1px solid #808b96;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 60px;
    padding: 2px 7px;
    outline: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    background: white;
    float: left;
    width: 290px;
    margin-bottom: 10px;
}

.ui-widget-overlay { opacity: .70;filter:Alpha(Opacity=70); background: #787979 }

.dialogWithDropShadow {
    -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.5);
}
	
.userinfowrapper { clear: both; float: left; margin-top: 5px; margin-left: 5px}
.userinfomenuwrapper { float: right; margin-top: 5px; margin-right: 5px }
.userinfolabel { text-align: left; margin-top: 10px; float: left; width: 100px }
.userinfofield { text-align: left; margin-top: 10px; float: left; width: 200px }
.csbuttonswrap { float: left; margin-top: 10px }
.renewdiv { margin-top: 50px; width: 600px }
.renewbutton { margin-top: 50px; }
.renewlabeldiv { float: left; margin-right: 20px }
.renewfielddiv { float: left; margin-right: 20px }
.nwbold { font-weight: bold }
.renewoptionslabeldiv { text-align: left; float: left; margin-left: 10px; margin-top: 25px; }
.renewoptionsfielddiv { text-align: left; float: left; margin-left: 10px; margin-top: 9px; }
.renewoptionsbutton { float: left; margin-right: 20px; margin-top: 25px }
.renewoptionsdiv { margin-bottom: 20px }

/* The side navigation menu */
.nwsidenav {
  height: 100%; /* 100% Full-height */
  width: 0; /* 0 width - change this with JavaScript */
  position: fixed; /* Stay in place */
  z-index: 99999999; /* Stay on top */
  top: 0;
  left: 0;
  /*background-color: #1db24b; */
  background-image: linear-gradient(#1db24b, white, white); 
  overflow-x: hidden; /* Disable horizontal scroll */
  padding-top: 60px; /* Place content 60px from the top */
  transition: 0.5s; /* 0.5 second transition effect to slide in the nwsidenav */
  text-align: left;
}

/* The navigation menu links */
.nwsidenav a {
  padding: 8px 8px 8px 32px;
  text-decoration: none;
  font-size: 25px;
  color: #000;
  display: block;
  transition: 0.3s;
}

/* When you mouse over the navigation links, change their color */
.nwsidenav a:hover {
  color: #fff;
}

/* Position and style the close button (top right corner) */
.nwsidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 36px;
  margin-left: 50px;
}

.dashboardsubscripinfo { padding: 10px }
.dashactionbutton { margin-top: 5px; }
.transpendingdiv { float: right }
.nwsubscriptionshead { float: left; font-size: 24pt; text-align: left; font-family: Poppins; }
.nwsubscriptionsacct { float: right; font-size: 24pt; font-family: Poppins; }
.dashboardtransactionsdiv { margin-top: 25px; }

.dashtranscol1head { margin-top: 10px; border-bottom: 1px solid black; float: left; width: 19%; height: 30px; font-weight: bold; font-family: Poppins}
.dashtranscol2head { margin-top: 10px; border-bottom: 1px solid black; float: left; width: 19%; height: 30px; font-weight: bold; font-family: Poppins}
.dashtranscol3head { margin-top: 10px; border-bottom: 1px solid black; float: left; width: 19%; height: 30px; font-weight: bold; font-family: Poppins}
.dashtranscol4head { margin-top: 10px; border-bottom: 1px solid black; float: left; width: 19%; height: 30px; font-weight: bold; font-family: Poppins}
.dashtranscol5head { margin-top: 10px; border-bottom: 1px solid black; float: left; width: 19%; height: 30px; font-weight: bold; font-family: Poppins}

.dashtranscol1 { margin-top: 10px; float: left; width: 19%; height: 40px }
.dashtranscol2 { margin-top: 10px; float: left; width: 19%; height: 40px }
.dashtranscol3 { margin-top: 10px; float: left; width: 19%; height: 40px }
.dashtranscol4 { margin-top: 10px; float: left; width: 19%; height: 40px }
.dashtranscol5 { margin-top: 10px; float: left; width: 19%; height: 40px }

.dashboardsubscriphead { margin-bottom: 20px; font-family: Poppins; font-weight: bold; border-bottom: 1px solid black }
.dashboardsubscripfield { }

.dashboardsubscripcarddiv { float: left; font-size: 1.2em; width: 15%; margin-bottom: 25px; margin-top: 25px; }
.dashboardaccount { margin-top: 25px; width: 100%; }

.dashgiftcol1head { float: left; width: 9%; height: 30px }
.dashgiftcol2head { float: left; width: 9%; height: 30px }
.dashgiftcol3head { float: left; width: 9%; height: 30px }
.dashgiftcol4head { float: left; width: 9%; height: 30px }
.dashgiftcol5head { float: left; width: 9%; height: 30px }
.dashgiftcol6head { float: left; width: 9%; height: 30px }
.dashgiftcol7head { float: left; width: 9%; height: 30px }
.dashgiftcol8head { float: left; width: 9%; height: 30px }
.dashgiftcol9head { float: left; width: 9%; height: 30px }
.dashgiftcol10head { float: left; width: 9%; height: 30px }
.dashgiftcol1 { float: left; width: 9%; height: 80px }
.dashgiftcol2 { float: left; width: 9%; height: 80px }
.dashgiftcol3 { float: left; width: 9%; height: 80px }
.dashgiftcol4 { float: left; width: 9%; height: 80px }
.dashgiftcol5 { float: left; width: 9%; height: 80px }
.dashgiftcol6 { float: left; width: 9%; height: 80px }
.dashgiftcol7 { float: left; width: 9%; height: 80px }
.dashgiftcol8 { float: left; width: 9%; height: 80px }
.dashgiftcol9 { float: left; width: 9%; height: 80px }
.dashgiftcol10 { float: left; width: 9%; height: 80px }
.nwcard img { margin-top: 20px }
.nwcard p { margin-top: 20px }
.nwcard {
  /* Add shadows to create the "card" effect */
  	box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
  	transition: 0.3s;
 	border-radius: 5px; 
	background-image: linear-gradient(#1db24b, white, white); 
	float: left;
	width: 90%;
	height: 300px;
	padding: 10px; 
	margin-bottom: 40px; 
}

/* On mouse-over, add a deeper shadow */
.nwcard:hover {
  box-shadow: 0 8px 16px 0 rgba(0,0,0,0.2);
}

/* Add some padding inside the card container */
.cardcontainer {
	margin-top: 25px;
  	padding: 2px 16px;
	text-align: left;
	margin-left: 15px;
}

.welcomehead { margin-top: 15px; text-align: left; font-size: 16pt }
.nwmenubutton { z-index: 99999999; border-radius: 10px; padding: 10px; background: #1db24b; position: fixed; top: 2px; right: 10px; display: inline-block; cursor: pointer;}
.ham-line { width: 45px; height: 10px; background-color: white; margin: 6px 0;  border-radius: 25px; }

.paymentsdivlabel { float: left; }
.paymentsdivfield { float: left; }
.paymentsdivcol1 { width: 19%; text-align: left; }
.paymentsdivcol2 { width: 19%;  text-align: left;}
.paymentsdivcol3 { width: 19%;  text-align: left;}
.paymentsdivcol4 { width: 19%;  text-align: left;}
.paymentsdivcol5 { width: 19%;  text-align: left;}
.paymentsdivhead { font-weight: bold; border-bottom: 1px solid black; margin-bottom: 10px }


@media screen and (max-width: 1000px) {
	#nwmain { }
    select { max-width: 250px }
    .nw-input-text { max-width: 250px }
    .renew-address-label { text-align: right; margin-top: 8px; margin-right: 10px; width: 100px }
    .renew-bank-debit-label { margin-left: 15px; text-align: left; margin-top: 15px; width: 100% }
    .renew-bank-debit-field { margin-left: 15px; text-align: left; margin-top: 2px; width: 100% }
    .renew-pay-credit-label { margin-left: 15px; text-align: left; margin-top: 15px; width: 100% }
    .renew-pay-credit-field { margin-left: 15px; text-align: left; margin-top: 2px; width: 100% }
    .ui-tabs-anchor { max-width: 250px }
    .ui-tabs .ui-tabs-nav li { white-space: normal }
    .renewpayextfield { max-width: 200px }
	.renewdiv { width: 100% }
    .renewlabeldiv { float: left; width: 100%; text-align: left; margin-left: 20px }
    .renewfielddiv { float: left; width: 100%; text-align: left; margin-left: 20px }
    .nwsidenav {padding-top: 15px;}
  	.nwsidenav a {font-size: 14px;}
  	
	.subscripButton { margin-top: 10px }
	.transpendingdiv { clear: both; float: left; margin-top: 10px; margin-bottom: 10px }
	.dashboardsubscripcarddiv { font-size: .8em; width: 33%; }

	.dashtranscol1head { font-size: .8em; width: 22%; height: 20px; padding: 2px}
	.dashtranscol2head { font-size: .8em; width: 28%; height: 20px; padding: 2px}
	.dashtranscol3head { display: none }
	.dashtranscol4head { font-size: .8em; width: 28%; height: 20px; padding: 2px}
	.dashtranscol5head { font-size: .8em; width: 12%; height: 20px; padding: 2px}

	.dashtranscol1 { font-size: .8em; float: left; width: 22%; height: 20px; padding: 2px }
	.dashtranscol2 { font-size: .8em; float: left; width: 28%; height: 20px; padding: 2px }
	.dashtranscol3 { display: none }
	.dashtranscol4 { font-size: .8em; float: left; width: 28%; height: 20px; padding: 2px }
	.dashtranscol5 { font-size: .8em; float: left; width: 12%; height: 20px; padding: 2px }
	
   	.ham-line { width: 25px; height: 3px; }
	.nwmenubutton { height: 20px }
   	
	.paymentsdivcol1 { font-size: 10pt; width: 32%; text-align: left; }
	.paymentsdivcol2 { font-size: 10pt; width: 40%;  text-align: left;}
	.paymentsdivcol3 { display: none }
	.paymentsdivcol4 { display: none }
	.paymentsdivcol5 { font-size: 10pt; width: 25%;  text-align: left;}
	
   	.edit-billing-head-label { text-align: left; width: 100%; margin-bottom: 10px; font-size: 10pt }
    .edit-billing-head-wrap-label { text-align: left; width: 100%; margin-top: 10px; font-size: 10pt }
    .edit-billing-head-field { text-align: left; width: 100%; margin-left: 0px; font-size: 10pt }
    
	.nwsubscriptionshead { font-size: 12pt; }
	.nwsubscriptionsacct { font-size: 12pt; }
}
.nwsubmenuitems { margin-left: 25px }

.vacationtypelabel { margin-top: 15px; font-weight: bold; font-size: 14pt; text-align: left; font-family: Roboto }
.vacationtypetext { margin-top: 8px; font-size: 12pt; text-align: left; font-family: Poppins }
.vacationeditlabel { text-align: left; margin-top: 18px; font-family: Roboto }
.vacationeditfield { text-align: left; margin-top: 5px; }
.vacationeditbuttons { text-align: center; margin-top: 20px; }
.vacationtypesdiv { padding: 5px }
#vacationeditdiv { width: 60%; margin-right: auto; margin-left: auto }
#nwsubscripinfo-2 { margin-top: 30px; }
#nwalreadysubscribed { padding: 10px; font-size: 18pt; font-family: Poppins; display: none; }
.changesubscripcontbutton { margin-top: 30px; text-align: left }

.pprninfo { padding: 10px }
.paypalbuttoncontainer { margin-top: 25px }
.debit_balance_text { margin-top: 20px; margin-bottom: 30px; padding: 10px; text-align: left; color: red !important; font-weight: bold }
#esbut { margin-top: 10px; margin-bottom: 10px; }
.samebillingdiv { margin-top: 10px; margin-bottom: 10px }
.lowercase { text-transform: lowercase; }
	.renewoptionspkgdiv { width: 98% }
	.renewoptionspkgeditiondiv { float: left; margin-bottom: 20px; font-family: Roboto; font-size: 18pt;} 
	.renewoptionspkglabeldiv { clear: both; float: left; width: 30%; text-align: right; margin-right: 20px; margin-top: 20px; font-weight: bold; font-family: 'Roboto' }
	.renewoptionspkgfielddiv { float: left; margin-top: 20px; } 
	.renewoptionspkgspacer { height: 50px }
	.renewoptionspkgheading { text-align: left }
	.renewoptionspkgaddressdiv { margin-bottom: 30px }
	.renewoptionsselect { } 
	.renewoptionsselectexp { } 
	.renewoptionsinput { } 
	.renewoptionsinputcid { text-align: left }
	.renewoptionswhatsthisfld { float: left; text-align: left; margin-top: 0px; } 
	.renewoptionswhatsthislbl { clear: both; float: left; width: 30%; text-align: right; margin-right: 20px; margin-top: 00px; }
	@media screen and (max-width: 700px) {
		.renewoptionspkglabeldiv { width: 100%; text-align: left; margin-left: 10px; }
		.renewoptionspkgfielddiv { width: 100%; text-align: left; margin-left: 10px; margin-top: 5px }
		.renewoptionspkgaddressdiv { margin-top: 30px }
		.renewoptionspkgeditiondiv { text-align: left }
		.renewoptionsselect { width: 90% !important } 
		.renewoptionsselectexp { width: 45% } 
		.renewoptionsinput { width: 90% } 
		.renewoptionsinputcid { width: 90%}
	}
	
	.ssoaltexistingsublink { text-align:right; font-size: 10pt}	
	.ssoaltforgotlinkdiv { margin-bottom: 15px }
	.nwlatefee { color: red; font-weight: bold; font-family: 'Roboto' }	
.canceloptionshead { font-family: 'Roboto'; margin-top: 15px; margin-bottom: 15px }	


#bdccnumwrap  {
 margin-left: -10px;
}
#bdccnumwrap i {
    margin-left: -30px;
    cursor: pointer;
}
#renewnewaddrdiv { display: none }
.rndheading { font-size: 16pt; margin-bottom: 20px }
.rndlabel { clear: both; float: left; width: 40%; margin-bottom: 15px }
.rndfield { float: left; width: 40%; margin-bottom: 15px }
#renewconfdiv { display: none; text-align: left }
.renewalheading { font-family: 'Roboto'; font-size: 20pt; margin-bottom: 20px; }
.renewalinstruction { font-family: 'Roboto'; font-size: 12pt; margin-bottom: 20px; }
#renew_message { padding: 15px; display: none; font-size: 1.1em }
#addr_message { padding: 15px; display: none; font-size: 1.1em }
#renewoffersdiv { display: none; }
.renewfield { margin-top: 15px; margin-left: 0px; } 
.renewfield input { box-shadow: 0 0 5px #2c3e50 inset; width: 307px; border: 1px solid #808b96; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 60px; font-size: 16pt; padding: 2px 7px; outline: 0; -webkit-appearance: none; font-family: 'Roboto' }
.renewfieldhalf input { box-shadow: 0 0 5px #2c3e50 inset; width: 151px; border: 1px solid #808b96; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; height: 60px; font-size: 16pt; padding: 2px 7px; outline: 0; -webkit-appearance: none; font-family: 'Roboto'; margin-top: 10px }
#renewcchistorydiv { display: none }
.renew-selectWrapper{
    box-shadow: 0 0 5px #2c3e50 inset;
    border: 1px solid #808b96;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    height: 60px;
    padding: 2px 7px;
    outline: 0;
    background: white;
    width: 307px;
    /*margin-bottom: 10px;*/
	font-size: 16pt;
	font-family: 'Roboto'
}
.renewfieldck input {
    -ms-transform: scale(2);
    -moz-transform: scale(2);
    -webkit-transform: scale(2);
    -o-transform: scale(2);
    margin-right: 10px;
}
#renewemaildivwrap { margin-top: 20px; border-top: 1px solid lightgrey}
#renewemaildiv { margin-top: 20px; }
#renewccdiv { margin-top: 20px; border-top: 1px solid lightgrey}
#renewcreditdiv { margin-top: 20px; }
.renewaddress { font-weight: bold; font-size: 10pt; font-family: 'Roboto'; margin-bottom: 20px; color: darkorange; }
.renewaddress a { font-weight: bold; font-family: 'Roboto'; color: darkorange; }
.renewdivwrap { width: 600px; padding: 5px; background: #F8F8F8; border: 1px solid lightgray;}
.renewalstep { text-align: left; font-family: 'Roboto'; font-size: 20pt; margin-bottom: 20px; }
.renewrecurringdiv { margin-top: 20px; margin-bottom: 20px }
#renewtotaldiv { margin-top: 20px; margin-bottom: 20px; width: 250px }
.renewtotalslabel { margin-top: 5px; clear: both; float: left; width: 50%; text-align: left; font-family: 'Roboto'; font-size: 16pt; color: grey; }
.renewtotalsfield { margin-left: 10px; float: left; width: 45%; text-align: right; font-family: 'Roboto'; font-size: 16pt; color: grey; }
@media screen and (max-width: 501px) {
.renewdivwrap { width: 100% }
}
.nwsubscriptionsaddress { margin-left: 10px; float: left; font-size: 12pt; font-family: Poppins; }
.nwsubscriptionshead { margin-top: 30px; }
.profileinfodiv { padding: 20px }
.profilesavebutton { text-align: center; margin-top: 20px }
.profilehead { text-align: left; font-size: 1.4em; margin-top: 30px; margin-bottom: 20px; border-bottom: 1px solid black }
.profilelabel { text-align: left; clear: both; float: left; width: 300px; margin-top: 10px }
.profilefield { float: left; width: 400px; margin-top: 10px; text-align: left }
.profilesocialmess { text-align: left; margin-top: 10px }
@media screen and (max-width: 1000px) {
.profilefield { width: 200px; }
.profilelabel { margin-top: 20px }
}
#ssoheadingtext { font-size: 16pt; font-weight: bold; font-family: 'Roboto' }
#ssosubregistrationheadingtext { font-size: 16pt; font-weight: bold; font-family: 'Roboto' }
#ssononsubregistrationheadingtext { font-size: 16pt; font-weight: bold; font-family: 'Roboto' }
#nonsubregistrationbottomtext { width: 300px; font-family: 'Roboto'; text-align: left; margin-top: 20px }
@media screen and (max-width: 501px) {
        #nonsubregistrationbottomtext { width: 90% }
}

.passwordresethead { text-align: center; font-size: 16pt; font-family: 'Roboto'; margin-top: 20px }
.passwordresetlabel { clear: both; float: left; width: 200px; margin-top: 20px }
.passwordresetfield { float: left; width: 200px; margin-top: 20px }
.passwordresetbutdiv { margin-top: 50px; }
.passwordresetdiv { width: 450px; margin-left: auto; margin-right: auto }
@media screen and (max-width: 501px) {
	.passwordresethead { text-align: center; font-size: 16pt; font-family: 'Roboto'; margin-top: 20px }
    .passwordresetlabel { text-align: left; width: 95%; margin-top: 20px }
    .passwordresetfield { text-align: left; width: 95%; }
    .passwordresetfield input { width: 90%; }
    .passwordresetbutdiv { margin-top: 30px; }
    .passwordresetdiv { width: 95%; margin-left: 10px; margin-right: 10px }
}	

.ssoaltv4div { width: 49%; float: left; margin-right: 10px; margin-bottom: 20px; height: 500px }
.ssoaltv4errormess { text-align: left; padding: 10px; margin-top: 10px; margin-bottom: 10px }
.ssoaltv4forgotlinksdiv { float: right; margin-left: 15px }
.ssoaltv4forgotlinksdiv a { margin-left: 15px }
.ssoaltv4header { font-family: 'Roboto'; font-size: 18pt; }
@media screen and (max-width: 1001px) {
    .ssoaltv4div { width: 99%; float: none; height: auto }
        #nwmain { max-width: 99% }
}
.dashboardtransmessage { float: left; margin-bottom: 15px; padding: 10px; width: 90%; font-size: 1.2em }
.nwred { color: red }
.cancelsubscriptotal { text-align: center; margin-top: 10px; margin-bottom: 10px; font-size: 1.1em; font-style: italic }

/* Bootstrap Classes for SSM */
.nav-link { font-family: Roboto,Arial,sans-serif !important; font-size: 14pt !important; text-transform: uppercase; color: black !important; }
.dropdown-item { font-family: Roboto,Arial,sans-serif !important; font-size: 12pt !important; text-transform: uppercase; color: black !important; }
#dashboardcardwrapper { float: left; width: 99%; margin-bottom: 20px}
.dashboardheader { font-size: 18pt; color: black; background: lightgrey !important; padding: 3px}
.dashboardcardborder { border-color: #6c757d !important; }
.dashboardoverviewbuttondiv { display: inline }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { font-size: 18pt; color: white; background: #808080 !important; padding: 3px }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: white !important }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: white !important }
.navbar-nav { border-bottom: 1px solid #eee; }
#v3-admin-sign-in-div  { width: 100%; float:center; height: auto !important; }
.nwppchoice { width: 550px; margin-left: auto; margin-right: auto }
@media screen and (max-width: 1001px) {
    .nwppchoice { width: 99%; }
}
#usertab li a { font-size: 12pt }
.billingaccounttext { text-align: left }
.ssoaltforgotbootstrap { float: left; margin-right: 20px } 
.ssoaltloginbutton { } 
.nwstart_payment_methods { width: 600px; margin-right: auto; margin-left: auto }
.samebillingdiv { width: 600px;  margin-right: auto; margin-left: auto }
.new-start-rate-select { width: 45% !important; }
.new-start-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }    
.new-start-field { margin-bottom: 5px; float: left; text-align: left; }
#spanrecurring { width: 600px; margin-left: auto; margin-right: auto; } 
.dashboardstartnewsubscriptionbut { margin-top: 10px; margin-bottom: 15px }
@media screen and (max-width: 1001px) {
	.ssoaltforgotbootstrap { width: 100%; margin-top: 10px } 
	.ssoaltloginbutton { width: 100%; margin-top: 10px } 
	.nwstart_payment_methods { width: 99%; }
	.samebillingdiv { width: 99%;  }
	.new-start-label { width: 99% }
	#esub1 { margin-bottom: 10px }
.new-start-field { margin-bottom: 5px; float: left; text-align: left; }
}
.register_editions { font-size: 12pt !important }
.magiclinktext { font-size: 14pt }

.renewemailoptouthead { text-align: left; font-size: 16pt; font-family: 'Roboto'; margin-top: 20px }
.renewemailoptouttext { text-align: left; margin-top: 20px }
.renewemailoptoutbutdiv { margin-top: 50px; }
.renewemailoptoutdiv { width: 450px; margin-left: auto; margin-right: auto }
@media screen and (max-width: 501px) {
	.renewemailoptouthead { text-align: left; font-size: 16pt; font-family: 'Roboto'; margin-top: 20px }
    .renewoptoptoutbutdiv { margin-top: 30px; }
    .renewoptoptoutdiv { width: 95%; margin-left: 10px; margin-right: 10px }
}	
.selectdashboardaccount { width: 300px }
@media screen and (max-width: 501px) {
    .selectdashboardaccount { width: 99% }
}

.selectransactionscls { float: left; text-align: left; margin-bottom: 10px; max-width: 300px }
.transactionsdatecls { text-align: left; float: left }
.custom-select { text-align: left !important }
.transactionsclswrap { width: 600px; margin-left: auto; margin-right: auto }
#billingCCInfo { width: 600px; margin-left: auto;margin-right: auto; }
.payinstruct { text-align: center }
.paymentselect { width: 400px !important }
@media screen and (max-width: 700px) {
	.selectransactionscls { text-align: left; margin-bottom: 10px; }
	.transactionsdatecls { text-align: left; width: 45%; float: left }
	.transactionsclswrap { width: 100%; margin-left: auto; margin-right: auto }
	#billingCCInfo { width: 100%; margin-left: auto;margin-right: auto; }
	.payinstruct { text-align: left }
	.paymentselect { width: 100% !important }
}
.gratuity-apply-div { padding: 5px; margin-bottom: 20px }
.gratuity-apply-label { margin-bottom: 10px }
.gratuity-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }
.gratuity-field { margin-bottom: 5px; float: left; text-align: left; }
.grat-body { width: 700px; margin-left: auto; margin-right: auto; }
.gratuity-pub-label { margin-bottom: 5px; float: left; text-align: left; width: 200px; clear: both }
.gratuity-pub-field { margin-bottom: 5px; float: left; text-align: left; }
.gratuity-cc-exp { width: 45% !important }
.gratuity-conf-total-label { font-size: 16pt; font-family: Arial }
.gratuity-conf-total-field { font-size: 16pt; font-family: Arial }
.gratprocessingdiv { height: auto; width: 120px; margin-left: auto; margin-right: auto; display: none }
.gratuity-note { text-align: left }
@media screen and (max-width: 700px) {
    .grat-body { width: 100%; margin-left: auto; margin-right: auto; }
	.gratuity-label { margin-bottom: 5px; float: left; text-align: left; clear: both }
	.gratuity-field { margin-bottom: 5px; float: left; text-align: left; }
	.gratuity-pub-label { margin-bottom: 5px; float: left; text-align: left; width: 100%; clear: both }
	.gratuity-pub-field { margin-bottom: 5px; float: left; text-align: left; }
}
.adbuttonswrap { float: left; margin-top: 10px }

.paymentwrap { width: 800px; text-align: left }
.paymentwrapdone { width: 800px; text-align: left }
.paymentwrap .mx-1 { font-size: 24pt !important }
.paymentwrap .nav-pills .nav-link.active { color: #fff !important }
.paymentwrap .custom-select { height: calc(2.25rem + 10px); }
#paymentconfdialog .conffield { float: left; width: 45%; margin-left: 10px }
#paymentconfdialog .conflabel { float: left; width: 49%; text-align: right }
@media screen and (max-width: 700px) {
	.paymentwrap { width: 100% }
	.paymentwrapdone { width: 100% }
	.paymentwrap .mx-1 { font-size: 16pt !important }
}
.ssoaltloginbutton { width: 250px !important }
.profilesinglesignon { text-align: left; margin-top: 25px; }
.profileunlink { text-align: left; margin-top: 10px; }
.profilesociallinks { text-align: left; }
.sociallogindiv { float: left; margin-top: 15px; margin-bottom: 15px; margin-right: 15px }
.smsoptionstext1 { text-align: left }
.smsoptionstext2 { text-align: left }
.smsoptionstext1 { text-align: left }
.smsoptionstext2 { text-align: left }
.mab { width: 200px; }
.mabdiv { float: left; padding: 20px; }

.dashboard_net_disclaimer { font-size: 9pt; font-style: italic }
.mpactivestatus { color: green !important; font-weight: bold }
.mpinactivestatus { color: red !important; font-weight: bold }

.subregchoicegroup { text-align: left !important }
#divssoaltsubregchoice { width: 600px }
@media screen and (max-width: 700px) {
    #divssoaltsubregchoice { width: 100% }
} 

.subregauthcodecontainer { display: flex; justify-content: center; align-items: center; margin-top: 15px }
.subregauthcodeinput { padding: 5px !important; width: 40px; border: none; border-bottom: 3px solid rgba(0, 0, 0, 0.5); margin: 0 10px; text-align: center; font-size: 36px; cursor: not-allowed; pointer-events: none; border-bottom: 1px solid #000 !important; border-top: 1px solid #000 !important; }
.subregauthcodeinput:focus { border-bottom: 3px solid orange; outline: none; }
.subregauthcodeinput:nth-child(1) { cursor: pointer; pointer-events: all; }