div, textarea {
   scrollbar-3dlight-color: #595959;
   scrollbar-arrow-color: #ffffff;
   scrollbar-base-color: #cfcfcf;
   scrollbar-darkshadow-color: #ffffff;
   scrollbar-face-color: #cfcfcf;
   scrollbar-highlight-color: #ffffff;
   scrollbar-shadow-color: #595959; 
}


/* login */
#wrapLogin { margin: 0 auto; padding-top: 50px; padding-bottom: 100px; width: 470px; }
#wrapLogin h3.title { margin-bottom: 5px; font-weight: 900; font-size: 1.25em; color: #666; }
#wrapLogin h3.title img { vertical-align: middle; }
#wrapLogin .info { margin: 0px; padding: 0px; border: 0px; }
#wrapLogin .top { height: 124px; background-color: #f9f9f9; border: 3px solid #ddd; }
#wrapLogin .top .login { float: left; width: 130px; margin: 13px 0px 0px 40px; padding-right: 20px; border-right: 1px solid #ddd; }
#wrapLogin .top .infoArea { float: left; margin-top: 20px; margin-left: 10px; width: 220px; text-align: right; }
#wrapLogin fieldset .inputLogin { width: 140px; border: 0px; border: 1px solid #b6b6b6; background-color: #ffffff; }
#wrapLogin fieldset label { font-weight: 900; }
#wrapLogin fieldset.id { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#wrapLogin fieldset.id img { vertical-align: middle; }
#wrapLogin fieldset.passwd { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#wrapLogin fieldset.passwd img { vertical-align: middle; }
#wrapLogin fieldset.openId { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#wrapLogin fieldset.openId img { vertical-align: middle; }
#wrapLogin fieldset.button { margin: 0px; margin-top: 5px; padding: 0px; border: 0px; }
#wrapLogin fieldset.button .useOpenId { margin-right: 20px; font-weight: 100; }
#wrapLogin fieldset.button .useOpenId input { vertical-align: middle; }
#wrapLogin .txt { margin-left: 11px; padding-top: 8px; font-size: 0.92em; color: #666; line-height: 1.5em; }
#wrapLogin .txt a { font-weight: 900; }


/* orderLogin */
#orderLogin { margin-top: 50px; }
#formMallOrderLogin h3 { margin: 0px; margin-bottom: 10px; padding: 0px; font-weight: 900; font-size: 1.08em; }
#formMallOrderLogin .info { margin: 0px; padding: 15px; height: 25px; border: 1px solid #ddd; background-color: #f9f9f9; }
#formMallOrderLogin .infoArea { margin: 0px; padding: 0px; border: 0px; margin-right: 30px; float: left; }
#formMallOrderLogin .infoArea .txt { display: inline-block; width: 50px;  border: 0px; }
#formMallOrderLogin .infoArea input { margin: 0px; padding: 0px; width: 100px; height: 18px; border: 1px solid #ddd; }
#formMallOrderLogin .button { margin: 0px; padding: 0px; margin-top: 5px; }


