body#login #content,
body#forgot #content { padding-top: 2em; }
#content hr { clear: both; }
#content hr.hide { border: 0; background-color: none; }
section#choice { margin: 1em 11px; padding: 2em 1em 1em; border: 1px solid #ccc; background-color: rgba(255,255,255,0.6); box-shadow: 1px 1px 3px 1px #ccc; }

/* =login --*/
#login div#social { float: left; width: 33%; min-height: 400px; padding: 0 7%; border-right: 1px solid #ccc; }
#login div#social a.login { display: block; width: 261px; height: 58px; margin-top: 2em; margin-left: 40px; background-repeat: no-repeat; background-position: 0 0; }
	#login div#social a.login span { display: none; }
#login div#social a#facebookbtn { background-image: url(//cdn.carcomplaints.com/img/social/login-facebook.png); }
#login div#social a#googlebtn { background-image: url(//cdn.carcomplaints.com/img/social/login-google.png); }
#login div#social a#twitterbtn { background-image: url(//cdn.carcomplaints.com/img/social/login-twitter.png); }
#login div#social h4 { margin-top: 2em; font-size: 1.1em; }
#login div#join { margin-left: 51%; padding: 0 6%; }
	#login div#join form { float: none; width: auto; margin-bottom: 2em; padding: 0; border: 0; }
		#login div#join form label { margin-left: 4em; }
			#login div#join form label input[type="text"],
			#login div#join form label input[type="password"] { width: 270px; }
	#login div#join form label#remember { margin-top: 0; float: left; }
	#login div#join form label.submit { margin-top: 0; margin-left: 190px; }
	#login div#join p#forgot { margin: 1em 0; padding: 7px 4px; font-size: 0.9em; text-align: center; background-color: rgba(170,170,170,0.1); box-shadow: 0 0 3px 0 #999 inset,1px 1px 3px 0 #fff; border-radius: 7px; }
		#login div#join p#forgot a { color: #444; }
			#login div#join p#forgot a strong { display: block; }
	#login div#join li { margin-bottom: 0.5em; }

/* =oAuth add'l info form --*/
#oaForm { display: none; width: 635px; border-radius: 14px; }
	#oaForm fieldset { margin-bottom: 1em; }
		#oaForm fieldset label input { width: 250px; }
		#oaForm #country,
		#oaForm #city { float: left; }
		#oaForm #zipcode input { width: 100px; }
		#oaForm #email span.formlabel { font-weight: bold; }
		#oaForm #email input { display: block; width: 95%; margin: 4px 0 7px; padding: 4px 14px; font-weight: bold; font-size: 2em; color: #fff; background-color: #669; border: 0; box-shadow: none; border-radius: 14px; }
			#oaForm #email span.formlabel span { text-transform: capitalize; }
		#oaForm #email a { display: block; }
		#oaForm #email div.hidden { display: none; margin-top: 4px; padding: 1px 14px; background-color: #666; color: #fff; border-radius: 7px; }
			#oaForm #email div.hidden span { text-transform: capitalize; }
		#oaForm #city,
		#oaForm #gender { clear: left; }
	#login .fancybox-close-small { top: 0; box-shadow: none; }
	#login .fancybox-slide > * { padding: 7px 0 4px; }
	#login .select2-drop { z-index: 100000; }

/* =forgot --*/
#forgot section#choice form { width: 35%; padding-left: 7.5%; padding-right: 7.5%; }
#forgot section#choice form#pwForm { border-right: 0; padding-right: 0; }
#forgot section#choice label { float: left; width: 80%; margin: 1em 0; padding: 0; }
#forgot section#choice label.submit { width: 15%; margin-right: 5%; padding-top: 1em; }
#forgot section#choice input[type="submit"], #forgot label.submit input { width: 60px; }

/* =signup */
#signup #content form { width: 100%; margin: 1em 0; padding: 0; border: 0; background-color: inherit; }
#signup #content form h4 { margin: 0 0 1em 0; font: 20px/1.3 normal "Helvetica Neue", helvetica, sans-serif; }
#signup #content form fieldset { margin: 0 0 2em 0; padding: 1em; border: 1px solid #ccc; background-color: rgba(255,255,255,0.6); box-shadow: 1px 1px 3px 1px #ccc; }
#signup #content form label { clear: left; float: left; width: 100%; margin: 0 0 0.5em; }
#signup #content form label.fixme span { color: #e00; }
#signup #content form label.fixme input { background-color: #fee;  }
#signup #content form label span.formlabel { float: left; width: 18%; margin-right: 2%; padding-top: 10px; font-weight: bold; text-align: right; }
#signup #content form label input { width: auto; }
#signup #content form label em.note { margin-left: 20%; font-size: 0.9em; font-style: normal; }
#signup #content form label em.after { margin-left: 2%; }
#signup #content input[type="submit"], #signup label.submit input { float: right; width: 150px; }
#signup #secondary { padding-top: 60px; text-align: left; }
#signup #secondary h4 { margin-bottom: 1em; font-size: 13px; }
#signup #secondary ul { list-style: none; margin: 0 0 2em; padding: 0; }
#signup #secondary li { margin: 0 0 1em; padding: 0 0 0 23px; background: url(/img/icons/check-16.png) no-repeat 0 5%; }
#signup #secondary blockquote { margin: 0 0 2em 0; padding: 0; font-style: italic; }
#signup #secondary blockquote h5 { margin-bottom: 5px; font-style: normal; font-size: 1.2em; text-transform: uppercase; color: #005FB1; }
#signup #secondary blockquote p { margin-top: 0; }

#reset #content { width: 400px; margin-top: 2em; }
#reset #content form#rsForm { width: auto; border-right: 0; }

div.select2-container-disabled a.select2-choice span.select2-chosen { color: #ccc; }

/* =self-clearing --*/
div#forgot:after,
section#loginsignup:after,
#signup:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }