/* 계정 버튼 */
#account { z-index:100; position:absolute; bottom:7px; right:8px; *width:138px; }
#account ul { position:relative; float:right; margin:0; padding:0; list-style:none; }
#account ul li { display:block; float:left; margin:0; padding:0; text-align:center; width:68px; height:30px; overflow:hidden; }
#account ul li a { display:block; margin:0; padding:10px 0; text-transform:uppercase; font:7pt tahoma; }
#account ul li a:hover { text-decoration:none; }
#account ul li a span { visibility:hidden; text-indent:-9999px;}

	/* 계정 버튼 컬러셋 */
#container.black #account ul.login { background:url(../img/black/account_bg.png) no-repeat; }
#container.black #account ul.logout { background:url(../img/black/account_bg.png) 0 -31px no-repeat; }
#container.black #account ul li a { color:#7b7b7b; }
#container.black #account ul li a:hover { color:#fff; }


/* 프로필 레이어 */
#memberProfile { display:none; z-index:99; position:absolute; top:150px; right:10px; width:180px; }
#memberProfile.memberProfile.active { display:block; }
#memberProfile.memberProfile h2.authorName { position:relative; left:10px; top:0; margin:20px 0 10px; font-size:10pt; font-weight:bold; white-space:nowrap; }
#memberProfile.memberProfile ul { margin:0; padding:0; list-style:none; }
#memberProfile.memberProfile li { margin:0 0 10px; padding:0 0 0 30px; }
#memberProfile.memberProfile li a { text-decoration:none;  line-height:12px; }
#memberProfile.memberProfile li a:hover,
#memberProfile.memberProfile li a:active,
#memberProfile.memberProfile li a:focus { text-decoration:none; }
#memberProfile.memberProfile .close { position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:20px; height:20px; }
#memberProfile.memberProfile .close span { position:absolute; font-size:0; line-height:0; width:0; height:.; overflow:hidden; visibility:hidden; }

	/* 프로필 레이어 컬러셋 */
#container.black #memberProfile hr { border:1px solid #333; border-top:1px solid #000; }
#container.black #memberProfile { background:#111; border:1px solid #333; }
#container.black #memberProfile.memberProfile h2.authorName { color:#fff; }
#container.black #memberProfile.memberProfile li { background:url(../img/black/bulletB.png) no-repeat 15px center; }
#container.black #memberProfile.memberProfile li a { color:#aaa; }
#container.black #memberProfile.memberProfile li a:hover,
#container.black #memberProfile.memberProfile li a:active,
#container.black #memberProfile.memberProfile li a:focus { color:#fff; }
#container.black #memberProfile.memberProfile .close { background:url(../img/black/buttonCloseX.png) no-repeat center center; }


/* 로그인 레이어 */
#loginWindow { display:none; z-index:99; position:absolute; top:150px; right:10px; width:240px; }
#loginWindow.open { display:block; }
#loginWindow .loginLayer { position:relative; padding:10px; margin:0;}
#loginWindow .loginLayer .membertitle { margin:10px 0; padding:0; text-align:center; font:bold 14pt Trebuchet MS, Lucida Grande; }
#loginWindow .loginLayer form { display:none; *zoom:1; margin:5px 0; }
#loginWindow .loginLayer form:after { content:""; display:block; clear:both;}
#loginWindow .loginLayer.loginTypeA .typeA form,
#loginWindow .loginLayer.loginTypeB .typeB form { display:block; padding:5px 0;}
#loginWindow .loginLayer .label { margin:0; padding:0; font:bold 12pt Trebuchet MS, Lucida Grande; }
#loginWindow .loginLayer .inputText { width:210px; height:20px; margin:0 0 5px; padding:4px; font-size:11pt; }
#loginWindow .loginLayer .inputText:focus { }
#loginWindow .loginLayer .inputCheck { margin:0 3px 0 0; width:13px; height:13px; vertical-align:middle; }
#loginWindow .loginLayer label { color:#ff0000; }
#loginWindow .loginLayer .loginButton { float:right; border:none; margin:0; width:81px; height:31px; cursor:pointer; text-indent:-9999px;}
#loginWindow .loginLayer .loginButton:hover { background-position:0 -31px;}
#loginWindow .loginLayer .help { margin:0; padding:5px 0; list-style:none; text-align:left; }
#loginWindow .loginLayer .help li { line-height:20px; padding:0 0 0 20px; margin:0; font-size:8pt; }
#loginWindow .loginLayer .help li.find {	}
#loginWindow .loginLayer .help li.typeA,
#loginWindow .loginLayer .help li.typeB { display:none; }
#loginWindow .loginLayer.loginTypeA .help li.typeA,
#loginWindow .loginLayer.loginTypeB .help li.typeB { display:inline; }
#loginWindow .loginLayer .help li a { text-decoration:none; }
#loginWindow .loginLayer .help li a:hover,
#loginWindow .loginLayer .help li a:active,
#loginWindow .loginLayer .help li a:focus { text-decoration:none; }
#loginWindow .loginLayer .close { position:absolute; cursor:pointer; border:0; padding:0; top:0; right:0; width:20px; height:20px; }
#loginWindow .loginLayer .close span {visibility:hidden;}

	/* 로그인 레이어 컬러셋 */
#container.black #loginWindow hr { border:1px solid #333; border-top:1px solid #000; }
#container.black #loginWindow { background:#111; border:1px solid #333; }
#container.black #loginWindow .loginLayer .membertitle { text-shadow:1px -1px 1px #000; color:#fff; }
#container.black #loginWindow .loginLayer .label { color:#ccc; }
#container.black #loginWindow .loginLayer .inputText { border:1px solid #333; background:#0a0a0a; color:#eee; }
#container.black #loginWindow .loginLayer .inputText:focus { background:#000; }
#container.black #loginWindow .loginLayer .loginButton { background:url(../img/black/login_btn.png) 0 0 no-repeat; _background:url(../img/black/login_btn.gif) 0 0 no-repeat;}
#container.black #loginWindow .loginLayer .loginButton:hover { background-position:0 -31px;}
#container.black #loginWindow .loginLayer .help li { background:url(../img/black/bulletB.png) no-repeat 10px center; }
#container.black #loginWindow .loginLayer .help li a { color:#aaa; }
#container.black #loginWindow .loginLayer .help li a:hover,
#container.black #loginWindow .loginLayer .help li a:active,
#container.black #loginWindow .loginLayer .help li a:focus { color:#fff !important; }
#container.black #loginWindow .loginLayer .close { background:url(../img/black/buttonCloseX.png) no-repeat center center; }