/*
 * #ubox-container > #ubox-subcontainer > .ubox-content > ...
 */
#l-feedback,#l-login,.l-success,.l-failure {
	width:430px
	}

#ubox-container .heading {
	background:#c8e3ed;
	overflow:hidden;
	margin:0;
	padding:10px
	}

#ubox-container .heading .close	{
	background:url(../images/btn-close.gif) no-repeat scroll;
	display:block;
	height:10px;
	outline:none;
	text-indent:-9999px;
	width:10px
	}

#ubox-container .heading h1 {
	color:#016d95
 	}

#ubox-container fieldset.fields {
	background:url(../images/bg-I-gray-cont.gif) repeat-x 0 1px;
	border:0;
	text-align:left;
	overflow:hidden;
	margin:0;
	padding:10px
	}

#ubox-container form p {
	float:left;
	width:100%;
	margin:10px 0;
	padding:0
	}

#ubox-container form label {
	float:left;
	width:177px;
	text-align:left;
	font-weight:700;
	padding:3px 0;
	font-size:110%;
	}

#ubox-container form input.text,#ubox-container form textarea,#ubox-container form select {
	border:1px solid #b3b3b3;
	float:right;
	width:212px;
	padding:3px
	}

#ubox-container form select {
	width:260px;
	padding:0
	}

#ubox-container p.submit {
	border-top:2px solid #d6d6d6;
	float:none;
	overflow:hidden;
	width:auto;
	margin:0 10px;
	padding:10px 0
	}

#ubox-container p.submit span input {
	vertical-align:middle
	}

#ubox-container input.submit {
	border:none;
	cursor:pointer
	}

/*RETRIEVE PASSWORD AREA*/
#ubox-container fieldset.retrieve{
	background:#e5e5e5;
	clear:both
	}

#ubox-container .retrieve label {
	padding:0
	}

#ubox-container .retrieve input#r-password {
	margin:4px 0 0
	}

#ubox-container form label span {
	display:block;
	font-weight:400;
	line-height:11px
	}

#ubox-container form .retrieve p.action {
	text-align:left;
	margin:0 0 10px
	}

/*REGISTER AREA*/
#ubox-container #l-register form label span {
	color:#999;
	font-size:0.9em;
	line-height:17px
	}

.captia {
	float:right;
	width:218px;
	height:60px;
	border:1px solid #ccc;
	margin:10px 0 0
	}

.captia img {
	width:218px;
	height:60px
	}

input.btn-send {
	background:url(../images/btn-send.jpg) no-repeat;
	float:right;
	width:103px;
	height:35px;
	border:0;
	cursor:pointer;
	margin:10px
	}

input.btn-send:hover {
	background:url(../images/btn-send.jpg) no-repeat 0 -35px;
	float:right;
	width:103px;
	height:35px;
	border:0;
	cursor:pointer
	}

/*
 * Success
 */
.l-success {
	background:url(../images/success-img.jpg) top center no-repeat #c8e3ed;
	background-position:150px 30px;
	padding-bottom:30px;
	text-align:center
	}

.l-success input.btn-close {
	background:url(../images/btn-close.jpg) no-repeat;
	width:130px;
	height:35px;
	border:0;
	cursor:pointer;
	margin:0 auto
	}

.l-success input.btn-close:hover {
	background:url(../images/btn-close.jpg) no-repeat 0 -35px;
	width:130px;
	height:35px;
	border:0;
	cursor:pointer
	}

.l-success input.btn-back-to-article {
	background:url(../images/btn-back-to-article.jpg) no-repeat;
	width:156px;
	height:33px;
	border:0;
	cursor:pointer;
	margin:10px
	}

/*
 * Failure
 */
.l-failure {
	background:url(../images/failure-img.jpg) top center no-repeat #FFF;
	background-position:150px 30px;
	padding-bottom:30px;
	text-align:center
	}

/* email not found lb */
.l-email-nf {
	display:none
	}

#lb-email-nf {
	width:400px;
	background-color:#C8E3ED
	}

#lb-email-nf div {
	font-weight:700;
	color:#0087B5;
	text-align:center;
	padding:1em
	}

#lb-email-nf div span {
	padding-top:4px;
	font-weight:400;
	color:#000;
	margin:0
	}

#lb-email-nf div.sign-instead {
	float:left
	}

#lb-email-nf a#enf-signin {
	border-bottom:1px dotted #7BD
	}

#lb-email-nf a.close-enf {
	background:transparent url(../images/btn-close.gif) 0 0 no-repeat;
	text-indent:-999em;
	outline:none;
	float:right;
	height:10px;
	width:10px
	}

