@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;}

legend span {
	/*width: 642px;*/
	}
div.mod-register h3 {
	margin: 0;
	padding: 0;
	}

#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: 85px;
		text-align: right;
		}
	
	.your-passport-content p.button a {
		display: block;
		width: 81px;
		height: 22px;
		background-image: url(../library/btn-register.png);
		background-position: left top;
		background-repeat: no-repeat;
		cursor: pointer;
		}
		
		.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;
	}