/* info */
#wrapInfo h2.title { margin-bottom: 10px; font-weight: 900; font-size: 1.33em;color: #666; }
#wrapInfo h2.title img { vertical-align: middle; }
#wrapInfo #formInfo { width: 720px; border-top: 2px solid #dbdbdb; }
#wrapInfo #formInfo fieldset { border: 0px; }
#wrapInfo #formInfo input.info { width: 100px; height: 16px; border: 1px solid #ddd; }
#wrapInfo #formInfo input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; }
#wrapInfo #formInfo textarea.info { width: 460px; height: 80px; border: 1px solid #ddd; }
#wrapInfo #formInfo input.width40 { width: 40px; }
#wrapInfo #formInfo input.width50 { width: 50px; }
#wrapInfo #formInfo input.width100 { width: 100px; }
#wrapInfo #formInfo input.width200 { width: 200px; }
#wrapInfo #formInfo input.width300 { width: 300px; }
#wrapInfo #formInfo input.width400 { width: 400px; }
#wrapInfo #formInfo fieldset.info { height: 100%; background: url('../imgs/info_bg.gif') repeat-y; }
#wrapInfo #formInfo fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#wrapInfo #formInfo fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; font-weight: 900; color: #000; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input { float: left; padding-left: 5px; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; }
#wrapInfo #formInfo fieldset.info .infoArea div.input img { vertical-align: top; }
#wrapInfo #formInfo fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapInfo #formInfo p.control { margin-top: 20px; text-align: center; }
#wrapInfo #formInfo p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* signupStep1 */
#wrapSignupStep1 { width: 720px; }
#wrapSignupStep1 fieldset { margin: 0px; padding: 0px; border: 0px; }
#wrapSignupStep1 h2.title { margin-bottom: 10px; font-weight: 900; font-size: 1.33em;color: #666; }
#wrapSignupStep1 h2.title img { vertical-align: middle; }
#wrapSignupStep1 fieldset.document { margin-top: 5px; margin-bottom: 20px; }
#wrapSignupStep1 fieldset.document iframe { margin-bottom: 20px; width: 716px; height: 200px; overflow: auto; border: solid 2px #e6e6e6; }
#wrapSignupStep1 fieldset.document p { font-weight: 900; line-height: 1.4em; }
#wrapSignupStep1 fieldset.document p.center { font-weight: 100; text-align: center; }
#wrapSignupStep1 fieldset.jumin { padding-top: 6px; height: 32px; text-align: center; border: 1px solid #ddd; background-color: #f9f9f9; }
#wrapSignupStep1 fieldset.jumin .jumin { margin-left: 40px; }
#wrapSignupStep1 fieldset.jumin input { width: 140px; height: 18px; border: 1px solid #ddd; }
#wrapSignupStep1 #formSignup p.control { margin-top: 20px; text-align: center; }
#wrapSignupStep1 #formSignup p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* signupStep2 */
#wrapSignupStep2 { width: 720px; }
#wrapSignupStep2 h2.title { margin-bottom: 10px; font-weight: 900; font-size: 1.33em;color: #666; }
#wrapSignupStep2 h2.title img { vertical-align: middle; }
#wrapSignupStep2 #formSignup { border-top: 2px solid #dbdbdb; }
#wrapSignupStep2 #formSignup fieldset { border: 0px; }
#wrapSignupStep2 #formSignup input.info { width: 100px; height: 16px; border: 1px solid #ddd; }
#wrapSignupStep2 #formSignup input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; }
#wrapSignupStep2 #formSignup textarea.info { width: 460px; height: 80px; border: 1px solid #ddd; }
#wrapSignupStep2 #formSignup input.width40 { width: 40px; }
#wrapSignupStep2 #formSignup input.width50 { width: 50px; }
#wrapSignupStep2 #formSignup input.width100 { width: 100px; }
#wrapSignupStep2 #formSignup input.width200 { width: 200px; }
#wrapSignupStep2 #formSignup input.width300 { width: 300px; }
#wrapSignupStep2 #formSignup input.width400 { width: 400px; }
#wrapSignupStep2 #formSignup fieldset.info { height: 100%; background: url('../imgs/signup_bg.gif') repeat-y; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; font-weight: 900;color: #000; line-height: 1.4em; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea div.input { float: left; padding-left: 5px;  line-height: 1.4em; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea div.input img { vertical-align: top; }
#wrapSignupStep2 #formSignup fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapSignupStep2 #formSignup p.control { margin-top: 20px; text-align: center; }
#wrapSignupStep2 #formSignup p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* out */
#wrapOut h2.title { margin-bottom: 10px; font-weight: 900; font-size: 1.33em;color: #666; }
#wrapOut h2.title img { vertical-align: middle; }
#wrapOut #formOut { width: 720px; border-top: 2px solid #dbdbdb; }
#wrapOut #formOut fieldset { border: 0px; }
#wrapOut #formOut input.info { width: 100px; height: 16px; border: 1px solid #ddd; }
#wrapOut #formOut input.infoFile { width: 100px; height: 18px; border: 1px solid #ddd; }
#wrapOut #formOut textarea.info { width: 460px; height: 80px; border: 1px solid #ddd; }
#wrapOut #formOut input.width50 { width: 50px; }
#wrapOut #formOut input.width100 { width: 100px; }
#wrapOut #formOut input.width200 { width: 200px; }
#wrapOut #formOut input.width300 { width: 300px; }
#wrapOut #formOut input.width400 { width: 400px; }
#wrapOut #formOut fieldset.info { height: 100%; background: url('../imgs/out_bg.gif') repeat-y; }
#wrapOut #formOut fieldset.info .infoArea { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #dbdbdb; }
#wrapOut #formOut fieldset.info .infoArea div.title { float: left; padding-left: 10px; width: 158px; font-weight: 900;color: #000; line-height: 1.4em; }
#wrapOut #formOut fieldset.info .infoArea div.input { float: left; padding-left: 5px;  line-height: 1.4em; }
#wrapOut #formOut fieldset.info .infoArea div.input p { padding-bottom: 5px; line-height: 1.4em; }
#wrapOut #formOut fieldset.info .infoArea div.input img { vertical-align: top; }
#wrapOut #formOut fieldset.info .infoArea div.input p.txt { font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapOut #formOut p.control { margin-top: 20px; text-align: center; }
#wrapOut #formOut p.control .default { margin-left: 10px; width: 100px; height: 30px; font-size: 0.92em; font-weight: 900; color: #fff; background-color: #333; border: 0px; }


