﻿
.btn_area{ text-align:center;}
.btn_area * { vertical-align:top;}
.btn_area input{ margin:0 1px 0 0;}

#zipcode{padding:0 0; margin:0 0; text-align:center; font-size:0.8em;}
                           
#agreement {_height:800px; background:#f9f9f9 url('/Images/bgJoin.png') repeat-x scroll top left;}
#agreement .field1{ margin:0 0 10px 0;}
#agreement .field1 legend{display:block;}
#agreement .field1{ margin:0 0 10px 0;}
#agreement .bx{ background-color:#ffffff;  height:400px; padding:20px 18px 0 20px; margin:0 0 8px 0; border:1px solid #666666; overflow:auto; }
#agreement .bx h3,
#agreement .bx h4{ font-weight:normal;}
#agreement .bx h3{ height:31px;}
#agreement .bx h4,
#agreement .bx p,
#agreement .bx li{ line-height:16px;}
#agreement .bx p,
#agreement .bx ol,
#agreement .bx ul{ margin:0 0 16px 0;}
#agreement .bx ul ul{margin-top:10px;}
#agreement .bx ul ul ul{margin-top:0;}
#agreement .check{ margin:0 0 20px 0;}
#agreement .check input{ _margin:-4px; vertical-align:middle;}    

#personal {_height:800px; background:#f9f9f9 url('/Images/bgJoin.png') repeat-x scroll top left;}
#personal .notice{text-align:right; color:#666666; font-size:11px; letter-spacing:-1px; margin:-15px 0 2px 0;}
#personal table{ clear:both; border:2px solid #e5e5e5; margin:0 0 20px 0; border-left:none; border-right:none; width:100%;}
#personal table th,
#personal table td{ border:none; color:#333333;}
#personal table th{ background:#f9f9f9; border-top:1px solid #ededed; padding:11px 0 8px 10px; vertical-align:top; width:136px; text-align:left; letter-spacing:-1px; line-height:18px;}
#personal table th img{ position:absolute; top:2px; left:0; _left:-11px;}
#personal table th label,
#personal table th span{ padding:0 0 0 11px; display:block; position:relative;}
#personal table td{ border-left:1px solid #ededed; border-top:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:top;}
#personal table tr.first-child th,
#personal table tr.first-child td{ border-top:none;}
#personal table .txt1{display:block; font-weight:normal; padding:5px 0 0 0;}
#personal table .txt1 img{margin-top:-3px; vertical-align:middle;}
#personal table .txt1 span{font-size:11px; letter-spacing:-1px; color:#999999;}
#personal table .txt1 span.ico{margin:0 5px 0 16px; font-size:12px;}
#personal table .txt1 .newname{margin-left:6px;}
#personal table .txt2{ padding:5px 0 0 0; _padding:3px 0 0 0;}
#personal table .txt3{ padding:7px 0 6px 0;}
#personal table .txt3 *{ vertical-align:bottom;}
#personal table .txt3 img{ margin:0 10px 0 0;}
#personal table .txt3 input{ position:relative; _top:1px;}
#personal table .txt3 .check_txt{position:absolute; left:173px; top:12px;}
#personal table .input_text{ border:1px solid #cccccc; padding:3px 0 3px 5px; _height /**/:23px;}
#personal table .w110{ width:103px;}
#personal table .w130{ width:123px;}
#personal table .w154{ width:147px;}
#personal table .w157{ width:150px;}
#personal table .w286{ width:279px;}
#personal table .w431{ width:423px;}
#personal table .w88{ width:81px;}
#personal table .w138{ width:131px;}
#personal table .input_radio{ margin:0 -1px 0 -4px; position:relative; top:-1px;}
#personal table .input_check{ margin:0 -1px 0 -4px; position:relative; top:-1px;}
#personal table td label{ position:relative; top:-1px; _top:-2px;}
*:first-child+html #personal table td label{ top:-2px;}
#personal table .mr14{ margin-right:14px;}
#personal table td .link{ font-size:11px; margin:0 0 0 1px; _margin /**/:0; color:#004790; text-decoration:underline; position:relative; top:-3px; letter-spacing:-1px;}
#personal table .mail1{ margin:0 0 5px 0;}
#personal table .optin{ border-top:1px solid #ededed; padding:10px 0 2px 0; width:484px;}
#personal table em{ color:#ff6c00; font-size:11px; display:block; padding:5px 0 7px 19px; letter-spacing:-1px;}
#personal table .help_wrap{_width /**/:100%; display:block; overflow:visible; position:relative; z-index:98}
#personal table .help_wrap:after {content:""; display:block; clear:both;}
#personal table .help_wrap .reset_img{position:absolute; right:84px; top:52px; color:#999; text-decoration:underline;}
#personal table .help_wrap2{_width /**/:100%; display:block; overflow:visible; position:relative; z-index:99}
#personal table .help_wrap2:after {content:""; display:block; clear:both;}  

