@import url(../css/form.css);

div.mod-register {
	/*width: 670px;*/
	/*background: url(../library/bg-reviewpanel.png) repeat-x 0 19px;*/
	/*padding-top: 19px;*/
	/*position: relative;
	z-index: 1;*/
	}
div.register,
div.login {}
div.row,
div.required,
div.last,
fieldset,
fieldset fieldset {padding: 0;margin: 0;}

div.mod-register .login,
div.mod-register .register {
    float: left;
    width: 260px;
    overflow: hidden;
    }

div.mod-register .login {
    padding-left: 20px;
    }   
div.mod-register .register {
    padding-right: 19px;
    border-right: 1px solid #e5e5e5;
    } 
div.mod-register input.field {
    width: 250px;
    }
div.mod-register span.requiredinfo {
    color: #999;
    position: absolute;
    right: 0;
    top: 10px;
    z-index: 1;
    font-weight: normal;
    text-align: right;
    display: block;
    padding-right: 0;
    background-color: Transparent;
    }      
div.mod-register div.row {
    background: transparent!important;
    width: 260px;
    }        
div.mod-register fieldset {
    width: 260px;
    }
div.mod-register legend span {
	width: 250px;
	color: #505050;
	background-color: #fff;
	font-weight: bold;
	padding-left: 0;
	padding-top: 10px;
	position: relative;
	z-index: 1;
	}
div.mod-register span.button {
	padding-left: 175px;
	}	
div.mod-register h2 {
	margin-top: 0;
	padding-top: 0;
	line-height: 1.4;
	color: #ca2c24;
	}
div.mod-register h2 em {
	display: block;
	color: #333;
	}	
div.mod-register .forgotten-password {
    display: block;
    padding-top: 7px;
    }	
	
div.mod-register span.desc {
    float: none;
    display: inline;
    padding-left: 0;
    }
div.mod-register strong.required {
    position: static;
    padding-left: 0;
    padding-right: 0;
    }    
div.mod-register span.element {
    float: none;
    display: block;
    padding-left: 0;
    padding-top: 5px;
    width: 260px;
    } 
div.mod-register span.checkbox {
    padding-left: 0;
    } 
div.mod-register span.text {
    width: 220px;
    }
div.mod-register span.text strong {
    font-weight: normal;
    }                     

/* =============================== YOUR PASSPORT PANEL ====================================*/

#your-passport-form {
	display:none;
	position:absolute;
	top:89px;
	right:0px;
	width:256px;
	padding: 35px 0 0 0;
	z-index:50;
	background-image: url(../library/your-passport-form-bg-top.png);
	background-position: left top;
	background-repeat: no-repeat;
	
}

#your-passport-form-inner {
	background-image: url(../library/your-passport-form-bg-bott.png);
	background-position: left bottom;
	background-repeat: no-repeat;
	width: 256px;
	padding: 0 0 38px 0;
}

.your-passport-content {
	z-index:50;
	background: url(../library/your-passport-bg.png) 0 0 repeat-y #fff;	
	padding: 15px 0 10px 0;
	}
.your-passport-content .mod-contentpanel {
	padding: 0 0 0 20px;
	}
	
	.your-passport-content p {
		/*clear:both;
		margin: 0;
		padding:0pt;*/
		padding-right: 20px;
		}
		
	.your-passport-content h3 {
		clear:both;		
		color:#666666;
		font-size:100%;
		font-weight:bold;
		margin: 0 0 15px -20px;
		padding:7px 0pt 6px 20px;
		/*text-transform: uppercase;*/
		background-image: url(../library/login-title-bg.png);
		background-position: left top;
		background-repeat: repeat-y;
		border-right: 1px solid #fff;
		}
	#lite-login-panel h3 {
		margin-left: 0px;
		}	
		
	.your-passport-content p.button {
		padding-left: 20px;
		text-align: right;
		}
	
	.your-passport-content p.button a.more {
		display: block;
		width: 110px;
		height: 22px;
		background-image: url(../library/btn-more.png);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		float: left;
		}
	
	.your-passport-content p.button a.register {
		display: block;
		width: 81px;
		height: 22px;
		background-image: url(../library/btn-register.png);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		float: right;
		}
		
		.your-passport-content p a span {
			display: none;
			}
		
	.your-passport-content ul {
		margin: 0 0 10px 17px;
		padding: 0;
		}
		
	#lite-login-panel {
		clear:both;
		margin: 20px 0 0 0;
		}
	
		/*.your-passport-content #lite-login-panel h3 {
			clear:both;
			color:#CA2C24;
			font-size:110%;
			font-weight:bold;
			margin: 0 0 10px 10px;
			padding:0pt;
			text-transform: uppercase;
			}*/
			
#your-passport-form iframe
{
	position:absolute;
	top:0px;
	z-index:-1;
	width:256px;
	height:256px;
}

#your-passport-form input.field {width: 150px !important;}

#your-passport-form fieldset { border: none; margin: 0; padding: 0; width: 256px;}
#your-passport-form fieldset.parent { position: relative;}
#your-passport-form fieldset fieldset { border: none; margin: 0; padding: 0;}
#your-passport-form legend {
	/*margin: 0; 
	padding: 0;
	position: relative;*/
	display: none;
	}
#your-passport-form legend span {
	display: block; 
	background: #848484; 
	color: #fff; 
	width: 290px; 
	padding: 6px 3px 6px 8px;
	margin: 0px 0px 0px 0px;
	}
#your-passport-form div.row {
	position:relative;
	z-index:1;
	width: 256px/*300px*/;
	/*background: #ccc;
	border-top: 1px solid #fff;
	background: url(../library/divider-news.png) repeat-y 0 0;*/
	padding: 3px 0 3px 0;
	}
	#your-passport-form div.row:after {
		display: block;
		clear: both;
		content: ".";
		visibility: hidden;
		height: 0;
		}	
#your-passport-form div.required {
	/*position: relative;
	z-index: 1;
	text-align: right;
	margin-bottom: -21px;
	background: none;
	border: none;
	width: 300px;*/
	display: none;
	}
#your-passport-form div.last {
	background-color: transparent;
	padding: 10px 0 0 0;
	background-image: none;
	border-bottom: none;
	width: 256px/*300px*/;
	}

#your-passport-form span.desc {float: left; display: block; width: 65px; padding: 3px 0px 4px 5px; text-align: right;}
#your-passport-form span.element {float: left; display: block; /*width: 150px;*/ padding: 1px 0 0 15px;}
#your-passport-form span.element a { display:block; padding-top: 3px;}
#your-passport-form span.button { display: block; text-align: right; padding-right: 20px;}
#your-passport-form span.requiredinfo {display: block; color: #eee; font-style: italic; padding: 0px 7px 0px 7px;}
#your-passport-form strong.requiredinfo {color: #CA2C24; font-size: 100%;}

#your-passport-form div.row strong.required {
	color: #CA2C24;
	position: absolute;
	left: 65px;
	top: 0;
	width: 1em;
	padding: 5px 5px 0px 7px;
	}