/*  OPTIONIZE Global CSS
    Copyright 2009
*/


html, body, div, span, object, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, em, img, ins, small, strong, sub, sup, dl, dt, dd, ol, ul, li,
fieldset, form, input, button, label, legend, table, caption, tr, th, td {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit;
	font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}

body {
	background: #fff repeat-x;
	min-width: 1000px;
	font: 10px/1 "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, clean, sans-serif;
	color: #555;
}

#wrap {
	position: relative;
	width: 100%;
	text-align: left;
}

html, body, #wrap { height: 100%; }

body > #wrap { height: auto; min-height: 100%; }



/* Text
----------------------------------- */

p { margin: 0 0 1em; }

strong { font-weight: bold; }

em { font-style: italic; }

pre, code { font-family: monospace; }

code { color: #666; }

:focus { outline: 0; }


/* Headings */

.heading {
	height: 2em;
	margin: 0 0 2.4em;
	border-bottom: 1px solid #dedede;
}

h2 {
	background: #fff;
	padding: 0 12px 0 0 !important;
	font: italic 240% Georgia, Times, serif;
	letter-spacing: -.05em;
	text-shadow: 1px 1px 0 #ccc;
	color: #1d7cbf;
}

div.heading h2 {
	float: left;
}

h2.heading {
	background: transparent;
	display: block;
	margin: 0 0 1.33em;
	height: auto;
	padding: .8em 0 .4em !important;
	font-size: 300%;
	color: #333 !important;
}

#response h2 {
	background: transparent;
}

h3 {
	margin: 1.5em 0 .75em;
	font: italic 240% Georgia, Times, serif;
	letter-spacing: -.05em;
	text-shadow: 1px 1px 0 #ddd;
}


/* Links */

a:link, a:visited {
	text-decoration: none;
	border-bottom: 1px solid #c3d2dd;
	color: #2d6b97;
}

a:hover, a:active {
	border-bottom-color: #98b3c7;
	text-decoration: none;
	-moz-outline: none;
	color: #12486f;
}

#header a, #footer a {
	border: none;
}

#nav a:hover, #nav a:active, #little_login a:hover, #little_login a:active, #footer a:hover, #footer a:active {
	text-decoration: underline;
}

a.toggle:link, a.toggle:visited {
	background: url(/img/toggle.png) no-repeat left center;
	display: inline-block;
	margin: .25em 4px 1.8em;
	padding-left: 18px;
	border-bottom: none;
	font-size: 120%;
	color: #666;
}

a.toggle:hover, a.toggle:active {
	color: #333;
}

a.toggle.closed { background-position: left center; }

a.toggle.open { background-position: -880px center; }


/* Lists */

#main li {
	margin: 0 0 1em;
	font-size: 120%;
	list-style: square;
}


/* Labels */

fieldset.step .label {
	position: absolute; top: .67em; left: -88px;
	font-size: 120%;
	color: #999;
}


/* Old Labels (DEPRECATED) */

.lbl {
	width: 72px;
	height: 9px;
}

.lbl span {
	position: absolute; left: -9999px;
}


/* Badges */

.badge {
	background: #f7f7f7;
	display: inline-block;
	height: 15px;
	margin: 0 -3px;
	padding: 4px 10px;
	-webkit-border-radius: 11px;
	-moz-border-radius: 11px;
	border: 1px solid #eee;
	font-weight: bold;
	font-size: 140%;
	color: #3d91cc;	
}

.badge.small {
	background: #f1f1f1;
	display: inline-block;
	height: 11px;
	margin: 0 -3px;
	padding: 5px 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 1px solid #e5e5e5;
	font-weight: bold;
	font-size: 110%;
	color: #666;
}


/* Misc */

hr { visibility: hidden; clear: both; }

blockquote:before, blockquote:after { content: ""; }
blockquote { margin: 1em 0; quotes: "" ""; }

sup { vertical-align: 75%; }

abbr, acronym {
	border-bottom: 1px dotted #ccc;
	cursor: help;
}



/* Structure
----------------------------------- */


/* Header */

#header {
	background: #3d91cc;
	position: relative;
	height: 59px;
	padding: 0 60px;
	border-top: 6px solid #0f6b99;
	border-bottom: 1px solid #297ca6;
	text-align: left;
}

#shadow {
	background: url(/img/shadow.png) repeat-x;
	position: absolute; top: 60px; left: 0;
	width: 100%; height: 3px;
	z-index: 99;
}

#logo {
	background: url(/img/logo-beta.png) no-repeat;
	position: absolute; top: 11px; left: 60px;
	width: 129px; height: 41px;
}

#logo a {
	position: absolute; top: 0; left: 0;
	display: block; z-index: 1;
	width: 129px; height: 41px;
}

#logo span {
	position: absolute; left: -9999px;
}

#intro {
	position: absolute; bottom: 9px; left: 182px;
	font: italic 160% Georgia, Times, serif;
	text-shadow: 1px 1px 0 #267eb2;
	color: #cee3f2;
}

#nav {
	position: absolute; bottom: 12px;
	width: 888px;
	list-style: none;
	text-align: right;
	font-size: 110%;
	color: #fff;
}

#nav li {
	display: inline-block;
}

#nav a:link, #nav a:visited, #little_register a:link, #little_register a:visited {
	padding: .5em 8px;
	text-shadow: 1px 1px 0 #0f6b99;
	color: #fff;
}

#little_login {
	position: absolute; bottom: 80px;
	width: 880px;
	text-align: right;
}

#little_login fieldset {
	background: #3d91cc;
	float: right;
	padding-bottom: 6px;
}

#little_login fieldset > div {
	position: relative;
	float: left;
	margin: 0 8px 0 0;
}

#little_login .suggest {
	font-size: 110%;
}

#little_login input.text {
	padding: .37em 4px;
	font-size: 110%;
}

#little_email { width: 140px; }

#little_password { width: 80px; }

#little_login .message {
	position: absolute; top: -72px;
}

#little_login .message * {
	float: left;
	padding: 13px 10px 6px;
	color: #fff;
}

#little_login .message div {
	background: #0f6b99;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
}

#little_login .message a {
	display: none;
	float: left;
	padding-top: 14px;
	font-size: 91%;
}