#personal table .default_view{margin-top:7px;}
*:first-child+html #personal table .help_wrap{ z-index:99;}
#personal table .help_wrap.upw{ z-index:100;}
*:first-child+html #personal table .help_wrap.upw{ z-index:100;}
#personal table .help{ position:absolute; display:block; display:none;}
#personal table .help.on{ display:block;}
#personal table .help .txt{ position:relative; z-index:3; border:1px solid #919191; color:#333333; letter-spacing:-1px; background:#ffffff;}
#personal table .help .txt p{ padding:8px 14px 6px 14px; line-height:16px; font-size:11px; white-space:nowrap;}
#personal table .help .txt p *{line-height:16px; font-size:11px;}
#personal table .help .txt p strong{ color:#ff6c00;}
#personal table .help .txt p strong.black{ color:#333;}
#personal table .help .txt p .ex{ color:#808080;}
#personal table .help .txt p .ex2{ display:block; padding:6px 0 0 0; margin:4px 0 0 0; border-top:1px solid #e5e5e5; color:#333; font-size:11px; letter-spacing:-1px;}
#personal table .help .txt p .ex2 strong{ color:#333;}
#personal table .help .txt p .vr{ color:#e5e5e5; margin:0 2px 0 3px;}
#personal table .help .txt p .level1{ padding:0 52px 0 0; background:url(/images/help/ico_pw_level1.gif) no-repeat right 4px;}
#personal table .help .txt p .level2{ padding:0 52px 0 0; color:#417c01; background:url(/images/help/ico_pw_level2.gif) no-repeat right 4px;}
#personal table .help .txt p .level3{ padding:0 52px 0 0; color:#417c01; background:url(/images/help/ico_pw_level3.gif) no-repeat right 4px;}
#personal table .help .txt em{ display:inline; padding:0;}
#personal table .help_wrap .h32 { height:32px;}
#personal table .help_wrap .h48 { height:48px;}
#personal table .help_wrap .h64 { height:64px;}
#personal table .help_wrap .h64 iframe{ display:none; _display:block; width:100%; height:64px; overflow:hidden; position:absolute; left:2px; top:2px; border:none;}
#personal table .help_wrap .h75 { height:75px;}
#personal table .overlap{ position:relative; top:1px; left:1px;}
#personal table .overlap img{ vertical-align:top;}
#personal table .btn_cmail{ display:block; float:left; clear:both; padding:0; margin:6px 0 6px 0;}
#personal table br{ clear:both;}   

#complete {_height:800px; background-color:#f9f9f9;}
#complete .cnt_desc .first-child{ margin:0 0 6px 0;}
#complete .cnt_desc a{ color:#004790; font-size:11px; letter-spacing:-1px; text-decoration:underline; margin:0 0 0 3px;}
#complete .notice{text-align:right; color:#666666; font-size:11px; letter-spacing:-1px; margin:-15px 0 2px 0;}
#complete table{ clear:both; border:2px solid #e5e5e5; margin:0 0 20px 0; border-left:none; border-right:none; width:100%;}
#complete table th,
#complete table td{ border:none; color:#333333;}
#complete table th{ background:#f9f9f9; border-top:1px solid #ededed; padding:11px 0 8px 10px; vertical-align:top; width:136px; text-align:left; letter-spacing:-1px; line-height:18px;}
#complete table th img{ position:absolute; top:2px; left:0; _left:-11px;}
#complete table th label,
#complete table th span{ padding:0 0 0 11px; display:block; position:relative;}
#complete table td{ border-left:1px solid #ededed; border-top:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:top;}
#complete table tr.first-child th,
#complete table tr.first-child td{ border-top:none;}

#accountcheck {_height:800px; background-color:#f9f9f9;}
#accountcheck ul{ float:left }
#accountcheck ul li { float:left }
#accountcheck table{ clear:both; border:2px solid #e5e5e5; margin:0 0 20px 0; border-left:none; border-right:none;}
#accountcheck table th,
#accountcheck table td{ border:none; color:#333333;}
#accountcheck table th{ background:#f9f9f9; border-top:1px solid #ededed; padding:11px 0 8px 10px; vertical-align:top; width:136px; text-align:left; letter-spacing:-1px; line-height:18px;}
#accountcheck table th img{ position:absolute; top:2px; left:0; _left:-11px;}
#accountcheck table th label,
#accountcheck table th span{ padding:0 0 0 11px; display:block; position:relative;}
#accountcheck table td{ border-left:1px solid #ededed; border-top:1px solid #ededed; padding:6px 0 7px 20px; vertical-align:top;}
#accountcheck table tr.first-child th,
#accountcheck table tr.first-child td{ border-top:none;}
#accountcheck table br{ clear:both;}  
#accountcheck table .input_radio{ margin:0 -1px 0 -4px; position:relative; top:-1px;}
