/* FORMS.CSS */
/* there are some instances where % work better than em for page/text zoom purposes */
form{position:relative; margin-bottom:2em; width:100%; }

.align-w-form{margin-left:12em; }
form#register-signIn .align-w-form,
form#userDiscoveryInfo .align-w-form{ margin-left:44.25%;}/* BUG:22386 */
form#customerCare .align-w-form{ margin-left:27.25%;}

form#register{margin:0; padding-left:1em; float:right;}
form#register,
form#register-signIn{width:49%; min-height:375px; float:right;}
form#register-signIn{border-right:1px solid #909090; float:none; margin-right:50%;}

/* checkboxes are not inside forms */
form#showingHistory,
form#forgetAllLocationHistory,
form#visibility{margin:0;}

form#timeRestriction,
#content.accountSettings form#sendAgain{margin-top:0; }
form#customerCare{margin-top:.5em; }
form#userDiscoveryInfo,
form#doneDeviceSettings,
form#sendAgain{margin-top:2em;}
form#sendAgain.skipDownloadPg{margin-top:3em;}

form#notSupported,
form#timeRestriction,
form#minIntervalRestriction,
ul#editPermissionSettings form#accuracyRestriction,
form#revokePermission,
form#permission.deleteRequestForm{margin-bottom:0; }

/* FIELDSET */
fieldset,
.pseudo-fieldset{margin:1em 0; position:relative; clear:none;}

/* special cases */
form#accountInfo fieldset.re-type-pw{margin-top:-.75em;}
form#notSupported fieldset{margin-bottom:.5em;}
fieldset.showing,
form#accountInfo fieldset.timezone,
form#closeAccount fieldset.textarea,
form#reportAbuse fieldset.textarea,
form#accountInfo fieldset.checkbox.align-w-form,
form#finishAcctSetup fieldset.timezone,
form#continue .pseudo-fieldset.category,
form#notProvisioned .pseudo-fieldset.category{margin-bottom:2em;}

fieldset.showing{margin-bottom:1em;}/* there is a .showing pseudo-label height difference from old version */

form#closeAccount fieldset.textarea{margin-top:2em;}
form#reportAbuse fieldset.textarea{width:98%;}

form#finishAcctSetup fieldset.email,
form#finishAcctSetup fieldset.password-container{margin-bottom:3em;}

form#accountInfo fieldset.email{margin-top:3em;}

/* time restriction */
/* hours fieldset is within start time fieldset */
/* spacing between hours and startime is set on AM/PM select */
form#timeRestriction fieldset.timeRestrictionDays{margin-bottom:0;}
form#timeRestriction fieldset.timeRestrictionStartTime{margin:0 0 2.5em 0;}

form#timeRestriction fieldset.timeRestrictionHours{display:inline; margin-bottom:-6px;}

form#permission.oauth fieldset.checkbox{margin-left:6em;}

form#timeRestriction fieldset.checkbox,
form#reportAbuse fieldset.radio,
#locationHistoryOptions fieldset.checkbox{display:inline;}

form#reportAbuse fieldset.radio,
#locationHistoryOptions fieldset.checkbox{margin-top:0; margin-bottom:0;}
#locationHistoryOptions fieldset.checkbox{margin-right:1em;}

/* LOCATION HISTORY: clear this data link */
fieldset.checkbox #clearLocationHistoryOption,
fieldset.checkbox #clearLocationHistoryOptionDisabled{position:relative; display:inline; top:0; right:0;}

/* LEGEND */
form#register fieldset legend,
form#register-signIn fieldset legend,
form#timeRestriction fieldset legend,
form#timeRestriction fieldset.timeRestrictionStartTime fieldset.timeRestrictionHours legend{display:none;}/* requires mentioning the div */
form#timeRestriction fieldset.timeRestrictionStartTime legend{display:block; margin-bottom:0; width:auto;}

/* LABELS */
body label,
body .pseudo-label{float:left; width:11em; display:block; text-align:right; margin-right:1em; }

form#register-signIn label,
form#register label,
form#userDiscoveryInfo label{width:41.25%; margin-right:3%;}/* BUG:22386 */
form#customerCare label,
form#customerCare .pseudo-label{width:24.25%; margin-right:3%;}/* BUG:22386 */

/* checkbox/radio label*/
fieldset.checkbox label,
fieldset.radio label,
form#register-signIn fieldset.checkbox label {float:none; display:inline; width:auto; padding-left:.5em; font-weight:normal; text-align:left; top:0;}

/* special cases */
form#register-signIn fieldset.checkbox.align-w-form label{display:block; margin-left:1.25em; top:-1.125em; position:relative;}

form#permission.oauth label,
form#accuracyRestriction label,
fieldset.showing .pseudo-label{width:5em;}

form#selfLocate label,
form#minIntervalRestriction label,
form#editNotifications label,
form#editRetention label,
form#timeRestriction fieldset.timeRestrictionHours label,
form#reportAbuse fieldset.textarea label,
form#reportAbuse fieldset.mayContact .pseudo-label{width:auto; text-align:left;}
form#timeRestriction fieldset.timeRestrictionHours label{line-height:1em; margin-top:.45em}

form#selfLocate label,
form#closeAccount fieldset.textarea label,
form#skipDownloadAuthCode label{float:none; display:inline; width:auto; text-align:left; margin-bottom:.5em;}

form#selfLocate label,
form#closeAccount fieldset.textarea label{display:block;}