#little_register {
	display: none;
	float: none !important;
	margin: 0 -8px 0 8px !important;
	white-space: nowrap;
	font-size: 110%;
	color: #fff;
}


/* User box */

#user_wrap {
	position: relative;
	width: 880px;
}

#user_actions {
	background: #0f6b99 url(/img/userbox-blue.gif) repeat-x bottom;
	position: absolute; top: 0; right: 0;
	padding: 3px 10px 6px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	border: 1px solid #135170;
	border-top: none;
}

#user_actions big {
	float: left;
	margin: 0 6px 0 4px;
	padding: .38em 0;
	font-size: 130%;
	text-shadow: 1px 1px 0 #293f4c;
	color: #fff;
}

#user_actions a:link, #user_actions a:visited {
	background: #3d91cc;
	float: left;
	margin: 0 0 0 6px !important;
	padding: .4em 6px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border: 1px solid #135170;
	font-size: 110%;
	text-shadow: 1px 1px 0 #1e4866;
	color: #fff;
}

#user_actions a:hover, #user_actions a:active {
	border-color: #fff !important;
}

#user_actions #userbox_settings {
	background-image: url(/img/userbox_settings.png);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 7px;
}

#user_actions #userbox_help {
	background-image: url(/img/userbox_help.png);
	background-repeat: no-repeat;
	background-position: center center;
	width: 7px;
}


/* Main */

#main {
/*	position: relative;
	display: inline-block;
	width: 880px;
	margin: 3.6em 0 0;
	padding-bottom: 9.8em;
	text-align: left; */
	float: left;
	width: 880px;
	margin: 3.6em 60px 0;
	padding-bottom: 4.8em;
}

#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#main p {
	font-size: 130%;
	line-height: 2;
	max-width: 55em;
	color: #333;
}

#main p.small {
	font-size: 120%;
}

#main p.fine {
	font-size: 90% !important;
	color: #999;
}

#main strong.new {
	color: #990f0f;
}


/* Ads */

#ads {
/*	position: absolute;
	top: 60px; left: 108px; */
	width: 160px;
	margin: 48px 0 0 880px;
	padding: 0 12px 6.2em;
}

#ad {
	padding: 0;
}

#ad h4 {
	margin: 1.5em 0;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	color: #999;
}


/* Footer */

#footer {
	background: #7b7b7b url(/img/fb.gif) repeat-x top;
	position: relative;
	clear: both;
	min-width: 1000px;
	height: 5em;
	margin-top: -5em;
}

#links {
	position: absolute; left: 0;
	margin: 1.8em 0 0 52px;
}

#links li {
	float: left;
	list-style: none;
	color: #fff;
}

#links a:link, #links a:visited {
	padding: .5em 8px;
	text-shadow: 1px 1px 0 #555;
	color: #fff;
}

#links a.fb {
	font-weight: bold;
	color: #b1df61;
}

a#fdbk_tab {
	display: none;
}

a#fdbk_close {
	border-bottom: none;
}

#copr {
	background: url(http://www.tinypropeller.com/img/copr.gif) no-repeat center center;
	position: absolute; left: 550px;
	width: 330px;
	height: 24px;
	margin: 1em 60px 0;
}

#copr a {
	display: block;
	margin-left: 125px;
	width: 90px;
	height: 24px;
}

#copr span {
	position: absolute; left: -9999px;
}



/* Widgets */

.widgets {
	width: 736px;
	margin: 0 72px;
}

.widget {
	background: #f7f9fa;
	position: relative;
	float: left;
	width: 380px;
	margin: 0 18px;
	padding: 3em 30px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #bbb;
}

.widget.secondary {
	background: #fff;
	width: 160px;
}

.widget div.heading {
	height: 1.6em;
	margin: 0 0 1.8em;
}

.widget h2 {
	background-color: #f7f9fa;
	margin: 0 0 .67em;
	font-size: 180%;
	color: #1d7cbf;
}

.widget div.heading h2 {
	margin: 0;
}

.widget p {
	font-size: 120% !important;
}

.widget p.small {
	font-size: 110% !important;
}

.widget.secondary h2 {
	background-color: #fff;
	color: #333;
}

.widget.secondary p {
	color: #888 !important;
}

.widget fieldset {
	position: relative;
	padding: 1.8em 0;
	border-top: 1px solid #e5e5e5;
}

.widget fieldset.finish {
	padding-bottom: 0;
}

.widget button, .widget a.button { background-image: url(/img/buttons/button-onwidget.gif); }
.widget button div, .widget a.button div { background-image: url(/img/buttons/button-onwidget.gif); }

.widget button.default, .widget a.button.default { background-image: url(/img/buttons/default-onwidget.gif); }
.widget button.default div, .widget a.button.default div { background-image: url(/img/buttons/default-onwidget.gif); }

.widget.secondary button, .widget.secondary a.button { background-image: url(/img/buttons/button-onwhite.gif); }
.widget.secondary button div, .widget.secondary a.button div { background-image: url(/img/buttons/button-onwhite.gif); }

.widget.secondary button.default, .widget.secondary a.button.default { background-image: url(/img/buttons/default-onwhite.gif); }
.widget.secondary button.default div, .widget.secondary a.button.default div { background-image: url(/img/buttons/default-onwhite.gif); }

.widget fieldset dl:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.widget fieldset dt {
	float: left;
	clear: left;
	width: 92px;
	margin-right: 8px;
	padding: 1.38em 0;
	font-size: 130%;
	color: #666;
}

.widget fieldset dd {
	float: left;
	width: 200px;
}


/* Alerts */

.alert {
	background: #fcfce2;
	display: none;
	position: relative;
	width: 854px;
	margin: 0 0 0;
	padding: 1.8em 24px 0 60px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	border: 1px solid #ede8c5;
	border-top: none;
}

.alert:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

.alert h2 {
	background: transparent;
	float: left;
	clear: left;
	margin: 0 8px .67em -3px;
	font-size: 180%;
	text-shadow: 1px 1px 0 #bdbda9;
	color: #806400 !important;
}

.alert p {
	float: left;
	margin: .5em 0;
	font-size: 120%;
	color: #666;
}

