/*############################################################################## CREATE DATE : 2008. 01. 15 오전 04:10:44 ENCODING : UTF-8 POWERED BY : ⓒ2007 THEPAPER™ -------------------------------------------------------------------------------- [ SVN REVISION INFORMATION ] $Rev: 154 $ $Date: 2008-07-23 15:45:55 +0900 (수, 23 7월 2008) $ -------------------------------------------------------------------------------- [ FILE DISCRIPTION ] TPI LIB CSS -------------------------------------------------------------------------------- [ STRUCTURE & REFERENCE ] ##############################################################################*/ /* 형식 정의 */ .bl_no{display:block;float:none;} /* 블록+정렬없음 */ .bl_lt{display:block;float:left;} /* 블록+좌측정렬 */ .bl_rt{display:block;float:right;} /* 블록+우측정렬 */ .bg_nr{background-repeat:no-repeat;}/* 백그라운드+반복없음 */ .bg_rx{background-repeat:repeat-x;}/* 백그라운드+가로반복 */ .bg_ry{background-repeat:repeat-y;}/* 백그라운드+세로반복 */ /* div를 이용한 상하 간격 띄우기 */ .spacerH_5{width:10px;height:5px;font-size:1px;} .spacerH_10{width:10px;height:10px;font-size:1px;} .spacerH_15{width:10px;height:15px;font-size:1px;} .spacerH_20{width:10px;height:20px;font-size:1px;} .spacerH_25{width:10px;height:25px;font-size:1px;} .spacerH_30{width:10px;height:30px;font-size:1px;} .spacerH_35{width:10px;height:35px;font-size:1px;} .spacerH_40{width:10px;height:40px;font-size:1px;} .spacerH_45{width:10px;height:45px;font-size:1px;} .spacerH_50{width:10px;height:50px;font-size:1px;} /* div를 이용한 좌우 간격 띄우기 */ .spacerW_5{width:5px;height:10px;font-size:1px;} .spacerW_10{width:10px;height:10px;font-size:1px;} .spacerW_15{width:15px;height:10px;font-size:1px;} .spacerW_20{width:20px;height:10px;font-size:1px;} .spacerW_25{width:25px;height:10px;font-size:1px;} .spacerW_30{width:30px;height:10px;font-size:1px;} .spacerW_35{width:35px;height:10px;font-size:1px;} .spacerW_40{width:40px;height:10px;font-size:1px;} .spacerW_45{width:45px;height:10px;font-size:1px;} .spacerW_50{width:50px;height:10px;font-size:1px;} /* TPI.Button */ .TPI_Button{display:block; background-color:#FFF3CB; color:#525B63; font-size:11px; text-align:center; position:relative;} .TPI_Button:hover{display:block; background-color:#525B63; color:#FFF3CB; font-size:11px; text-align:center; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_Button_F{/* 버튼 덩어리 전체 */} .TPI_def_Button_T{/* 버튼 덩어리 안쪽 테이블 */} .TPI_def_Button_L{/* 버튼 왼쪽 */} .TPI_def_Button_LC{/* 버튼 연속형 왼쪽 */} .TPI_def_Button_M{/* 버튼 중간 */} .TPI_def_Button_MC{/* 버튼 연속형 중간 */} .TPI_def_Button_R{/* 버튼 오른쪽 */} .TPI_def_Button_RC{/* 버튼 연속형 오른쪽 */} .TPI_def_Button_S{/* 패턴형이 아닐때 버튼 페이스 */} /* TPI.Input */ .TPI_Input{display:block; background-color:#FFF3CB; color:#525B63; font-size:11px; text-align:center; position:relative;} .TPI_Input:hover{display:block; background-color:#525B63; color:#FFF3CB; font-size:11px; text-align:center; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_Input_F{/* 인풋 덩어리 전체 */} .TPI_def_Input_T{/* 인풋 덩어리 안쪽 테이블 */} .TPI_def_Input_L{/* 인풋 왼쪽 */} .TPI_def_Input_M{/* 인풋 중간 */} .TPI_def_Input_R{/* 인풋 오른쪽 */} .TPI_def_Input_I{/* 인풋 실제필드 */} /* TPI.File */ .TPI_File{display:block; background-color:#FFF3CB; color:#525B63; font-size:11px; text-align:center; position:relative;} .TPI_File:hover{display:block; background-color:#525B63; color:#FFF3CB; font-size:11px; text-align:center; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_File_F{/* 파일 덩어리 전체 */} .TPI_def_File_T{/* 파일 덩어리 안쪽 테이블 */} .TPI_def_File_L{/* 파일 왼쪽 */} .TPI_def_File_M{/* 파일 중간 */} .TPI_def_File_R{/* 파일 오른쪽 */} /* TPI.Select */ .TPI_Select{display:block; background-color:#FFF3CB; color:#525B63; font-size:11px; text-align:center; position:relative;} .TPI_Select:hover{display:block; background-color:#525B63; color:#FFF3CB; font-size:11px; text-align:center; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_Select_F{/* 인풋 덩어리 전체 */} .TPI_def_Select_T{/* 인풋 덩어리 안쪽 테이블 */} .TPI_def_Select_L{/* 인풋 왼쪽 */} .TPI_def_Select_IO{/* 인풋 중간 */} .TPI_def_Select_R{/* 인풋 오른쪽 */} .TPI_def_Select_OL_D{/* 옵션 리스트 첫번재 항목:설명 */ background-color:#FFFFFF; text-align:center; font-size:11px; color:#A1A5A9; } .TPI_def_Select_OL_E{/* 옵션 리스트 실제 항목:실제 옵션들 */ background-color:#FFFFFF; text-align:left; font-size:11px; color:#333333; padding-left:3px; } .TPI_def_Select_OL_EA{/* 옵션 리스트 실제 항목 마우스 오버:실제 옵션들 */ background-color:#525B63; text-align:left; font-size:11px; font-weight:bold; color:#FFFFFF; padding-left:3px; } .TPI_def_Select_OL_S{/* 옵션 리스트 실제 항목:현재 선택된 값 */ background-color:#EAEAEA; text-align:left; font-size:11px; font-weight:bold; color:#666666; padding-left:3px; } /* TPI.Checkbox */ .TPI_Checkbox{display:block; background-color:#FFF3CB; color:#525B63; position:relative;} .TPI_Checkbox:hover{display:block; background-color:#525B63; color:#FFF3CB; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_Checkbox_F{/* 첵박 덩어리 전체 */} /* TPI.RadioButton */ .TPI_RadioButton{display:block; background-color:#FFF3CB; color:#525B63; position:relative;} .TPI_RadioButton:hover{display:block; background-color:#525B63; color:#FFF3CB; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_RadioButton_F{/* 라디오 덩어리 전체 */} .TPI_def_RadioButton_Label{/* 라디오버튼 라벨 스타일 */} .TPI_def_RadioButton_Image{/* 라디오버튼 이미지div가 속한 TD 스타일 */} /* TPI.Switch */ .TPI_Switch{display:block; background-color:#FFF3CB; color:#525B63; position:relative;} .TPI_Switch:hover{display:block; background-color:#525B63; color:#FFF3CB; position:relative;} /* defaults : TPI.Skin.default : "TPI_def"이후 부분은 고정으로 할것! */ .TPI_def_Switch_F{/* 스위치 덩어리 전체 */} /* TPI.ColorPicker */ .TPI_ColorPicker{display:block; width:145px; height:20px; background-color:#FFF3CB; color:#525B63; position:relative;} /* 툴팁용 */ .Tt_Disable{font-size:11px;color:#FFBD6F;} /* TPI.TreeControll */ .TreeControll_tree li{list-style-type:none; padding:0; margin:5px 0px;} .TreeControll_tree ul{padding:0; margin:0; padding-left:15px;} .TreeControll_tree a{font-size:13px; font-weight:bold; vertical-align:middle;} .TreeControll_tree img{margin-right:3px; vertical-align:middle; cursor:pointer;} .TreeControll_tree_node_handle{cursor:pointer;} .TreeControll_tree_dropon_node > .TreeControll_tree_node_handle{border-right:1px #FF3000 solid; border-bottom:1px #FF3000 solid;} /* 노드 내부에 넣기 */ .TreeControll_tree_dropafter_node > .TreeControll_tree_node_handle{border-right-color:#FFFFFF;} /* 노드 상하위 조정 하기 */