form {margin:2em 0; width:100%; position:relative;}
form#register {margin:0 0 1em 0; width:auto; }
form#updateBilling{width:auto; }
form#reset-pw{margin-top:1.5em;}
form#devportal-login{width:100%; margin-top:0;}
form#support{float:none; width:auto;}
form#manageMailingLists{margin-top:1em;}
form#userPassword,
form#addFunds,
form#support,
form#support .pseudo-fieldset{margin-top:0;}

form#manageMailingLists fieldset,
form#unsubscribeVerify fieldset.field-checkbox,
form#manageMailingLists #buttons,
form#unsubscribeVerify #buttons{margin-left:2em;}

form#register .createPassword-container{margin:2em 0;}

form#updateBilling .billingName,
fieldset.cvv2-fieldset{position:relative;}
form#updateBilling .billingName{clear:both;}

/*--- fieldset/label --- */
fieldset {margin: 1em 0 ; clear:none; position:relative;}
form#apps-notice-edit fieldset{margin:2em 0;}

/* psuedo fields */
/* make width longer for non-side nav layout if need be */
/* pseudo labels have to stay styled as such or else text doesn't wrap correctly
   see: applications pages with descriptions */
.pseudo-fieldset{margin:1em 0; position:relative; clear:both; width:35em; /* revised */ clear:none; width:auto;}
.pseudo-label{position:absolute; width:11em; display:block; text-align:right; height:1.5em; line-height:1.5em;}
.pseudo-field {height:1.5em; width:18em; position:relative; top:2px; left:12em;}

/* REVISED short desc/long desc & auto refill fieldset and label */
.pseudo-fieldset.short-long-desc{width:555px;}
.pseudo-fieldset.auto-refill,
.pseudo-fieldset.creditCardOnFile {width:520px;}

.pseudo-fieldset.short-long-desc .pseudo-label,
.pseudo-fieldset.auto-refill .pseudo-label,
.pseudo-fieldset.creditCardOnFile .pseudo-label{width:135px;}

/* app branding: short and long desc */
.pseudo-fieldset.short-long-desc .pseudo-field,
.pseudo-fieldset.auto-refill .pseudo-field,
.pseudo-fieldset.creditCardOnFile .pseudo-field{height:auto; display:block; margin-left:145px; left:0;}
.pseudo-fieldset.auto-refill .pseudo-field,
.pseudo-fieldset.creditCardOnFile .pseudo-field{width:auto;}

/* my apps and billing */
.framedBox-container .pseudo-fieldset:first-child{margin-top:0;}
.framedBox-container .pseudo-fieldset:last-child{margin-bottom:0;}

/* Projects > My Apps > Branding */
/* small and large icon */
.pseudo-fieldset.lrg-icon,
.pseudo-fieldset.sm-icon{width:auto; clear:none;}/* otherwise it jumps down to end of side nav */

.pseudo-fieldset.lrg-icon{margin:2em 0 0 .5em; margin-left:2em;}
.pseudo-fieldset.sm-icon{margin-left:.5em; margin-left:2em}

