/* --USERS -- */
/* -------------------------------- */

/*login and merge account dialogs*/
#userDialog {width: 370px; padding-bottom: 30px;}

#userDialog input {width: 63%; line-height: 1.4em;}
#userDialog input.emailLogin {width: 93%;}
#userDialog input.button {width: 100px; white-space: nowrap;}

#userDialog ul {position: absolute; bottom: 15px; left: 15px;}

#userDialog li {
	display: inline; 
	margin-left: 0.6em; padding-left: 0.8em; 
	border-left: 1px solid #ccc;
	letter-spacing: 0.1em;
}

#userDialog li:first-child {border: none; padding-left: 0; margin-left: 0;}
#userDialog li.ui-state-active a { color: #333;}


/*global account styles*/
#account ul.areaNav {
	margin-bottom: 20px;
	padding: 5px; 
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	background: #efefef;
}

#account .userPane {
	padding: 10px; 
	border: 1px solid #ccc;
    margin-bottom: 20px; 
}

#account input[type=text], #account input[type=password] {width: 42%;}
#account div.fieldWrapper input[type=text], #account div.fieldWrapper input[type=password]  {width: 90%;}
#account div.fieldWrapper {width: 47%;}

/*logged out*/
#account #SIlogin div.fieldWrapper {float: none; width: 60%;}
#account #SIlogin input[type=password], #account #SIlogin input.passwordImposter {width: 68%;}


/*logged in*/
#account .leftColumn { width: 200px; float: left; margin-right: 20px; }
#account .rightColumn { width: 458px; float: left; }

#account .rightColumn input.long, #account .rightColumn textarea {width: 90%;}

#account a.swap {
	font-family: arial, sans-serif; 
	font-size: 0.8em;
	letter-spacing: 0.05em; 
}

#account .userPane ul {
	font-size: 1.2em;
	padding: 10px 10px 1px 10px; 
	margin-bottom: 20px;
	background: #efefef;
}

#account .userPane li {margin-bottom: 10px}
#account .userPane li strong {text-transform: uppercase; margin-right: 5px; }

#account .userPane .dummyPassword {
	position: relative; 
	top: 4px;
	letter-spacing: 0.1em; 
	font-size: 14px;
}