@import "base.less";
@import "language.less";

@bodyBackground: @blue_9;
@loginHeight: 124px;
@controlBackground: @gray_13;

@bottomColor: @blue_10;

body{
	background: @bodyBackground url(images/A57.gif) repeat-x;
}

.main{
	background: url(images/A51_pattern.png) no-repeat center;
	height: 520px;
}

.con{
	padding-top: 120px;
	width: 780px;
	margin: 0 auto;
}

.logo{
	background: url(images/A51_logo.png) no-repeat center;
	height: 110px;
}

.login{
	height: @loginHeight;
	width: 660px;
	margin:0 auto;
	
	.lt,.gt{
		background: url(images/A51_frame_left.png);
		width:47px;
		height: @loginHeight;
		float: left;
	}
	
	.gt{
		background: url(images/A51_frame_right.png);
		float: right;
	}
	
	.md{
		height: @loginHeight;
		background: url(images/A51_frame.png);
		margin: 0 47px;
	}
	
	.tool{
		height: 36px;
	}
}

.loginbox{
	input{
		background-color: @controlBackground;
		width:120px;
	}
	
	table{
		margin: 10px auto;
	}
	
	table th{
		text-align:left;
		font-weight:normal;
		padding:0 20px 0 10px;
		background:url(images/A58.gif) no-repeat right;
	}
}

.time{
	font-size: @fontSmaller;
	color:#0e7dcf;
	text-align:right;
	vertical-align: bottom;
}

#submitBtn{
	background:url(images/A62.gif);
	width:79px;
	height:27px;
	color:white;
	font-weight:bold;
	
	cursor:pointer;
	margin-left:5px;
}

#randomCode{
	width:50px;
	float:left;
}
#randomSpan{
	background:url(images/waiting1.gif) no-repeat center;
	width:80px;
	height:22px;
	vertical-align:middle;
	cursor: pointer;
	
	display:block;
	float:left;
	margin-left:5px;
}

.bottom{
	color: @bottomColor;
	font-size: @fontSmaller;
	margin-top: 57px;
	
	.tips{
		float: left;
		line-height: 16px;
	}
	
	.tp{
		div{
			width:16px;
			height:18px;
			float:right;
			cursor:pointer;
			margin-right:5px;		
		}
		
		.d1{
			width:312px;
			background:url(images/A11_iconlist.png);
			margin-right:0px;
		}

		.d2{
			background:url(images/A11_flash.png) no-repeat 0 50%;
		}
		.d3{
			background:url(images/A11_sfr.png) no-repeat 0 50%;
		}
		.d4{
			background:url(images/A11_chr.png) no-repeat 0 50%;
		}
		.d5{
			background:url(images/A11_ff.png) no-repeat 0 50%;
		}
		.d6{
			background:url(images/A11_ie.png) no-repeat 0 50%;
		}


	}
}

.language{
	float: right;
	color: black;
	margin-top: 13px;
	
	.font{
		display: none;
	}
}

.errMsg{
	z-index:101;
	font-size: @fontSmall;
    position: absolute;
    top:10px;
    color: @bottomColor;

display:none;
}