@charset "utf-8";
.thebasic_login{display:inline-block;*display:inline; zoom:1; vertical-align:top; position:relative; margin:0; padding:10px 14px; background:#f8f8f8; font-size:11px;}
.thebasic_login .message {margin-top:0; margin-bottom:10px;}
.thebasic_login .message p {font-size:12px; margin:6px 0 !important;}
.thebasic_login fieldset{position:relative; float:left; width:272px; border:none; margin:0; padding:0;}
.thebasic_login a {white-space:nowrap;text-decoration:none}

.thebasic_login fieldset .idpwWrap{overflow:hidden; float:left; width:185px;}
.thebasic_login fieldset .btnWrap{overflow:hidden; float:right; width:85px; height:61px; position:relative;}
.thebasic_login fieldset .etcWrap{clear:both; border-top:1px solid #ddd;}

.thebasic_login fieldset .idpw{float:left;}
.thebasic_login fieldset .idpw input{float:left; width:175px; height:21px; margin-bottom:3px; background:#fff; color:#aaa; padding:1px; text-indent:6px; font:bold 11px/20px Tahoma;}
.thebasic_login fieldset .idpw input{border:1px solid #ccc; border-right-color:#eee; border-bottom-color:#eee;}
.thebasic_login fieldset .idpw input:hover,
.thebasic_login fieldset .idpw input:focus {color:#777; background:#fff; border-color:#aaa;}
.thebasic_login fieldset .login{width:85px; height:25px; margin-top:28px; color:#fff; border:none; font:bold 11px/25px Tahoma; text-indent:-999px; background:url('../img/login_btn.png'); cursor:pointer;}

.thebasic_login fieldset p.keep{position:absolute; top:7px; left:0; margin:0; padding:0; height:14px;}
.thebasic_login fieldset p.keep input{vertical-align:middle; width:13px; height:13px; margin:0; padding:0; border:0;}
.thebasic_login fieldset p.keep label{font-size:11px; color:#aaa; vertical-align:middle;}
.thebasic_login fieldset p.keep_msg{margin:0; padding:10px; border:1px solid #ddd; background:#fff; color:#999; line-height:1.5; text-align:justify;}

.thebasic_login fieldset ul.help{margin:0; border-top:1px solid #fff; overflow:hidden; padding:8px 0 0 0; white-space:nowrap; list-style:none; clear:both;}
.thebasic_login fieldset ul.help li{display:block; float:left; padding:0 7px 0 0; color:#ccc;}
.thebasic_login fieldset ul.help li a{color:#999;}
.thebasic_login fieldset ul.help li a b{color:#777;}
.thebasic_login fieldset ul.help li a:hover{color:#555;}
.thebasic_login fieldset ul.help li a:hover b{color:#333;}

.thebasic_login fieldset .userName{width:252px; height:26px; padding:7px 10px 9px 10px; background:#fff; border:1px solid #ddd;}
.thebasic_login fieldset .userName strong a {display:block; color:#282828; padding:0 0 4px 0; font-size:12px; line-height:1.1;}
.thebasic_login fieldset .userName .memberInfo {float:left;}
.thebasic_login fieldset .userName ul {margin:0; padding:0; list-style:none;}
.thebasic_login fieldset .userName li {float:left; margin-right:10px; color:#999; font-size:11px;}
.thebasic_login fieldset .userName li b {color:#777;}
.thebasic_login fieldset .userName li a {color:#C66; font-weight:bold;}
.thebasic_login fieldset .userName .logout {position:absolute; top:7px; right:5px;}
.thebasic_login fieldset .userName .logout img {width:85px; height:30px;}
.thebasic_login fieldset .userName .latestLogin {clear:both; margin:0; padding-top:8px; color:#666;}
.thebasic_login fieldset .userName .latestLogin span {font:1em Tahoma;}

.thebasic_login fieldset .userDetail {float:left; width:270px; margin-top:10px; padding:0;}
.thebasic_login fieldset .userImg {float:left; width:50px; height:50px; background:url('../img/user_img.png'); border:1px solid #ddd;}
.thebasic_login fieldset .userImg img {float:left; width:50px; height:50px;}
.thebasic_login fieldset ul.userMenu {display:block; float:right; width:202px;_width:215px; position:relative; margin:1px 0 0 0; padding:0;}
.thebasic_login fieldset ul.userMenu li{list-style:none; float:left; margin:2px 0 4px 6px;}
.thebasic_login fieldset ul.userMenu li a{display:inline-block; float:left; width:95px; padding:0; text-indent:2px; color:#aaa;}
.thebasic_login fieldset ul.userMenu li a:hover{color:#444;}

.reset, .reset * {margin:0; padding:0; list-style:none; border:0; background:none;}

#modal {position:fixed; _position:absolute; left:0; top:0; z-index:-1; width:100%; height:100%; visibility:hidden;}
#modal.show {z-index:100; visibility:visible;}
#modal .close {position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; overflow:hidden; background:#222; opacity:0.60; filter:alpha(opacity=60); -ms-filter:alpha('opacity=60');}
#modal .close button {display:block; width:100%; height:100%; text-align:left; text-indent:-9999px; font-size:0; line-height:0;}
#modal .layer {position:absolute; left:50%; top:20%; _top:200px; z-index:10; width:280px; margin:0 0 0 -160px; padding:10px; color:#777; background:url('../img/opa20.png')}

#modal .thebasic_login{padding:25px; background:#f3f3f3;}
#modal .thebasic_login fieldset{position:relative; float:left; width:230px; border:none; margin:0; padding:0;}
#modal .thebasic_login fieldset .idpwWrap{width:230px;}
#modal .thebasic_login fieldset .btnWrap{width:230px; height:56px;}
#modal .thebasic_login fieldset .etcWrap{}
#modal .thebasic_login fieldset .idpw input{width:226px; height:27px; background:#fff; color:#aaa; margin-bottom:4px; text-indent:8px; font:bold 13px/26px Tahoma;}
#modal .thebasic_login fieldset .idpw input{}
#modal .thebasic_login fieldset .idpw input:hover,
#modal .thebasic_login fieldset .idpw input:focus {color:#777; background:#fff; border-color:#aaa;}
#modal .thebasic_login fieldset .login{width:230px; height:34px; margin-top:22px; background:url('../img/login_btn_wide.png');}
#modal .thebasic_login fieldset p.keep{top:2px;}
#modal .thebasic_login fieldset ul.help{padding:8px 0 0 0;}