/* find */
#wrapFind { }
#wrapFind fieldset { margin: 0px; padding: 0px; border: 0px; }
#wrapFind .top { padding-top: 12px; padding-left: 8px; height: 27px; padding-left: 4px; font-size: 1em; font-weight: 900; color: #fff; background: url('../imgs/popup_bg.gif') repeat-x; cursor: default; }
#wrapFind .top h1 { margin: 0px; padding: 0px; font-weight: 900; font-size: 1em; }
#wrapFind .top h1 img { vertical-align: middle; }
#wrapFind input.info { width: 80px; height: 16px; border: 1px solid #ddd; }
#wrapFind input.width100 { width: 100px; }
#wrapFind input.width150 { width: 150px; }
#wrapFind input.width200 { width: 200px; }
#wrapFind .middle { margin-top: 10px; margin-left: 8px; }
#wrapFind .middle strong { float: left; padding-top: 6px; width: 40px; }
#wrapFind .middle .middleBg { margin-bottom: 10px; padding: 10px; width: 320px; border: 3px solid #f4f4f4; }
#wrapFind .middle p { margin-bottom: 5px; font-size: 0.92em; color: #0b87d9; }
#wrapFind .middle p.txt { margin-bottom: 15px; font-weight: 900;color: #666; }
#wrapFind .middle p.questionTxt { margin-left: 40px; }
#wrapFind .middle p.questionTxt select { margin-bottom: 5px; }
#wrapFind .bottom { margin: 0 auto; margin-top: 10px; text-align: center; }


/* profile */
#wrapProfile { }
#wrapProfile .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapProfile .top h1 { margin: 0px; padding: 0px;  font-weight: 900; font-size: 1em; color: #fff; }
#wrapProfile .top img { vertical-align: middle; }
#wrapProfile .middle { margin-top: 10px; margin-left: 8px; width: 446px; }
#wrapProfile .middle .tabBg { width: 420px; height: 27px; background: url('../imgs/profile_bg_tab.gif') no-repeat; text-align: left; cursor: pointer;  }
#wrapProfile .middle .tabBg .levelNameTxt { margin-left: 8px; padding-top: 9px; width: 104px; font-size: 0.92em; font-weight: 900; color: #7687c0; text-align: center; }
#wrapProfile .middle .contents { padding: 5px; height: 210px; }
#wrapProfile .middle .picture { float: left; width: 160px; }
#wrapProfile .middle .picture table { padding: 0px; width: 160px; height: 202px; background-color: #f9f9f9;}
#wrapProfile .middle .picture table tr { vertical-align: middle; }
#wrapProfile .middle .picture table td { text-align: center; }
#wrapProfile .middle .profileInfo { float: left; margin-left: 5px; width: 245px; }
#wrapProfile .middle .profileInfo .infoArea { height: 22px; background-color: #fff; border-bottom: 1px solid #e9e9e9; }
#wrapProfile .middle .profileInfo .infoArea .txt { float: left; padding-top: 5px; width: 93px; height: 17px; padding-right: 2px;  background-color: #eeeeee; text-align: right; }
#wrapProfile .middle .profileInfo .infoArea .info { float: left; padding-top: 5px; width: 140px; padding-left: 5px; font-size: 0.92em;  }
#wrapProfile .middle .contents .comment { margin-top: 5px; padding: 2px; width: 239px; height: 76px; background-color: #fff; overflow: auto;font-size: 0.92em; color: #666; line-height: 160%; border: 1px solid #e9e9e9; text-align: left; }
#wrapProfile .middle .contents p.title { margin: 0px; margin-bottom: 5px; font-size: 0.92em; color: #666; }
#wrapProfile .bottom { text-align: center; }


