@charset "utf-8";

.none { display:block; visibility:hidden; overflow:hidden; position:absolute; top:0; left:0; z-index:-1; width:0; height:0; margin:0; padding:0; font-size:0; line-height:0; }

.n-login * { margin:0; padding:0; font:12px Gulim, Arial; background:none; border:0; color:#777; line-height:130%; }
.n-login { padding:12px 17px; border:1px solid #ccc; background:url(../img/bg.gif); }
.n-login form { width:0; height:0; overflow:hidden; }
.n-login form.show { width:auto; height:auto; overflow:visible; }
.n-login dt { padding:4px 0; }
.n-login label { color:#636363; }
.n-login dd { padding:0 0 7px; }
.n-login .inputText { display:block; width:80%; margin:0 auto; padding:3px 22px 3px 5px; background:#fff; border:1px solid #ccc; font-size:13px; }
.n-login .inputText:hover { color:#33a8e5; border:1px solid #33a8e5; }
.n-login .inputText:focus { color:#0691d9; border:1px solid #33a8e5; }
.n-login .caution { display:none; margin:10px 0 0; padding:10px 10px 0; border-top:1px solid #ccc; }
.n-login #n-oid { padding:3px 5px 3px 22px; background:#fff url(../img/oid.gif) no-repeat 3px center; }
.n-login #n-oid:hover { color:#eb6b39; border-color:#eb6b39; }
.n-login #n-oid:focus { color:#e0480d; border-color:#eb6b39; }
.n-login .submit { display:block; height:100%; }
.n-login .submit:after { display:block; clear:both; content:""; }
.n-login .submit .keep { display:inline; float:left; margin:2px 0 0; }
.n-login .submit .keep input { vertical-align:middle; }
.n-login .submit .s { display:inline; float:right; padding:3px 13px 1px; background:#fff; border:1px solid #ccc; cursor:pointer; font-size:13px; /* ie6, ie7 */ overflow:visible; }
.n-login .submit .s:hover { color:#33a8e5; border:1px solid #33a8e5; }
.n-login .help { margin:10px 0 0; padding:10px 0 0 20px; border-top:1px solid #ccc; }
.n-login .help li a { color:#777 !important; }
.n-login .help li a:hover { color:#0075c0 !important; }