@charset "utf-8";
@import "common.css";
/* ------------------------------------------------------------
* Name      : member.css
* Desc      : Xi Vietnam / member Style Sheet
* Created   : 2008-11-12 PentaBreed Myungwol
* Updated   :
width:; height:; float:; display:; font:; background:;
------------------------------------------------------------ */

/* Log-in */
.login h2{margin:0 !important;}
.login fieldset{border:1px solid #e0e0e0;border-top:0;}
.login .loginSec{width:349px;height:68px;margin:30px auto 0 auto;border-bottom:1px solid #e0e0e0;}
.login .loginSec p{width:265px;float:left;}
.login .loginSec p label{width:74px;float:left;margin:5px 0 0 0;}
.login .loginSec p input.text{width:170px;margin-bottom:2px;padding:2px 5px;}
.login .loginSec input.loginBtn{float:left;}
.login .btn{text-align:center;margin:10px 0 15px 0;}

/*Member_Regist*/
.joinTxt{margin:9px 0 30px 20px}
.formCaption{margin:0 0 4px 20px;color:#7b962e;}
.joinForm tr td{font-size:0.95em;}
.joinForm tr td input.text{background-color:#fbfbfb;font-size:0.95em;margin-bottom:1px;}
.joinForm tr td input.image{font-size:0;line-height:0;vertical-align:top;padding:4px 0 0 5px;}
.joinForm tr td a{font-size:0;line-height:0;vertical-align:top;padding-left:5px;}
.joinForm tr td a img.image{margin-top:4px;}
.joinForm tr td textarea{width:98%;height:30px;background:#fbfbfb;padding:5px;}
.joinForm tr td.saleSec select{margin-bottom:3px;}
.joinForm tr td.saleSec div{padding:20px 0 10px 0;position:relative;background:url(/vietnam/images/common/line_dot1.gif) 0 9px repeat-x;}
.joinForm tr td.saleSec div .saleModi{position:absolute;right:0;top:20px;}
.joinForm tr td.saleSec div .saleModi a{padding:0;}
.joinForm tr td.saleSec div.first-child{padding:0;background:none;}
.joinForm tr td.saleSec div.first-child .saleModi{position:absolute;right:0;top:0px;}
.regiResult{position:relative;margin-top:10px;padding:20px;border-top:2px solid #becb9a;border-bottom:1px solid #becb9a;background-color:#f8f8f8;}
.regiResult .goLogin{position:absolute;right:40px;top:25px;}

/*ID/PW search*/
.idSearchBox{width:666px;border-top:2px solid #becb9a;border-bottom:1px solid #becb9a;}
.idSearchBox .textSec{background:#f3f3f3;padding:14px 0 14px 16px;position:relative;}
.idSearchBox .textSec .goLogin{position:absolute;right:40px;top:15px;}
.idSearchBox .textSec strong{padding:0 3px;color:#555555;}
.idSearchBox .textSec img.desc{display:block;margin-bottom:10px;}
.idSearchBox .textDes{padding:15px 0 15px 16px;}
.idSearchBox .textDes a{font-size:0;line-height:0;vertical-align:bottom;padding-left:10px;}

.findSec{width:500px;margin:0 auto;padding:22px 0 20px 16px;position:relative;}
.findResult{margin:0;}
.findResult span.email{display:block;margin-top:15px;}
.findResult span.email strong{font-weight:normal;color:#555;padding-right:5px;}
.findResult span.email input{vertical-align:bottom;}
.findRe{padding:14px 0 20px 18px;}
.findSec dl{overflow:hidden;}
.findSec dl dt{float:left;clear:both;width:46px;}
.findSec dl dt label{font-weight:bold;}
.findSec dl dd{float:left;margin-bottom:6px;}

.checkBtn{position:absolute; right:0; top:22px;}
.loginBox{height:23px;text-align:right;margin-top:7px;font-size:11px;font-family:Arial;}
.loginBox img{vertical-align:middle;padding-top:-5px;}
.loginBox span{margin-right:9px;}

.searResult{border:1px solid #cfe3e8;background:#eef8fa;margin:14px 0;padding:3px 0 3px 17px;}
.searResult strong{color:#666;}

/*myxi Member Modify*/
.pwModify img{vertical-align:middle;line-height:150%;margin-left:400px;}

/* Q&A */
.qnaView{border-bottom:1px solid #9acad2;}
.answerView{margin-top:20px;border-top:1px solid #9acad2;border-bottom:2px solid #9acad2;}
.answerView thead tr th{padding:10px 15px 7px 15px;border-bottom:1px solid #9acad2;border-top:1px solid #9acad2;}
.answerView thead tr th.date{text-align:right;font-size:0.95em;font-weight:normal;}
.answerView tbody tr td{padding:10px 15px;border-top:none;}
.qnaWrite tr td input.text{background-color:#fbfbfb;margin-bottom:1px;width:98%;}
.qnaWrite tr td textarea{width:98%;height:240px;background:#fbfbfb;padding:5px;}
.tblType2 tr td.subject input.text{width:97%;background:#fbfbfb;}
.tblType2 tr td.textSec textarea{width:98%;height:200px;background:#FBFBFB;padding:5px;}

/* My Xi */
.boxPosition { width:100%; overflow:hidden; padding-bottom:29px; }
.boxPosition a.btn { float:right; display:block; margin-top:6px; }
.boxPosition .boxConArea { border:4px solid #e5e5e5; padding:16px 25px 8px 25px; }
.boxPosition .boxConArea dt { width:100%; padding:7px 0 7px 0; border-bottom:1px solid #e2e2e2; float:left; }
.boxPosition .boxConArea dt strong { font-size:14px; color:#86a52d; font-weight:bold; float:left; }
.boxPosition .boxConArea dt a { float:right; display:block; }
.boxPosition .boxConArea dd { clear:left; }
.boxPosition .boxConArea dd table { margin:10px 0 10px 0; }
.boxPosition .boxConArea dd table th { padding:4px 0 4px 0; text-align:left; background:url('/vietnam/images/common/line_01.gif') right 50% no-repeat; }
.boxPosition .boxConArea dd table td { padding:4px 4px 4px 18px; }

.paymentcal { position:relative; }
.paymentcal .calBox { border-top:2px solid #5cacbc; border-bottom:1px solid #5cacbc; overflow:hidden; }
.paymentcal .calBox dt { padding:9px 16px 9px 16px; background:#eaf4f6 url('/vietnam/images/common/bg_g_dotted.gif') bottom repeat-x; }
.paymentcal .calBox dd { padding:17px 0 17px 74px; }
.paymentcal .calBox dd img { vertical-align:middle; }
.paymentcal .calBox dd input { width:220px; vertical-align:middle; }

.paymentcal .calendar { position:absolute; top:89px; left:278px; width:170px; padding:3px; border:1px solid #e6e5d6; display:none; background:#ffffff;	 }
.paymentcal .calendar ul { width:148px; background-color:#cee4e7; color:#4d7e87; padding:7px 11px 7px 11px; overflow:hidden; }
.paymentcal .calendar ul li { width:30px; text-align:center; float:left; color:#6e9ba3; }
.paymentcal .calendar ul li.this { width:88px; position:relative; color:#4d7e87; font-weight:bold; }
.paymentcal .calendar ul li.this a.prev { position:absolute; top:3px; left:0px; }
.paymentcal .calendar ul li.this a.next { position:absolute; top:3px; right:0px; }
.paymentcal .calendar table { font-size:11px; margin-top:5px; }
.paymentcal .calendar table td { text-align:center; width:24px; height:22px; }
.paymentcal .calendar table a.holiday { color:#74bfc5; }
.paymentcal .calendar table a.sDay { font-weight:bold;color:#666666; }
.paymentcal .calendar table a.toDay { background:#71bbca; width:18px; color:#ffffff; display:block; margin:2px auto; padding:2px 0 2px 0; }
.paymentcal .calendar table a { width:18px; display:block; margin:2px auto; padding:2px 0 2px 0; }
.paymentcal .calendar table a:hover { background:#71bbca; width:18px; color:#ffffff; display:block; margin:2px auto; padding:2px 0 2px 0; }
.paymentcal .calendar p.toDay { background:#edf0f1; padding-top:4px; padding-bottom:4px; text-align:center; font-size:11px; color:#67949c; }

.paymentDetail { overflow:hidden; }
.pmDetail { float:left; width:305px; padding-right:23px; }
.pmDesc { width:338px; margin-top:50px; border-top:2px solid #59a9b9; border-bottom:1px solid #59a9b9; float:left; background-color:#f3f3f3; padding-bottom:12px; }
.pmDesc li { font-size:11px; padding:12px 7px 0px 30px; background:url('/vietnam/images/common/ico_check1.gif') 7px 15px no-repeat; }