/**** VARIÁVEIS ****************/
@primary-font-family: Verdana, Helvetica, Arial;
@secondary-font-family: Trebuchet MS;

@content-padding: 0 15px;

/*******************************/

h1, h2, ul, li, form{
	padding:0;
	margin:0;
}
.nolinespace{
	font-size:0;
	line-height:0;
}
.clearboth{
	clear:both;
	.nolinespace;
}
.hidden{
	display:none;
}


body{
	background:#e4e6f1 url(http://images.parperfeito.com.br/images/ftime/match/bg_body.png) repeat-x top left;
	font-family:@primary-font-family;
	color:#2F4292;
	font-size:10px;
	text-align:center;
	margin:0;

	a{
		color:#2F4292;
	}
}

.online{
	color:#7fc240;
}



.wrapper{
	width:990px;
	margin:0 auto;
	text-align:left;
}

#header{
	margin:10px 0;
	padding:@content-padding;
	height:50px;
	color:#d8d8d8;
	font-family:@secondary-font-family;	
	font-size:12px;
	
	.logo{
		width:176px;
		height:50px;
		float:left;
		margin-right:4px;
	}
	h2{
		color:#EB0088;
		font-size:14px;
		font-weight:bold;
		line-height:16px;
		float:left;
		margin-top:24px;
	}
	h2 span {
		color:#b5b4b4;
		font-size:10px;
	}		
		
}

	#login{
		float:right;
		position:relative;
		margin-top: -617px;
		margin-right:-12px;
		
		a{
			color:#a8b3cb;
		}
	}

	#login-form{
		color:#333333;
		line-height:14px;
		
		.input{
			width:115px;
			_width:122px;			
			height:13px;
			_height:20px;
			font-size:12px;
			border:1px solid #bababa;
			background:#FFFFFF;
			color:#333;	
			padding:3px;			
		}		
		
		form{
			margin-top:5px;
			padding:7px 0;
			
			.fields{
				float:left;
				margin-left:3px;
			}
			.button{
				padding-top:14px;
				float:left;
				input{
					width:54px;
					height:24px;
					background:url(http://images.parperfeito.com.br/images/ftime/match/bt_enter.png) no-repeat 0 0;
					border:none;
					color:#FFFFFF;
					font-size:12px;
					font-family:"Trebuchet MS";
					cursor:pointer;
				}
			}
			
			.line{
				float:left;
				width:128px;
			}			

			label{
				color:#284c9d;
				font-size:11px;
			}

			.forgotpass{
				float:left;
				padding-top:1px;
				color:#a8b3cb;
				width:auto;
				margin-right:2px;
				
				a{
					color:#a8b3cb;
					font-size:9px;
				}
			}

		}
	
	}


#content{
	font-family:@secondary-font-family;
	color:#7f7f7f;
	position:relative;
	clear:both;
	margin-bottom:10px;

	.content-top{
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_content_top_branco.png);
		height:10px;
		.nolinespace;
	}
	.content-bottom{
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_content_bottom_branco.png);
		height:10px;
		.nolinespace;
	}
	.content-mid{
		background:#FFF;
		padding:@content-padding;
	}

	h1{
		font-size:22px;
		margin-bottom:10px;
		line-height:22px;
		font-weight:normal;
		text-align:center;
	}

}
		
#box-slider{
	width:960px;
	padding:0;
	margin:0;
	position:relative;
	
	.selected-user{
		position:absolute;
		width:300px;
		height:182px;
		background:url(/images/ftime/ftime2011/sel-user-bg-match.png) no-repeat;
		top:-8px;
		left:330px;
		font-family:@secondary-font-family;
		font-size:20px;
		line-height:22px;
		color:#FFF;
		z-index:1;
		
		.selected-user-inner{
			margin:10px 0 10px 15px;
		}
		
		.user-pic{
			float:left;
			margin:7px 5px 0 0;
		}
		img{
			border:2px solid #FFF;
		}
		.user-data{
			font-size:13px;
			color:#FFF;
			margin-top:10px;
			line-height:17px;
		
			div.username-slide {
				background-color:#5578c6;
				padding:3px;
				display:inline;
			}
			div.dados-slide {
				margin-top:7px;
			}
		}
			
	}

	.photo-shadow-left, .photo-shadow-right{
		width:50px;
		height:480px;
		position:absolute;
		top:0;
	}	
	.photo-shadow-left{
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_slider_shadow_left.png) repeat-y;
		left:0;
		z-index:2;
	}	
	.photo-shadow-right{
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_slider_shadow_right.png) repeat-y;
		right:0;
		z-index:2;
	}
	
	.bx-next, .bx-prev{
		position:absolute;
		top:237px;
		z-index:10;
		width:19px;
		height:27px;
		text-indent:-999999px;
		outline:0;
	}
	.bx-next{
		right:-8px;
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_slider_arrow_right.png) no-repeat 0 0;
	}
	.bx-prev{
		left:-8px;
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_slider_arrow_left.png) no-repeat 0 0;
	}
	.bx-next:hover, .bx-prev:hover{
		background-position:0 -27px;
	}	
	
	#photo-slider{
		width:960px;

		li{
			width:120px;
			height:480px;
			padding:0;
			margin:0;
			float:left;
			.nolinespace;
			
			img{
				width:120px;
				height:120px;
				opacity:0.5;
				filter:alpha(opacity=50);
				cursor:pointer;
				
				&.hover{
					opacity:1;
					filter:alpha(opacity=100);
				}
				
			}
		}			
	}
}

