/* images button */
a.imgbtn { float:left; display:block; height:20px; text-indent:-9999em }
a.imgbtn2 { float:left; display:block; height:20px; text-indent:-9999em }
a.imgbtn3 { display:inline-block; height:20px } /* text-indent is bugged from ie6,7. so, if use this class, need to 'span' in markup, and write class 'blind' */
a.imgbtnset { float:left; display:block; height:20px; height:20px; text-indent:-9999px }

.searchbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_search.gif) no-repeat left top }
.searchbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_search.gif) no-repeat left -20px }
.searchbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_search.gif) no-repeat left -40px }

.newbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_new.gif) no-repeat left top }
.newbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_new.gif) no-repeat left -20px }
.newbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_new.gif) no-repeat left -40px }

.modifybtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_modify.gif) no-repeat left top }
.modifybtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_modify.gif) no-repeat left -20px }
.modifybtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_modify.gif) no-repeat left -40px }

.resetbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reset.gif) no-repeat left top }
.resetbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reset.gif) no-repeat left -20px }
.resetbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reset.gif) no-repeat left -40px }

.resetbtn2 { width:75px; height:20px; background: transparent url(/static/image/btn/btn_reset2.gif) no-repeat left top }
.resetbtn2:hover { width:75px; height:20px; background: transparent url(/static/image/btn/btn_reset2.gif) no-repeat left -20px }
.resetbtn2:active { width:75px; height:20px; background: transparent url(/static/image/btn/btn_reset2.gif) no-repeat left -40px }

.cancelbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat left top }
.cancelbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat left -20px }
.cancelbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat left -40px }

.replybtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reply.gif) no-repeat left top }
.replybtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reply.gif) no-repeat left -20px }
.replybtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_reply.gif) no-repeat left -40px }

.delbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_del.gif) no-repeat left top }
.delbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_del.gif) no-repeat left -20px }
.delbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_del.gif) no-repeat left -40px }

.canclebtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancle.gif) no-repeat left top }
.canclebtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancle.gif) no-repeat left -20px }
.canclebtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_cancle.gif) no-repeat left -40px }

.listbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_list.gif) no-repeat left top }
.listbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_list.gif) no-repeat left -20px }
.listbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_list.gif) no-repeat left -40px }

.btn_apply { width:40px; height:20px; background: transparent url(/static/image/btn/btn_apply.gif) no-repeat left top }
.btn_apply:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_apply.gif) no-repeat left -20px }
.btn_apply:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_apply.gif) no-repeat left -40px }

.apply1 { width:65px; height:20px; background: transparent url(/static/image/btn/btn_apply1.gif) no-repeat left top; }
.apply1:hover { width:65px; height:20px; background: transparent url(/static/image/btn/btn_apply1.gif) no-repeat left -20px }
.apply1:active { width:65px; height:20px; background: transparent url(/static/image/btn/btn_apply1.gif) no-repeat left -40px }

.perform { width:40px; height:20px; background: transparent url(/static/image/btn/btn_perform.gif) no-repeat left top }
.perform:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_perform.gif) no-repeat left -20px }
.perform:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_perform.gif) no-repeat left -40px }

.makebtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_make.gif) no-repeat left top }
.makebtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_make.gif) no-repeat left -20px }
.makebtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_make.gif) no-repeat left -40px }

.readbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_read.gif) no-repeat left top }
.readbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_read.gif) no-repeat left -20px }
.readbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_read.gif) no-repeat left -40px }

.recordbtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_record.gif) no-repeat left top }
.recordbtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_record.gif) no-repeat left -20px }
.recordbtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_record.gif) no-repeat left -40px }

.savebtn { width:40px; height:20px; background: transparent url(/static/image/btn/btn_save.gif) no-repeat left top }
.savebtn:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_save.gif) no-repeat left -20px }
.savebtn:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_save.gif) no-repeat left -40px }

.btn_mail { width:55px; height:20px; background: transparent url(/static/image/btn/btn_mail.gif) no-repeat left top }
.btn_mail:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_mail.gif) no-repeat left -20px }
.btn_mail:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_mail.gif) no-repeat left -40px }

.btn_result { width:55px; height:20px; background: transparent url(/static/image/btn/btn_result.gif) no-repeat left top }
.btn_result:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_result.gif) no-repeat left -20px }
.btn_result:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_result.gif) no-repeat left -40px }

.reportbtn { width:68px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat left top }
.reportbtn:hover { width:68px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat left -20px }
.reportbtn:active { width:68px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat left -40px }

a.dailylog { width:78px; background: transparent url(/static/image/btn/btn_businesslog.gif) no-repeat 0 0 }
a.dailylog:hover { width:78px; background: transparent url(/static/image/btn/btn_businesslog.gif) no-repeat 0 -20px }
a.dailylog:active { width:78px; background: transparent url(/static/image/btn/btn_businesslog.gif) no-repeat 0 -40px }

