@charset "utf-8";
/* Element Reset */
.left { float:left }
.right { float:right }

#XET_member { position:relative; padding:0; margin:20px auto; }
#XET_member:after {content:"";display:block;clear:both}
#XET_member,
#XET_member table,
#XET_member input,
#XET_member textarea,
#XET_member select,
#XET_member button { color:#444; }

	#XET_member.black,
	#XET_member.black table { color:#ccc; }

#XET_member button,
#XET_member input[type=submit],
#XET_member input[type=reset],
#XET_member input[type=button]{cursor:pointer;overflow:visible}
#XET_member img{border:0}
#XET_member p{line-height:1.5}

/* Heading */
#XET_member .h1, 
#XET_member .h2, 
#XET_member .h3, 
#XET_member .h4 { position:relative; padding:10px; text-align:left; zoom:1; border:1px solid #fff; *border:1px solid #e1e1e1;  outline:1px solid #e1e1e1; background:#f9f9f9; background:-moz-linear-gradient(top,  #f9f9f9 0%, #f9f9f9 100%); background:-webkit-gradient(linear, left 0%, left 100%, from(#f9f9f9), to(#f9f9f9)); background:-o-linear-gradient(top, #f9f9f9 0%, #f9f9f9 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f9f9f9', endColorstr='#f9f9f9'); }

	#XET_member.black .h1, 
	#XET_member.black .h2, 
	#XET_member.black .h3, 
	#XET_member.black .h4 { border:1px solid #333; outline:1px solid #0b0b0b; background:#232323; background:-moz-linear-gradient(top,  #232323 0%, #121212 100%); background:-webkit-gradient(linear, left 0%, left 100%, from(#232323), to(#121212)); background:-o-linear-gradient(top, #232323 0%, #121212 100%);  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#232323', endColorstr='#121212'); }

#XET_member .h1 { font-size:22px}
#XET_member .h2 { font-size:18px}
#XET_member .h3 { font-size:16px}
#XET_member .h4 { font-size:14px}

/* Lined Tab Navigation */
#XET_member .nav {padding:0;margin:1em 0}
#XET_member .nav ul {position:relative;margin:0;padding:0;list-style:none; zoom:1; border-bottom:2px solid #980505; }
#XET_member .nav ul:after {content:"";display:block;clear:both}
#XET_member .nav li {float:left; }
#XET_member .nav li a {position:relative; float:left; white-space:nowrap; height:30px; line-height:30px; padding:0 10px; margin-right:-1px; text-decoration:none;border:1px solid #d1d1d1; border-bottom:#none; color:#444; background:url(../img/bgTab.gif) left top repeat-x #f3f3f3; -moz-border-radius-topleft:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
	#XET_member.black .nav li a { border:1px solid #333; border-bottom:#none; color:#ccc; background:url(../img/bgTab_black.gif) left top repeat-x #1e1f20; }
#XET_member .nav li a span {display:inline-block; cursor:pointer}
#XET_member .nav li.active a { background:url(../img/bgTab_on.gif) left top repeat-x #980505; border:1px solid #980505; color:#fff; }
#XET_member .nav li.active a span { font-weight:bold; }