.alert button.hide {
	background: url(/img/buttons/little-close-alert.gif) no-repeat top right;
	position: absolute; bottom: 1.2em; right: 12px;
	height: 16px;
	padding: 0 22px 0 0;
	font-weight: normal;
	font-size: 110%;
}

.alert button.hide div {
	background: none;
	height: auto;
	padding: 0;
	border-bottom: 1px solid #f0e8b5;
	color: #a68200;
}

.alert button.hide:hover {
	background-position: bottom right;
}

.alert button.hide:hover div {
	border-color: #e4d388;
	color: #8c6e00;
}


/* Noscript
----------------------------------- */

noscript {
	background: #fff url(/img/scriptsoffb.gif) repeat-x;
	position: fixed; top: 0; left: 0;
	display: block;
	width: 100%; height: 100%;
	z-index: 100;
}

noscript .widget {
	background: #fff;
	float: none;
	width: 520px;
	margin: 7.2em auto;
	padding: 3em 36px;
	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #cc666e;
}

noscript .widget div.heading {
	margin: 0 0 2.4em;
}

noscript .widget h2 {
	background: #fff;
	font-size: 240%;
	color: #990f0f !important;
}

noscript .instructions {
	margin: 1.8em 0 0;
	padding: 2.4em 0 1.2em;
	border: 1px solid #dedede;
	border-width: 1px 0;
}

noscript .instructions h3 {
	margin: 0 0 1.8em;
	font: bold 120% "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, clean, sans-serif;
	text-shadow: none;
	color: #666 !important;
}

noscript .instructions li {
	margin: 1.36em 16px;
	font-size: 110%;
}

noscript p {
	font-size: 120%;
	line-height: 2;
}

noscript .finish {
	text-align: left;
}

noscript a.button {
	background-image: url(/img/buttons/button-onwhite.gif) !important;
	margin: 1.8em 0 0;
}

noscript a.button div { background-image: url(/img/buttons/button-onwhite.gif) !important; }



/* Colors
----------------------------------- */


/* Red */

body.red {
	background-image: url(/img/b-red.gif);
}

body.red #header, body.red #little_login fieldset, body.red #user_actions a:link, body.red #user_actions a:visited {
	background-color: #cc3d3d;  /* Base color */
}

body.red #header {
	border-top-color: #990f1b;
	border-bottom-color: #a62934;
}

body.red #intro {
	text-shadow: 1px 1px 0 #b22626;
	color: #f2cece;
}

body.red #nav a:link, body.red #nav a:visited, body.red #little_register a:link, body.red #little_register a:visited {
	text-shadow: 1px 1px 0 #990f1b;
}

body.red #user_actions {
	background: #990f1b url(/img/userbox-red.gif) repeat-x bottom;
	border-color: #731111;
}

body.red #user_actions big {
	text-shadow: 1px 1px 0 #731111;
}

body.red #user_actions a:link, body.red #user_actions a:visited {
	border-color: #731111;
	text-shadow: 1px 1px 0 #730b14;
}

body.red h2, body.red h2.heading em, body.red h3, #polls .poll.red h3 a { color: #bf1d1d; }

body.red button.little, body.red button.little div {
	background-image: url(/img/buttons/little-red.gif);
}

body.red button.close {
	background-image: url(/img/buttons/little-close-red.gif);
}


/* Orange */

body.orange {
	background-image: url(/img/b-orange.gif);
}

body.orange #header, body.orange #little_login fieldset, body.orange #user_actions a:link, body.orange #user_actions a:visited {
	background-color: #cc933d;  /* Base color */
}

body.orange #header {
	border-top-color: #99560f;
	border-bottom-color: #a66a29;
}

body.orange #intro {
	text-shadow: 1px 1px 0 #b27a26;
	color: #f2e4ce;
}

body.orange #nav a:link, body.orange #nav a:visited, body.orange #little_register a:link, body.orange #little_register a:visited {
	text-shadow: 1px 1px 0 #99560f;
}

body.orange #user_actions {
	background: #99560f url(/img/userbox-orange.gif) repeat-x bottom;
	border-color: #734c11;
}

body.orange #user_actions big {
	text-shadow: 1px 1px 0 #734c11;
}

body.orange #user_actions a:link, body.orange #user_actions a:visited {
	border-color: #734c11;
	text-shadow: 1px 1px 0 #73400b;
}

body.orange h2, body.orange h2.heading em, body.orange h3, #polls .poll.orange h3 a { color: #bf7e1d; }

body.orange button.little, body.orange button.little div {
	background-image: url(/img/buttons/little-orange.gif);
}

body.orange button.close {
	background-image: url(/img/buttons/little-close-orange.gif);
}


/* Green */

body.green {
	background-image: url(/img/b-green.gif);
}

body.green #header, body.green #little_login fieldset, body.green #user_actions a:link, body.green #user_actions a:visited {
	background-color: #93cc3d;  /* Base color */
}

body.green #header {
	border-top-color: #6d990f;
	border-bottom-color: #7ea629;
}

body.green #intro {
	text-shadow: 1px 1px 0 #7ab226;
	color: #e4f2ce;
}

body.green #nav a:link, body.green #nav a:visited, body.green #little_register a:link, body.green #little_register a:visited {
	text-shadow: 1px 1px 0 #6d990f;
}

body.green #user_actions {
	background: #6d990f url(/img/userbox-green.gif) repeat-x bottom;
	border-color: #4c7311;
}

body.green #user_actions big {
	text-shadow: 1px 1px 0 #4c7311;
}

body.green #user_actions a:link, body.green #user_actions a:visited {
	border-color: #4c7311;
	text-shadow: 1px 1px 0 #52730b;
}

body.green h2, body.green h2.heading em, body.green h3, #polls .poll.green h3 a { color: #7ebf1d; }

body.green button.little, body.green button.little div {
	background-image: url(/img/buttons/little-green.gif);
}

body.green button.close {
	background-image: url(/img/buttons/little-close-green.gif);
}


/* Blue */

body.blue {
	background-image: url(/img/b-blue.gif);
}

body.blue #header, body.blue #little_login fieldset, body.blue #user_actions a:link, body.blue #user_actions a:visited {
	background-color: #3d91cc;  /* Base color */
}

body.blue #header {
	border-top: 6px solid #0f6b99;  /* Dark tint */
	border-bottom: 1px solid #297ca6;  /* Medium tint */
}

body.blue #intro {
	text-shadow: 1px 1px 0 #2678b2;  /* 50% dark tint on base color */
	color: #cee3f2;  /* 75% white on base color */
}

body.blue #nav a:link, body.blue #nav a:visited, body.blue #little_register a:link, body.blue #little_register a:visited {
	text-shadow: 1px 1px 0 #0f6b99;
}

body.blue #user_actions {
	background: #0f6b99 url(/img/userbox-blue.gif) repeat-x bottom;
	border-color: #114a73;
}

body.blue #user_actions big {
	text-shadow: 1px 1px 0 #114a73;
}

body.blue #user_actions a:link, body.blue #user_actions a:visited {
	border-color: #114a73;
	text-shadow: 1px 1px 0 #0b5073;  /* 25% black on dark tint */
}

body.blue h2, body.blue h2.heading em, body.blue h3, #polls .poll.blue h3 a { color: #1d7cbf; }

body.blue button.little, body.blue button.little div {
	background-image: url(/img/buttons/little-blue.gif);
}

body.blue button.close {
	background-image: url(/img/buttons/little-close-blue.gif);
}


/* Purple */

body.purple {
	background-image: url(/img/b-purple.gif);
}

body.purple #header, body.purple #little_login fieldset, body.purple #user_actions a:link, body.purple #user_actions a:visited {
	background-color: #933dcc;  /* Base color */
}

body.purple #header {
	border-top-color: #560f99;
	border-bottom-color: #6a29a6;
}

body.purple #intro {
	text-shadow: 1px 1px 0 #7a26b2;
	color: #e4cef2;
}

body.purple #nav a:link, body.purple #nav a:visited, body.purple #little_register a:link, body.purple #little_register a:visited {
	text-shadow: 1px 1px 0 #560f99;
}

body.purple #user_actions {
	background: #560f99 url(/img/userbox-purple.gif) repeat-x bottom;
	border-color: #4c1173;
}

body.purple #user_actions big {
	text-shadow: 1px 1px 0 #4c1173;
}

body.purple #user_actions a:link, body.purple #user_actions a:visited {
	border-color: #4c1173;
	text-shadow: 1px 1px 0 #400b73;
}

body.purple h2, body.purple h2.heading em, body.purple h3, #polls .poll.purple h3 a { color: #7e1dbf; }

body.purple button.little, body.purple button.little div {
	background-image: url(/img/buttons/little-purple.gif);
}

body.purple button.close {
	background-image: url(/img/buttons/little-close-purple.gif);
}


/* Pink */

body.pink {
	background-image: url(/img/b-pink.gif);
}

body.pink #header, body.pink #little_login fieldset, body.pink #user_actions a:link, body.pink #user_actions a:visited {
	background-color: #cc3db9;  /* Base color */
}

body.pink #header {
	border-top-color: #990f92;
	border-bottom-color: #a629a0;
}

body.pink #intro {
	text-shadow: 1px 1px 0 #b226a0;
	color: #f2ceed;
}

body.pink #nav a:link, body.pink #nav a:visited, body.pink #little_register a:link, body.pink #little_register a:visited {
	text-shadow: 1px 1px 0 #990f92;
}

body.pink #user_actions {
	background: #990f92 url(/img/userbox-pink.gif) repeat-x bottom;
	border-color: #731166;
}

body.pink #user_actions big {
	text-shadow: 1px 1px 0 #731166;
}

body.pink #user_actions a:link, body.pink #user_actions a:visited {
	border-color: #731166;
	text-shadow: 1px 1px 0 #730b6d;
}

body.pink h2, body.pink h2.heading em, body.pink h3, #polls .poll.pink h3 a { color: #bf1daa; }

body.pink button.little, body.pink button.little div {
	background-image: url(/img/buttons/little-pink.gif);
}

body.pink button.close {
	background-image: url(/img/buttons/little-close-pink.gif);
}


/* Black */

body.black {
	background-image: url(/img/b-black.gif);
}

body.black #header, body.black #little_login fieldset, body.black #user_actions a:link, body.black #user_actions a:visited {
	background-color: #333;  /* Base color */
}

body.black #header {
	border-top-color: #000;
	border-bottom-color: #191919;
}

body.black #intro {
	text-shadow: 1px 1px 0 #292929;
	color: #cccccc;
}

body.black #nav a:link, body.black #nav a:visited, body.black #little_register a:link, body.black #little_register a:visited {
	text-shadow: 1px 1px 0 #000;
}

body.black #user_actions {
	background: #000 url(/img/userbox-black.gif) repeat-x bottom;
	border-color: #000;
}

body.black #user_actions big {
	text-shadow: 1px 1px 0 #000;
}

body.black #user_actions a:link, body.black #user_actions a:visited {
	border-color: #000;
	text-shadow: 1px 1px 0 #000;
}

body.black h2, body.black h2.heading em, body.black h3, #polls .poll.black h3 a { color: #333; }

body.black button.little, body.black button.little div {
	background-image: url(/img/buttons/little-black.gif);
}

body.black button.close {
	background-image: url(/img/buttons/little-close-black.gif);
}


/* Gray */

body.gray {
	background-image: url(/img/b-gray.gif);
}

body.gray #header, body.gray #little_login fieldset, body.gray #user_actions a:link, body.gray #user_actions a:visited {
	background-color: #7b7b7b;  /* Base color */
}

body.gray #header {
	border-top-color: #525252;
	border-bottom-color: #6b6b6b;
}

body.gray #intro {
	text-shadow: 1px 1px 0 #666;
	color: #dedede;
}

body.gray #nav a:link, body.gray #nav a:visited, body.gray #little_register a:link, body.gray #little_register a:visited {
	text-shadow: 1px 1px 0 #525252;
}

body.gray #user_actions {
	background: #525252 url(/img/userbox-gray.gif) repeat-x bottom;
	border-color: #3d3d3d;
}

body.gray #user_actions big {
	text-shadow: 1px 1px 0 #3d3d3d;
}

body.gray #user_actions a:link, body.gray #user_actions a:visited {
	border-color: #3d3d3d;
	text-shadow: 1px 1px 0 #3d3d3d;
}