/* time restriction */
form#timeRestriction fieldset.timeRestrictionStartTime label{display:none;}
form#timeRestriction fieldset.timeRestrictionStartTime fieldset.timeRestrictionHours label{display:block;}
form#timeRestriction fieldset.timeRestrictionStartTime span{margin-right:.5em;}

#locationHistoryOptions fieldset.checkbox label{margin-right:0; width:auto;}
fieldset.showing .pseudo-label{height:2.75em; width:auto;}/* align-left */

/* INPUT, SELECT, OPTION, TEXTAREA */
input{border:1px solid #909090; background-color:white; padding:.15em .2em;}

input,
textarea,
select,
.pseudo-field,
#locationHistoryOptions{position:relative; top:0; width:100%;}	

/* checkbox input */
input[type="checkbox"],
input[type="radio"] {width:auto; top:0;}

select{width:auto;}

textarea { width:70%; top:.35em;}
textarea, select{background:white; border:1px solid #909090; }

/* default widths for common input fields */
input.hours,
input.state,
input.postalCode{width:7.5%;}

input.mobileNo,
input.password,
input.email,
input.verifyCode{width:35%;}

form#openIDForm input,
form#resetPassword input,
form#resetPasswordVerify input{width:30%;}/* logged out - password and email inputs */

input.address,
input.city,
input.url{width:35%;}

form#userDiscoveryInfo input.mobileNo,
form#register-signIn input.mobileNo,
form#register input.mobileNo,
form#register-signIn input.password,
form#register input.password,
form#selfLocate input.address,
form#notCompatible input.email,
form#notSupported input.email{width:50%;}

/* special cases */
form#authorized fieldset input#code,
form#resetPassword fieldset input#code,
form#skipDownloadAuthCode fieldset input#code{ text-transform:uppercase;}
form#skipDownloadAuthCode fieldset input#code.verifyCode{ width:15%;}
form#openIDForm fieldset input{background:#FFF url(../images/openid-icon-small.gif) 0 0 no-repeat; padding-left:20px;}

form#selfLocate input{float:left; display:inline; margin-right:.5em; padding:.3125em .2em;}

form#timeRestriction fieldset.timeRestrictionStartTime select#ampm{margin-right:1em;}

form#customerCare fieldset.textarea textarea,
form#closeAccount fieldset.textarea textarea{margin-bottom:.5em;}/* needs margin so btns below have proper spacing */
form#closeAccount fieldset.textarea textarea{width:70%;}/* may not need this since default is 70% */
form#reportAbuse fieldset.textarea textarea{width:100%;}

/* BUTTONS */	
#buttons{margin:1em 0; display:block; position:relative; height:27px; }

/* MARGIN TOP */
form#editNotifications #buttons,
form#customerCare #buttons{margin-top:1.5em;}

form#register-signIn #buttons{margin-top:0;}
form#finishAcctSetup #buttons{margin-top:-2em;}
/* MARGIN BOTTOM */
form#minIntervalRestriction #buttons,
ul#editPermissionSettings form#accuracyRestriction #buttons,
form#revokePermission #buttons{margin-bottom:0;}
body.fixed #main-content.welcome #buttons{margin-bottom:3em;}
form#timeRestriction #buttons{margin-bottom:.5em;}
form#permission.deleteRequestForm #buttons{margin-bottom:.25em;}
/* MARGIN LEFT */
form#signIn #buttons,
form#openIDForm #buttons,
form#emailForm #buttons,
form#emailCode #buttons,
form#editTimeZone #buttons,
form#editEmailCode #buttons,
form#userDiscoveryInfo #buttons,
form#skipDownloadAuthCode #buttons,
form#resetPassword #buttons,
form#resetPasswordVerify #buttons,
form#chooseCarrier #buttons,
form#accountInfo #buttons,
form#authorized #buttons,
form#finishAcctSetup #buttons,
form#customerCare #buttons,
form#editPassword #buttons{margin-left:12em;}
/* BUG:22386 */
form#register #buttons,
form#register-signIn #buttons,
form#userDiscoveryInfo #buttons{margin-left:44.25%;}
form#customerCare #buttons{margin-left:27.25%;}
/* SH: not sure why */
form#skipDownloadAuthCode #buttons{margin-left:11.75em;}

form#permission.oauth #buttons,
form#accuracyRestriction #buttons{margin-left:6em;}
/* application (when accuracy not allowed to be set) - needs specifity due to above declaration */
form#accuracyRestriction #buttons.align-left{margin-left:0;}

/* OTHER */
form#selfLocate button{display:inline; }
/* although #buttons are in form, they appear outside of yesHelpMe-container */
form#notSupported #buttons{position:absolute; left:-1em; margin-top:8%;}
form#notCompatible #buttons{margin-top:-6%;}

body.fixed.choosePhonePg #buttons{clear:both; padding-top:2em;} /* back to choose phone link */

/* SELF-LOCATE FORM */
form#selfLocate ul#possibleLocations{margin:0 0 2em 0;}
form#selfLocate ul#possibleLocations li{margin:0 0 .5em 0;}

/* TEXT */
form#selfLocate p{margin-top:.5em; margin-bottom:.3em;}
form#register-signIn .align-w-form{margin-bottom:.25em;}/* links below sign-in btn */
form#resetPasswordVerify p.errorMsg.align-w-form{ margin-bottom:-.75em;}
form#timeRestriction fieldset.timeRestrictionDays p{margin-bottom:.25em;}/* FF2 only needs it */
form#register-signIn .securityTip{margin-top:4em; padding-right:.5em;}