/* login Form */
#XET_member .logform { position:relative; margin:0 auto; width:400px; }
#XET_member .logform .login_title { margin:0 0 20px; padding:10px 0; text-align:left; font-size:18px; font-weight:bold; color:#555; border-bottom:1px solid #e1e1e1; }
#XET_member .logform .login_info { margin:10px 0 20px; padding:0;}
#XET_member .logform .login_wrp { position:relative; width:400px; padding:20px; margin:0 0 10px; border:1px solid #fff; outline:1px solid #e1e1e1; background:#f9f9f9; *border:1px solid #e1e1e1; }
#XET_member .logform .login_wrp .info { display:none; margin:10px; padding:10px 30px 10px 60px; background-color:#fff; border:1px solid #e1e1e1; }
#XET_member .logform .login_wrp p { margin:0; padding:0; }
#XET_member .logform .login_wrp label { display:inline-block; width:100px; }
#XET_member .logform .login_wrp input[type=text],
#XET_member .logform .login_wrp input[type=password] { position:relative; width:286px; height:30px; line-height:30px; vertical-align:middle; font-weight:bold; font-size:16px; margin:2px 0;  padding:0 4px; border:1px solid #d1d1d1; outline:1px solid #fff; color:#555; background:#fff; }
#XET_member .logform .login_wrp input:focus { border:1px solid #e00; background:#fff; }
#XET_member .logform .login_wrp .keep_sign { float:left; margin:20px 0; }
#XET_member .logform .login_wrp .btnArea { position:relative; text-align:right; }
#XET_member .logform .login_wrp .etcArea { position:relative; margin:0; padding:20px 0 0; text-align:right; border-top:1px solid #e1e1e1; }
#XET_member .logform .login_wrp .etcArea .etc { margin:0 0 5px; }
#XET_member .logform .login_wrp .etcArea .etc a { color:#666; }
#XET_member .logform .login_wrp .etcArea .etc a:hover { color:#333; }

	#XET_member.black .message { color:#555; }
	#XET_member.black .logform .login_wrp { border:1px solid #333; outline:1px solid #0b0b0b; background:#232323; }
	#XET_member.black .logform .login_title { color:#ccc; border-bottom:1px solid #333; }
	#XET_member.black .logform .login_wrp input[type=text],
	#XET_member.black .logform .login_wrp input[type=password] { border:1px solid #1b1b1b; outline:1px solid #333; color:#aaa; background:#111; }
	#XET_member.black .logform .login_wrp input:focus { border:1px solid #e00; background:#000; }
	#XET_member.black .logform .login_wrp .info { background-color:#2b2b2b; border:1px solid #111; color:#ccc; }
	#XET_member.black .logform .login_wrp .etcArea { border-top:1px solid #333; }
	#XET_member.black .logform .login_wrp .etcArea .etc a { color:#ccc; }
	#XET_member.black .logform .login_wrp .etcArea .etc a:hover { color:#fff; }


/* Form */	
#XET_member .form { margin:0; padding:10px; border:1px solid #fff; outline:1px solid #e1e1e1; background:#f9f9f9; *border:1px solid #e1e1e1; }
	#XET_member.black .form { border:1px solid #333; outline:1px solid #0b0b0b; background:#1b1b1b; }
#XET_member .form fieldset{margin:0 0 2em 0;padding:0;border:0}
#XET_member .form em{font-style:normal;color:#e00}
#XET_member .form label{margin-right:1em;line-height:1;vertical-align:middle}
#XET_member .form input[type=checkbox]+label,
#XET_member .form input[type=radio]+label,
#XET_member .form input[type=file] {cursor:pointer}

#XET_member .form .join_table { width:100%; border-collapse:collapse; background:#fff; }
	#XET_member.black .form .join_table { background:#1b1b1b; }
#XET_member .form .join_table tr { vertical-align:middle;zoom:1; border-bottom:1px dotted #e1e1e1;}
#XET_member .form .join_table th { padding:8px; text-align:left; }
#XET_member .form .join_table td { padding:8px 0; }
	#XET_member.black .form .join_table tr { border-bottom:1px dotted #2b2b2b; }
#XET_member .form tr:first-child{border-top:0}
#XET_member .form tr>label:first-child{display:block;font-weight:bold}
#XET_member .form td label em{font-weight:normal}
#XET_member .form label.overlap{position:absolute;color:#aaa}
#XET_member .form input[type=text],
#XET_member .form input[type=password],
#XET_member .form input[type=file],
#XET_member .form textarea {position:relative; margin:2px 0; border:1px solid #d1d1d1; outline:1px solid #fff; color:#555; background:#fff; }
#XET_member .form textarea { width:90%; }
#XET_member .form input:focus { border:1px solid #e00; background:#fff; }

	#XET_member.black .form input[type=text],
	#XET_member.black .form input[type=password],
	#XET_member.black .form input[type=file],
	#XET_member.black .form textarea { border:1px solid #1b1b1b; outline:1px solid #2b2b2b; color:#aaa; background:#111; }
	#XET_member.black .form input:focus { border:1px solid #e00; background:#000; }