body.gray h2, body.gray h2.heading em, body.gray h3, #polls .poll.gray h3 a { color: #555; }

body.gray button.little, body.gray button.little div {
	background-image: url(/img/buttons/little-gray.gif);
}

body.gray button.close {
	background-image: url(/img/buttons/little-close-gray.gif);
}



/* Forms
----------------------------------- */


.loading {
	background: url(/img/loading.gif) no-repeat center center;
	float: left; width: 32px; height: 32px;
}


/* Fieldsets */

fieldset.step {
	position: relative;
	margin: 0 0 4.8em 90px;
}

fieldset.full {
	position: relative;
	margin: 0 0 4.8em;
}

fieldset.optional div.heading h2 {
	color: #888;
}

fieldset.step.optional .label {
	color: #bbb;
}

fieldset.finish {
	border-top: 1px solid #dedede;
}

fieldset.clean {
	padding-top: .6em;
	border-top: 0;
}


/* Lists */

fieldset dt {
	float: left;
	clear: left;
	width: 92px;
	margin-right: 8px;
	padding: 1.38em 0;
	font-size: 130%;
	color: #666;
}

fieldset dd {
	float: left;
	width: 400px;
}

fieldset > div, fieldset dd > div {
	position: relative;
}


/* Inputs */

input.text {
	background: #fbfbfb url(/img/ib.gif) repeat-x top;
	height: 1.2em;
	padding: .45em 4px;
	border: 1px solid #aaa;
	font-weight: normal;
	font-size: 100%;
	line-height: 1;
}

input.text:focus {
	background-color: #fdfdfd;
	border: 1px solid #777;
	outline: none;
}

input.text.okay {
	background-image: url(/img/icons/input-okay.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 28px;
}

input.text.error {
	background-image: url(/img/icons/input-error.png);
	background-repeat: no-repeat;
	background-position: top right;
	padding-right: 28px;
}

input.text.dark {
	background-image: url(/img/ibd.gif);
	border-color: #666;
}

#the_question {
	width: 760px;
	font-size: 180%;
	padding: .45em 8px;
}

.suggest {
	position: absolute;
	top: 0; left: 0;
	padding: .4em .86em;
	border: 1px solid transparent;
	font: 140% "Lucida Grande", "Lucida Sans Unicode", Tahoma, sans-serif;
	cursor: default;
	color: #999;
}


/* Buttons */

/* Little Button */
/*     Sliding Doors CSS Button by the Filament Group --- http://tr.im/sHVF */

button {
	position: relative;
	margin: 0;
	padding: 0;
	border: 0;
	overflow: visible;
	cursor: pointer;
	color: #333;
}

button::-moz-focus-inner {
	border: none;
}

button div {
	position: relative;
	display: block;
	white-space: nowrap;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	button div {
		margin-top: -1px;
	}
}  /* Fix margins for webkit */

button, a.button {
	background: transparent url(/img/buttons/button-onwhite.gif) no-repeat right -110px;
	padding: 0 14px 0 0;
	font-weight: bold;
	font-size: 140%;
	text-align: center;
}

a.button {
	display: inline-block;
	border-bottom: none;
	color: #333;
}

button div, a.button div {
	background: transparent url(/img/buttons/button-onwhite.gif) no-repeat left top;
	height: 26px;
	padding: 9px 0 0 14px;
	color: #333;
}

/* a.button div {
	height: 23px;
	padding: 10px 0 0 14px;
} */

button:hover, button.hover, a.button:hover, a.button.hover {
	background-position: right -165px;
}
	
button:hover div, button.hover div, a.button:hover div, a.button.hover div {
	background-position: left -55px;
	color: #000;
}

button.secondary, a.button.secondary {
	font-weight: normal;
	font-size: 120%;
}

button.secondary div {
	height: 25px;
	padding: 10px 0 0 14px;
}

a.button.secondary div {
	height: 24px;
	padding: 11px 0 0 14px;
}

button.little {
	background: transparent url(/img/buttons/little-blue.gif) no-repeat right -74px;
	margin-top: -2px;
	padding: 0 22px 0 0;
	font-weight: bold;
	font-size: 110%;
	text-align: center;
}

button.little div {
	background: transparent url(/img/buttons/little-blue.gif) no-repeat left top;
	height: 20px;
	padding: 7px 0 0 10px;
}

button.little:hover, button.little.hover {
	background-position: right -111px;
}
	
button.little:hover div, button.little.hover div {
	background-position: left -37px;
}

button.default {
	font-weight: bold;
}

button span { position: absolute; left: -9999px; }

button.close {
	background: url(/img/buttons/little-close-blue.gif);
	position: absolute; bottom: 11px; right: -28px;
	width: 16px; height: 16px;
}

button.close:hover {
	background-position: bottom;
}

button.default, a.button.default { background-image: url(/img/buttons/default-onwhite.gif); }
button.default div, a.button.default div { background-image: url(/img/buttons/default-onwhite.gif); }



/* Errors */

#message {
	background: #f3f3f3;
	display: none;
	float: left;
	padding: .8em 15px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	line-height: 1.6;
}

#message.error {
	background-color: #f5e8fa;
}

#message a:link, #message a:visited {
	border-bottom: 1px solid #ccc;
	color: #555;
}

#message a:hover, #message a:active {
	border-bottom: 1px solid #aaa;
	text-decoration: none;
	color: #333;
}

#message p {
	margin: 0;
	font-size: 110% !important;
	color: #666;
}

.marker {
	display: none;
	position: absolute;
	width: 28px;
	height: 28px;
}

.marker.error {
	background: url(/img/icons/rarr-o-big.gif) no-repeat 0 0;
}



/* Overlay
----------------------------------- */

#shade {
	background: url(/img/o/shade.png) repeat;
	display: none;
	position: fixed; top: 0; left: 0;
	width: 100%; height: 100%;
	z-index: 100;
}

#oframe {
	display: none;
	margin: 7.2em auto 0;
	width: 536px;
}

#otop {
	background: url(/img/o/otop.png) no-repeat;
	position: relative;
	height: 16px;
}

#obtm {
	background: url(/img/o/obtm.png) no-repeat;
	height: 16px;
}

#omid {
	background: url(/img/o/ob.png) repeat-y;
	position: relative;
}