a.allmenu { width:76px; background: transparent url(/static/image/btn/btn_allmenu.gif) no-repeat 0 0 }
a.allmenu:hover { width:76px; background: transparent url(/static/image/btn/btn_allmenu.gif) no-repeat 0 -20px }
a.allmenu:active { width:76px; background: transparent url(/static/image/btn/btn_allmenu.gif) no-repeat 0 -40px }

a.refusal { width:58px; background: transparent url(/static/image/btn/btn_refusal.gif) no-repeat 0 0 }
a.refusal:hover { width:58px; background: transparent url(/static/image/btn/btn_refusal.gif) no-repeat 0 -20px }
a.refusal:active { width:58px; background: transparent url(/static/image/btn/btn_refusal.gif) no-repeat 0 -40px }

a.add { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add.gif) no-repeat 0 0 }
a.add:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add.gif) no-repeat 0 -20px }
a.add:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add.gif) no-repeat 0 -40px }

a.approve { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve.gif) no-repeat 0 0 }
a.approve:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve.gif) no-repeat 0 -20px }
a.approve:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve.gif) no-repeat 0 -40px }

a.approve2 { width:55px; height:20px; background: transparent url(/static/image/btn/btn_approve2.gif) no-repeat 0 0 }
a.approve2:hover { width:55px; height:20px; background: transparent url(/static/image/btn/btn_approve2.gif) no-repeat 0 -20px }
a.approve2:active { width:55px; height:20px; background: transparent url(/static/image/btn/btn_approve2.gif) no-repeat 0 -40px }

a.approve3 { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve3.gif) no-repeat 0 0 }
a.approve3:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve3.gif) no-repeat 0 -20px }
a.approve3:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_approve3.gif) no-repeat 0 -40px }

a.addfile { width:40px; height:20px; background: transparent url(/static/image/btn/btn_addfile.gif) no-repeat 0 0 }
a.addfile:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_addfile.gif) no-repeat 0 -20px }
a.addfile:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_addfile.gif) no-repeat 0 -40px }

a.delete { width:40px; height:20px; background: transparent url(/static/image/btn/btn_delete.gif) no-repeat 0 0 }
a.delete:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_delete.gif) no-repeat 0 -20px }
a.delete:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_delete.gif) no-repeat 0 -40px }

a.up { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up.gif) no-repeat 0 0 }
a.up:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up.gif) no-repeat 0 -20px }
a.up:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up.gif) no-repeat 0 -40px }

a.down { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down.gif) no-repeat 0 0 }
a.down:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down.gif) no-repeat 0 -20px }
a.down:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down.gif) no-repeat 0 -40px }

a.up_blue { width:40px; height:20px; height:20px; background: transparent url(/static/image/btn/btn_up_blue.gif) no-repeat 0 0 }
a.up_blue:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up_blue.gif) no-repeat 0 -20px }
a.up_blue:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up_blue.gif) no-repeat 0 -40px }

a.down_blue { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down_blue.gif) no-repeat 0 0 }
a.down_blue:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down_blue.gif) no-repeat 0 -20px }
a.down_blue:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_down_blue.gif) no-repeat 0 -40px }

a.add_blue { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_blue.gif) no-repeat 0 0 }
a.add_blue:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_blue.gif) no-repeat 0 -20px }
a.add_blue:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_blue.gif) no-repeat 0 -40px }

a.up_gray { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up_gray.gif) no-repeat 0 0 }
a.up_gray:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up_gray.gif) no-repeat 0 -20px }
a.up_gray:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_up_gray.gif) no-repeat 0 -40px }

a.down_gray { width:48px; height:20px; background: transparent url(/static/image/btn/btn_down_gray.gif) no-repeat 0 0 }
a.down_gray:hover { width:48px; height:20px; background: transparent url(/static/image/btn/btn_down_gray.gif) no-repeat 0 -20px }
a.down_gray:active { width:48px; height:20px; background: transparent url(/static/image/btn/btn_down_gray.gif) no-repeat 0 -40px }

a.add_gray { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_gray.gif) no-repeat 0 0 }
a.add_gray:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_gray.gif) no-repeat 0 -20px }
a.add_gray:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_add_gray.gif) no-repeat 0 -40px }

a.print { width:40px; height:20px; background: transparent url(/static/image/btn/btn_print2.gif) no-repeat 0 0 }
a.print:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_print2.gif) no-repeat 0 -20px }
a.print:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_print2.gif) no-repeat 0 -40px }

/* psh 0517 */
a.btn_end { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end.gif) no-repeat 0 0 }
a.btn_end:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end.gif) no-repeat 0 -20px }
a.btn_end:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end.gif) no-repeat 0 -40px }

a.btn_end2 { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end2.gif) no-repeat 0 0 }
a.btn_end2:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end2.gif) no-repeat 0 -20px }
a.btn_end2:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_end2.gif) no-repeat 0 -40px }