.pseudo-fieldset.sm-icon .pseudo-field img,
.pseudo-fieldset.lrg-icon .pseudo-field img{border:1px solid #666; margin-bottom:.5em;}

.pseudo-fieldset.lrg-icon .pseudo-label,
.pseudo-fieldset.sm-icon .pseudo-label{width:auto; text-align:left; position:relative;}

.pseudo-fieldset.lrg-icon .pseudo-field,
.pseudo-fieldset.sm-icon .pseudo-field{position:relative; top:0; left:0; height:auto;}

#content.application #content-inner.apps-branding .pseudo-field{width:auto;}

/* billing */
form#updateBilling fieldset.billing-firstName,
form#updateBilling fieldset.billing-lastName{margin:0; width:auto; width:40%; display:inline; position:relative; display:block;/* FF2 needs this */}

form#updateBilling fieldset.billing-firstName{float:left;}/* because FF2 requires display:block; */
form#updateBilling fieldset.address-fieldset{margin-top:0;}/* because last-name/first-name display:inline; */

/* BUG: 25131 - in order for tooltip to appear over form elements */
form#updateBilling fieldset,
form#updateBilling fieldset.ccExpDate-fieldset{z-index:25 !important;}
form#updateBilling fieldset.cvv2-fieldset{z-ndex:50 !important;}

fieldset.field-checkbox,
fieldset#fieldset-tos {margin: 1em 0 1em 12em; }
fieldset.field-checkbox.align-left{margin-left:0;} 

/* labels */
label,
form#updateBilling .expDate-label {float:left; width: 11em; text-align:right; margin-right:1em; }
form#updateBilling .expDate-label,
form#updateBilling label{width:15.75%; margin-right:1.5%;}

form#apps-notice-edit label,
label.above-field{float:none; width:auto; text-align:left; margin:0 0 .25em 0; display:block;}/* aligns left */

/* My Projects > Billing > Add Funds */
form#updateBilling label.expMonth-label,
form#updateBilling label.expYear-label{display:none;}
form#addFunds fieldset.addFunds-amount label{width:auto; font-weight:normal; margin-right:.25em;}
form#updateBilling fieldset.billing-firstName label,
form#updateBilling fieldset.billing-lastName label{float:left; width:11em; width:135px; width:39.5%; margin-right:3.5%;}
form#updateBilling fieldset.billing-lastName label{width:auto;}
	
fieldset.field-checkbox label {float:none; width:auto;  font-weight:normal; /* REVISED */ display:inline; top:0; text-align:left; margin-left:.5em;}

/* special cases */
form#devportal-login label{width:36.5%; margin-right:3%;}

/*--- inputs --- */
input,
textarea,
select{ width:50%; position:relative; top:0;}

input[type="checkbox"] {width:auto; top:0;}
input[type="file"]{height:auto;}

textarea { width:60%; top:.35em;}
form#apps-notice-edit textarea{width:98%;}
form#support textarea{width:62%;}

select{width:auto;}

/* general input widths */
/* SH: will add class to input vs. fieldset eventually
   but I think there are some reasons why I have
	the fieldset name there - needs testing */
input.name,
input.email,
input.code,
fieldset.email input,
fieldset.address input,
fieldset.city input{width:35%;}
fieldset.state input,
fieldset.cvv2-fieldset input{width:5%;}/* CVV2 is the 3-4 digit security code */
fieldset.postalCode input{width:7.5%;}
fieldset.phoneNumber input,
input.phoneNumber{width:25%;}
fieldset.creditCardNumber input{width:20%;}
fieldset.url input{width:35%;}

/* pw fields are 20 char. max length */
form input.password{width:30%;}
form#register input.password{width:25%; /* REVISED */ width:35%;}

/* My Projects > Billing */
form#addFunds fieldset.addFunds-amount input{width:5em;}

form#updateBilling fieldset.address input,
form#updateBilling fieldset.city input,
form#updateBilling fieldset.phoneNumber input{width:20%;}
form#updateBilling fieldset.billing-firstName input,
form#updateBilling fieldset.billing-lastName input{display:inline; position:static; width:50%;}
form#updateBilling fieldset.creditCardNumber input{width:20%;}

/* --- buttons --- */
#buttons{ position:relative; margin: 2em 0 2em 12em; display:block; height:24px;}
#buttons.align-left {margin-left: 0;}/* general align to the left style */

/* special cases */
form#devportal-login #buttons{margin-left:39.5%;}
form#devportal-login #buttons{margin-top:1em; margin-bottom:1em;}
form#updateBilling #buttons{margin-left:17.25%; margin-top:1em;}
form#addFunds #buttons{margin-top:1em;}/* updateBilling and addFunds have submitOnce and processing text above btns now */
#content.plansBenefits #buttons{margin:0 0 1em 0;}

/* --- text --- */
.align-w-form{margin-left:12em;} /* text to align with field elements */
/* special cases */
form#devportal-login .align-w-form{margin-left:39.5%;}
form#updateBilling p.align-w-form{margin-left:13.125em}/* unsure why */

form h3{margin-bottom:.125em;}
form p{margin:0 0 1em 0;}
form#registerMoreInfo p{margin-top:2em; margin-bottom:-1em;}/* thank you and welcome graph */
form#register fieldset.email p,
form#register .createPassword-container p,
form#updateBilling p.creditCardType{margin:0 0 -.75em 17.25%; width:450px; color:#666;}
form#register fieldset.email p,
form#register p.align-w-form,
form#register .createPassword-container p{margin-left:12em;}
form#register .createPassword-container p{ /* REVISED width:400px;*/ margin-top:-.75em;}
form#register fieldset.email p{margin-top:.125em; /* REVISED */ margin-top:.75em; margin-bottom:.75em;}/* it's inside the fieldset not above it */
form#register fieldset.field-checkbox .required{position:absolute; left:13em; }/* tos checkbox required asterisk */

form + .note {margin-bottom: 20px ; margin-left:12em;}
form + .note > p {margin:0;}

/*--- error messages --- */	
.errorMsg { margin-bottom:1em;}
	
body#veriplace.register form p.errorMsg{
	margin-top:-.25em;
	margin-bottom:1.25em;
	}
	
body#veriplace.register form p.note{
	margin-bottom:1.25em;
	padding-bottom:1em;
	font-weight:bold;
	}
	
form#register fieldset.field-checkbox span.required{ margin:0 .5em 0 0; padding:0; text-align:left; left:0; position:relative;}