/*Layer_task----------------------------------------------------*/ #layer_task_done { width: 500px; position: absolute; } #layer_task_register_done { width: 500px; position: absolute; } #layer_task_edit_done { width: 500px; position: absolute; } #layer_task_delete { width: 500px; position: absolute; } #layer_task_delete_done { width: 500px; position: absolute; } #layer_task_done_question { width: 500px; position: absolute; } #layer_task_cancel { width: 500px; position: absolute; } #layer_task_cancel_done { width: 500px; position: absolute; } #layer_report_cancel { width: 500px; position: absolute; } #layer_report_cancel_done { width: 500px; position: absolute; } #layer_task_return { width: 500px; position: absolute; } #layer_task_return_done { width: 500px; position: absolute; } #layer_report_return { width: 500px; position: absolute; } #layer_report_return_done { width: 500px; position: absolute; } #layer_task_hold { width: 500px; position: absolute; } #layer_task_ing { width: 500px; position: absolute; } #layer_task_ing2 { width: 500px; position: absolute; } div.msg_layer { width: 520px; background: url(../images/layer/bg_msg_layer.gif) no-repeat top; } div.msg_layer_action { width: 520px; height:49px; background: url(../images/layer/bg_msg_layer_bottom.gif) no-repeat bottom; } div.msg_layer div.title { margin: 0px 5px; background: url(../images/layer/layer_hr.gif) no-repeat center bottom; } div.msg_layer div.title a.close { float: right; width: 12px; height: 11px; background: url(../images/layer/icon_close.gif) no-repeat; text-indent: -3000px; margin: 15px 10px 0 0 ; } div.msg_layer div.title p { margin-left: 130px; padding: 28px 0 30px 50px; font-weight: bold; font-size: 16px; color: #000; } div.msg_layer div.title p.confirm { background: url(../images/layer/icon_confirm.gif) no-repeat left 20px; } div.msg_layer div.title p.question { background: url(../images/layer/icon_question.gif) no-repeat left 20px; } #layer_demo_noti { width: 400px; position: absolute; } #layer_invitation_noti { width: 430px; position: absolute; z-index: 2; } /* old */ div.msg_layer div.message { padding: 20px 30px 20px 50px; } div.msg_layer div.message p.text { margin-top: 7px; color: #3876B3; font-weight: bold; padding-left: 7px; background: url(../images/bul_03.gif) no-repeat left 5px; } div.msg_layer div.message p.text span { color: #000; } div.msg_layer div.message p.text span.reporter { color: #666; font-weight: normal; } div.msg_layer div.message p.text input.text { width: 350px; } #layer_task_ing div.message div.charge_set { margin-top: 7px; margin-left: 60px; } #layer_task_ing div.message div.charge_set select.charge { width: 130px; } #layer_task_ing div.message div.date_set { margin-top: 7px; margin-left: 45px; } #layer_task_ing div.message div.date_set select.select1 { width: 130px; } #layer_task_ing div.message p.text span.label { float:left; } div.msg_layer div.message p.add_comment { margin-top: 15px; margin-left: 2px; font-size: 11px; color: #030303; } div.poptype_z div.message {padding: 10px 40px;} div.poptype_z p.add_comment {padding: 0 40px;} div.poptype_z div.message p.text1 { clear:left; margin-top: 10px; color: #3876B3; font-weight: bold; padding-left: 7px; background: url(../images/bul_03.gif) no-repeat left 5px; float: left; } div.poptype_z div.message p.text { margin-top: 7px; color: #3876B3; height: 18px; font-weight: bold; padding-left: 7px; background: url(../images/bul_03.gif) no-repeat left 5px; } div.poptype_z div.message p.text span, div.poptype_z div.message p.text1 span { color: #000; } div.poptype_z div.message p.text span.reporter { color: #666; font-weight: normal; } div.poptype_z div.message p.text input.text { width: 340px; } div.poptype_z div.message p.add_comment { margin-top: 15px; margin-left: 2px; font-size: 11px; color: #030303; } div.poptype_z div.message p.normal_comment { text-align: center; margin-left: 2px; font-size: 14px; color: #030303; } div.poptype_z div.message p.special_comment { text-align: center; margin-left: 2px; font-size: 12px; color: #1f5cd4;} special_comment div.msg_layer_action a { float: left; height: 24px; margin-top: 10px; text-indent: -3000px; } div.msg_layer_action a.ok { margin-left: 225px; width: 65px; background: url(../images/task/new_btn04.gif); text-indent: -3000px; } div.msg_layer_action a.yes { margin-left: 195px; width: 65px; background: url(../images/task/new_btn05.gif); } div.msg_layer_action a.no { margin-left: 8px; width: 65px; background: url(../images/task/new_btn06.gif); } /*layer : address------------------------------*/ div.form_layer { width: 610px; height: 100%; background: url(../images/address/a_layer_top.gif) no-repeat; } div.form_layer_action { height: 48px; background: url(../images/address/a_layer_bottom.gif) no-repeat; } div.form_layer div.top { height: 45px; padding-top: 16px; } div.form_layer div.top h3.title { float: left; display: inline; text-indent: -3000px; margin-left: 70px; } div.form_layer div.top a.close { float: right; width: 12px; height: 11px; background: url(../images/layer/icon_close.gif) no-repeat; text-indent: -3000px; margin-right: 15px; } div.form_layer div.body { padding-bottom: 20px; } div.form_layer_action a { float: left; height: 24px; margin-top: 10px; text-indent: -3000px; } div.form_layer_action input { float: left; height: 24px; margin-top: 10px; text-indent: -3000px; } div.form input.data { border: 0px; background: url(../images/line_input.gif) repeat-x left bottom; color: #666; } /*form_layer:address_register........................*/ #layer_address_register { position: absolute; width: 610px; } #layer_address_register div.form_layer { background: url(../images/address/a_layer_top.gif) no-repeat left top; padding-bottom: 5px; } #layer_address_register div.form_layer div.top h3.title { width: 71px; height: 40px; background: url(../images/address/layer_title02.gif) no-repeat 0 0; } #layer_address_register div.form_layer_action input.register { border: none; width: 196px ; height: 24px; margin-left: 208px; background: url(../images/address/btn04.gif ) no-repeat 0 0; cursor: pointer; } #layer_address_register div.form_layer div.form { } #layer_address_register div.form_layer div.form th.title { font-weight: bold; height: 22px; } #layer_address_register div.form_layer div.form th.title_top { padding-top:5px; vertical-align: top; } #layer_address_register div.form_layer div.form th.title span.essential { font-weight: normal; font-size: 11px; color: #FF6600; } #layer_address_register div.form_layer div.form table.normal_info { float: left; display: inline; margin-left: 30px; width: 243px; } #layer_address_register div.form_layer div.form table.detail_info { width: 330px; } #layer_address_register div.form_layer div.form table.normal_info td input.data { width: 150px; } #layer_address_register div.form_layer div.form table.detail_info td input.data { width: 240px; } #layer_address_register div.form_layer div.form table.detail_info div.portrait { float: left; } #layer_address_register div.form_layer div.form table.detail_info div.filewrap { margin:0; } #layer_address_register div.form_layer div.form table.detail_info div.new { float: left; margin-left: 5px; margin-top: 45px; } #layer_address_register div.form_layer div.form table.detail_info div.modify { float: left; margin-left: 5px; margin-top: 45px; } #layer_address_register div.form_layer div.form table.detail_info div.new label.cabinet { display: block; width: 55px; height:19px; background: url(../images/address/btn05.gif); } #layer_address_register div.form_layer div.form table.detail_info div.modify label.cabinet { float: left; width: 26px; height:19px; background: url(../images/address/btn_14.gif); } #layer_address_register div.form_layer div.form table.detail_info a.photo_delete { display: block; text-indent: -3000px; width:26px; height: 19px; margin-left: 30px; background: url(../images/address/btn_15.gif); } #layer_address_crop {width: 610px; position: absolute;} #layer_address_crop div.form_layer {width: 610px; height: 100%; background: url(../images/layer/a_layer_top_modal.gif) no-repeat;} #layer_address_crop div.form_layer_action {height: 48px; background: url(../images/layer/a_layer_bottom_modal.gif) no-repeat;} #layer_address_crop div.form_layer div.top h3.title {width: 72px; background: url(../images/address/layer_title01.gif) no-repeat;} #layer_address_crop div.form_layer div.body {text-align: center; position: relative;} #layer_address_crop div.form_layer_action a.btn_crop {margin-left: 170px; width: 196px; background: url(../images/address/btn_09.gif) no-repeat;} #layer_address_crop div.form_layer_action a.btn_cancel {margin-left: 8px; width: 65px; background: url(../images/address/btn_10.gif) no-repeat;} /* Layer_address : crop .new 2008/11/21.........................*/ #layer_image_crop {width: 610px; position: absolute;} #layer_image_crop input.pop_register {margin-left:170px; width:196px; background:transparent url(../images/address/btn_09.gif) no-repeat;} #layer_address_crop a.btn_cancel {margin-left:8px; width:65px; background:transparent url(../images/address/btn_10.gif) no-repeat;} /* Layer : management ------------------------------------------------------------------*/ div.layer_management_top { width: 405px; height: 100%; padding-bottom: 15px; background: url(../images/management/layer_bg_top.gif) no-repeat; } div.layer_management_action { height: 48px; background: url(../images/management/layer_bg_bottom.gif) no-repeat left top; } div.layer_management_top div.title { position: relative; height: 30px; padding-top: 20px; } div.layer_management_top div.title h2 { margin-left: 60px; text-indent: -3000px; } div.layer_management_top div.title a.close { position: absolute; display: block; top: 15px; right: 15px; width: 12px; height: 11px; text-indent: -3000px; background: url(../images/management/layer_close.gif) no-repeat left top; } div.layer_management_top div.form { } div.layer_management_top div.form div.layer_notice { margin-left: 13px; } div.layer_management_top div.form div.layer_notice div.notice_top { white-space: normal; padding: 10px 28px 5px 15px; height: 100%; background: url(../images/management/layer_box_top.gif) no-repeat; } div.layer_management_top div.form div.layer_notice div.notice_bottom { height: 6px; background: url(../images/management/layer_box_bottom.gif) no-repeat; } div.layer_management_top div.form div.layer_notice div.notice_top p { color: #3366cc; font-weight: bold; } table.layer_management_buy { width: 360px; margin-top: 15px; margin-left: 20px; } table.layer_management_buy td { width : 33%; font-weight: bold; } table.layer_management_buy td span.cash { font-size: 11px; font-weight: normal; color: #9e9e9e; } table.layer_management_buy td input.radio { padding-top: 5px; } div.layer_management_action a { float: left; margin-top: 10px; text-indent: -3000px; width: 71px; height:24px; } /*--layer 01---------------------*/ #layer_management_sizeinfo div.layer_management_top div.title h2 { background: url(../images/management/layer_title01.gif) no-repeat; } #layer_management_sizeinfo div.layer_management_top div.form table.layer_size { margin-left: 25px; margin-top: 15px; } #layer_management_sizeinfo div.layer_management_top div.form table.layer_size th { width: 75px; height: 20px; font-weight: bold; padding-left: 8px; background: url(../images/management/bul_02.gif) no-repeat 0 7px; } #layer_management_sizeinfo div.layer_management_top div.form table.layer_size td { width: 128px; font-size: 11px; color: #ff6622; } #layer_management_sizeinfo div.layer_management_top div.graph p { margin-left: 30px; color: #3366cc; font-size: 11px; } #layer_management_sizeinfo div.layer_management_action a.btn_close { margin-left: 172px; background: url(../images/management/layer_btn_close.gif) no-repeat; } /*--layer 02........................*/ #layer_management_membership_url div.layer_management_top div.title h3 { background: url(../images/management/layer_title_man_02.gif) no-repeat; } #layer_management_membership_url div.layer_management_top div.form table.layer_url { margin-left: 25px; margin-top: 15px; } #layer_management_membership_url div.layer_management_top div.form table.layer_url th { width: 60px; height: 20px; font-weight: bold; padding-left: 8px; background: url(../images/management/bul_02.gif) no-repeat 0 7px; } #layer_management_membership_url div.layer_management_top div.form table.layer_url td { width: 290px; font-size: 11px; color: #9e9e9e; } #layer_management_membership_url div.layer_management_top div.form table.layer_url td input.url { width: 110px; border: 1px solid #d9d9d9; color: #9e9e9e; font-size: 11px; } #layer_management_membership_url div.layer_management_top div.form table.layer_url td input.double_check { width: 60px; height: 22px; text-indent: -3000px; background: url(../images/management/btn_double.gif) no-repeat 2px 2px; border: none; } #layer_management_membership_url div.layer_management_action a.btn_change { margin-left: 137px; background: url(../images/management/layer_btn_change.gif) no-repeat; } #layer_management_membership_url div.layer_management_action a.btn_cancel { margin-left: 5px; background: url(../images/management/layer_btn_cancel.gif) no-repeat; } /*--layer 03........................*/ #layer_management_buy_sms div.layer_management_top div.title h3 { background: url(../images/management/layer_title_man03.gif) no-repeat; } #layer_management_buy_sms div.layer_management_top div.form div.layer_management_buy { } #layer_management_buy_sms div.layer_management_action a.btn_buy { margin-left: 137px; background: url(../images/management/layer_btn_buy.gif) no-repeat; } #layer_management_buy_sms div.layer_management_bottom a.btn_cancel { margin-left: 5px; background: url(../images/management/layer_btn_cancel.gif) no-repeat; } /*--layer 04........................*/ #layer_management_buy_size div.layer_management_top div.title h3 { background: url(../images/management/layer_title_man04.gif) no-repeat; } #layer_management_buy_size div.layer_management_action a.btn_buy { margin-left: 137px; background: url(../images/management/layer_btn_buy.gif) no-repeat; } #layer_management_buy_size div.layer_management_action a.btn_cancel { margin-left: 5px; background: url(../images/management/layer_btn_cancel.gif) no-repeat; } /*Layer: file ---------------------------------------------------*/ /*layer_file_detail......................................*/ #layer_file_detail { position: absolute; width: 610px; } #layer_file_detail div.form_layer { background: url(../images/layer/a_layer_top.gif) no-repeat left top; padding-bottom: 5px; } #layer_file_detail div.form_layer div.top h3.title { width: 85px; height: 18px; background: url(../images/layer/layer_title_file01.gif) no-repeat 0 0; } #layer_file_detail div.form_layer_action input.close { border: none; width: 65px ; height: 24px; margin-left: 270px; background: url(../images/layer/layer_btn_close2.gif) no-repeat 0 0; } #layer_file_detail div.form_layer_action a.close { display: block; width: 65px ; height: 24px; margin-left: 270px; background: url(../images/layer/layer_btn_close2.gif) no-repeat 0 0; } #layer_file_detail div.form_layer div.top { width: 610px; height: 100%; background: url(../images/address/a_layer_top.gif) no-repeat; } div.layer_file_detail { position: absolute; width: 610px; } div.layer_file_detail div.form_layer { background: url(../images/layer/a_layer_top.gif) no-repeat left top; padding-bottom: 5px; } div.layer_file_detail div.form_layer div.top h3.title { width: 85px; height: 18px; background: url(../images/layer/layer_title_file01.gif) no-repeat 0 0; } div.layer_file_detail div.form_layer_action input.close { border: none; width: 65px ; height: 24px; margin-left: 270px; background: url(../images/layer/layer_btn_close2.gif) no-repeat 0 0; } div.layer_file_detail div.form_layer_action a.close { display: inline; width: 65px ; height: 24px; margin-left: 270px; background: url(../images/layer/layer_btn_close2.gif) no-repeat 0 0; } div.layer_file_detail div.form_layer div.top { } img.original_image { cursor: crosshair; opacity: .3; filter: alpha(opacity=30); } div.selection_region { position: absolute; cursor: crosshair; overflow: hidden; -moz-box-sizing: border-box; } img.offset_image { position: relative; } /*Layer: report ---------------------------------------------------*/ div.layer_report_top { width: 405px; padding-bottom: 15px; background: url(../images/layer/layer_bg_top.gif) no-repeat; } div.layer_report_action { width: 405px; height: 48px; background: url(../images/layer/layer_bg_bottom.gif) no-repeat left top; } div.layer_report_top div.title { position: relative; height: 30px; padding-top: 20px; } div.layer_report_top div.title h2 { margin-left: 60px; text-indent: -3000px; } div.layer_report_top div.title a.close { position: absolute; display: block; top: 15px; right: 15px; width: 12px; height: 11px; text-indent: -3000px; background: url(../images/layer/layer_close.gif) no-repeat left top; } div.layer_report_top div.form { margin: 10px 30px 0px 30px; overflow-x: hidden; overflow-y: auto; height: 165px; } div.layer_report_action a { float: left; margin-top: 10px; text-indent: -3000px; width: 65px; height:24px; } /*layer_reporter_edit : dde : 2008.09.04-----------*/ #layer_reporter_edit {position: absolute; width: 200px;} #layer_reporter_edit div.form {width: 165px; padding-left:18px; color: #606060; height: 98px; min-height: 98px; _height: 100px; overflow-y: auto;} #layer_reporter_edit div.form label {display:block;} #layer_reporter_edit div.form label.charge_all, #layer_reporter_edit div.form label.charge_me { font-weight: bold;} /*--must delete: layer 01 : 2008.09.04---------------------*/ #layer_report_edit { position: absolute; } #layer_report_edit div.layer_report_top div.title h2 { background: url(../images/layer/layer_title_report01.gif) no-repeat; } #layer_report_edit div.layer_report_action a.btn_ok { margin-left: 145px; background: url(../images/layer/btn_11.gif) no-repeat; } #layer_report_edit div.layer_report_action a.btn_cancel { margin-left: 5px; background: url(../images/layer/btn_10.gif) no-repeat; } #layer_report_edit div.form label { height: 24px; } #layer_report_edit div.form label.charge_all { display: block; font-weight: bold; } #layer_report_edit div.form label.charge_me { float: left; font-weight: bold; width: 31%; } #layer_report_edit div.form label.charge { float: left; width: 31%; } #layer_report_edit div.form label input { margin-right: 3px; } /*--layer bbs---------------------*/ #layer_bbs_mail { position: absolute; } #layer_bbs_mail div.page_nav_wrap { margin-top: 5px; height: 25px; } div.layer_bbs_top { width: 490px; height: 300px; padding-bottom: 15px; background: url(../images/layer/layer_top_490.gif) no-repeat; } div.layer_bbs_action { width: 490px; height: 48px; background: url(../images/layer/layer_bottom_490.gif) no-repeat left top; } div.layer_bbs_top div.title { position: relative; height: 30px; padding-top: 20px; } div.layer_bbs_top div.title h2 { margin-left: 60px; text-indent: -3000px; } div.layer_bbs_top div.title a.close { position: absolute; display: block; top: 15px; right: 15px; width: 12px; height: 11px; text-indent: -3000px; background: url(../images/layer/layer_close.gif) no-repeat left top; } div.layer_bbs_top div.form { margin: 0px 20px 0px 20px; height: 165px; } div.layer_bbs_top div.form div.layer_noti { color:#ad9683; font-size: 11px; letter-spacing: -1px; margin-left: 10px; } div.layer_bbs_top div.form div.layer_noti p.noti a { margin-left: 2px; } div.layer_bbs_top div.form div.layer_register { margin-top: 5px; width: 450px; height: 50px; background: url(../images/layer/bg_noti.gif) no-repeat; } div.layer_bbs_top div.form div.layer_register input { float: left; margin-top: 10px; } div.layer_bbs_top div.form div.layer_register input.name { margin-left: 10px; width: 150px; } div.layer_bbs_top div.form div.layer_register input.email { margin-left: 5px; width: 235px; } div.layer_bbs_top div.form div.layer_register a.btn_register { float: right; display: inline; margin-right:10px; margin-top: 10px; width: 27px; height: 19px; text-indent: -3000px; background: url(../images/layer/btn_register.gif) no-repeat; } div.layer_bbs_top div.form div.receiver_list { } div.layer_bbs_top div.form div.receiver_list h3 { float: left; color:#333; font-weight: bold; font-size: 11px; padding-left: 8px; padding-top: 3px; background: url(../images/layer/bul_01.gif) no-repeat left 5px; } div.layer_bbs_top div.form div.receiver_list p.sort_type { float: right; margin-right: 2px; display: inline; font-size: 11px; color: #4c4c4c; letter-spacing: -1px; } div.layer_bbs_top div.form div.receiver_list p.sort_type label.time { } div.layer_bbs_top div.form div.receiver_list table.layer_list { clear: left; margin-top: 3px; } div.layer_bbs_top div.form div.receiver_list table.layer_list { font-size: 11px; width: 100%; border-collapse : collapse; } div.layer_bbs_top div.form div.receiver_list table.layer_list th { color: #797979; text-align: center; padding-top: 2px; height: 29px; } div.layer_bbs_top div.form div.receiver_list table.layer_list th.admin { width: 26px; text-align: center; background: url(../images/layer/bg_th.gif) repeat-x left top; } div.layer_bbs_top div.form div.receiver_list table.layer_list th.receiver { width: 90px; background: url(../images/layer/bg_th_bar2.gif) no-repeat right top; } div.layer_bbs_top div.form div.receiver_list table.layer_list th.email { background: url(../images/layer/bg_th_bar2.gif) no-repeat right top; } div.layer_bbs_top div.form div.receiver_list table.layer_list th.register { width: 125px; background: url(../images/layer/bg_th.gif) repeat-x left top; } div.layer_bbs_top div.form div.receiver_list table.layer_list td { height: 20px; border-bottom: 1px solid #ebebeb; } div.layer_bbs_top div.form div.receiver_list table.layer_list td.admin { text-align: center; } div.layer_bbs_top div.form div.receiver_list table.layer_list td.name { color:#3366cc; text-align: left; padding-left: 3px; letter-spacing : -1px; } div.layer_bbs_top div.form div.receiver_list table.layer_list td.email { color: #929292; padding-left: 10px; } div.layer_bbs_top div.form div.receiver_list table.layer_list td.register { letter-spacing : -1px; color: #929292; padding-left: 10px; } div.layer_bbs_top div.form div.receiver_list table.layer_list td.register span.date { font-size: 10px; color:#b6b6b6; } div.layer_bbs_top div.form div.receiver_list table.layer_list tr.wrong td.email { text-decoration :line-through; } div.layer_bbs_top div.form a.delete { float: left; width: 26px; height: 19px; margin-top: 5px; text-indent: -3000px; background: url(../images/layer/btn_del.gif) no-repeat; } div.layer_bbs_top div.form div.layer_nav { margin-top: 1px; text-align: center; } div.layer_bbs_top div.form div.layer_nav span.current { font-weight: bold; color: #F38871; font-size: 14px; } div.layer_bbs_top div.form p.description { float: right; margin-top: -25px; } div.layer_bbs_top div.form p.description span { padding-left: 15px; color:#929292; font-size: 11px; letter-spacing: -1px; } div.layer_bbs_top div.form p.description span.wrong { background: url(../images/icon_wrong.gif) no-repeat; } div.layer_bbs_top div.form p.description span.reject { margin-left: 3px; background: url(../images/icon_reject.gif) no-repeat; } div.layer_bbs_action a { float: left; margin-top: 10px; text-indent: -3000px; width: 65px; height:24px; } #layer_bbs_mail div.layer_bbs_top div.title h2 { background: url(../images/layer/layer_title_bbs01.gif) no-repeat; } #layer_bbs_mail div.layer_bbs_action a.btn_close { margin-left: 212px; background: url(../images/layer/layer_btn_close2.gif) no-repeat; } /* mlayer : edit-------------------------------------------------------------------------*/ #mlayer_edit_manager { position: absolute; top: 400px; left: 500px; width: 122px; } div.mlayer_top { height: 150px; background: url(../images/layer/mlayer_top2.gif) no-repeat left top; } ul.mlayer_body { clear: left; width: 98px; height: 90px; overflow-y : auto; /* min-height: 90px; */ padding: 3px 8px 10px 8px; /* background: url(../images/layer/mlayer_body2.gif) repeat-y ;*/ scrollbar-3dlight-color:#E8E8E8; scrollbar-arrow-color:#7D7D7D; scrollbar-track-color:#FAFAFA; scrollbar-darkshadow-color:#D0DAE3; scrollbar-face-color:#F4F4F4; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#DCDCDC; } div.mlayer_bottom { height: 27px; background: url(../images/layer/mlayer_bottom.gif) no-repeat left bottom; } div.mlayer_top p.title { float: left; display: inline; height: 25px; color: #fff; font-size: 11px; font-weight: bold; padding-top: 12px; margin-left: 10px; } div.mlayer_top a.close { float: right; width: 10px; height: 9px; text-indent: -3000px; margin-top: 13px; margin-right: 7px; background: url(../images/layer/btn_close_mlayer.gif) no-repeat; } ul.mlayer_body li { font-size: 11px; color: #666; height: 16px; margin-bottom: 4px; } ul.mlayer_body li input { margin-right: 3px; #margin: -4px 0px -3px 0px; } div.mlayer_bottom a.save { float: right; margin-right: 6px; margin-top: 3px; display: inline; text-indent:-3000px; width: 26px; height: 19px; background: url(../images/btn_save.gif) no-repeat; } /* mlayer: bbs--------------------------*/ #mlayer_preview { position: absolute; top: 310px; left: 300px; width: 300px; border: 3px solid #aac3ec; background: #fff; padding: 8px; } #mlayer_preview p.preview{ color:#777777; font-size: 11px; } /* Layer style */ /* poptype-A */ div.popa_top { height:40px; background:url(../images/layer/popa_tl.gif) no-repeat left; } div.popa_top_l { float:left; height:40px; } div.popa_top_r { float:right; width:30px; height:40px; background: url(../images/layer/popa_tr.gif) no-repeat right;} div.popa_body { background: #fff url(../images/layer/popa_bl.gif) repeat-y left; } div.popa_content { padding: 10px 0; background: url(../images/layer/popa_br.gif) repeat-y right;} div.popa_bottom { height:45px; background: url(../images/layer/popa_fr.gif) no-repeat right bottom; } div.popa_bottom_l { float: left; width:30px; height:45px; background: url(../images/layer/popa_fl.gif) no-repeat left bottom; } div.popa_bottom_r { float: right; height: 45px; } /* poptype-B */ div.popb_top { height:28px; background: url(../images/layer/popb_tl.gif) no-repeat left top; } div.popb_top_l { float:left; height:28x; } div.popb_top_r { float:right; width:25px; height:28px; background: url(../images/layer/popb_tr.gif) no-repeat right;} div.popb_body { background: #fff url(../images/layer/popb_bl.gif) repeat-y left; } div.popb_content { padding: 5px 0px; background: url(../images/layer/popb_br.gif) repeat-y right;} div.popb_bottom { height:41px; background: url(../images/layer/popb_fr.gif) no-repeat right bottom; } div.popb_bottom_l { float: left; width:25px; height:41px; background: url(../images/layer/popb_fl.gif) no-repeat left bottom; } div.popb_bottom_r { float: right; height: 41px; } /* poptype-C */ div.popc_top { height:27px; background:url(../images/layer/popc_tl.gif) no-repeat left; } div.popc_top_l { float:left; height:27px; } div.popc_top_r { float:right; width:25px; height:27px; background: url(../images/layer/popc_tr.gif) no-repeat right;} div.popc_body { background: #fff url(../images/layer/popc_bl.gif) repeat-y left; } div.popc_content { padding: 10px 15px; background: url(../images/layer/popc_br.gif) repeat-y right;} div.popc_bottom { height:12px; background: url(../images/layer/popc_fr.gif) no-repeat right bottom; font-size: 1px;} div.popc_bottom_l { float: left; width:15px; height:12px; background: url(../images/layer/popc_fl.gif) no-repeat left bottom; font-size: 1px;} /* poptype-Z */ div.popz_top { height:75px; background:url(../images/layer/popz_tl.gif) no-repeat left; } div.popz_top_l { float:left; height:75px; } div.popz_top_r { float:right; width:30px; height:75px; background: url(../images/layer/popz_tr.gif) no-repeat right;} div.popz_body { background: #fff url(../images/layer/popz_bl.gif) repeat-y left; } div.popz_content { padding: 10px 15px; background: url(../images/layer/popz_br.gif) repeat-y right;} div.popz_bottom { height:45px; background: url(../images/layer/popz_fr.gif) no-repeat right bottom; } div.popz_bottom_l { float: left; width:30px; height:45px; background: url(../images/layer/popz_fl.gif) no-repeat left bottom; } div.popz_bottom_r { float: right; height: 45px; } /* poptype-S */ div.pops_top { height:11px; background:url(../images/layer/pops_tl.gif) no-repeat left; font-size:5px; } div.pops_top_r { float:right; width:25px; height:11px; background: url(../images/layer/pops_tr.gif) no-repeat right;} div.pops_body { background: #fff url(../images/layer/pops_bl.gif) repeat-y left; } div.pops_content { padding: 5px 0px; background: url(../images/layer/pops_br.gif) repeat-y right;} div.pops_bottom { height:39px; background: url(../images/layer/pops_fr.gif) no-repeat right bottom; } div.pops_bottom_l { float: left; width:25px; height:39px; background: url(../images/layer/pops_fl.gif) no-repeat left bottom; } div.pops_bottom_r { float: right; height: 39px; } /* poptype-T */ div.popt_top { height:11px; background:url(../images/layer/popt_tl.gif) no-repeat left; font-size: 1px;} div.popt_top_r { float:right; width:25px; height:11px; background: url(../images/layer/popt_tr.gif) no-repeat right; font-size: 1px;} div.popt_body { background: #fff url(../images/layer/popt_bl.gif) repeat-y left; } div.popt_content { padding: 5px 0px; background: url(../images/layer/popt_br.gif) repeat-y right;} div.popt_bottom { height:11px; background: url(../images/layer/popt_fr.gif) no-repeat right bottom; font-size: 1px; } div.popt_bottom_l { float: left; width:25px; height:11px; background: url(../images/layer/popt_fl.gif) no-repeat left bottom; font-size: 1px;} div.popa_top_l h4 { margin: 13px 0 0 15px; font-size: 14px; color: black; } div.popb_top_l h4, div.popc_top_l h4 { margin: 7px 0 0 10px; font-size: 11px; color: black; } div.pophelp_top_l h4 { margin: 7px 0 0 10px; font-size: 11px; color: white; font-weight: normal; padding-left: 15px; background: url(../images/layer/help_version.gif) no-repeat; } div.popb_top_l p { margin: 7px 0 0 10px; text-align: right; font-size: 11px; color: #6084C2; } div.popz_top_l p { float: left; display: inline; font-size: 16px; font-weight: bold; text-align: center; margin-left: 20px; padding: 23px 0 0 40px; height: 45px; } div.popz_top_l p.question { background: url(../images/layer/popz_img1.gif) no-repeat left 20px; } div.popz_top_l p.alert { background: url(../images/layer/popz_img2.gif) no-repeat left 20px; } a.pop_x { float:right; display:inline; margin: 9px 10px 0 0; width:10px; height:9px; text-indent:-3000px; background: url(../images/layer/btn_pop_close.gif) no-repeat; } a.pophelp_x { float:right; display:inline; margin: 9px 8px 0 0; width:10px; height:9px; text-indent:-3000px; background: url(../images/layer/btn_close.gif) no-repeat; } div.popa_bottom_r a, div.popb_bottom_r a, div.pops_bottom_r a, div.popz_bottom_r a { margin-top: 9px; float: left; display: inline; width:42px; height:24px; text-indent:-3000px; } div.popa_bottom_r a, div.popz_bottom_r a { margin-right: 11px; margin-left: 4px;} div.popb_bottom_r a, div.pops_bottom_r a { margin-right: 7px; margin-left: 4px;} div.popa_bottom_r input, div.popb_bottom_r input, div.pops_bottom_r input, div.popz_bottom_r input { margin: 9px 0 0 5px; float: left; display: inline; width:42px; height:24px; text-indent: -3000px; border: none; cursor: pointer; } a.pop_ok { background: url(../images/layer/btn_pop_ok.gif) no-repeat; } a.pop_cancel { background: url(../images/layer/btn_pop_cancel.gif) no-repeat; } a.pop_update { background: url(../images/layer/btn_pop_update.gif) no-repeat; } a.pop_register { background: url(../images/layer/btn_pop_register.gif) no-repeat; } a.pop_delete { background: url(../images/layer/btn_pop_delete.gif) no-repeat; } a.pop_quit { background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_close { background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_save { background: url(../images/layer/btn_pop_save.gif) no-repeat; } input.pop_ok { background: url(../images/layer/btn_pop_ok.gif) no-repeat; } input.pop_update { background: url(../images/layer/btn_pop_update.gif) no-repeat; } input.pop_register { background: url(../images/layer/btn_pop_register.gif) no-repeat; } input.pop_delete { background: url(../images/layer/btn_pop_delete.gif) no-repeat; } input.pop_save { background: url(../images/layer/btn_pop_save.gif) no-repeat; } #demo_alert {position: absolute;width:300px;} #demo_alert p.alert { margin-left: 50px;} #demo_alert p.alert_msg { margin: 5px 15px; line-height: 15px; text-align: center; color: #535353; } /* name UI --------------------------------------------------------------------*/ #layer_name { width: 90px; position: absolute; z-index: 30; } div.popname_top { background: url(../images/layer/layer_name_bg_t.gif) no-repeat; } div.popname_bottom { height: 5px; background: url(../images/layer/layer_name_bg_f.gif) no-repeat; } div.popname_top div.menu_list { padding: 13px 0 0 20px; } div.popname_top div.menu_list div.msg { height: 17px; } div.popname_top div.msg a { float: left; display: inline; font-size: 11px; font-weight: bold; line-height: 150%; } div.popname_top div.msg p { float: left; display: inline; width: 8px; text-align: center; margin-top: -1px; color: #5E5E5E; } div.popname_top div.info a { display: block; font-size: 11px; font-weight: bold; line-height: 150%; } div.popname_top a:hover { } div.popname_top a.menu2 { display: block; border: 1px solid; } #layer_grouping {position: absolute; width: 200px; z-index: 40; } #layer_grouping h4 span {font-weight: normal; color: #777;} #layer_grouping ul {width: 180px; overflow-y:scroll;} #layer_grouping ul.all {height:172px} #layer_grouping li {margin: 0 0 4px 20px; color:#222; #margin-bottom: 0px;} #layer_grouping li.major {font-weight:bold} #layer_grouping li input {margin-right:3px;} #layer_grouping a.more { display: block; margin: 5px 0 0 110px; padding-left: 15px; background:url(../images/bul_more.gif) no-repeat left 2px; font-weight: bold; color: #616161; font-size: 11px; text-decoration:underline; } #layer_grouping div.add_group{ margin: 7px 20px; padding-top:8px; border-top: 1px double #E3EBEE} #layer_grouping div.add_group label.name input{font-size:11px; height:14px; width:105px; border: 1px solid #D1D1D1; vertical-align: top;} #layer_grouping div.add_group input.register { text-indent: -3000px; width: 28px; height: 18px; border: none; vertical-align:middle; #margin-bottom:7px; cursor:pointer; background: url(../images/layer/btn_add.gif) no-repeat; } #layer_grouping div.poptype_b div.pop_bottom_r a, div.poptype_s div.pop_bottom_r a { margin-right: 7px; margin-left: 0px; margin-top: 9px;} #layer_file_grouping {position: absolute; width: 200px; z-index: 31; } #layer_file_grouping h4 span {font-weight: normal; color: #777;} #layer_file_grouping ul {width: 180px; overflow-y:scroll;} #layer_file_grouping ul.all {height:172px} #layer_file_grouping li {margin: 0 0 4px 20px; color:#222; #margin-bottom: 0px;} #layer_file_grouping li.major {font-weight:bold} #layer_file_grouping li input {margin-right:3px;} #layer_file_grouping a.more { display: block; margin: 5px 0 5px 110px; padding-left: 15px; background:url(../images/bul_more.gif) no-repeat left 2px; font-weight: bold; color: #616161; font-size: 11px; text-decoration:underline; } #layer_file_grouping div.add_group{margin: 0px 20px; border-top: 1px double #E3EBEE; padding-top: 5px;} #layer_file_grouping div.add_group label.name input{font-size:11px; height:14px; width:105px; border: 1px solid #D1D1D1;vertical-align:bottom;} #layer_file_grouping div.add_group input.register { text-indent: -3000px; width: 28px; height: 18px; border: none; vertical-align:middle; #margin-bottom:7px; cursor:pointer; background: url(../images/layer/btn_add.gif) no-repeat; } #layer_file_grouping div.add_group a.btn_form {vertical-align:bottom; #vertical-align:middle; margin-left: 8px;} #layer_file_grouping div.pop_bottom a.btn_layer{margin-top: 8px;} #layer_file_grouping div.poptype_b div.pop_bottom_r a, div.poptype_s div.pop_bottom_r a {margin-left: 0;} #layer_member {position: absolute; width: 165px; z-index: 31; } #layer_member ul.member_list { height:160px; overflow-y:scroll; width:150px;} #layer_member ul.member_list li { margin-bottom:3px; margin-left:18px;} #layer_member div.pop_bottom a.btn_layer{margin-top: 8px;} #layer_reference {position: absolute; width: 490px; z-index: 31} #layer_reference p.guide {font-size:11px; letter-spacing: -1px; margin: 5px 20px; } #layer_reference p.guide span {color:#3367CD} #layer_reference div.team, #layer_reference div.outside {margin: 0 20px; height:100%;} #layer_reference p.title { padding-top: 5px; color:#333333; font-size:11px; font-weight:bold; padding-left: 8px; background:url(../images/layer/bul_01.gif) no-repeat left 10px; } #layer_reference div.member_list {margin-top: 5px;} #layer_reference div.member_list label { float: left; font-size: 11px; color: #666; width: 25%; height: 20px;} #layer_reference div.member_list input { margin-right: 3px; } #layer_reference div.outside {clear: left; } #layer_reference div.outside p.title {padding-top: 10px;background:url(../images/layer/bul_01.gif) no-repeat left 15px;} #layer_reference div.outside div.register_box { margin-top: 5px; height: 40px; width: 450px; background: url(../images/layer/bg_noti.gif) no-repeat; } #layer_reference div.outside div.register_box input { margin-top: 10px; border: 1px solid #B3C2C9; font-size: 11px;} #layer_reference div.outside div.register_box label.name input { width: 120px; margin-left:15px;} #layer_reference div.outside div.register_box label.email input { width: 250px; margin-left: 5px;} #layer_reference div.outside div.register_box input.action { margin-left: 5px; width: 28px; height: 19px; text-indent: -3000px; border: none; background: url(../images/layer/btn_add.gif) no-repeat; } #layer_reference div.outside ul { } #layer_reference div.outside li {padding: 4px 0 2px 0; font-size:11px; border-bottom:1px solid #ededed;} #layer_reference div.outside li p.name {float: left; margin-left:15px; color:#3268CA} #layer_reference div.outside li p.email {margin-left: 150px; color:#929292} #layer_interest {position: absolute; width: 200px; z-index: 33; } #layer_interest p.guide {font-size: 11px; letter-spacing:-1px; margin:5px 20px; color:#666666;} #layer_interest ul {width: 180px; overflow-y:scroll;} #layer_interest li {margin: 0px 0 4px 20px; color:#222; #margin-bottom: 0px;} #layer_interest li input {margin-right:3px;} #layer_interest a.more { display: block; margin: 5px 0 0 110px; padding-left: 15px; background:url(../images/bul_more.gif) no-repeat left 2px; font-weight: bold; color: #616161; font-size: 11px; text-decoration:underline; } /* ------------------------------------------------------------------------- */ /* Layer type - new version : 2008.6.4. added by Silver Cheong */ /* ------------------------------------------------------------------------- */ div.pop_top_l, div.pop_bottom_l {float: left} div.pop_top_r, div.pop_bottom_r {float: right} /* poptype-A */ div.poptype_a div.pop_top { height:40px; background:url(../images/layer/popa_tl.gif) no-repeat left; } div.poptype_a div.pop_top_l {height:40px; } div.poptype_a div.pop_top_r {width:30px; height:40px; background: url(../images/layer/popa_tr.gif) no-repeat right;} div.poptype_a div.pop_body { background: #fff url(../images/layer/popa_bl.gif) repeat-y left; } div.poptype_a div.pop_content { padding: 10px 0px; background: url(../images/layer/popa_br.gif) repeat-y right;} div.poptype_a div.pop_bottom { height:45px; background: url(../images/layer/popa_fr.gif) no-repeat right bottom; } div.poptype_a div.pop_bottom_l {width:30px; height:45px; background: url(../images/layer/popa_fl.gif) no-repeat left bottom; } div.poptype_a div.pop_bottom_r {height: 45px;} /* poptype-B */ div.poptype_b div.pop_top {height:28px; background: url(../images/layer/popb_tl.gif) no-repeat left top; } div.poptype_b div.pop_top_l {height:28x; } div.poptype_b div.pop_top_r {width:25px; height:28px; background: url(../images/layer/popb_tr.gif) no-repeat right;} div.poptype_b div.pop_body { background: #fff url(../images/layer/popb_bl.gif) repeat-y left; } div.poptype_b div.pop_content { padding: 5px 0px; background: url(../images/layer/popb_br.gif) repeat-y right;} div.poptype_b div.pop_bottom { height:41px; background: url(../images/layer/popb_fr.gif) no-repeat right bottom; } div.poptype_b div.pop_bottom_l {width:25px; height:41px; background: url(../images/layer/popb_fl.gif) no-repeat left bottom; } div.poptype_b div.pop_bottom_r {height: 41px; } /* poptype-C */ div.poptype_c div.pop_top { height:27px; background:url(../images/layer/popc_tl.gif) no-repeat left; } div.poptype_c div.pop_top_l {height:27px; } div.poptype_c div.pop_top_r {width:25px; height:27px; background: url(../images/layer/popc_tr.gif) no-repeat right;} div.poptype_c div.pop_body { background: #fff url(../images/layer/popc_bl.gif) repeat-y left; } div.poptype_c div.pop_content { padding: 10px 0px; background: url(../images/layer/popc_br.gif) repeat-y right;} div.poptype_c div.pop_bottom { height:12px; background: url(../images/layer/popc_fr.gif) no-repeat right bottom; font-size: 1px;} div.poptype_c div.pop_bottom_l { width:15px; height:12px; background: url(../images/layer/popc_fl.gif) no-repeat left bottom; font-size: 1px;} div.poptype_c div.pop_bottom_r {display:none} /* poptype-Alert */ div.poptype_z div.pop_top { height:75px; background:url(../images/layer/popz_tl.gif) no-repeat left; } div.poptype_z div.pop_top_l { float:left; height:75px; } div.poptype_z div.pop_top_r { float:right; width:30px; height:75px; background: url(../images/layer/popz_tr.gif) no-repeat right;} div.poptype_z div.pop_body { background: #fff url(../images/layer/popz_bl.gif) repeat-y left; } div.poptype_z div.pop_content { padding: 10px 0px; background: url(../images/layer/popz_br.gif) repeat-y right;} div.poptype_z div.pop_bottom { height:45px; background: url(../images/layer/popz_fr.gif) no-repeat right bottom; } div.poptype_z div.pop_bottom_l { width:30px; height:45px; background: url(../images/layer/popz_fl.gif) no-repeat left bottom; } div.poptype_z div.pop_bottom_r { height: 45px; } /* poptype-S */ div.poptype_s div.pop_top { height:11px; background:url(../images/layer/pops_tl.gif) no-repeat left; font-size:5px; } div.poptype_s div.pop_top_l {display:none} div.poptype_s div.pop_top_r {width:25px; height:11px; background: url(../images/layer/pops_tr.gif) no-repeat right;} div.poptype_s div.pop_body { background: #fff url(../images/layer/pops_bl.gif) repeat-y left; } div.poptype_s div.pop_content { padding: 5px 0px; background: url(../images/layer/pops_br.gif) repeat-y right;} div.poptype_s div.pop_bottom { height:39px; background: url(../images/layer/pops_fr.gif) no-repeat right bottom; } div.poptype_s div.pop_bottom_l {width:25px; height:39px; background: url(../images/layer/pops_fl.gif) no-repeat left bottom; } div.poptype_s div.pop_bottom_r {height: 39px; } /* poptype-T */ div.poptype_t div.pop_top { height:11px; background:url(../images/layer/popt_tl.gif) no-repeat left; font-size: 1px;} div.poptype_t div.pop_top_l {display:none} div.poptype_t div.pop_top_r {width:25px; height:11px; background: url(../images/layer/popt_tr.gif) no-repeat right; font-size: 1px;} div.poptype_t div.pop_body {background: #fff url(../images/layer/popt_bl.gif) repeat-y left; } div.poptype_t div.pop_content { padding: 5px 0px; background: url(../images/layer/popt_br.gif) repeat-y right;} div.poptype_t div.pop_bottom { height:11px; background: url(../images/layer/popt_fr.gif) no-repeat right bottom; font-size: 1px; } div.poptype_t div.pop_bottom_l {width:25px; height:11px; background: url(../images/layer/popt_fl.gif) no-repeat left bottom; font-size: 1px;} div.poptype_t div.popt_bottom_r {display:none} /* poptype-M */ div.poptype_m div.pop_top {height:24px; background: url(../images/layer/popmemo_tl.gif) no-repeat left; font-size:1px;} div.poptype_m div.pop_top_l {height:24px;} div.poptype_m div.pop_top_r {width: 25px; height: 24px; background: url(../images/layer/popmemo_tr.gif) no-repeat right;} div.poptype_m div.pop_body {background: #fff url(../images/layer/popmemo_bl.gif) repeat-y left;} div.poptype_m div.pop_content {padding: 2px 0px 5px 0px; background: url(../images/layer/popmemo_br.gif) repeat-y right;} div.poptype_m div.pop_bottom {height:34px; background: url(../images/layer/popmemo_fr.gif) no-repeat right;} div.poptype_m div.pop_bottom_l {width:25px; height:34px; background: url(../images/layer/popmemo_fl.gif) no-repeat left;} div.poptype_m div.pop_bottom_r {height:34px;} /* poptype-HELP */ div.camp_zigi {position:absolute; width:250px; z-index: 50;} div.pophelp_top { height:29px; background:url(../images/layer/pophelp_tl.gif) no-repeat left; } div.pophelp_top_l { float:left; height:29px; } div.pophelp_top_r { float:right; width:78px; height:29px; background: url(../images/layer/pophelp_tr.gif) no-repeat right;} div.pophelp_body { background: #fff url(../images/layer/pophelp_bl.gif) repeat-y left top; } div.pophelp_content { padding: 2px 15px 5px 15px; background: url(../images/layer/pophelp_br.gif) repeat-y right top;} div.pophelp_bottom { height:38px; background: url(../images/layer/pophelp_fr.gif) no-repeat right top; } div.pophelp_bottom_l { float: left; width:25px; height:38px; background: url(../images/layer/pophelp_fl.gif) no-repeat left top; } div.pophelp_bottom_r { float: right; height: 38px; } div.help_arrow_left, div.help_arrow_right { width:30px; height:38px; margin-right: 45px; } div.help_arrow_left {background: url(../images/layer/pophelp_arrow2.gif) no-repeat;} div.help_arrow_right {background: url(../images/layer/pophelp_arrow1.gif) no-repeat;} div.camp_zigi p.zigi_p {margin-top:5px; font-size: 11px; letter-spacing:-1px; line-height:140%;} div.camp_zigi p.zigi_p strong {color: #f8602f; font-weight:normal;} div.poptype_a h4 {margin: 13px 0 0 15px; font-size: 14px; color: black;} div.poptype_a h4 a.help {margin-left: 2px} div.poptype_b h4, div.poptype_c h4 {margin: 7px 0 0 10px; font-size: 11px; color: black;} div.pophelp_top_l h4 { margin: 7px 0 0 10px; font-size: 11px; color: white; font-weight: normal; padding-left: 16px; background: url(../images/btn_help.gif) no-repeat; } #observer_list div.pophelp_top_l h4 { margin: 7px 0 0 10px; font-size: 11px; color: white; font-weight: normal; padding-left: 16px; background: url(../images/btn_help.gif) no-repeat; } div.poptype_b div.pop_top_l p { margin: 7px 0 0 10px; text-align: right; font-size: 11px; color: #6084C2; } div.poptype_m div.pop_top p { margin: 4px 0 0 10px; font-weight: bold; font-size: 11px; } div.poptype_z div.pop_top_l p { float: left; display: inline; font-size: 16px; font-weight: bold; text-align: center; margin-left: 30px; padding: 23px 0 0 40px; height: 45px; } div.poptype_z div.pop_top_l p.question { background: url(../images/layer/popz_img1.gif) no-repeat left 20px; } div.poptype_z div.pop_top_l p.alert { background: url(../images/layer/popz_img2.gif) no-repeat left 20px; } a.pop_x { float:right; display:inline; margin: 9px 10px 0 0; width:10px; height:9px; text-indent:-3000px; background: url(../images/layer/btn_pop_close.gif) no-repeat; } div.poptype_m a.pop_x { margin-top: 7px } a.pophelp_x { float:right; display:inline; margin: 9px 8px 0 0; width:10px; height:9px; text-indent:-3000px; background: url(../images/layer/btn_close.gif) no-repeat; } a.pop_ok {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_ok.gif) no-repeat} a.pop_cancel {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_cancel.gif) no-repeat; } a.pop_update {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_update.gif) no-repeat; } a.pop_register {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_register.gif) no-repeat; } a.pop_delete {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_delete.gif) no-repeat; } a.pop_quit {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_close {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_save {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_save.gif) no-repeat; } a.pop_no {margin-top:9px; float:left; display:inline; width:42px; height:24px; text-indent:-3000px; background: url(../images/layer/btn_pop_no.gif) no-repeat; } a.pop_login {margin-top:9px; float:left; display:inline; height:24px; text-indent:-3000px; width:67px;background: url(../images/layer/btn_pop_login.gif) no-repeat;} a.pop_member_join {margin-top:9px; float:left; display:inline; height:24px; text-indent:-3000px; width:67px;background: url(../images/layer/btn_pop_member_join.gif) no-repeat;} a.pop_close_2 {margin-top:9px; float:left; display:inline; height:24px; text-indent:-3000px; width:67px;background: url(../images/layer/btn_pop_close_2.gif) no-repeat;} /* div.pop_bottom_r a { margin-top: 9px; float: left; display: inline; width:42px; height:24px; text-indent:-3000px; } div.pop_bottom_r a.pop_login,div.pop_bottom_r a.pop_member_join, div.pop_bottom_r a.pop_close_2 { width:67px; } */ div.poptype_z div.pop_bottom_r a.pop_login, div.poptype_z div.pop_bottom_r a.pop_member_join {margin-right: 1px; margin-left: 4px;} div.poptype_z div.pop_bottom_r a.pop_close_2 {margin-right: 11px; margin-left: 4px;} div.poptype_a div.pop_bottom_r a, div.poptype_z div.pop_bottom_r a { margin-right: 11px; margin-left: 4px;} div.poptype_b div.pop_bottom_r a, div.poptype_s div.pop_bottom_r a { margin-right: 7px; margin-left: 4px;} div.pop_bottom_r input { margin: 9px 0 0 5px; float: left; display: inline; width:42px; height:24px; text-indent: -3000px; border: none; cursor: pointer; } a.pop_ok { background: url(../images/layer/btn_pop_ok.gif) no-repeat; } a.pop_cancel { background: url(../images/layer/btn_pop_cancel.gif) no-repeat; } a.pop_update { background: url(../images/layer/btn_pop_update.gif) no-repeat; } a.pop_register { background: url(../images/layer/btn_pop_register.gif) no-repeat; } a.pop_delete { background: url(../images/layer/btn_pop_delete.gif) no-repeat; } a.pop_quit { background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_close { background: url(../images/layer/btn_pop_quit.gif) no-repeat; } a.pop_save { background: url(../images/layer/btn_pop_save.gif) no-repeat; } a.pop_no { background: url(../images/layer/btn_pop_no.gif) no-repeat; } a.pop_login {width:67px;background: url(../images/layer/btn_pop_login.gif) no-repeat;} a.pop_member_join {width:67px;background: url(../images/layer/btn_pop_member_join.gif) no-repeat;} a.pop_close_2 {width:67px;background: url(../images/layer/btn_pop_close_2.gif) no-repeat;} input.pop_ok { background: url(../images/layer/btn_pop_ok.gif) no-repeat; } input.pop_update { background: url(../images/layer/btn_pop_update.gif) no-repeat; } input.pop_register { background: url(../images/layer/btn_pop_register.gif) no-repeat; } input.pop_delete { background: url(../images/layer/btn_pop_delete.gif) no-repeat; } input.pop_save { background: url(../images/layer/btn_pop_save.gif) no-repeat; } input.pop_yes { background: url(../images/layer/btn_pop_yes.gif) no-repeat; } div.pop_bottom_r label.popup_option {float: left; margin: 10px 10px 0 0; font-size: 11px; letter-spacing:-1px;} div.pop_bottom_r label.popup_option input {float:none; width:auto; height:auto; text-indent:0; margin:0} #demo_alert {position: absolute;width:300px;} #demo_alert p.alert { margin-left: 50px;} #demo_alert p.alert_msg { margin: 5px 15px; line-height: 15px; text-align: center; color: #535353; } /* Common definition ----------------------------------------------------------- mini calendar ------------------------------------------------------------------------------------- */ #layer_select_date {position: absolute; width: 175px; z-index: 51;} #layer_select_date div.cal_title {margin: 0 0 5px 15px;} #layer_select_date div.cal_title span.year {padding-left: 3px;} #layer_select_date div.cal_title span.month {font-size: 14px; font-weight:bold; color: black; margin-left: 3px; padding-right: 3px;} #layer_select_date div.cal_title a.today {font-size: 11px; color: #5E90C1; letter-spacing: -1px; text-decoration:underline; margin-left: 5px;} #layer_select_date td {cursor: pointer;} #layer_select_date table {margin: 0 0 0 10px;} #layer_name_info {width: 280px; position: absolute; z-index: 35; cursor:move;} div.name_info p.thumbnail {float: left; display: inline; margin-left: 20px;} div.name_info ul.info { margin-left: 75px; } div.name_info li { color: #5e5e5e; font-size: 11px; padding: 1px 0 0 12px; width:170px; overflow:hidden; text-overflow:ellipsis; } div.name_info li.mail {background: url(../images/layer/icon_name01.gif) no-repeat left 1px;} div.name_info li.phone {background: url(../images/layer/icon_name02.gif) no-repeat left 1px;} div.name_info li.log {background: url(../images/layer/icon_name03.gif) no-repeat 1px 2px;} #layer_name_task {width: 460px;position: absolute;z-index: 35;cursor:move;} dl.task_regist { margin-left: 32px; } dl.task_regist { padding-bottom: 5px; } dl.task_regist dt { float: left; color: #605C5D; font-weight: bold; padding-top: 3px; } dl.task_regist dd { line-height: 20px; margin-left: 45px; padding-bottom: 9px; } dl.task_regist dd input.task_title { border: 1px solid #D0D0D0; color: #2A2121; padding: 2px 0px 0px 2px; width: 350px; #margin-left: -3px; } dl.task_regist dd select.select1 { width: 130px; } dl.task_regist dd input.month_day { width: 100px; } dl.task_regist dd.category { margin-right: 20px; } dl.task_regist dd a.select_category { float: left; width: 35px; width: 32px; } dl.task_regist dd span.category_list { color: #616161; font-size: 11px; } #layer_name_task a.detail { clear:left; margin-left: 330px; font-size: 11px; font-weight: bold; color: #5f5f5f; letter-spacing: -1px; text-decoration: underline; padding-left: 12px; margin-right:25px; margin-top: 0px; #margin-bottom: 0px; background: url(../images/layer/icon_plus.gif) no-repeat left 0px; } #layer_name_task div.popa_bottom_r { float: right; height: 45px;} #layer_name_task div.popa_bottom_r a, { margin-right: 11px; margin-left: 4px;} #layer_name_task div.popa_bottom_r input { margin: 9px 0 0 5px; float: left; display: inline; width:42px; height:24px; text-indent: -3000px; border: none; cursor: pointer; } #layer_name_task div.popa_content { padding: 10px 0 20px 0; background: url(../images/layer/popa_br.gif) repeat-y right;} #layer_name_task div.popa_bottom { clear: right; height:45px; background: url(../images/layer/popa_fr.gif) no-repeat right bottom; } #layer_name_task_category { width: 200px; position: absolute; z-index: 33; } #layer_name_task_category div.pops_content { padding: 8px 18px 10px 20px; } div.pops_content p.title { font-weight: bold; font-size: 11px; letter-spacing: -1px; } div.pops_content p.title span { font-weight: normal; color: #7497b7; } #layer_name_task_category ul.member_list { overflow-y: auto; height: 120px; min-height: 110px; margin-top: 5px; } #layer_name_task_category ul.member_list li { color: #606060; font-size: 12px; margin-bottom: 0px; } #layer_name_task_category div.extension { margin-top: 5px; padding-top: 10px; background: url(../images/layer/bg_line.gif) repeat-x left top; } #layer_name_task_category div.extension label.ex { } #layer_name_task_category div.extension label.ex input { float: left; border: 1px solid #D0D0D0; color: #afafaf; font-size: 11px; padding: 2px 0px 0px 2px; width: 122px; height: 16px; } #layer_name_task_category div.extension a.extension_action { display: block; margin-left: 130px; #margin-left: 128px; width: 28px; height: 18px; text-indent: -3000px; background: url(../images/layer/btn_extension.gif) no-repeat; } #layer_name_task_category div.pops_bottom { clear: left; height:39px; background: url(../images/layer/pops_fr.gif) no-repeat right bottom; } #layer_wk_finish { position: absolute; z-index: 33; width: 360px; } div.pop_content div.msg {margin-left: 15px;} div.pop_content div.msg p.finish_title { float:left; display: inline;margin-left: 20px;height:40px;text-indent:-3000px; background: url(../images/wk/pop_img03.gif) no-repeat 20px 7px;width:130px; } div.pop_content div.msg p.time {color:#333333;font-size:18px;font-weight:bold;height:34px;padding-top:10px;} div.pop_content div.msg p.master_msg { height: 100%;color:#3399CC;font-weight:bold;letter-spacing:-1px;padding-bottom:10px;padding-top:10px;text-align:center; } #layer_wk_attend {width: 360px;position: absolute;z-index: 33;} div.pop_content div.msg {margin-left: 15px;} div.pop_content div.msg p.attend_title { float:left; display: inline; margin-left: 28px; height:40px; text-indent:-3000px; background: url(../images/wk/pop_img01.gif) no-repeat 0px 7px; width:126px; } div.pop_content div.msg p.attend_time { margin-left: 167px; color:#333333; font-size:18px; font-weight:bold; height:34px; padding-top:10px; } div.pop_content p.wk_data {padding-top: 4px; margin: 20px 0px 0px 58px; padding-left: 25px; color: #9B9B9B; background: url(../images/wk/wk_loading.gif) no-repeat; height: 21px;} div.pop_content div.all_camp { margin-top: 15px; margin-left: 55px; } div.pop_content div.all_camp p.camp_noti { color: #5D5D5D; padding-bottom: 5px; margin-left: 10px; background: url(../images/bul_06.gif) no-repeat 0px 3px; text-indent:10px; } div.pop_content div.all_camp ul { width: 220px; margin-left:10px; padding-top: 10px; border-top:1px dashed #9B9B9B; } div.pop_content div.all_camp li { margin-left:10px; padding-bottom:2px; } div.pop_content div.all_camp li.late { color: red; } div.pop_content div.all_camp li.late p { font-size: 11px; color: #9B9B9B; padding-left: 18px; } div.pop_content div.all_camp li.late div.clear { clear:left; } #layer_wk_late { width: 360px; position: absolute; z-index: 33; } div.wk_late div.pop_content div.msg { margin-left: 15px; } div.pop_content div.msg p.late_title { float:left; display: inline; margin-left: 20px; height:40px; text-indent:-3000px; background: url(../images/wk/pop_img02.gif) no-repeat 10px 7px; width:130px; } #layer_wk_late div.form { margin-top: 10px; margin-left: 40px; } #layer_wk_late div.form div.sub_title p.reason { float: left; font-weight: bold; padding-left: 14px; background: url(../images/wk/pop_img05.gif) no-repeat 0 1px; } #layer_wk_late div.form div.sub_option { display: inline; float: right; margin-right: 37px; font-size: 11px; } #layer_wk_late div.form div.sub_title textarea { width:280px; height:80px; background: #fff; border:1px solid #C0C4C7; font-size:12px; } #layer_wk_late div.form div.sub_title p.noti { margin-top: 3px; font-size: 11px; color:#5D5D5D; } #layer_wt_edit_state { width: 360px; position: absolute; z-index: 33; } div.layer_wt_body { margin: 0px; padding: 0px; margin: 15px 0 10px 25px; } div.layer_wt_body select { font-size:11px; width:65px; } div.layer_wt_body label.input_time { margin-left: 20px; margin-right: 5px; } div.layer_wt_body label input.time { width: 30px; } div.layer_wt_body label input.minute { width: 30px; } /*read_info + download_info*/ #layer_read {position:absolute; width:220px;} #layer_read ul {padding-left:15px; width:195px; max-height:70px; _height:70px; overflow-y:scroll;} #layer_read li {width:165px; margin-bottom:2px;} #layer_read ul p.date {float: left; font-size:11px; color:#666} #layer_read ul p.member {margin-left: 90px; font-size: 11px; } /*layer_group_management*/ #layer_group_management { position: absolute; width:490px; font-size:12px; line-height:16px;z-index: 30;} #layer_group_management div.pop_top {cursor: move;} #layer_group_management p.team_master { position: absolute; top: 10px; right: 22px; padding-left: 16px; background: url(../images/layer/icon_team_master.gif) no-repeat; color: #82a3c5; font-size: 11px; line-height: 30px; } #layer_group_management div.desc p.desc {margin: 0 10px 10px 30px; text-align:left;} #layer_group_management ul {width: 200px; overflow-y:scroll;} #layer_group_management li {margin: 5px 0 4px 5px; color:#222;} #layer_group_management div.grouping_select {margin-top:10px;margin-left: 30px; height: 210px; } #layer_group_management div.use_grouping {float: left; } #layer_group_management a.regiter {float:left; margin-left: 20px;margin-right: 14px; margin-top:30px;text-indent: -3000px; width: 44px; height: 170px; background:url(../images/ch/btn/btn_register.gif) no-repeat} #layer_group_management div.special_grouping {float:left; position:relative;} #layer_group_management p.sub_title {font-weight:bold} #layer_group_management ul.group_select li {height: 16px; padding: 0 5px;} #layer_group_management ul.group_select li.on {background-color:#88a3d7;} #layer_group_management ul.group_select li.on a{color:#fff; font-weight: bold; text-decoration: none;} #layer_group_management ul.group_select li:hover {background-color:#88a3d7; color:#fff; font-weight: bold; text-decoration: none;} #layer_group_management ul.group_select li:hover a {color:#fff; font-weight: bold; text-decoration: none;} #layer_group_management ul.group_select { width: 170px; height: 185px; _height: 185px; border: 1px solid #b3b3b3; margin-top: 2px; overflow-y : scroll; } #layer_group_management div.special_grouping ul.group_select {border: 3px solid #88a3d8; margin-left: 5px; height: 105px; _height:105px;} #layer_group_management div.special_grouping div.group_new {margin-top: 20px; vertical-align: top} #layer_group_management div.special_grouping div.group_new a.btn_form {margin-left: 3px;} #layer_group_management div.special_grouping div.group_new label.new input {width: 100px; margin-left: 3px; vertical-align: top;} #layer_group_management div.special_grouping div.group_new span.sub_title {vertical-align:middle; padding-bottom: 6px;font-weight: bold; font-size: 11px;} #layer_group_management div.special_grouping div.action {text-align: right; margin-right: 3px;} #layer_group_management div.special_grouping div.action a.btn_layer_c {margin-top: 8px; padding-left: 10px; margin-left: 4px;} #layer_group_management div.special_grouping div.action a.btn_layer_c span {padding: 5px 10px 0 0;} /* #layer_group_management div.action {height: 20px; margin: 5px 0 0 90px;} #layer_group_management div.action a {float: left; display: block; text-indent: -3000px; width:28px; height: 18px;} #layer_group_management div.action a.plus {width: 50px; background: url(../images/layer/btn_group_view.gif);} #layer_group_management div.action a.except {background: url(../images/layer/btn_except.gif); margin-left: 3px;} #layer_group_management div.action a.edit {background: url(../images/layer/btn_edit.gif); margin-left: 3px;} #layer_group_management div.option {width: 246px; background: url(../images/dotline.gif) repeat-x; margin-left: 20px; margin-top: 10px;} #layer_group_management div.option div.option_plus {padding-top: 15px; margin-left: 35px;} #layer_group_management div.option p.sub_title, #layer_group_management div.option span.sub_title {font-size: 11px; font-weight: bold;} #layer_group_management div.option span {margin-bottom: 10px; vertical-align:middle;} #layer_group_management div.option div.option_plus ul.group_select {margin-left: 0px; padding-top: 3px; min-height: 86px; _height: 86px; border: 1px solid #e1e1e1;} #layer_group_management div.option div.option_plus div.group_new {margin-top: 10px; } #layer_group_management div.option div.option_plus div.group_new label.new input {width: 130px; margin-left: 4px;} #layer_group_management div.option div.option_plus div.group_new a.regist { display: block; text-indent: -3000px; width: 96px; height: 24px; margin-left: 45px; margin-top: 10px; background: url(../images/layer/btn_plus.gif) no-repeat;} #layer_group_management div.option div.option_edit {padding-top: 15px; margin-left: 35px; } #layer_group_management div.option div.option_edit label.edit input {width: 140px;} #layer_group_management div.option div.option_edit a.edit { float: left; display: block; text-indent: -3000px; width:28px; height: 18px; background: url(../images/layer/btn_edit.gif) no-repeat; } #layer_group_management div.option div.option_edit input.edit { text-indent: -3000px; width:28px; height: 20px; border: none; margin-left: 5px; background: url(../images/layer/btn_edit.gif) no-repeat 0 2px; } #layer_observer {position:absolute; width:365px;} #layer_observer div.pop_content {height:120px;} #layer_observer div.message { text-align:center; font-weight:bold; color:#1953c8; } #layer_observer p.alert {margin-left:90px;} #layer_observer p.add_comment { margin-left:20px; width:325px; } */ /*------------ managament waste -------------*/ #layer_waste {position:absolute; width:365px;} #layer_waste div.pop_content {height:35px; } #layer_waste div.message { text-align:center; font-weight:bold; color:#1953c8; } #layer_waste p.add_comment { text-align:center; } #layer_waste a.pop_cancel {margin-left:-8px;} /*------------ managament security -------------*/ #layer_security_warning {position:absolute; width:180px;} #layer_security_warning div.poptype_c div.pop_top {width:180px;} #layer_security_warning div.poptype_c div.pop_body {width:180px;} #layer_security_warning div.poptype_c div.pop_content {padding: 10px 15px 10px 15px;font-size:11px; color:#606060;} #layer_security_warning div.poptype_c div.pop_bottom {width:180px;} #layer_allow {position: absolute; width: 180px; z-index: 33; } #layer_allow h4 span {font-weight: normal; color: #777;} #layer_allow ul {width: 160px; overflow-y:scroll;} #layer_allow ul.all {height:172px} #layer_allow li {margin: 0 0 4px 20px; font-size:11px;color:#222; #margin-bottom: 0px;} #layer_allow li.unregist {color:#999;} #layer_allow li input {margin-right:3px;} #layer_hp_regist {position: absolute; width: 300px; z-index: 33;} #layer_hp_regist p.guide {font-size:11px; letter-spacing: -1px; margin: 5px 20px; } #layer_hp_regist p.guide span {color:#3367CD} #layer_hp_regist div.number, #layer_hp_regist div.outside {margin: 0 auto; height:100%;} #layer_hp_regist p.title { padding-top: 5px; color:#333333; font-size:11px; font-weight:bold; padding-left: 8px; background:url(../images/layer/bul_01.gif) no-repeat left 10px; } #layer_hp_regist div.number select, #layer_hp_regist div.number input {width:50px;border:1px solid #7f9db9; background-color: white;} #layer_hp_regist p.guide, div.number {text-align:center;} #layer_hp_regist div.number input.action { margin-left: 5px; width: 55px; height: 18px; text-indent: -3000px; border: none; background: url(../images/layer/btn_hp_regist.gif) no-repeat; } #layer_hp_regist div.outside { width: 248px; #margin-top:5px; background: url(../images/layer/hp_regist_top.gif) no-repeat; } #layer_hp_regist div.outside div.register_box {margin: 5px 0 0 5px;} #layer_hp_regist div.outside div.register_box input { margin-top: 10px; border: 1px solid #7f9db9; font-size: 11px;} #layer_hp_regist div.outside div.register_box label.name input { width: 160px; margin-left:10px;} #layer_hp_regist div.outside div.register_box label.email input { width: 250px; margin-left: 5px;} #layer_hp_regist div.outside div.register_box input.action { margin-left: 5px; width: 44px; height: 18px; text-indent: -3000px; border: none; background: url(../images/layer/btn_confirm.gif) no-repeat; } #layer_hp_regist div.outside p {font-size:11px;letter-spacing:-1px;text-indent:15px;} #layer_hp_regist div.outside p.warning {padding-top:7px;color:#f56e00;} #layer_hp_regist div.outside p.warning img {vertical-align:middle;} #layer_hp_regist div.outside_bottom { font-size: 1px; height:10px;background:url(../images/layer/hp_regist_bottom.gif) no-repeat; } /*------------ bill -------------*/ #bill_upgrade_amount {position: absolute; width: 230px;} #bill_upgrade_amount div.pop_content p.text {margin-left: 20px; font-size: 11px; color: #666;} #bill_upgrade_amount div.pop_content p.notice {margin-top: 10px; line-height: 16px; text-align: center; font-size: 11px; color: #f57f04;} #bill_discount {position: absolute; width: 380px;} #bill_discount div.pop_content {margin-left: 30px; _margin-left: 20px; padding-top: 15px;} #bill_discount div.pop_content p.acount label.acount input {margin-top: 3px;} #bill_discount div.pop_content p.acount select {margin-left: 10px; width: 220px; font-size: 11px; color: #666;} #bill_discount div.pop_content p.coupon {margin-top: 10px;} #bill_discount div.pop_content p.coupon label.acount {display:block;} #bill_discount div.pop_content p.coupon label.text {color: #666; margin-left: 16px; } #bill_discount div.pop_content p.coupon label.text input {margin-left: 5px; width: 220px;} #bill_discount a.pop_ok {margin-right: 0px;} #layer_bill_duedate, #layer_bill_upload, #layer_bill_download {position: absolute; width: 500px;} #layer_bill_duedate a.pop_add_due {width: 67px; background: url(../images/layer/btn_pop_add_due.gif) no-repeat; margin-right: 0px;} #layer_bill_upload a.pop_add_space, #layer_bill_download a.pop_add_space {width: 67px; background: url(../images/layer/btn_pop_add_space.gif) no-repeat; margin-right: 0px; display: block; text-indent: -3000px; height: 24px; margin-top: 9px; float: left; } div.poptype_z div.pop_content span.hot {color: #f70000;} div.poptype_z div.pop_content p.secial_commnet {color: #3373e8; margin-top: 20px; font-size: 11px; text-align: center;} /*------------ space -------------*/ #space_delete {position: absolute; width: 350px;} #space_delete div.pop_content {margin-left: 30px; _margin-left: 20px; padding-top: 15px;} #space_delete div.pop_content p { padding-left:8px; margin-bottom:7px; background:url(../images/bul_09.gif) no-repeat left 8px;; } #space_delete div.pop_content p.term input {width:76px;color:#8d8d8d;} #space_delete div.pop_content img {vertical-align:middle;margin-left:3px;} #space_delete div.pop_content span {font-size:11px; color:#f48900;} #space_delete a.pop_delete {margin-right: 0px;} #space_delete_search {position: absolute; width: 350px;} #space_delete_search div.pop_content {margin-left: 30px; _margin-left: 20px; padding-top: 15px;} #space_delete_search div.pop_content p { padding-left:8px; margin-bottom:7px; background:url(../images/bul_09.gif) no-repeat left 5px; } #space_delete_search div.pop_content p.term input {width:76px;color:#8d8d8d;} #space_delete_search div.pop_content img {vertical-align:middle;margin-left:3px;} #space_delete_search div.search_list {margin:0 0 10px 42px;} #space_delete_search div.pop_content div.search_back { width:222px; background:url(../images/management/search_back_top.gif) no-repeat; } #space_delete_search div.pop_content div.search_back_bottom { width:222px;height:10px; background:url(../images/management/search_back_bottom.gif) no-repeat; } #space_delete_search div.pop_content div.search_back p { background:none;margin:0 0 0 10px;color:#6c6c6c; } #space_delete_search div.pop_content div.search_back p.title { padding-top:10px;font-weight:bold;color:#505050; } #space_delete_search div.pop_content span {font-size:11px; color:#f48900;} #space_delete_search a.pop_delete {margin-right: 0px;} #space_backup {position: absolute; width: 350px;} #space_backup div.pop_content {margin-left: 30px; _margin-left: 20px; padding-top: 15px;} #space_backup div.pop_content p { padding-left:8px; margin-bottom:7px; background:url(../images/bul_09.gif) no-repeat left 5px; } #space_backup div.pop_content p.term input {width:76px;color:#8d8d8d;} #space_backup div.pop_content img {vertical-align:middle;margin-left:3px;} #space_backup div.pop_content span {font-size:11px; color:#f48900;} #space_backup a.pop_delete {margin-right: 0px;} #space_backup a.pop_backup { margin-right: 0px;width:42px;height:24px; background:url(../images/layer/btn_pop_backup.gif) no-repeat; display:inline; float:left;margin-top: 9px;text-indent:-3000px; display: block; } #space_backup_search {position: absolute; width: 350px;} #space_backup_search div.pop_content {margin-left: 30px; _margin-left: 20px; padding-top: 15px;} #space_backup_search div.pop_content p { padding-left:8px; margin-bottom:7px; background:url(../images/bul_09.gif) no-repeat left 5px; } #space_backup_search div.pop_content p.term input {width:76px;color:#8d8d8d;} #space_backup_search div.pop_content p.term select {width:177px;} #space_backup_search div.pop_content img {vertical-align:middle;margin-left:3px;} #space_backup_search div.search_list {margin:0 0 10px 42px;} #space_backup_search div.pop_content div.search_back { width:222px; background:url(../images/management/search_back_top.gif) no-repeat; } #space_backup_search div.pop_content div.search_back_bottom { width:222px;height:10px; background:url(../images/management/search_back_bottom.gif) no-repeat; } #space_backup_search div.pop_content div.search_back p { background:none;margin:0 0 0 10px;color:#6c6c6c; } #space_backup_search div.pop_content div.search_back p.title { padding-top:10px;font-weight:bold;color:#505050; } #space_backup_search div.pop_content span {font-size:11px; color:#f48900;} #space_backup_search a.pop_delete {margin-right: 0px;} #space_backup_search a.pop_backup { margin-right: 0px;width:42px;height:24px; background:url(../images/layer/btn_pop_backup.gif) no-repeat; display:inline; float:left;margin-top: 9px;text-indent:-3000px; display: block; } /* ------------ Expire warning -------------------- */ #expire_warning {position:absolute; width:570px;} #expire_warning p.warning_title { padding: 15px 0 25px 170px; font-size:18px; font-weight:bold; background:url(../images/layer/icon_confirm.gif) no-repeat 120px 10px; } #expire_warning p.warning_title span {color:#ff7d00;} #expire_warning div.warning_msg {width:513px; margin-left:27px; background: url(../images/layer/box_yellow_top.gif) top;} #expire_warning div.warning_msg div.bottom {height:15px; background:url(../images/layer/box_yellow_bottom.gif) bottom;} #expire_warning div.warning_msg p{color:#000;text-align:center;padding-top:18px;} #expire_warning div.warning_msg p strong{color:#2175d4} #expire_warning div.transfer_guide {margin:15px 27px 0 27px;} #expire_warning div.transfer_guide div.title {height:20px;} #expire_warning div.transfer_guide div.title p {float:left; margin:2px 0 0 0; font-weight:bold; padding-left: 10px; background: url(../images/bill/billing_arrow.gif) no-repeat left 5px;} #expire_warning div.transfer_guide div.title a.view_product {float:left; margin:0 0 0 5px; width:92px; height:19px; text-indent:-3000px; background:url(../images/front_main/btn_mem_ver.gif);} #expire_warning div.transfer_guide p.text {margin:5px 15px 0 0; color:#6A6A6A; letter-spacing:-1px; padding-left:10px;} #expire_warning div.transfer_action {margin:15px 0 0 0; height:40px;} #expire_warning div.transfer_action a {float:left; width:179px; height:37px; text-indent:-3000px;} #expire_warning div.transfer_action a.personal {margin-left:110px; background:url(../images/layer/btn_personal.gif);} #expire_warning div.transfer_action a.paid {margin-left: 190px; background:url(../images/layer/btn_charge.gif)} #overflow_alert {position:absolute; width:300px;} #overflow_alert p.msg {padding:10px; text-align:center; letter-spacing:-1px;} #overflow_alert p.msg_noti {text-align:center; color: #A1A1A1; font-size: 11px; letter-spacing: -1px;} #overflow_alert p.msg strong {color:#fa5700;} #transfer_confirm {position:absolute; width:300px;} #transfer_confirm p.msg {padding:10px; text-align:center; letter-spacing:-1px;} #transfer_confirm p.msg strong {color:#2175D4;} #camp_establish_pop {position:absolute; width:345px;} #camp_establish_pop p.msg {padding:10px; letter-spacing:-1px; text-align:center;} #camp_establish_pop p.msg span {color:#2175d4;} #camp_establish_pop p.msg strong {color:#fa5700} #camp_establish_pop a.camp {color:#fa5700;font-weight:bold} /*------------20081028jinyoung-------------*/ #camp_notice {position:absolute; width:570px;} #camp_notice div.poptype_a div.pop_body p.alert { background:transparent url(../images/layer/icon_confirm.gif) no-repeat scroll 60px 0; display:block; font-size:18px; font-weight:bold; height:60px; margin-left:50px; padding-top:7px; text-align:center; } #camp_notice div.pop_top_l, #camp_noticediv.pop_bottom_l {float:left;} #camp_notice div.poptype_a div.pop_body div.notice_camp {height:50px;} #camp_notice div.poptype_a div.pop_body div.notice_camp span.d_day {color:#ff7d00;} #camp_notice div.poptype_a div.pop_body div.blue_box {margin-left:27px;} #camp_notice div.poptype_a div.pop_body div.blue_box div.blue_box_top { background:transparent url(../images/layer/box_yellow_top.gif) no-repeat scroll 0 0; height:80px; width:513px; } #camp_notice div.poptype_a div.pop_body div.blue_box div.blue_box_bottom { background:transparent url(../images/layer/box_yellow_bottom.gif) no-repeat scroll 0 0; height:7px; width:513px; } #camp_notice div.poptype_a div.pop_body div.blue_box p.t_text_black{display:inlne;color:#000;font-size:12px;text-align:center;line-height:18px;padding-top:18px;} #camp_notice div.poptype_a div.pop_body div.blue_box span.text_blue_b {color:#2175d4;font-weight:bold;} #camp_notice div.poptype_a div.pop_body div.member_info p.text_title { background:transparent url(../images/bill/billing_arrow.gif) no-repeat scroll 0 7px; font-size:12px; font-weight:bold; padding-left: 10px; position:relative; height: 30px; } #camp_notice div.poptype_a div.pop_body a.btn_mem { background:transparent url(../images/front_main/btn_mem_ver.gif) no-repeat scroll 0 0; margin:0 0 0 5px; position:absolute; top:0px; left:110px; text-indent:-3000px; width:92px; } #camp_notice div.poptype_a div.pop_body div.member_info p {line-height:20px;margin-left:12px;text-align:left;} #camp_notice div.poptype_a div.pop_body div.member_info {padding-left:23px;} #camp_notice div.poptype_a div.pop_body div.member_info p.text { color:#6A6A6A; display:block; font-size:12px; height:22px; letter-spacing:-1px; margin-top: -10px; #margin-top: -15px; padding-left:10px; text-align:left; } #camp_notice div.poptype_a div.pop_body div.btn_action {margin: 30px 0 5px 116px; height: 40px;} #camp_notice div.poptype_a div.pop_body div.btn_action a {float:left;width:179px;height:37px;text-indent:-3000px;} #camp_notice div.poptype_a div.pop_body div.btn_action a.btn_personal { background:transparent url(../images/layer/btn_personal.gif) no-repeat scroll 0 0; } #camp_notice div.poptype_a div.pop_body div.btn_action a.btn_charge { background:transparent url(../images/layer/btn_charge.gif) no-repeat scroll 0 0; margin-left:5px; } #camp_notice div.poptype_a div.pop_bottom div.pop_bottom_r{} #camp_notice div.poptype_a div.pop_bottom div.pop_bottom_r label{float: left; font-size: 11px; letter-spacing:-1px; margin-top: 15px;#margin-top: 17px;} #camp_notice div.poptype_a div.pop_bottom div.pop_bottom_r label input{margin:0px; width: 20px; margin-top: -5px;#margin-top:-7px; font-family: dotum;} #camp_notice div.poptype_a div.pop_bottom div.pop_bottom_r a.pop_close{margin-left: 10px;} #layer_address {position: absolute; width: 200px; z-index: 33; } #layer_address h4 span {font-weight: normal; color: #777;} #layer_address ul {width: 180px; overflow-y:scroll;} #layer_address ul.all {height:172px} #layer_address li {margin: 0 0 4px 20px; color:#222; #margin-bottom: 0px;} #layer_address li.major {font-weight:bold; background:url(../images/management/icon_folder.gif) no-repeat scroll 0 0;padding-left:20px;height:17px;} #layer_address li input {margin-right:3px;} #layer_address a.more { display: block; margin: 5px 0 0 110px; padding-left: 15px; background:url(../images/bul_more.gif) no-repeat left 2px; font-weight: bold; color: #616161; font-size: 11px; text-decoration:underline; } #layer_address div.add_group{ margin: 7px 20px; padding-top:8px; border-top: 1px double #E3EBEE} #layer_address div.add_group label.name input{font-size:11px; height:14px; width:120px; border: 1px solid #D1D1D1} #layer_address div.add_group input.register { text-indent: -3000px; width: 28px; height: 18px; border: none; cursor:pointer; background: url(../images/layer/btn_add.gif) no-repeat; } #layer_logout_noti {position: absolute; width: 450px; z-index: 33; } #layer_logout_noti p.message {text-align: center;} #layer_logout_noti p.message strong {color: #FF6600;} #layer_logout_noti p.noti {margin-top:20px; margin-bottom: 10px; color:blue;} #layer_logout_noti p.noti span {font-weight: bold;} #layer_management_register {width: 290px;} #layer_seminar {position:absolute; width:420px;} #layer_seminar div.pop_content {height:120px;} #layer_seminar div.message { margin-left:16px; font-weight:bold; color:#1953c8; } #layer_seminar p.alert {margin-left:130px;} #layer_seminar p.add_comment { margin-left:56px; } #layer_seminar p.add_comment span {color:red;} #layer_msnid_update {position:absolute; width: 320px;} #layer_msnid_update div.pop_content p.text {color:#666; font-size:11px; margin: 12px 0px 5px 35px;} #layer_msnid_update div.pop_content p.text a {text-decoration: underline; color: #666;} #layer_msnid_update div.pop_content p.msnid {margin-left: 35px; margin-top: 10px;} #layer_msnid_update div.pop_content p.msnid strong {color: #3373E8} #layer_msnid_update div.pop_content p.msnid span {color: #F70000} #layer_msnid_change {position:absolute; width: 320px;} #layer_msnid_change div.pop_content p.text {color:#666; font-size:11px; margin: 12px 0px 5px 35px;} #layer_msnid_change div.pop_content p.text a {text-decoration: underline; color: #666;} #layer_msnid_change div.pop_content p.msnid {margin-left: 35px; margin-top: 10px;} #layer_msnid_change div.pop_content p.msnid strong {color: #3373E8} #layer_msnid_change div.pop_content p.msnid span {color: #F70000} #layer_new_file {position:absolute; width:490px;} #layer_new_file div.pop_top {cursor:move;} #layer_new_file ul.form_list span.option {width: 370px;} #layer_new_file ul.form_list span.desc {width: 370px;} #layer_new_file div.filewrap {margin-top: 0;} #layer_new_file div.pop_bottom_r {padding-right:11px} #layer_new_file div.pop_bottom_r a.btn_layer {margin-left:0; margin-right:0} #layer_new_file div.pop_bottom a.btn_layer{margin-top: 8px;} #layer_new_file div.poptype_b div.pop_bottom_r a, #layer_new_file div.poptype_s div.pop_bottom_r a {margin-left: 0;} #layer_file {position:absolute; width:600px; z-index:30} #layer_file div.pop_top {cursor:move;} #layer_file div.filewrap {margin-top: 0; position:static} #layer_file ul.form_list {margin-top: 10px;} #layer_file ul.form_list li {margin-top: 10px;} #layer_file div.file_item ul.form_list li div ul li {margin-top: 10px;} #layer_file ul.form_list span.option {width: 460px;} #layer_file div.file_item li span.desc {width: 420px;}