a.btn_stop { width:40px; height:20px; background: transparent url(/static/image/btn/btn_stop.gif) no-repeat 0 0 }
a.btn_stop:hover { width:40px; height:20px; background: transparent url(/static/image/btn/btn_stop.gif) no-repeat 0 -20px }
a.btn_stop:active { width:40px; height:20px; background: transparent url(/static/image/btn/btn_stop.gif) no-repeat 0 -40px }

a.excel { width:78px; background: transparent url(/static/image/btn/btn_excel.gif) no-repeat 0 0 }
a.excel:hover { width:78px; background: transparent url(/static/image/btn/btn_excel.gif) no-repeat 0 -20px }
a.excel:active { width:78px; background: transparent url(/static/image/btn/btn_excel.gif) no-repeat 0 -40px }

a.prevpage { width:68px; background: transparent url(/static/image/btn/btn_prevpage.gif) no-repeat 0 0 }
a.prevpage:hover { width:68px; background: transparent url(/static/image/btn/btn_prevpage.gif) no-repeat 0 -20px }
a.prevpage:active { width:68px; background: transparent url(/static/image/btn/btn_prevpage.gif) no-repeat 0 -40px }

a.nextpage { width:68px; background: transparent url(/static/image/btn/btn_nextpage.gif) no-repeat 0 0 }
a.nextpage:hover { width:68px; background: transparent url(/static/image/btn/btn_nextpage.gif) no-repeat 0 -20px }
a.nextpage:active { width:68px; background: transparent url(/static/image/btn/btn_nextpage.gif) no-repeat 0 -40px }
/* psh 0517 */

a.temporarySave { width:59px; background: transparent url(/static/image/btn/btn_temporarySave.gif) no-repeat 0 0 }
a.temporarySave:hover { width:59px; background: transparent url(/static/image/btn/btn_temporarySave.gif) no-repeat 0 -20px }
a.temporarySave:active { width:59px; background: transparent url(/static/image/btn/btn_temporarySave.gif) no-repeat 0 -40px }

a.nextstep { width:59px; background: transparent url(/static/image/btn/btn_nextstep.gif) no-repeat 0 0 }
a.nextstep:hover { width:59px; background: transparent url(/static/image/btn/btn_nextstep.gif) no-repeat 0 -20px }
a.nextstep:active { width:59px; background: transparent url(/static/image/btn/btn_nextstep.gif) no-repeat 0 -40px }
/* psh 0518 */

a.overlap { width:59px; background: transparent url(/static/image/btn/btn_overlap.gif) no-repeat 0 0 }
a.overlap:hover { width:59px; background: transparent url(/static/image/btn/btn_overlap.gif) no-repeat 0 -20px }
a.overlap:active { width:59px; background: transparent url(/static/image/btn/btn_overlap.gif) no-repeat 0 -40px }

a.close { width:36px; background: transparent url(/static/image/btn/btn_close.gif) no-repeat 0 0 }
a.close:hover { width:36px; background: transparent url(/static/image/btn/btn_close.gif) no-repeat 0 -20px }
a.close:active { width:36px; background: transparent url(/static/image/btn/btn_close.gif) no-repeat 0 -40px }
/* psh 0523 */

a.okbtn { width:36px; background: transparent url(/static/image/btn/btn_ok.gif) no-repeat 0 0 }
a.okbtn:hover { width:36px; background: transparent url(/static/image/btn/btn_ok.gif) no-repeat 0 -20px }
a.okbtn:active { width:36px; background: transparent url(/static/image/btn/btn_ok.gif) no-repeat 0 -40px }

a.submitbtn { width:40px; background: transparent url(/static/image/btn/btn_submitbtn.gif) no-repeat 0 0 }
a.submitbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_submitbtn.gif) no-repeat 0 -20px }
a.submitbtn:active { width:40px; background: transparent url(/static/image/btn/btn_submitbtn.gif) no-repeat 0 -40px }

a.cancelbtn { width:40px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat 0 0 }
a.cancelbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat 0 -20px }
a.cancelbtn:active { width:40px; background: transparent url(/static/image/btn/btn_cancel.gif) no-repeat 0 -40px }

a.receive { width:40px; background: transparent url(/static/image/btn/btn_receive.gif) no-repeat 0 0 }
a.receive:hover { width:40px; background: transparent url(/static/image/btn/btn_receive.gif) no-repeat 0 -20px }
a.receive:active { width:40px; background: transparent url(/static/image/btn/btn_receive.gif) no-repeat 0 -40px }

a.approval { width:40px; background: transparent url(/static/image/btn/btn_approval.gif) no-repeat 0 0 }
a.approval:hover { width:40px; background: transparent url(/static/image/btn/btn_approval.gif) no-repeat 0 -20px }
a.approval:active { width:40px; background: transparent url(/static/image/btn/btn_approval.gif) no-repeat 0 -40px }

a.approvalUp { width:59px; background: transparent url(/static/image/btn/btn_approvalUp.gif) no-repeat 0 0 }
a.approvalUp:hover { width:59px; background: transparent url(/static/image/btn/btn_approvalUp.gif) no-repeat 0 -20px }
a.approvalUp:active { width:59px; background: transparent url(/static/image/btn/btn_approvalUp.gif) no-repeat 0 -40px }