#box-form{
	position:absolute;
	top:33px;
	left:339px;
	z-index:3;
	width:315px;
	color:#1f1f1f;
	font-size:11px;
	line-height:13px;
	
	a{
		color:#1f1f1f;
	}
	
	
	.box-form-corners{
		height:10px;
		.nolinespace;
	}
	.box-form-top{
		.box-form-corners;
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_form_top.png) no-repeat 0 0;
	}
	.box-form-bottom{
		.box-form-corners;
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_form_bottom.png) no-repeat 0 0;
	}
	.box-form-mid{
		padding:5px 0 0 19px;
		background:url(http://images.parperfeito.com.br/images/ftime/ftime2011/box_form_mid2.png) repeat-y;
	}
	
	h2{
		color:#284d9e;
		font-size:20px;
		font-family:@secondary-font-family;
		padding:0 0 5px 0;
		margin:0 19px 5px 0;
		border-bottom:1px solid #284d9e;
		height:20px;
		line-height:18px;
	}	
	
	form{
		margin:0 7px 0 7px;
		padding-bottom:3px;
	}
	
	.line{
		clear:both;
		margin-bottom:8px;
		/*width:258px;*/
	}
	.line.country{
		width:165px;
	}
	.line.state{
		clear:none;
		width:92px;
	}
	.line.bt_submit{
		margin-bottom:0;
		margin-top:5px;
	}
	
	.line.validation-ok{
		background:url(http://images.parperfeito.com.br/images/ui-elements/ok.png) no-repeat right 20px;
	}
	
	.label{
	}
	
	label{
		display:block;
		margin:0 10px 3px 0;
		width:258px;		

		&.gender-male{
			width:13px;
			height:34px;
			background:url(http://images.parperfeito.com.br/images/ui-elements/form-sprite.png) no-repeat -170px 0;
			text-indent:-1000000px;
			outline:none;
			margin-left:5px;
			float:left;
		}
		&.gender-female{
			width:16px;
			height:34px;
			background:url(http://images.parperfeito.com.br/images/ui-elements/form-sprite.png) no-repeat -150px 0;
			text-indent:-1000000px;
			outline:none;
			margin-left:5px;
			float:left;
		}
	}
		
	.fields{
		clear:both;
		margin-top:0;
		min-height:21px;
		_height:21px;
		/*position:relative;*/
		
		span.spacer{
			display:block;
			float:left;
			width:20px;
			height:10px;
			.nolinespace;
		}
	}
	
	.field-full-line{
		width:258px;
		height:21px;
	}
	.input{
		.field-full-line;
		height:15px;
		_height:21px;
		padding:2px 0;
	}
	select, input, option{
		font-size:12px;
		height:21px;			
		border:1px solid #dcdcdc;
		background:#FFFFFF;
		color:#333;
	}
	option{
		border:none;
	}
	input.nostyle{
		border:0;
		background:none;
		margin:0 5px 0 0;
		line-height:normal;
		vertical-align:middle;
	}

	
	.gender-col{
		width:120px;
		float:left;
		
		input{
			float:left;
		}
	}
	.gender-col1{
		.gender-col;
		margin-right:10px;
	}
	.gender-col2{
		.gender-col;
	}
	
	.birth-date{
	
		.fields{
			.field-full-line
		}
	
		select{
			width:72px;
		
			&.birth-d, &.birth-m{
				margin-right:18px;
			}
			
		}
		
	}
	
	.country{
		float:left;
		
		label{
			width:165px;
			margin-right:0;
		}
		select{
			.field-full-line;
			width:165px;
		}
	}
	
	.state{
		float:left;
		margin-left:21px;

		iframe{
			width:72px;
			height:21px;
		}
		label{
			width:72px;
			margin-right:0;
		}
	}
	
	.city{
		iframe{
			.field-full-line;
		}
	}	
	
	.disclaimers{
		margin-right:19px;
		
		.jqTransformCheckbox{
			float:left;
		}
		label{
			float:none;
			margin:0 0 0 20px;
		}
		p{
			margin:5px 0 0 0;
		}
	}
	
	.partnernews{
		label{
			width:230px;
		}
	}
	.acordo{
		width:258px;
	}	

	.bt_ncad{
		width:260px;
		height:48px;
		background:transparent url(http://images.parperfeito.com.br/images/ftime/match/bt_submit.png);
		border:0;
		font-family:@secondary-font-family;
		font-size:24px;
		color:#FFF;
		font-weight:bold;
	}
	
	.error-line{
		color:#CC0000;
		font-weight:bold;
		padding:5px 0;
		margin:5px 0 0 0;
		
		img{
			vertical-align:middle;
		}
	}
	
	/* focus */
	/* Balões de dicas e validação */
	
	
	.field-tip{
		display:none;
		width:289px;
		min-height:15px;
		position:absolute;
		margin-top:15px;
		margin-left:265px;
		font-family:Verdana;
		font-size:10px;
		line-height:11px;
		padding:3px 0;
		
		img{
			display:none;
		}
	}
	
		.field-tip .field-tip-top, .field-tip .field-tip-bottom{
			background:transparent url(http://images.parperfeito.com.br/images/ui-elements/form-sprite.png) no-repeat 0 0;
			height:5px;
			margin-left:5px;
			font-size:0;
			line-height:0;
		}
		.field-tip .field-tip-top{
			background-position:-200px 0;
		}
		.field-tip .field-tip-bottom{
			background-position:-200px -10px;
		}
		.field-tip .field-tip-mid{
			background:#7ec720;
			margin-left:5px;
			padding:0 8px;
		}
		.field-tip .field-tip-extra{
			width:5px;
			height:13px;
			position:absolute;
			top:8px;
			left:0px;
			background:transparent url(http://images.parperfeito.com.br/images/ui-elements/form-sprite.png) no-repeat -190px 0;
		}
		.field-tip.field-tip-focus{
			display:block;
		}	
		

	.line.focus{
		input, select{
			border-color:#7ec720;
			outline:none;
		}
		.field-tip{
			display:block;
		}
	}	
	.validation-error .field-tip{
		display:block;
	}	
		
		
		.validation-error .field-tip .field-tip-top{
			background-position:-200px -20px;
		}
		.validation-error .field-tip .field-tip-bottom{
			background-position:-200px -30px;
		}
		.validation-error .field-tip .field-tip-mid{
			background:#ffd926;
		}
		.validation-error .field-tip .field-tip-extra{
			background-position:-190px -20px;
		}
		.validation-error input {
			/*background:#FFD926;
			border-color:#d7b206;*/
		}
		
		
}


.footer{
	background:#d6dbeb;
	color:#284b9e;
	font-family:@primary-font-family;
	font-size:10px;
	padding:8px 0;
	margin-bottom:10px;
	font-weight:bold;
	
	a{
		color:#284b9e;
		font-weight:normal;
	}

	ul{
		list-style:none;
		
		li{
			display:inline;			
		}
	}
	
	.socialmedia{
		text-align:right;
		font-weight:bold;
		float:right;
	}
}

.othersbymeetic{
	color:#c0c0c0;
	font-weight:bold;
	
	a{
		color:#c0c0c0;
		text-decoration:none;
		font-weight:normal;
	}
}

.copyright{
	text-align:center;
	line-height:14px;
	
	ul{
		list-style:none;
		margin-bottom:10px;
		
		li{
			display:inline;			
		}
	}	
}
.seo_content{
	text-align:center;
	margin-top:20px;
	line-height:14px;
	
	h2{
		text-transform:uppercase;
		font-size:12px;
	}
	ul{
		list-style:none;
		margin:10px 0;
		
		li{
			display:inline;			
		}
	}	
}