html, body { height: 100%; margin: 0; padding: 0;  }
html { overflow:auto; }
body { color:#555555; font-family:verdana,gulim,arial,SIMSUN,MINGLIU,MS Mincho; }
#loginContain { height: 100%; min-height:100%; width:100%; text-align:center; }
#loginBox {
	height:414px; left:50%; margin:-207px 0 0 -326px; width:651px;
	position:absolute; top:50%; text-align:center;
}

#imageSection { clear:both; }
#loginSection { clear:both; padding-top:10px; }
#footerSection { clear:both; padding-top:12px; }

#modeSelect { float:left; clear:left; }
#modeSelect label.on { background-image:url(/images/login/box_left_01_on.gif); background-color:#9AC4DE; }
#modeSelect label.off { background-image:url(/images/login/box_left_01_off.gif); background-color:#E0EDF5; }
#modeSelect .on .text { background-image:url(/images/login/box_right_01_on.gif); background-color:#9AC4DE; color:#FFFFFF; }
#modeSelect .off .text { background-image:url(/images/login/box_right_01_off.gif); background-color:#E0EDF5; color:#207BB3; }
#loginModeSelectUser , #loginModeSelectAdmin { display:none; }
#loginModeSelectUserLabel , #loginModeSelectAdminLabel {
	display:inline-block; padding:none; padding-left:17px; height:26px; border:none;
	background: no-repeat left top; float:left;
}
#loginModeSelectUserLabel .text , #loginModeSelectAdminLabel .text {
	display:table-cell; vertical-align:middle; position:relative; margin:none;
	right:-3px; line-height:25px; padding-right:20px;
	text-decoration:none; cursor:pointer;
	background: no-repeat right top;
}

#languageSelect { float:right; clear:right; padding-right:10px; }
.langChangeButton { cursor:pointer; }

#loginInformation {
	display:block; clear:both; height:129px; width:100%;
	background:url(/images/login/bg_login_001.jpg) scroll transparent no-repeat left top;
}
#loginInformation { text-align:left; }
#loginInformation .loginInformationLabel { display:inline-block; width:100px; text-align:center; }
#loginInformation .emailRow { position:relative; top:42px; left:152px; }
#loginInformation .passwdRow { position:relative; top:42px; left:152px; }
#loginUserName , #loginUserPassword { width:75px; height:18px; letter-spacing:-1px; border:1px solid #CCCCCC; }
#loginUserHost { width:200px; font-size:11px; border:none; background-color:transparent; color:#555555; }

#loginBoxFooter {
	display:block; width:100%; line-height:1.6em; color:#888888;
	background:url(/images/login/bg_login_002.gif) scroll transparent repeat-x left top;
}
#companyLink { color:#333333; text-decoration:none; }
#companyLink:hover { text-decoration:underline; }

#loginMessage { clear:both; margin-top:10px; }

#loginInformation .buttonsRow { position:relative; float:right; top:0; right:20px; }

#loginInformation #submitButton , #loginInformation #resetButton {
	display:inline-block; width:75px; height:49px; cursor:pointer; border:none;
	background: transparent no-repeat left top;
}

#loginInformation #submitButton.ko { background-image:url(/images/ko/btn_blue_sign.gif) }
#loginInformation #resetButton.ko { background-image:url(/images/ko/btn_blue_clear.gif) }
#loginInformation #submitButton.en { background-image:url(/images/en/btn_blue_sign.gif) }
#loginInformation #resetButton.en { background-image:url(/images/en/btn_blue_clear.gif) }
#loginInformation #submitButton.jp { background-image:url(/images/jp/btn_blue_sign.gif) }
#loginInformation #resetButton.jp { background-image:url(/images/jp/btn_blue_clear.gif) }
#loginInformation #submitButton.chBig { background-image:url(/images/chBig/btn_blue_sign.gif) }
#loginInformation #resetButton.chBig { background-image:url(/images/chBig/btn_blue_clear.gif) }
#loginInformation #submitButton.chGb { background-image:url(/images/chGb/btn_blue_sign.gif) }
#loginInformation #resetButton.chGb { background-image:url(/images/chGb/btn_blue_clear.gif) }