#lb-email-nf #email-nf-register {
	background:transparent url(../images/btn-register.jpg) top left no-repeat;
	display:block;
	width:119px;
	height:23px;
	margin:0 auto
	}

#l-register {
	width:620px;
	text-align:left
	}

.text2 {
	font-size:14px;
	width:230px;
	border:1px solid #b3b3b3;
	float:left;
	padding:5px
	}

#l-register fieldset.fields,#l-forgot fieldset.fields,#l-profile fieldset.fields {
	background:none
	}

#l-register .captia-text {
	border:1px solid #B3B3B3;
	float:left;
	width:150px;
	padding:5px
	}

#ubox-container .body {
	background:url(../images/register/login-bg.gif) repeat-x;
	overflow:hidden;
	margin:0;
	padding:10px
	}

#ubox-container .body .close {
	background:url(../images/register/btn-close.gif) no-repeat scroll;
	display:block;
	height:10px;
	outline:none;
	text-indent:-9999px;
	width:10px
	}

#ubox-container .body h1 {
	text-align:left;
	color:#016d95;
	font-size:24px;
	margin:0;
	padding:0
	}

#ubox-container .container {
	overflow:hidden;
	float:left;
	width:260px;
	margin-left:5px;
	text-align:left
	}

#ubox-container .container h1 {
	color:#016d95;
	font-size:24px
	}

#ubox-container .container-profile {
	overflow:hidden;
	float:left;
	width:250px;
	text-align:left
	}

#l-register .separator {
	width:25px;
	float:left;
	font-size:14px;
	margin:5px 10px 0;
	text-align:center; 
	}

#l-register .separator-line {
	background:#ccc;
	width:1px;
	margin-top:10px;
	height:350px;
	}

#l-register input.signup {
	background:url(../images/register/btn-signup.jpg);
	height:33px;
	width:147px;
	margin-top:10px; 
	}

#l-register input.signup:hover {
	background:url(../images/register/btn-signup.jpg) no-repeat 0 bottom
	}

#l-profile {
	width:520px;
	text-align:left
	}

#l-profile input.save {
	background:url(../images/register/btn-save.jpg);
	height:35px;
	width:117px;
	float:right;
	margin-right:10px
	}

#l-profile input.save:hover {
	background:url(../images/register/btn-save.jpg) no-repeat 0 bottom
	}

#l-profile .avatars {
	height:67px;
	margin:4px 0
	}

#l-profile .avatar-uploaded a img {
	float:left;
	margin-right:10px;
	padding:4px;
	border:1px #fff solid
	}

#l-profile .avatar-uploaded a.default-avatar:hover img,#l-profile .avatar-uploaded a.selected img{
	border:1px #0f597f solid
	}

#l-profile .avatar-add {
	float:left;
	margin-top:20px
	}

#ubox-container #l-profile .profile-about {
	width:480px;
	height:100px;
	float:none
	}

#l-updated .body h1 {
	text-align:center;
	margin:10px 0
	}

#l-register input.login {
	background:url(../images/register/btn-login.jpg);
	height:33px;
	width:147px;
	margin-top:10px
	}	

#l-register input.login:hover {
	background:url(../images/register/btn-login.jpg) no-repeat 0 bottom
	}

#l-register form label, #l-profile form strong{
	padding:3px 0 0 0;
	font-size:120%;
	}	

#ubox-container #l-register .captia {
	float:left;
	width:160px;
	height:60px;
	border:1px solid #ccc;
	margin:0;
	padding:0
	}

#ubox-container #l-register .captia img {
	width:160px;
	height:60px
	}

#l-forgot input.r-pword {
	background:url(../images/register/btn-retrieve-pword.jpg);
	height:26px;
	width:147px
	}

.tos-text {
	font-size:10px;
	line-height:15px
 	}

#l-updated{
	width:300px;
	height:200px
	}

#ubox-container .heading h1,#ubox-container .heading p,#ubox-container .container h1,#ubox-container .container p,#ubox-container .container-profile p{
	text-align:left;
	margin:0;
	padding:2px 0
	}

.l-success h1,.l-failure h1 {
	text-align:center;
	color:#016d95;
	font-size:30px;
	margin:120px 0 8px
	}

.l-success p,.l-failure p {
	text-align:center;
	font-weight:700;
	font-size:15px;
	color:#087299;
	margin:0;
	padding:0
	}
#l-forgot {
	width:300px; 
	}
#add-info{
	margin-top:10px
	}