a.prevblue { width:40px; background: transparent url(/static/image/btn/btn_prev_blue.gif) no-repeat 0 0 }
a.prevblue:hover { width:40px; background: transparent url(/static/image/btn/btn_prev_blue.gif) no-repeat 0 -20px }
a.prevblue:active { width:40px; background: transparent url(/static/image/btn/btn_prev_blue.gif) no-repeat 0 -40px }

a.nextblue { width:40px; background: transparent url(/static/image/btn/btn_next_blue.gif) no-repeat 0 0 }
a.nextblue:hover { width:40px; background: transparent url(/static/image/btn/btn_next_blue.gif) no-repeat 0 -20px }
a.nextblue:active { width:40px; background: transparent url(/static/image/btn/btn_next_blue.gif) no-repeat 0 -40px }

a.prevstep { width:59px; background: transparent url(/static/image/btn/btn_prevstep.gif) no-repeat 0 0 }
a.prevstep:hover { width:59px; background: transparent url(/static/image/btn/btn_prevstep.gif) no-repeat 0 -20px }
a.prevstep:active { width:59px; background: transparent url(/static/image/btn/btn_prevstep.gif) no-repeat 0 -40px }

a.applicationbtn { width:36px; background: transparent url(/static/image/btn/btn_applicationbtn.gif) no-repeat 0 0 }
a.applicationbtn:hover { width:36px; background: transparent url(/static/image/btn/btn_applicationbtn.gif) no-repeat 0 -20px }
a.applicationbtn:active { width:36px; background: transparent url(/static/image/btn/btn_applicationbtn.gif) no-repeat 0 -40px }

a.midtermSave{ width:59px; background: transparent url(/static/image/btn/btn_midtermSave.gif) no-repeat 0 0 }
a.midtermSave:hover { width:59px; background: transparent url(/static/image/btn/btn_midtermSave.gif) no-repeat 0 -20px }
a.midtermSave:active { width:59px; background: transparent url(/static/image/btn/btn_midtermSave.gif) no-repeat 0 -40px }

a.entrust { width:40px; background: transparent url(/static/image/btn/btn_entrust.gif) no-repeat 0 0 }
a.entrust:hover { width:40px; background: transparent url(/static/image/btn/btn_entrust.gif) no-repeat 0 -20px }
a.entrust:active { width:40px; background: transparent url(/static/image/btn/btn_entrust.gif) no-repeat 0 -40px }

a.signbtn { width:40px; background: transparent url(/static/image/btn/btn_sign.gif) no-repeat 0 0 }
a.signbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_sign.gif) no-repeat 0 -20px }
a.signbtn:active { width:40px; background: transparent url(/static/image/btn/btn_sign.gif) no-repeat 0 -40px }

a.choicedelete { width:59px; background: transparent url(/static/image/btn/btn_choicedelete.gif) no-repeat 0 0 }
a.choicedelete:hover { width:59px; background: transparent url(/static/image/btn/btn_choicedelete.gif) no-repeat 0 -20px }
a.choicedelete:active { width:59px; background: transparent url(/static/image/btn/btn_choicedelete.gif) no-repeat 0 -40px }

a.sendbtn { width:40px; background: transparent url(/static/image/btn/btn_send.gif) no-repeat 0 0 }
a.sendbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_send.gif) no-repeat 0 -20px }
a.sendbtn:active { width:40px; background: transparent url(/static/image/btn/btn_send.gif) no-repeat 0 -40px }

a.reset_dark { width:70px; height:23px; background: transparent url(/static/image/btn/btn_reset_dark.gif) no-repeat 0 0 }
a.reset_dark:hover { width:70px; background: transparent url(/static/image/btn/btn_reset_dark.gif) no-repeat 0 -23px }
a.reset_dark:active { width:70px; background: transparent url(/static/image/btn/btn_reset_dark.gif) no-repeat 0 -46px }

a.search_dark { width:70px; height:23px; background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 0 }
a.search_dark:hover { width:70px; background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 -23px }
a.search_dark:active { width:70px; background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 -46px }

.search_dark2 { display:block; width:70px; height:23px; background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 0; cursor:pointer }
.search_dark2 input { overflow:visible; width:100%; height:23px; padding:1px; font-size:0; line-height:0; border:0 none; background:transparent; cursor:pointer }
.search_dark2:hover { background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 -23px }
.search_dark2:active { background: transparent url(/static/image/btn/btn_search_dark.gif) no-repeat 0 -46px }

a.findbtn { width:40px; background: transparent url(/static/image/btn/btn_find.gif) no-repeat 0 0 }
a.findbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_find.gif) no-repeat 0 -20px }
a.findbtn:active { width:40px; background: transparent url(/static/image/btn/btn_find.gif) no-repeat 0 -40px }