/* mail */
#wrapMail { }
#wrapMail .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapMail .top h1 { margin: 0px; padding: 0px;  font-weight: 900; font-size: 1em; color: #fff; }
#wrapMail .top img { vertical-align: middle; }
#wrapMail .middle { margin-top: 10px; margin-left: 8px; width: 446px; }
#wrapMail fieldset { border: 0px; width: 550px; }
#wrapMail fieldset legend { display: none; }
#wrapMail fieldset.inputLine { }
#wrapMail fieldset.inputLine .area { float: left; padding-top: 5px; padding-left: 3px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapMail fieldset.inputLine .area p { margin-bottom: 5px; font-size: 0.92em; color: #666; line-height: 1.4em; }
#wrapMail fieldset.inputLine .area img { vertical-align: top; }
#wrapMail fieldset.inputLine .txt { float: left; margin-right: 6px; padding-top: 11px; padding-bottom: 11px; padding-left: 10px; width: 60px;  font-weight: 900; color: #000; text-align: right; }
#wrapMail .inputEmail { width: 430px; height: 18px; border: 1px solid #ddd; }
#wrapMail .inputFileEmail { width: 430px; height: 22px; border: 1px solid #ddd; }
#wrapMail .textareaEmail { margin: 0px; padding: 0px; width: 550px; height: 200px; background-color: #f0f0f0;  color: #666; border: 1px solid #cdcdcd; }
#wrapMail .bottom { margin-top: 10px; text-align: center; }


/* message */
#wrapMessage {  width: 700px; }
#wrapMessage .tabs-nav { margin: 0px; padding: 0px; width: 100%; background: url('../imgs/message_bg_tab.gif') left bottom repeat-x; overflow: hidden; list-style: none; }
#wrapMessage .tabs-nav li { float: left; _display: inline; margin-right: -1px; border: 1px solid #d4d4d4; color: #333; }
#wrapMessage .tabs-nav li a { _float: left; display: block; height: 20px; padding: 9px 18px 0px 19px; color: #666; text-decoration: none; }
#wrapMessage .tabs-nav li a:hover { color: #333; background: #f4f4f4;}
#wrapMessage .tabs-nav li.tabs-selected { border-bottom: 1px solid #f4f4f4; background: #f4f4f4; }
#wrapMessage .tabs-nav li.tabs-selected a { color: #333; font-weight: 900; letter-spacing:-1px; }
#wrapMessage div.tabs-selected { display: block; }
#wrapMessage div.tabs-hide { display: none; }

/* messageSend */
#wrapMessageSend { }
#wrapMessageSend .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapMessageSend .top h1 { margin: 0px; padding: 0px;  font-weight: 900; font-size: 1em; color: #fff; }
#wrapMessageSend .top img { vertical-align: middle; }
#wrapMessageSend .middle { margin-top: 10px; margin-left: 8px; width: 446px; }
#wrapMessageSend .middle .topBg { height: 8px; font-size: 0em; background: url('../imgs/message_send_bg_top.gif') no-repeat left bottom; }
#wrapMessageSend .middle .middleBg { padding: 10px; background: url('../imgs/message_send_bg_middle.gif') repeat-y; }
#wrapMessageSend .middle .bottomBg { height: 8px; font-size: 0em; background: url('../imgs/message_send_bg_bottom.gif') no-repeat; }
#wrapMessageSend fieldset.content { margin-top: 10px; border: 0px; }
#wrapMessageSend .textareaMessage { margin: 0px; padding: 0px; width: 424px; height: 100px; background-color: #f0f0f0;  color: #666; border: 1px solid #cdcdcd; }
#wrapMessageSend .bottom { margin-top: 10px; text-align: center; }


