﻿@charset "utf-8";

/* --- shared css for new layout (2007) --- */

.leftcol {width:530px; _width:570px; float: left; padding: 10px 0 0 10px;}
.loginInBox {padding-left: 10px; }

.loginSubMenu {font-family: Verdana, Arial, Helvetica, sans-serif; 
width:auto; padding-left: 10px;  margin: 0 0 10px; height: 24px; line-height: 24px; font-weight: bold; 
background: url(/css/en/asset/subbar_bg_lg.gif) center bottom; border-bottom: 1px solid #ccc;}
	/* login area */
	.loginForm {font-weight: bold;}
	.loginForm div { height: 24px; width: auto; clear: both; line-height: 24px;}
	.loginForm div span { padding-left: 0.2em; font-weight: normal; font-size: 11px;}
	.loginForm div label {width: 65px; float: left; display: block;}
	
	.textShadowBox {background-image:url(/css/en/shadow.gif); font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; border: 1px solid #999; font-weight: normal;}
	.remAutoCheckboxLogin {padding-left:  65px;}
	.rememberMe, .loginBtn {padding-left:  65px;}
	.rememberMe span label {width: 100px; display: inline;float: none;}
	
	#formLogin { 
	width: 150px; height: 24px; font-size: 16px;  color: #fff; font-weight: bold;
	background:url(/css/en/asset/btn_b150x24.gif) center center no-repeat; border: none; letter-spacing: 0.1em; }
	
	#links { margin-top: 40px;}
	#links div {line-height: 1em; font-weight: bold; width: auto; clear: both;  margin: 10px 0;}
	#links div img {float: left; margin-right: 10px; }

/* join PR - right side */
#join4login { font-weight: bold; width: 380px; float: right; margin-top: 10px; padding: 0 10px 0 20px; border-left: 1px solid #ccc;}
#join4login div {clear: both; margin-bottom: 10px;}
#join4login .prTitle {font-size: 20px; line-height: 20px;  height: 20px; color: #FF9900; }
#join4login .catch { height: 40px; line-height: 40px; padding-left: 10px; font-size: 14px;}
#join4login .catch img {height: 40px; width: 40px; float: left; margin-right: 10px;}
#join4login .joinBtn { text-align: center; }
#join4login .joinBtn a { text-align: center; margin: auto; display: block; width:260px; height: 50px; line-height: 50px; color: #fff; background: url(/css/en/asset/btn_b260x50.gif) no-repeat; font-size: 24px; text-decoration: none;}
#join4login .joinBtn a:hover { background: blue; background: url(/css/en/asset/btn_o260x50.gif);}