a.choosebtn { width:40px; background: transparent url(/static/image/btn/btn_choosebtn.gif) no-repeat 0 0 }
a.choosebtn:hover { width:40px; background: transparent url(/static/image/btn/btn_choosebtn.gif) no-repeat 0 -20px }
a.choosebtn:active { width:40px; background: transparent url(/static/image/btn/btn_choosebtn.gif) no-repeat 0 -40px }

a.crisisbtn { width:75px; background: transparent url(/static/image/btn/btn_crisis.gif) no-repeat 0 0 }
a.crisisbtn:hover { width:75px; background: transparent url(/static/image/btn/btn_crisis.gif) no-repeat 0 -20px }
a.crisisbtn:active { width:75px; background: transparent url(/static/image/btn/btn_crisis.gif) no-repeat 0 -40px }

a.resolvebtn { width:55px; background: transparent url(/static/image/btn/btn_resolve.gif) no-repeat 0 0 }
a.resolvebtn:hover { width:55px; background: transparent url(/static/image/btn/btn_resolve.gif) no-repeat 0 -20px }
a.resolvebtn:active { width:55px; background: transparent url(/static/image/btn/btn_resolve.gif) no-repeat 0 -40px }

a.sendmailbtn { width:55px; background: transparent url(/static/image/btn/btn_sendmail.gif) no-repeat 0 0 }
a.sendmailbtn:hover { width:55px; background: transparent url(/static/image/btn/btn_sendmail.gif) no-repeat 0 -20px }
a.sendmailbtn:active { width:55px; background: transparent url(/static/image/btn/btn_sendmail.gif) no-repeat 0 -40px }

a.reportbtn { width:65px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat 0 0 }
a.reportbtn:hover { width:65px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat 0 -20px }
a.reportbtn:active { width:65px; background: transparent url(/static/image/btn/btn_report.gif) no-repeat 0 -40px }

a.selectbtn { width:40px; background: transparent url(/static/image/btn/btn_select.gif) no-repeat 0 0 }
a.selectbtn:hover { width:40px; background: transparent url(/static/image/btn/btn_select.gif) no-repeat 0 -20px }
a.selectbtn:active { width:40px; background: transparent url(/static/image/btn/btn_select.gif) no-repeat 0 -40px }

a.applicationform{ width:75px; background: transparent url(/static/image/btn/btn_applicationform.gif) no-repeat 0 0 }
a.applicationform:hover { width:75px; background: transparent url(/static/image/btn/btn_applicationform.gif) no-repeat 0 -20px }
a.applicationform:active { width:75px; background: transparent url(/static/image/btn/btn_applicationform.gif) no-repeat 0 -40px }

a.ok_gray{ width:40px; background: transparent url(/static/image/btn/btn_ok_gray.gif) no-repeat 0 0 }
a.ok_gray:hover { width:40px; background: transparent url(/static/image/btn/btn_ok_gray.gif) no-repeat 0 -20px }
a.ok_gray:active { width:40px; background: transparent url(/static/image/btn/btn_ok_gray.gif) no-repeat 0 -40px }

a.previewbtn{ width:55px; background: transparent url(/static/image/btn/btn_preview.gif) no-repeat 0 0 }
a.previewbtn:hover { width:55px; background: transparent url(/static/image/btn/btn_preview.gif) no-repeat 0 -20px }
a.previewbtn:active { width:55px; background: transparent url(/static/image/btn/btn_preview.gif) no-repeat 0 -40px }

a.request1btn{ width:85px; background: transparent url(/static/image/btn/btn_request1.gif) no-repeat 0 0 }
a.request1btn:hover { width:85px; background: transparent url(/static/image/btn/btn_request1.gif) no-repeat 0 -20px }
a.request1btn:active { width:85px; background: transparent url(/static/image/btn/btn_request1.gif) no-repeat 0 -40px }

a.delapplybtn{ width:55px; background: transparent url(/static/image/btn/btn_delapply.gif) no-repeat 0 0 }
a.delapplybtn:hover { width:55px; background: transparent url(/static/image/btn/btn_delapply.gif) no-repeat 0 -20px }
a.delapplybtn:active { width:55px; background: transparent url(/static/image/btn/btn_delapply.gif) no-repeat 0 -40px }

