@charset "utf-8";

/* ============================================================
UserStoryApi sign up style
---------------------------------------------------------------
Author :  hi8ar
---------------------------------------------------------------
Last Date Modified : 2009. 11.
============================================================== */

@import url("reset.css");
@import url("basic.css");


/* layout */
body {
	background: #483c3c url(../../images/api/bg_body_gr.jpg) repeat-y center center;
}
#wrap {
	font-size: 1.2em;
	margin: 40px auto 10px;
	padding: 0 50px 0px;
	width: 650px;
	background-color: #fff;
	border: 10px solid #222;
	-moz-box-shadow: 0 0 10px #111;
	-webkit-box-shadow: 0 0 10px #111;
}

#header {
	height: 25px;
	padding: 10px;
	background: #000;
	border-bottom: 1px solid #948888;
}
#footer {
	padding-top: 20px;
	font-size: 1.2em;
	font-weight: 700;
}

/* header */
h1 {
	margin: 0 0 0 20px;
	width: 300px;
	height: 30px;
	background: url(../../images/api/logo.gif) no-repeat 0 0;
	text-indent: -9999px;
	overflow: hidden;
}

h1.findPw {
	background-position: 0 -30px;
}
h1.findId {
	background-position: 0 -60px;
}
h1.logIn {
	background-position: 0 -90px;
}
h1.quit {
	background-position: 0 -120px;
}

/* content */

p.desc {
	margin: 0 -50px 0;
	padding: 25px 50px 10px;
	color: #333;
	font-size: 1.1em;
	border-bottom: 1px solid #ddd;
	background: #eee;
	height: 66px;
	width: 650px;
}
p.desc strong a {
	display: block;
	font-weight: 700;
	background: url(../../images/api/logo_book.png) no-repeat  0;
	text-indent: -9999px;
	height: 44px;
	width: 233px;
	margin: 10px 0 20px 130px;
	overflow: hidden;
	border: 0 none;
}

fieldset {
	margin: 0 -50px 0;
	padding: 15px 50px 20px;
	background: url(../../images/api/page_separator.png) repeat-x 0 bottom;
	border-top: 3px solid #f5f5f5;
	height: 1%;
}
fieldset p { padding: 10px 0 5px; width: 630px; }
fieldset p.firstLine { padding: 0 0 15px 120px; color: #666; width: 510px; }
fieldset p.firstLine a { font-weight: 700; font-size: 1.2em; }
fieldset p.lastLine { padding-top: 0; }
fieldset p label {
	float: left;
	width: 100px;
	padding-right: 20px;
	font-weight: 700;
	font-size: 1.1em;
	text-align: right;
	line-height: 39px;
	color: #222;
	letter-spacing: -1px;
	display: inline;
}

fieldset p label.chroma-hash {
	padding: 0;
}
fieldset p input.text { width: 210px; margin-right: 10px; }
fieldset p input.check {
	width: 60px;
	padding: 5px;
	font-size: 1.0em;
	border: 1px solid #AFA899;
	border-bottom: 1px solid #8F8C86;
	border-right: 1px solid #8F8C86;
	background: #C0BCB3;
	color: #fff;
	letter-spacing: -1px;
	cursor: pointer;
}
fieldset p input.check:hover {
	background: #AFA899;
	text-shadow: 1px 1px 1px #444;
}
fieldset p em { font-weight: 700; font-size: 1.2em; font-family: Tahoma, sans-serif; font-style: normal; margin-right: 10px; color: #1c2329; }
fieldset span.resMsg {
	display: block;
	margin-left: 115px;
	padding: 5px 5px 0;
	letter-spacing: -1px;
	color: #888;
}
fieldset span .ok {
	background: url(../../images/api/accept.png) no-repeat 0 center;
	padding-left: 20px;
	color: #8da487;
}
fieldset span .error {
	background: url(../../images/api/cross.png) no-repeat 0 center;
	padding-left: 20px;
	color: #a40000;
}

.confirmArea { padding: 5px 5px 5px 120px; }
.confirmArea p { border: 0 none; margin-bottom: 0; padding: 5px 0; width: 505px; }
.confirmArea p label { float: none; font-weight: 400; vertical-align: middle; cursor: pointer; }
.confirmArea p input { vertical-align: middle; }
.confirmArea p .btWrap {
	display: block;
	width: 200px;
	height: 40px;
	background: url(../../images/api/bg_btWrap.gif) no-repeat 0 0;
}
.confirmArea p input.submit {
	width: 200px;
	padding-top:9px;
	padding-bottom: 13px;
	color: #fff;
	font-weight: 700;
	letter-spacing: -1px;
	border: 0 none;
	background: url(../../images/api/bg_bt_lt.gif) no-repeat right 0;
}
.confirmArea p input.submit:hover {
	color: #fff;
	text-shadow: 1px 1px 1px #333;
}


#footer p {
	text-align: center;
}
#footer p a,
#footer p a:visited { color: #fff; border-bottom: 1px solid #aaa; text-shadow:1px 1px 1px #000000; margin-left: 3px; }






/* 가입완료 후 */
#seconds { font: 2.0em Georgia, serif; color: #933; }
p.doneMsg {
	margin: 0 -50px 0;
	padding: 25px 50px 20px;
	color: #555;
	font-size: 1.0em;
	border-bottom: 1px solid #ddd;
	background: url(../../images/api/page_separator.png) repeat-x 0 bottom;
}
p.doneMsg strong { display: block; font-size: 1.1em; color: #111; }
p.doneMsg strong.thankyou,
p.doneMsg strong.success,
p.doneMsg strong.fail {
	color: #5B4F40;
	font-family: "Myriad Pro", "Trebuchet Ms", "Lucida Grande", Tahoma, verdana, sans-serif;
	font-size: 2.5em;
	font-weight: 700;
	letter-spacing:-1px;
	text-shadow:1px 1px 5px #bbb;
}
p.doneMsg strong.fail { color: #c00; }
p.doneMsg strong.success { color: #0082bd; }

span.success { color: #0082bd; }
p.fail,
span.fail { color: #c00; }

.announce { font-size: 1.1em; padding: 20px; 10px; line-height: 1.8; }
.announce li { list-style: decimal; margin-left: 15px; }
.announce li.addCt { list-style: none; margin: 30px 10px 10px; padding: 10px; border: 1px dashed #aaa; font-size: 0.9em; color: #777; line-height: 1.4; }

/* 인증 완료 */
p { margin: 10px; }
.bulDisc li { list-style: disc; margin-left: 15px; }


/* etc */

.hereyouare { padding: 20px; font-size: 1.2em; }
.hereyouare strong { font-size: 2.5em; font-weight: 700; margin: 0 10px; font-family: "Myriad Pro", "Lucida Grande", Tahoma, Verdana, sans-serif; }


/* 탈퇴하기 */
.aliveService {
	margin: 0 0 40px 45px;
}
.aliveService li {
	list-style: circle;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
.aliveService li strong { font-size: 1.2em; font-weight: 700; display: block; }