#oclose {
	background: url(/img/o/oclose.gif) no-repeat top;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 51px;
	height: 51px;
}

#oclose:hover {
	background-position: bottom;
}

#overlay {
	background: #fff;
	margin: 0 10px;
	padding: 36px 48px;
	text-align: left;
}

#overlay h2 {
	display: inline-block;
	margin: 0 0 .75em;
	padding-top: 0;
	color: #333;
}

#overlay h3 {
	display: inline-block;
	margin: 0 18px;
	font-weight: normal;
	font-size: 180%;
	font-style: normal;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Helvetica, clean, sans-serif;
	text-shadow: 1px 1px 1px #ccc;
	color: #0e6eb8;
}

#overlay p {
	float: left;
	clear: left;
	margin: 0 0 1.75em;
	font-size: 120%;
}

#overlay p.big {
	font-size: 130%;
	margin-bottom: 1.62em;
}

#overlay .step {
	background: url(/img/labels/step1.gif) no-repeat 0 0;
	float: left;
	clear: left;
	width: 138px;
	height: 9px;
	margin: .3em 0;
}

#overlay .step span {
	position: absolute; left: -9999px;
}

#overlay #label-polllink { background-image: url(/img/labels/link-poll.gif); width: 138px; }
#overlay #label-adminlink { background-image: url(/img/labels/link-admin.gif); width: 187px; }

#overlay .link {
	float: left;
	clear: left;
	margin: .3em -9px;
	padding: .5em 8px .5em 27px;
}

#overlay .link a {
	font-weight: bold;
	font-size: 117%;
	line-height: 1.5 !important;
}

#overlay .link.poll {
	background: url(/img/icons/star-sm.png) no-repeat 9px center;
}

#overlay .link.admin {
	background: url(/img/icons/lock-sm.png) no-repeat 9px center;
}

#overlay p.link-text {
	padding: 0 0 0 18px;
	font-size: 120%;
	line-height: 1.75;
	color: #777;
}

#overlay button.small {
	margin: 0 0 0 6px;
}

#overlay .buttons {
	display: block;
	clear: both;
	height: 3em;
	padding-top: .6em;
}

#overlay .buttons a:link, #overlay .buttons a:visited {
	float: left;
	margin: .75em 12px;
	font-size: 110%;
	line-height: 1.25;
	border-bottom-color: #eee;
	color: #999;
}

#overlay .buttons a:hover, #overlay .buttons a:active {
	border-bottom-color: #ccc;
	color: #666;
}



/* Question
------------------------------- */

#question dl {
	display: block;
	margin: 0 0 0 21px;
}

#question dl:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden;
}

#question dt {
	width: 112px !important;
}

#question dd {
	font-size: 120%;
	padding: 1.5em 0;
}

#question label input.checkbox {
	margin-right: 4px;
}

#question label small {
	display: block;
	margin: 1.2em 0 0;
	font-size: 83%;
	color: #666;
}

#question .finish button {
	margin: 1.8em 0 0 86px;
}

#question #settings_step {
	margin-bottom: 3.6em;
}

#question #poll_settings {
	display: none;
	position: relative;
}

#question #notifications_details.hidden {
	display: none;
}

#question #poll_settings_account {
	position: absolute; top: 3.6em; right: 0;
	margin: 0 10px 0 0;
}

#question #poll_settings_account .label {
	position: relative; top: auto; left: auto;
	float: left;
	margin: 1em 18px 0 0;
	color: #999;
}

#question #poll_settings_account a.button {
	margin-right: 6px;
}

#question #poll_settings_shade {
	background: url(/img/screen.png);
	position: absolute; top: 0; left: 0;
	width: 100%; height: 100%;
}

#question #poll_settings_account_info .widget {
	display: none;
	position: absolute; top: -3.6em; right: 0;
	float: none;
	width: 30em;
	margin: 0 18px 0 0;
	padding: 2.4em 30px;
	text-align: right;
	z-index: 5;
}

#question #poll_settings_account_info .widget a.button {
	margin: .6em -2px 0 10px;
}

#choose_colors .color {
	background: url(/img/buttons/choose_color.gif) no-repeat top left;
	float: left;
	width: 26px; height: 19px;
	border-bottom: none;
	margin-right: 7px;
}

#choose_colors .color:hover, #choose_colors .color:active {
	background-position: left -19px;
}

#choose_colors .color.checked {
	background-position: bottom left;
}

#choose_colors .color.red { background-color: #d96e6e; }
#choose_colors .color.orange { background-color: #d9ae6e; }
#choose_colors .color.green { background-color: #aed96e; }
#choose_colors .color.blue { background-color: #6eadd9; }
#choose_colors .color.purple { background-color: #ae6ed9; }
#choose_colors .color.pink { background-color: #d96ecb; }
#choose_colors .color.black { background-color: #787878; }
#choose_colors .color.gray { background-color: #bcbcbc; }


/* Response
------------------------------- */

#response h3.label {
	margin-top: 0;
}

#response #voter button {
	float: left;
}

#response #voter label {
	display: block;
	clear: left;
	padding: 1.2em 4px .4em;
	font-size: 110%;
	color: #666;
}

#response #voter label input.checkbox {
	margin-right: 4px;
}



/* Login
------------------------------- */

#login .widget {
	width: 364px;
}

#login .widget.secondary {
	width: 176px;
}

#login .widget.secondary h2 {
	margin-bottom: .83em;
}

#login .widget.secondary p {
	margin-bottom: 1.36em;
}

#login fieldset > div {
	float: left;
}

#login fieldset > div.email {
	margin-right: 12px;
}

#login #please_log_in input.text {
	width: 200px;
	font-size: 130%;
}

#login #please_log_in input.text.error {
	width: 176px;
}

#login #please_log_in .suggest {
	padding: .46em .86em;
	font-size: 120%;
}

#login #please_log_in #password {
	width: 130px;
}

#login #please_log_in #password.error {
	width: 106px;
}

#login #please_log_in div label {
	position: absolute; bottom: -2em; left: 6px;
	font-size: 90%;
	color: #999;
}

#login #please_log_in div label.error {
	font-weight: bold;
	color: #b10000;
}

#login .widget.secondary .badge {
	position: absolute; top: 2.14em; right: 30px;
}