/* button tab */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Dotum, Sans-serif; white-space:nowrap; background:url(/static/image/btn/btn2.gif) no-repeat; vertical-align:top; overflow:visible; color:#000 }
.button { margin-right:4px }
.button * { left:4px; cursor:pointer; _cursor:hand }
.button.tab1,
.tab1 *{ height:21px; line-height:21px }
.tab { position:relative; width:100%; }
.tab ul { overflow:hidden; width:100%; padding:0 0 11px 0; background:url(/static/image/common/bg_compositionInfo.gif) repeat-x 0 0 }
.tab li { float:left; padding:0 2px 0 0; font-weight:bold }
.tab p { position:absolute; top:-2px; right:0 }
.tab p span a { margin-right:2px }
.tab p span span { margin-left:0 }
.tab a.button span img.ico_NewBtn { left:0; width:9px; height:9px; padding:5px 0 7px 3px; vertical-align:middle; background:none }/* 2011-08-19 : cgm - add */
.button.tab1 { background-position:left -183px }
.button.tab1 * { padding:0 20px 0 15px; font-weight:bold; font-size:11px; font-family:dotum; color:#888; line-height:21px; letter-spacing:0px; background-position:right -183px }/* letter-spacing:-1px; */
a.button.tab1.tabOn,
a.button.tab1:hover,
a.button.tab1:focus,
a.button.tab1:active{ color:#13B3E8; background-position:left -205px }
a.button.tab1.tabOn span,
a.button.tab1:hover span,
a.button.tab1:focus span,
a.button.tab1:active span{ color:#13B3E8; background-position:right -205px }
.button.strong * { font-weight:bold !important }

/* btn_pack */
.btn_pack,
.btn_pack a,
.btn_pack input,
.btn_pack span{ display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(/static/image/btn/btn_a3pack.gif) no-repeat;font-size:12px;font-family: 맑은 고딕, Sans-serif;color:#444;text-decoration:none !important;vertical-align:top;white-space:nowrap }
.btn_pack{ margin-right:4px }
.btn_pack a, 
.btn_pack input, 
.btn_pack span{ left:4px;cursor:pointer;_cursor:hand }
.btn_pack.bt_dotted,
.btn_pack.bt_dotted a,
.btn_pack.bt_dotted input,
.btn_pack.bt_dotted span{ height:20px;line-height:100%; color:#408eb4 !important }
.btn_pack.bt_dotted2,
.btn_pack.bt_dotted2 a,
.btn_pack.bt_dotted2 input,
.btn_pack.bt_dotted2 span{ height:20px;line-height:100%; color:#5967a3 !important }
.btn_pack.bt_dark,
.btn_pack.bt_dark a,
.btn_pack.bt_dark input,
.btn_pack.bt_dark span{ height:20px;line-height:100%; color:#5967a3 }
.btn_pack.bt_violet,
.btn_pack.bt_violet a,
.btn_pack.bt_violet input,
.btn_pack.bt_violet span{ height:20px;line-height:100% }
.btn_pack.bt_base,
.btn_pack.bt_base a,
.btn_pack.bt_base input,
.btn_pack.bt_base span{ height:20px; line-height:100% }
.btn_pack.bt_black,
.btn_pack.bt_black a,
.btn_pack.bt_black input,
.btn_pack.bt_black span{ height:20px; line-height:100% }
.btn_pack.bt_gray,
.btn_pack.bt_gray a,
.btn_pack.bt_gray input,
.btn_pack.bt_gray span{ height:20px; line-height:100% }
.btn_pack.bt_allblack,
.btn_pack.bt_allblack a,
.btn_pack.bt_allblack input,
.btn_pack.bt_allblack span{ height:20px; line-height:100% }
.btn_pack.bt_s_violet,
.btn_pack.bt_s_violet a,
.btn_pack.bt_s_violet input,
.btn_pack.bt_s_violet span{ height:14px; line-height:100% }
.btn_pack.bt_s_violet,
.btn_pack.bt_magenta a,
.btn_pack.bt_magenta input,
.btn_pack.bt_magenta span{ height:20px; line-height:100% }
.btn_pack.bt_violet_black a,
.btn_pack.bt_violet_black input,
.btn_pack.bt_violet_black span{ height:20px; line-height:100% }
.btn_pack.lv_gre a,
.btn_pack.lv_gre input,
.btn_pack.lv_gre span,
.btn_pack.lv_blu a,
.btn_pack.lv_blu input,
.btn_pack.lv_blu span,
.btn_pack.lv_yel a,
.btn_pack.lv_yel input,
.btn_pack.lv_yel span,
.btn_pack.lv_ora a,
.btn_pack.lv_ora input,
.btn_pack.lv_ora span,
.btn_pack.lv_red a,
.btn_pack.lv_red input,
.btn_pack.lv_red span,
.btn_pack.lv_gra a,
.btn_pack.lv_gra input,
.btn_pack.lv_gra span{ height:16px; line-height:100% }
.btn_pack.bt_gBlack a,
.btn_pack.bt_gBlack input,
.btn_pack.bt_gBlack span{ height:16px; line-height:100% }
.btn_pack.bt_dotted{ background-position:left 0 }
.btn_pack.bt_dotted2{ background-position:left -190px }
.btn_pack.bt_dark{ background-position:left -30px }
.btn_pack.bt_violet{ background-position:left -65px }
.btn_pack.bt_base{ background-position:left -106px }
.btn_pack.bt_black{ background-position:left -231px }
.btn_pack.bt_gray{ background-position:left -273px }
.btn_pack.bt_allblack{ background-position:left -313px }
.btn_pack.bt_s_violet{ background-position:left -350px }
.btn_pack.bt_magenta{ background-position:left -385px }
.btn_pack.bt_violet_black{ background-position:left -508px }
.btn_pack.lv_gre{ background-position:left -540px }
.btn_pack.lv_blu{ background-position:left -565px }
.btn_pack.lv_yel{ background-position:left -590px }
.btn_pack.lv_ora{ background-position:left -615px }
.btn_pack.lv_red{ background-position:left -640px }
.btn_pack.lv_gra{ background-position:left -665px }
.btn_pack.bt_gBlack{ background-position:left -690px }
.btn_pack.bt_dotted a,
.btn_pack.bt_dotted input,
.btn_pack.bt_dotted span{ padding:0 6px 0 2px;background-position:right top;font-size:11px }
.btn_pack.bt_dotted2 a,
.btn_pack.bt_dotted2 input,
.btn_pack.bt_dotted2 span{ padding:0 6px 0 2px;background-position:right -190px;font-size:11px }
.btn_pack.bt_dark a,
.btn_pack.bt_dark input,
.btn_pack.bt_dark span{ padding:0 6px 0 2px;background-position:right -30px;font-size:11px; color:#fff !important }
.btn_pack.bt_violet a,
.btn_pack.bt_violet input,
.btn_pack.bt_violet span{ padding:0 6px 0 2px;background-position:right -65px;font-size:11px; color:#fff !important }
.btn_pack.bt_base a,
.btn_pack.bt_base input,
.btn_pack.bt_base span{ padding:0 6px 0 2px;background-position:right -106px;font-size:11px }
.btn_pack.bt_black a,
.btn_pack.bt_black input,
.btn_pack.bt_black span{ height:20px; line-height:100%; color:#93cad6 !important; padding:0 6px 0 2px; background-position:right -231px; font-size:11px }
.btn_pack.bt_gray a,
.btn_pack.bt_gray input,
.btn_pack.bt_gray span{ height:20px; line-height:100%; color:#ebebeb !important; padding:0 6px 0 2px; background-position:right -273px; font-size:11px }
.btn_pack.bt_allblack a,
.btn_pack.bt_allblack input,
.btn_pack.bt_allblack span{ height:20px; line-height:100%; color:#93cad6 !important; padding:0 6px 0 2px; background-position:right -313px; font-size:11px }
.btn_pack.bt_s_violet a,
.btn_pack.bt_s_violet input,
.btn_pack.bt_s_violet span{ height:14px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -350px; font-size:11px }
.btn_pack.bt_magenta a,
.btn_pack.bt_magenta input,
.btn_pack.bt_magenta span{ height:20px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -385px; font-size:11px }
.btn_pack.bt_violet_black a,
.btn_pack.bt_violet_black input,
.btn_pack.bt_violet_black span{ height:20px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -508px; font-size:11px }
.btn_pack.lv_gre a,
.btn_pack.lv_gre input,
.btn_pack.lv_gre span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -540px; font-size:11px }
.btn_pack.lv_blu a,
.btn_pack.lv_blu input,
.btn_pack.lv_blu span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -565px; font-size:11px }
.btn_pack.lv_yel a,
.btn_pack.lv_yel input,
.btn_pack.lv_yel span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -590px; font-size:11px }
.btn_pack.lv_ora a,
.btn_pack.lv_ora input,
.btn_pack.lv_ora span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -615px; font-size:11px }
.btn_pack.lv_red a,
.btn_pack.lv_red input,
.btn_pack.lv_red span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -640px; font-size:11px }
.btn_pack.lv_gra a,
.btn_pack.lv_gra input,
.btn_pack.lv_gra span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -665px; font-size:11px }
.btn_pack.bt_gBlack a,
.btn_pack.bt_gBlack input,
.btn_pack.bt_gBlack span{ height:16px; line-height:100%; color:#fff !important; padding:0 6px 0 2px; background-position:right -690px; font-size:11px }
.btn_pack a:hover,
.btn_pack a:active,
.btn_pack a:focus{ color:#444 }
.btn_pack.bt_base a:hover{ color:#006393 !important }
.btn_pack.bt_dotted a:hover{ color:#408eb4 }
.btn_pack.bt_dotted2 a:hover{ color:#5967a3 }
.btn_pack.bt_dark a:hover{ color:#003c3c !important }
.btn_pack.bt_violet a:hover{ color:#c4ccee !important }
.btn_pack.bt_black a:hover{ color:#93cad6 !important }
.btn_pack.bt_allblack a:hover{ color:#93cad6 !important }
.btn_pack.bt_s_violet a:hover{ color:#c4ccee !important }
.btn_pack.bt_magenta a:hover{ color:#c4ccee !important }
.btn_pack.bt_violet_black a:hover{ color:#c4ccee !important }
.btn_pack.strong a,
.btn_pack.strong input,
.btn_pack.strong span{ font-weight:bold !important }
.btn_pack.icon a{ padding-left:20px }
.btn_pack.bt_base.icon a{ padding-left:16px }
.btn_pack.icon span{ width:20px;margin-right:-20px;padding:0 !important }
.btn_pack.bt_dotted .check{ background-position:4px -152px }
.btn_pack.bt_dotted2 .check{ background-position:4px -152px }
.btn_pack.bt_dark .check{ background-position:4px -152px }
.btn_pack.bt_violet .check{ background-position:4px -152px }
.btn_pack.bt_base .check{ background-position:4px -152px }
.btn_pack.bt_dotted .add{ background-position:-16px -152px }
.btn_pack.bt_dotted2 .add{ background-position:-16px -152px }
.btn_pack.bt_dark .add{ background-position:-14px -152px }
.btn_pack.bt_violet .add{ background-position:-14px -152px }
.btn_pack.bt_base .add{ background-position:-18px -152px }
.btn_pack.bt_dotted .delete{ background-position:-34px -152px }
.btn_pack.bt_dotted2 .delete{ background-position:-34px -152px }
.btn_pack.bt_dark .delete{ background-position:-34px -152px }
.btn_pack.bt_violet .delete{ background-position:-34px -152px }
.btn_pack.bt_base .delete{ background-position:-37px -152px }
.btn_pack.bt_dotted .calendar{ background-position:-56px -152px }
.btn_pack.bt_dotted2 .calendar{ background-position:-56px -152px }
.btn_pack.bt_dark .calendar{ background-position:-56px -152px }
.btn_pack.bt_violet .calendar{ background-position:-56px -152px }
.btn_pack.bt_base .calendar{ background-position:-59px -152px }
.btn_pack.bt_dotted .refresh{ background-position:-76px -152px }
.btn_pack.bt_dotted2 .refresh{ background-position:-76px -152px }
.btn_pack.bt_dark .refresh{ background-position:-76px -152px }
.btn_pack.bt_violet .refresh{ background-position:-76px -152px }
.btn_pack.bt_base .refresh{ background-position:-79px -152px }
.btn_pack.bt_dotted .download{ background-position:-96px -152px }
.btn_pack.bt_dotted2 .download{ background-position:-96px -152px }
.btn_pack.bt_dark .download{ background-position:-96px -152px }
.btn_pack.bt_violet .download{ background-position:-96px -152px }
.btn_pack.bt_base .download{ background-position:-99px -152px }
.btn_pack a, .btn_pack a * { height:17px !important; padding-top:3px !important; zoom:1 }
.btn_pack a label { cursor:pointer; padding-top:0 !important }

span.bt_s_violet a, span.bt_s_violet a * { height:12px !important; padding-top:2px !important; zoom:1 }
span.bt_s_violet a, span.bt_s_violet a label { cursor:pointer }
span.bt_gBlack a, span.bt_gBlack a * { height:12px !important; padding-top:4px !important; zoom:1 }
span.bt_gBlack a, span.bt_gBlack a label { cursor:pointer }
span.bt_gBlack a { width:43px }
span.lv_gre span, 
span.lv_gre span *, 
span.lv_blu span, 
span.lv_blu span *, 
span.lv_yel span, 
span.lv_yel span *, 
span.lv_ora span, 
span.lv_ora span *, 
span.lv_red span, 
span.lv_red span *, 
span.lv_gra span, 
span.lv_gra span *{ height:13px !important; padding-top:3px !important; cursor:default; zoom:1 }
span.lv_gre span,
span.lv_blu span,
span.lv_yel span,
span.lv_ora span,
span.lv_red span,
span.lv_gra span{ width:43px }

/* tab2 */
.tab2_wrap { position:relative; overflow:hidden; width:100%; background:url(/static/image/securityCenter/bg_tab2.gif) repeat-x 0 100% }
.tab2_wrap li { float:left; margin:0; padding:0 1px 0 0 }
.tab2_wrap p { position:absolute; top:-2px; right:0 }
.tab2_wrap p span a { margin-right:2px }
.tab2_wrap p span span { margin-left:0 }

.btn_pack.tab2 { background-position:left -426px }
.btn_pack.tab2 *{ padding:0 20px 0 15px; font-weight:bold; font-size:11px; font-family:dotum; color:#555; line-height:20px; letter-spacing:0px; background-position:right -426px }
a.btn_pack.tab2 { background-position:left -426px }
a.btn_pack.tab2 *{ background-position:right -426px }

.btn_pack.tab2,
.btn_pack.tab2 a,
.btn_pack input{ background-position:left -467px }

a.btn_pack.tab2.current,
a.btn_pack.tab2:hover,
a.btn_pack.tab2:focus,
a.btn_pack.tab2:active{ background-position:left -467px }

.btn_pack.tab2 span{ padding:0 20px 0 15px; background-position:right -426px;font-size:11px; color:#444 !important }
a.btn_pack.tab2.current span,
a.btn_pack.tab2:hover span,
a.btn_pack.tab2:focus span,
a.btn_pack.tab2:active span{ color:#fff !important; background-position:right -467px }