/* messageView */
#wrapMessageView {  }
#wrapMessageView .top { padding-top: 12px; padding-left: 8px; width: 100%; height: 27px; padding-left: 4px; background: url('../imgs/popup_bg.gif') repeat-x; cursor: pointer; }
#wrapMessageView .top h1 { margin: 0px; padding: 0px;  font-weight: 900; font-size: 1em; color: #fff; }
#wrapMessageView .top img { vertical-align: middle; }
#wrapMessageView .middle { margin-top: 10px; margin-left: 8px; width: 446px; }
#wrapMessageView .middle .topBg { height: 8px; font-size: 0em; background: url('../imgs/message_send_bg_top.gif') no-repeat; }
#wrapMessageView .middle .middleBg { padding: 10px; background: url('../imgs/message_send_bg_middle.gif') repeat-y; }
#wrapMessageView .middle .title { padding-bottom: 6px;  color: #666; border-bottom: 1px solid #f1f1f1; }
#wrapMessageView .middle .message { margin-top: 10px; margin-bottom: 10px;  height: 194px; overflow: auto;  line-height: 160%; }
#wrapMessageView .middle .message p {  line-height: 160%; }
#wrapMessageView .middle .button { padding-top: 5px; padding-bottom: 4px; border-top: 1px solid #e5e5e5; }
#wrapMessageView .middle .bottomBg { height: 8px; font-size: 0em; background: url('../imgs/message_send_bg_bottom.gif') no-repeat; }
#wrapMessageView .bottom { margin-top: 10px; text-align: center; }


/* messageList */
#wrapMessageList { margin: 20px; width: 650px; }
#wrapMessageList .top { height: 22px; margin-bottom: 3px; }
#wrapMessageList .top .pageInfo { float: left; padding-top: 3px; font: 9pt tahoma; }
#wrapMessageList .top .pageInfo .txt { float: left; }
#wrapMessageList .top .pageInfo strong { color: #e65101; }
#wrapMessageList .top .pageInfo img { float: left; padding-left: 5px; padding-top: 1px; }
#wrapMessageList table.middle { width: 100%; border-top: 2px solid #e1e1e1; table-layout: fixed; }
#wrapMessageList table.middle thead tr { height: 28px; }
#wrapMessageList table.middle thead th { background-color: #f4f4f4; font-weight: 100; border-bottom: 1px solid #e1e1e1; }
#wrapMessageList table.middle thead #number { width: 50px; font-size: 0.92em; color: #333; }
#wrapMessageList table.middle thead #subject { font-size: 0.92em; color: #333; }
#wrapMessageList table.middle thead #name { width: 100px; font-size: 0.92em; color: #333; }
#wrapMessageList table.middle thead #totalHit { width: 30px; font-size: 0.92em; color: #333; }
#wrapMessageList table.middle thead #date { width: 130px; font-size: 0.92em; color: #333; }
#wrapMessageList table.middle tbody tr { height: 30px; border-bottom: 1px solid #eaeaea; }
#wrapMessageList table.middle tbody td { border-bottom: 1px solid #f1f1f1; }
#wrapMessageList table.middle tbody td.number { font: 8pt tahoma; color: #777; text-align: center; }
#wrapMessageList table.middle tbody td.number strong { color: #ff6f06; }
#wrapMessageList table.middle tbody td.number img { padding-top: 2px; }
#wrapMessageList table.middle tbody td.subject { padding-left: 5px; color: #333; overflow: hidden; white-space : nowrap; }
#wrapMessageList table.middle tbody td.subject a { color: #333; }
#wrapMessageList table.middle tbody td.subject a:hover { text-decoration: underline; }
#wrapMessageList table.middle tbody td.subject .totalComment { font-size: 0.92em; color: #e65101; }
#wrapMessageList table.middle tbody td.subject img { vertical-align: middle; }
#wrapMessageList table.middle tbody td.subject input.checkNo { vertical-align: middle; }
#wrapMessageList table.middle tbody td.name { padding-left: 8px; overflow: hidden; white-space : nowrap;  text-align: center; }
#wrapMessageList table.middle tbody td.name a {  color: #555; }
#wrapMessageList table.middle tbody td.name img { vertical-align: middle; }
#wrapMessageList table.middle tbody td.totalHit { font: 8pt tahoma; color: #777; text-align: center; }
#wrapMessageList table.middle tbody td.date { font: 8pt tahoma; color: #777; text-align: center; }
#wrapMessageList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }
#wrapMessageList .bottom { margin-top: 5px; }
#wrapMessageList .bottom .listBt { float: left; }
#wrapMessageList .bottom .listBtPaging { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }


/* pointList */
#wrapPointList { margin: 20px; width: 650px; }
#wrapPointList .top { height: 22px; margin-bottom: 3px; }
#wrapPointList .top .pageInfo { float: left; padding-top: 3px; font: 9pt tahoma; }
#wrapPointList .top .pageInfo .txt { float: left; }
#wrapPointList .top .pageInfo strong { color: #e65101; }
#wrapPointList .top .pageInfo img { float: left; padding-left: 5px; padding-top: 1px; }
#wrapPointList table.middle { width: 100%; border-top: 2px solid #e1e1e1; table-layout: fixed; }
#wrapPointList table.middle thead tr { height: 28px; }
#wrapPointList table.middle thead th { background-color: #f4f4f4; font-weight: 100; border-bottom: 1px solid #e1e1e1; }
#wrapPointList table.middle thead #number { width: 50px; font-size: 0.92em; color: #333; }
#wrapPointList table.middle thead #message { font-size: 0.92em; color: #333; }
#wrapPointList table.middle thead #name { width: 100px; font-size: 0.92em; color: #333; }
#wrapPointList table.middle thead #point { width: 40px; font-size: 0.92em; color: #333; }
#wrapPointList table.middle thead #totalPoint { width: 60px; font-size: 0.92em; color: #333; }
#wrapPointList table.middle thead #date { width: 130px; font-size: 0.92em; color: #333; }
#wrapPointList table.middle tbody tr { height: 30px; border-bottom: 1px solid #eaeaea; }
#wrapPointList table.middle tbody td { border-bottom: 1px solid #f1f1f1; }
#wrapPointList table.middle tbody td.number { font: 8pt tahoma; color: #777; text-align: center; }
#wrapPointList table.middle tbody td.number strong { color: #ff6f06; }
#wrapPointList table.middle tbody td.number img { padding-top: 2px; }
#wrapPointList table.middle tbody td.message { padding-left: 5px; color: #333; overflow: hidden; white-space : nowrap; }
#wrapPointList table.middle tbody td.message a { color: #333; }
#wrapPointList table.middle tbody td.message a:hover { text-decoration: underline; }
#wrapPointList table.middle tbody td.message .totalComment { font-size: 0.92em; color: #e65101; }
#wrapPointList table.middle tbody td.message img { vertical-align: middle; }
#wrapPointList table.middle tbody td.message input.checkNo { vertical-align: middle; }
#wrapPointList table.middle tbody td.name { padding-left: 8px; overflow: hidden; white-space : nowrap;  text-align: center; }
#wrapPointList table.middle tbody td.name a {  color: #555; }
#wrapPointList table.middle tbody td.name img { vertical-align: middle; }
#wrapPointList table.middle tbody td.point { font: 8pt tahoma; color: #777; text-align: center; }
#wrapPointList table.middle tbody td.totalPoint { font: 8pt tahoma; color: #777; text-align: center; }
#wrapPointList table.middle tbody td.date { font: 8pt tahoma; color: #777; text-align: center; }
#wrapPointList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }
#wrapPointList .bottom { margin-top: 5px; }
#wrapPointList .bottom .listBt { float: left; }
#wrapPointList .bottom .listBtPaging { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }


/* cashList */
#wrapCashList { margin: 20px; width: 650px; }
#wrapCashList .top { height: 22px; margin-bottom: 3px; }
#wrapCashList .top .pageInfo { float: left; padding-top: 3px; font: 9pt tahoma; }
#wrapCashList .top .pageInfo .txt { float: left; }
#wrapCashList .top .pageInfo strong { color: #e65101; }
#wrapCashList .top .pageInfo img { float: left; padding-left: 5px; padding-top: 1px; }
#wrapCashList table.middle { width: 100%; border-top: 2px solid #e1e1e1; table-layout: fixed; }
#wrapCashList table.middle thead tr { height: 28px; }
#wrapCashList table.middle thead th { background-color: #f4f4f4; font-weight: 100; border-bottom: 1px solid #e1e1e1; }
#wrapCashList table.middle thead #number { width: 50px; font-size: 0.92em; color: #333; }
#wrapCashList table.middle thead #message { font-size: 0.92em; color: #333; }
#wrapCashList table.middle thead #name { width: 100px; font-size: 0.92em; color: #333; }
#wrapCashList table.middle thead #cash { width: 60px; font-size: 0.92em; color: #333; }
#wrapCashList table.middle thead #totalCash { width: 80px; font-size: 0.92em; color: #333; }
#wrapCashList table.middle thead #date { width: 130px; font-size: 0.92em; color: #333; }
#wrapCashList table.middle tbody tr { height: 30px; border-bottom: 1px solid #eaeaea; }
#wrapCashList table.middle tbody td { border-bottom: 1px solid #f1f1f1; }
#wrapCashList table.middle tbody td.number { font: 8pt tahoma; color: #777; text-align: center; }
#wrapCashList table.middle tbody td.number strong { color: #ff6f06; }
#wrapCashList table.middle tbody td.number img { padding-top: 2px; }
#wrapCashList table.middle tbody td.message { padding-left: 5px; color: #333; overflow: hidden; white-space : nowrap; }
#wrapCashList table.middle tbody td.message a { color: #333; }
#wrapCashList table.middle tbody td.message a:hover { text-decoration: underline; }
#wrapCashList table.middle tbody td.message .totalComment { font-size: 0.92em; color: #e65101; }
#wrapCashList table.middle tbody td.message img { vertical-align: middle; }
#wrapCashList table.middle tbody td.message input.checkNo { vertical-align: middle; }
#wrapCashList table.middle tbody td.name { padding-left: 8px; overflow: hidden; white-space : nowrap;  text-align: center; }
#wrapCashList table.middle tbody td.name a {  color: #555; }
#wrapCashList table.middle tbody td.name img { vertical-align: middle; }
#wrapCashList table.middle tbody td.cash { font: 8pt tahoma; color: #777; text-align: center; }
#wrapCashList table.middle tbody td.totalCash { font: 8pt tahoma; color: #777; text-align: center; }
#wrapCashList table.middle tbody td.date { font: 8pt tahoma; color: #777; text-align: center; }
#wrapCashList table.middle tbody td.noList { padding-top: 100px; padding-bottom: 100px; color: #666; text-align: center; }
#wrapCashList .bottom { margin-top: 5px; }
#wrapCashList .bottom .listBt { float: left; }
#wrapCashList .bottom .listBtPaging { clear: both; margin: 0 auto; padding-top: 10px; height: 26px; text-align: center; }


/* paging */
a.pagingBt { margin-right: 2px; }
a.pagingBt img { vertical-align: middle; }
a.pagingBtList { padding: 5px; padding-top: 3px; padding-left: 8px; padding-right: 8px; color: #333; font-family: tahoma; text-decoration: none; border-left: 1px solid #d9d9d9; }
a.pagingBtList:hover { text-decoration: underline; }
a.pagingBtListFirst { border-left: 0px; }
a.pagingBtListBold { color: #eb302f; font-weight: 900; }