#XET_member .form input[type=text],
#XET_member .form input[type=password],
#XET_member .form input[type=file]{height:26px;line-height:26px;vertical-align:middle;padding:0 4px}
#XET_member .form input[type=text].loading,
#XET_member .form input.loading[type=password]{padding-right:24px;width:260px;background:transparent url(../img/preLoader16.gif) no-repeat 265px center}
#XET_member .form input[type=checkbox],
#XET_member .form input[type=radio]{margin:0;padding:0;width:13px;height:13px;vertical-align:middle}
#XET_member .form input[type=text][disabled=disabled],
#XET_member .form input[type=password][disabled=disabled],
#XET_member .form input[type=checkbox][disabled=disabled],
#XET_member .form input[type=radio][disabled=disabled],
#XET_member .form input[type=file][disabled=disabled],
#XET_member .form textarea[disabled=disabled],
#XET_member .form select[disabled=disabled]{ background:#f9f9f9 !important; text-shadow:1px 1px 0 #fff}
#XET_member .form textarea{padding:3px 4px;vertical-align:top}
#XET_member .form span.desc, 
#XET_member .form em.desc{line-height:22px;vertical-align:middle;margin:0 10px}
#XET_member .form p {margin:10px 0; }
#XET_member .form p.desc{margin:.25em 0;line-height:1.4}
#XET_member .form .q {font-weight:bold; margin:0 0 5px 0;}
#XET_member .form .a {margin:0 0 5px 0}
#XET_member .form .tgForm{margin-right:1em}
#XET_member .form .h1 + ul,
#XET_member .form .h2 + ul,
#XET_member .form .h3 + ul,
#XET_member .form .h4 + ul{border-top:0}
#XET_member .form ul { list-style:none; margin:0; padding:0; }
#XET_member .form ul li { margin:0; padding:0; }

/* Table */
#XET_member .table{margin:1em 0}
#XET_member .table table {width:100%; border-collapse:collapse; border:1px solid #e1e1e1; }
#XET_member .table caption {font-weight:bold;text-align:left;line-height:22px;padding:5px 0}
#XET_member .table caption:after{content:"";display:block;clear:both}
#XET_member .table caption a {font-weight:normal}
#XET_member .table caption em {float:right;margin-left:1em}
#XET_member .table caption strong {color:#e00}
#XET_member .table caption .side {float:right;font-weight:normal;margin-left:1em}
#XET_member .table caption .side a { color:#555; }
#XET_member .table th,
#XET_member .table td {border:0;padding:8px;vertical-align:top;text-align:left; white-space:nowrap; border-bottom:1px dotted #e1e1e1;}
#XET_member .table th { width:150px; background:#f3f3f3; }
#XET_member .table thead th {background:url(../img/bgTab.gif) left top repeat-x #f3f3f3; border-bottom:1px solid #e1e1e1;}
#XET_member .table tfoot td {font-weight:bold;background:#f3f3f3}
#XET_member .table.even tbody tr td { background-color:#fff}
#XET_member .table.even tbody tr td a { color:#555; }
#XET_member .table.even tbody tr:nth-of-type(even) td {background-color:#fafafa; }

	#XET_member.black .table table{ border:1px solid #333; outline:1px solid #0b0b0b; }
	#XET_member.black .table caption .side a { color:#ccc; }
	#XET_member.black .table th,
	#XET_member.black .table td { border-bottom:1px solid #333; }
	#XET_member.black .table th { background:#1b1b1b; }
	#XET_member.black .table thead th {background:url(../img/bgTab_black.gif) left top repeat-x #1e1f20; border-bottom:1px solid #333;}
	#XET_member.black .table tfoot td{ background:#111; }
	#XET_member.black .table.even tbody tr td { background-color:#222; }
	#XET_member.black .table.even tbody tr td a { color:#ccc; }
	#XET_member.black .table.even tbody tr:nth-of-type(even) td { background-color:#2b2b2b; }

#XET_member .table td>input[type=text]{margin:-1px 0 -3px 0 !important;vertical-align:middle}
#XET_member .table img{vertical-align:middle}
#XET_member .table em{font-style:normal;font-weight:normal;color:#e00}
#XET_member .table .title {width:100%; white-space:normal; }
#XET_member .table .text{white-space:normal; }

/* Pagination */
#XET_member .pagination{margin:1em 0;text-align:center;line-height:normal}
#XET_member .pagination *{vertical-align:middle}
#XET_member .pagination strong{position:relative;display:inline-block;font-weight:bold;font-size:14px; text-decoration:none;line-height:normal;vertical-align:middle;color:#e00 !important;}
#XET_member .pagination a { position:relative;display:inline-block;vertical-align:middle}
#XET_member .pagination input{width:30px;text-align:center}
#XET_member .pagination button{overflow:visible}

/* Text Button */
#XET_member input.text, 
#XET_member button.text{border:0;overflow:visible;padding:0;margin:0 4px 0 0;color:#f00 !important;;background:none;text-decoration:underline}

.btnArea input {  margin:0; }

/* Agreement */
#XET_member .agreement{ margin:0 0 3em 0; }
#XET_member .agreement .text { height:200px;overflow:auto; margin:1em 0; padding:10px; background:#fff; border:1px solid #e1e1e1; }
#XET_member .agreement .confirm{ margin:1em 0}

	#XET_member.black  .agreement .text { background:#2b2b2b; border:1px solid #333; }