#login .finish {
	height: 3.6em;
}

#login .finish a:link, #login .finish a:visited {
	float: left;
	margin-top: 1.64em;
	font-size: 110%;
	line-height: 1.25;
	border-bottom-color: #dee0e1;
	color: #777;
}

#login .finish a:hover, #login .finish a:active {
	border-bottom-color: #ccc;
	color: #444;
}

#login #button_login {
	position: absolute; top: .15em; right: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#login #button_login {
		top: .6em;
	}
}

/* Forgot Password
------------------------------- */

#login_password #forgot_your_password dt.error {
	color: #b10000;
}

#login_password #forgot_your_password {
	margin: 1.8em 0 0;
}

#login_password #forgot_your_password dt {
	padding: 1.23em 0;
}

#login_password #forgot_your_password dd {
	width: 280px;
	height: 2.4em;
	margin: 1em 0;
}

#login_password #forgot_your_password dd > div {
	float: left;
}

#login_password #forgot_your_password dd input.text {
	width: 268px;
	font-size: 130%;
}

#login_password #forgot_your_password dd input.text.error {
	width: 244px;
}

#login_password fieldset.finish {
	height: 3.6em;
	padding: 2.4em 0 0;
}

#login_password #button_send_password {
	position: absolute; top: 0; right: 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#login_password #button_send_password {
		top: 1.8em;
	}
}

#button_send_password.disabled {
	opacity: .5;
}

#button_send_password.disabled:hover {
	background-position: right -110px;
	cursor: default;
}

#button_send_password.disabled:hover div {
	background-position: top left;
	color: #333;
}

#login_password #forgot_your_password dd label {
	position: absolute; top: -1.45em; left: 7px;
	font-size: 90%;
	color: #999;
}

#login_password #forgot_your_password dd label.error {
	font-weight: bold;
	color: #b10000;
}

#login_password div.saved {
	background: url(/img/icons/check.png) no-repeat left center;
	margin-top: .6em;
	padding: .8em 0 .7em 18px;
	font-weight: bold;
	color: #3cad10;
}


/* What is Optionize?
------------------------------- */

#main > ul {
	margin: 0 0 2.4em;
}

#main > ul li {
	font-size: 130%;
	margin: 0 0 1.5em;
	color: #333;
}


/* About
------------------------------- */

#about #main {
	position: relative;
}

#about #side_links {
/*	background: #f7f9fa; */
	position: absolute; right: 0;
	width: 96px;
/*	-webkit-border-radius: 12px;
	-moz-border-radius: 12px;
	border: 1px solid #dedede; */
	border-left: 1px solid #dedede;
	padding: 1.2em 24px 2.4em 42px;
}

#about #side_links li {
	margin: 0 0 1.2em;
}

#about #side_links li.active {
	font-weight: bold;
}

#about #main p {
	margin-right: 240px;
}


/* Register
------------------------------- */

#register #register_now dt.error {
	color: #b10000;
}

#register #register_now dt {
	padding: 1.23em 0;
}

#register #register_now dd {
	width: 280px;
	height: 2.4em;
	margin: 1em 0;
}

#register #register_now dd > div {
	float: left;
}

#register #register_now dd input.text {
	width: 268px;
	font-size: 130%;
}

#register #register_now dd input.text.okay,
#register #register_now dd input.text.error {
	width: 244px;
}

#register #register_now dd label {
	position: absolute; top: -1.45em; left: 7px;
	font-size: 90%;
	color: #999;
}

#register #register_now dd label.error {
	font-weight: bold;
	color: #b10000;
}

#register #register_now dd.two_names #first_name {
	width: 108px;
	margin-right: 12px;
}

#register #register_now dd.two_names #first_name.okay,
#register #register_now dd.two_names #first_name.error {
	width: 84px;
}

#register #register_now dd.two_names #last_name {
	width: 138px;
}

#register #register_now dd.two_names #last_name.okay,
#register #register_now dd.two_names #last_name.error {
	width: 114px;
}

#register #register_now dd.three_names #first_name,
#register #register_now dd.three_names #middle_name {
	width: 64px;
	margin-right: 12px;
}

#register #register_now dd.three_names #first_name.okay,
#register #register_now dd.three_names #middle_name.okay,
#register #register_now dd.three_names #first_name.error,
#register #register_now dd.three_names #middle_name.error {
	width: 40px;
}

#register #register_now dd.three_names #last_name {
	width: 96px;
}

#register #register_now dd.three_names #last_name.okay,
#register #register_now dd.three_names #last_name.error {
	width: 72px;
}

#register #register_now dd #password {
	float: left;
	width: 190px;
}

#register #register_now dd #password.okay,
#register #register_now dd #password_screen.okay,
#register #register_now dd #password.error,
#register #register_now dd #password_screen.error {
	width: 166px;
}

#register #register_now dd #password_screen {
	position: absolute; top: 0; left: 0;
	display: none;
	width: 190px;
}

#register #toggle_password {
	background: url(/img/icons/lock-widget.gif) no-repeat center left;
	float: left;
	margin: 0 0 0 18px;
	padding: .5em 15px;
}

#register #toggle_password.hide {
	background-position: -100px center;
}

#register #toggle_password_link {
	font-size: 120%;
	color: #666;
}

#register .badge {
	margin-top: .55em;
	margin-bottom: .36em;
}

#register fieldset.finish p.fine {
	margin-bottom: 0;
}

#register fieldset.finish p.fine a:link, #register fieldset.finish p.fine a:visited {
	border-bottom-color: #eee;
	color: #888;
}

#register fieldset.finish p.fine a:hover, #register fieldset.finish p.fine a:active {
	border-bottom-color: #ddd;
	color: #666;
}

#register #button_register {
	position: absolute; top: .6em; right: 0;
	clear: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	#register #button_register {
		top: 1.8em;
	}
}


/* My Polls */

#polls div.heading {
	margin: 3.6em 0 1.2em;
}

#polls a.add:link, #polls a.add:visited {
	background: url(/img/btn_add.gif) no-repeat top right;
	float: right;
	height: 24px;
	margin: -6em 4px 0 0;
	padding: .17em 26px .17em 0;
	border-bottom: none;
	font-size: 120%;
	color: #666;
}

