/* HELPER
-------------------------------------------------------------------------------- */
#email_check				{ float: left; margin-left: 10px; display: none; }
#email_check div			{ line-height: 18px; }

#display_name_check			{ float: left; margin-left: 10px; display: none; }
#display_name_check div			{ line-height: 18px; }
#display_name_ct .hint			{ margin-left: 130px; }

#url_ct					{ line-height: 18px; }
#url_ct div				{ float: left; }

#bio_ct textarea			{ width: 500px; height: 220px; }
#links_ct textarea			{ width: 500px; height: 200px; }

#terms_of_use_ct                        { margin: 5px 5px 10px 5px; }
#terms_of_use_ct input                  { margin-right: 5px; }

#password_strength			{ font-size: 10px; line-height: 14px; color: #666; margin-left: 10px; float: left; }
#password_strength #pwd_container	{ width: 100px; height: 5px; background-color: #ccc; }
#password_strength span			{ color: #000; }
#password_strength #pwd_bar		{ width: 0px; height: 5px; }
.weak					{ background-color: #aa0033; }
.good					{ background-color: #6699cc; }
.strong					{ background-color: #008000; }

/* LOGIN
-------------------------------------------------------------------------------- */
#login					{ width: 340px; margin: 30px auto 30px; line-height: 18px; overflow: hidden; }
#login label				{ float: left; width: 100px; font-weight: bold; line-height: 18px; }
#login input				{ border: 1px solid #ccc; height: 18px; width: 200px; line-height: 18px; }
#remember_ct input			{ width: auto; height: auto; margin: 0px 5px 0px 100px; }
#login input.button			{ width: auto; height: auto; border: none; float: left; }
#signup_line				{ float: left; line-height: 25px; margin-left: 10px; }
#signup_line a				{ font-weight: bold; }

/* SIGNUP
-------------------------------------------------------------------------------- */
#signup_box				{ float: left; width: 600px; }
#signup label				{ width: 120px; font-weight: bold; line-height: 18px; float: left; margin-right: 10px; color: #333; }
#signup input[type=text]		{ width: 200px; height: 18px; border: 1px #ccc solid; line-height: 18px; float: left; }
#signup input[type=password]		{ width: 200px; height: 18px; border: 1px #ccc solid; line-height: 18px; float: left; }
#signup input.button			{ width: auto; height: auto; border: none; float: right; }

#promo_box 				{ float: right; width: 300px; margin: 15px 10px 10px 10px; padding: 10px; border: 1px #ccc solid; background-color: #d3e4f1; }
#promo_box ul				{ margin: 5px; }
#promo_box ul li			{ list-style-image: url('/images/bullet_logo.gif'); margin-left: 10px; margin-bottom: 5px; }
#promo_box ul ul li			{ list-style-image: none; list-style: disc; }

/* ACCOUNT
-------------------------------------------------------------------------------- */
#account label				{ width: 120px; font-weight: bold; line-height: 18px; float: left; text-align: right; margin-right: 10px; color: #333; }
#account input[type=text]		{ width: 200px; height: 18px; border: 1px #ccc solid; line-height: 18px; float: left; }
#account input[type=password]		{ width: 200px; height: 18px; border: 1px #ccc solid; line-height: 18px; float: left; }
#account input.button			{ width: auto; height: auto; border: none; float: right; margin: 0px 10px; }

#picture				{ width: 277px; float: left; text-align: center; border-right: 1px #ccc solid; margin-bottom: -20000px; padding-bottom: 20000px; }
#picture img				{ border: 1px #ccc solid; margin: 10px; }
#upload_form				{ width: 524px; padding: 10px; float: right; }
#upload_form label			{ text-align: left; }
#file_ct				{ clear: both; border-bottom: 1px #ccc solid; overflow: hidden; padding: 0px 0px 10px 10px; }

#thumbnail_ct				{ clear: both; overflow: hidden; padding: 10px 0px 10px 10px; }
#thumbnail_ct label			{ width: auto; float: none; }
#thumbnail_label			{ width: 300px; float: left; }
#thumbnail_current			{ float: left; text-align: center; }
#thumbnail_current img			{ border: 1px #ccc solid; }
#thumbnail_picture			{ float: left; border: 1px #ccc solid; overflow: hidden; }
#thumbnail_selector			{ position: relative; width: 100px; height: 100px; border: 1px #000 solid; background-color: #fff; opacity: 0.3; filter: alpha(opacity=30); cursor: move; z-index: 10; }
.resize					{ border: 1px #000 solid; }
.ui-resizable-knob-handle		{ width: 5px; height: 5px; background-color: #000; }

#account ul li				{ float: left; width: 60px; }
#account ul li input			{ margin-right: 5px; }