#polls a.add:hover, #polls a.add:active {
	color: #333;
}

#polls div.heading h2 {
	color: #666;
}

#polls em.none {
	display: block;
	padding: 1.2em 0;
	font-style: normal;
	font-size: 180%;
	text-align: center;
	color: #999;
}

#polls em.none a:link, #polls em.none a:visited {
	border-bottom-color: #ddd;
	color: #777;
}

#polls em.none a:hover, #polls em.none a:active {
	border-bottom-color: #ccc;
	color: #444;
}

#polls .poll {
	position: relative;
	padding: 2.4em 0 0;
}

#polls .poll .date {
	float: left;
	width: 60px;
	padding: .55em 0 0;
	font-size: 110%;
	color: #999;
}

#polls .poll .title {
	margin: 0 0 0 60px;
}

#polls .poll .title h3 {
	display: inline;
	margin: 0;
	font-style: normal;
	font-size: 180%;
}

#polls .poll .title h3 a:link, #polls .poll .title h3 a:visited {
	border-bottom: none;
}

#polls .poll .title h3 a:hover, #polls .poll .title h3 a:active {
	border-bottom: 1px solid #eee;
}

#polls .poll .title .total_responses {
	display: inline;
	margin-left: 12px;
	font-size: 120%;
	color: #666;
}

#polls .poll .title > a:link, #polls .poll .title > a:visited {
	float: right;
	margin: 0 4px 0 8px;
	padding-top: .64em;
	border-bottom: none;
	font-size: 110%;
	color: #666;
}

#polls .poll .title > a:hover, #polls .poll .title > a:active {
	border-bottom: 1px solid #ccc;
	color: #333;
}

#polls .poll .details {
	margin: 0 0 0 60px;
	padding: 1.2em 200px 2.4em 0;
	border-bottom: 1px solid #eee;
}

#polls .poll .best_option, #polls .poll .your_response {
	display: inline;
	font-size: 120%;
	line-height: 2;
	color: #333;
}

#polls .poll .best_option {
	background: url(/img/icons/star.gif) no-repeat left center;
	padding-left: 18px;
}

#polls .poll .best_option_votes {
	display: inline;
	margin-left: 6px;
	font-size: 110%;
	color: #999;
}

#polls .poll .actions {
	float: right;
	margin-right: -196px;
}

#polls .poll .actions .loading {
	margin: -10px 4px 0;
}

#polls .poll .actions label {
	font-size: 110%;
	color: #333;
}

#polls .poll .actions label input.checkbox {
	margin-right: 8px;
}


/* Settings */

#settings fieldset.full {
	margin-bottom: 0;
}

#settings fieldset.finish {
	margin: 1.8em 0 1.8em;
	padding: 0 0 4.8em 114px;
	border-top: none;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {

	#settings fieldset.finish {
		margin-top: -1.8em;
	}

	#settings #account_password fieldset.finish {
		margin-top: -.6em;
	}

}

#button_save_settings.disabled, #button_change_password.disabled {
	opacity: .5;
}

#button_save_settings.disabled:hover, #button_change_password.disabled:hover {
	background-position: right -110px;
	cursor: default;
}

#button_save_settings.disabled:hover div, #button_change_password.disabled:hover div {
	background-position: top left;
	color: #333;
}

#settings div.saved, #settings div.saving {
	background: url(/img/icons/check.png) no-repeat left center;
	margin-left: 12px;
	padding: .8em 0 .7em 18px;
	font-weight: bold;
	color: #3cad10;
}

#settings div.saving {
	background-image: url(/img/loading.gif);
	padding-left: 22px;
	color: #999;
}


#delete_settings_step {
	min-height: 200px;
	margin: 2.4em 0 0;
}

#delete_settings_toggle {
	margin-bottom: .6em !important;
}

#delete_settings {
	padding: 1.2em 18px;
}

#delete_settings p {
	max-width: 68em;
	padding: 0 4px;
	font-size: 120%;
}

#delete_settings button {
	margin-right: 10px;
}

#personal_settings_step div.heading {
	margin-bottom: 3.6em;
}

#settings fieldset dt {
	width: 108px;
}

#settings dt.error {
	color: #b10000;
}

#settings dt {
	padding: 1.8em 0;
}

#settings dd {
	width: 760px;
	margin: 1.8em 0;
}

#settings dd > div {
	float: left
}

#settings dd input.text {
	width: 268px;
	font-size: 130%;
}

#settings dd input.text.error {
	width: 244px;
}

#settings dd label {
	position: absolute; top: -1.45em; left: 7px;
	font-size: 90%;
	color: #999;
}

#settings fieldset dd label.main {
	position: relative; top: auto; left: auto;
	font-size: 120%; color: #666;
	margin-right: 8px;
}

#settings fieldset dd label.main {
	float: left;
	padding: .66em 0;
}

#settings dd label.error {
	font-weight: bold;
	color: #b10000;
}

#settings #first_name, #settings #middle_name {
	width: 120px;
}

#settings #first_name.error, #settings #middle_name.error {
	width: 96px;
}

#settings #last_name {
	width: 160px;
}

#settings #last_name.error {
	width: 136px;
}

#settings #first_name, #settings #middle_name, #settings #last_name, #settings #email, #settings #password_current {
	margin-right: 12px;
}

#settings div.password_current {
	margin-right: 24px;
}

#settings div.password_new #toggle_password {
	display: inline-block;
	float: none;
}

#password_screen {
	position: absolute; top: 0; left: 0;
	display: none;
	width: 190px;
}

#toggle_password {
	background: url(/img/icons/lock-white.gif) no-repeat center left;
	float: left;
	margin: 0 0 0 18px;
	padding: .5em 15px;
}

.widget #toggle_password {
	background-image: url(/img/icons/lock-widget.gif);
}

#toggle_password.hide {
	background-position: -100px center;
}

#toggle_password a:link, #toggle_password a:visited {
	border-bottom-color: #ccc;
}

#toggle_password_link {
	font-size: 120%;
	color: #666;
}

#settings dd #password_current, #settings dd #password_new, #settings dd #password_screen {
	width: 160px;
}

#settings dd #password_current.okay, #settings dd #password_current.error,
#settings dd #password_new.error, #settings dd #password_screen.error {
	width: 136px;
}