ebid/web/css/buyer/style_popup.css

/**
 * 업무 화면 디자인 CSS
 **/
 
BODY {
    SCROLLBAR-3DLIGHT-COLOR     : #595959;
    SCROLLBAR-ARROW-COLOR       : #FFFFFF;
    SCROLLBAR-BASE-COLOR        : #CFCFCF;
    SCROLLBAR-DARKSHADOW-COLOR  : #FFFFFF;
    SCROLLBAR-FACE-COLOR        : #CFCFCF;
    SCROLLBAR-HIGHLIGHT-COLOR   : #FFFFFF;
    SCROLLBAR-SHADOW-COLOR      : #595959;
	background-color            : #FFFFFF;
	padding                     : 0 0 0 0;
}

#title{ padding-top:10px; padding-bottom: 10px;}
#title ul{ margin:0; padding:0; display: inline-block; line-height:26px; background-image:url(/img/buyer/template/sys_title_bg.gif); background-repeat:no-repeat; width:363px}
#title ul li{ display:inline;font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:25px; font-weight:bold;}

/**
 *
 */
table.search-form-table {
	width: 100%;
	text-align: left;
	background-color: #C8CAC9;
	font-size: 12px;
	font-weight: bold;
	border-spacing: 1px;
}

table.search-form-table th {
	background: url("/img/buyer/button/bullet_01.gif") no-repeat;
	background-position: 4px 9px;
	background-color: #e8f2f4;
	color: #545766;
	font-weight: bold;
	height: 25px;
	padding-left: 12px;
	text-align: left;
}

table.search-form-table td {
	background-color: #FEFEFE;
	padding: 1px 1px 1px 4px;
}

table.search-form-table td.button {
	text-align: center;
	font-weight: normal;
}

TABLE.search_edge_table {
	width : 100%;
	background-color : #C3C3C3;
	cellpadding  : 0px;
	cellspacing  : 1px;
	
}

TABLE.insert_button_table {
	width        : 100%;
	cellpadding  : 0px;
	cellspacing  : 0px;
	align        : left;
}


TABLE.search_table {
	width : 100%;
	align : center;
	table-layout:fixed;
	background-color : #C3C3C3;
}

TABLE.data_table {
	width : 100%;
	align : center;
	table-layout:fixed;
	background-color : #C3C3C3;
}


TD {
    FONT-FAMILY                 : "굴림", "돋음", "Arial";
    FONT-SIZE                   : 9pt;
    COLOR                       : #222222;
    TEXT-DECORATION             : none;
}

TD.button_text1 {
	height:20;
    TEXT-INDENT      : 5px;
    FONT-FAMILY      : "굴림", "돋음", "Arial";
    FONT-SIZE        : 9pt;
    PADDING          : 0 0 0 0;
    COLOR            : #FFFFFF;
	font-weight      : bold;
	background-image: url(/img/buyer/button/bt.gif);
}

TD.button_text2 {
	height:20;
    TEXT-INDENT      : 5px;
    FONT-FAMILY      : "굴림", "돋음", "Arial";
    FONT-SIZE        : 9pt;
    PADDING          : 0 0 0 0;
    COLOR            : #FFFFFF;
	font-weight      : bold;
	background-image: url(/img/buyer/button/bt.gif);
}

SELECT {
	BACKGROUND-IMAGE    : url(/img/buyer/icon/required.gif);
	BACKGROUND-POSITION : top left;
	BACKGROUND-REPEAT   : no-repeat;
}

SELECT.required {
	BACKGROUND-IMAGE    : url(/img/buyer/icon/required.gif);
	BACKGROUND-POSITION : top left;
	BACKGROUND-REPEAT   : no-repeat;
}

/* 화면 타이틀의 테이블 */
.screen_title_table {
	width        : 100%;
	cellpadding  : 0px;
	cellspacing  : 0px;
	align        : center;
}

/* 화면 타이틀의 텍스트 속성 */
.screen_title_text {
	font-family : "굴림", "돋음", "Arial"; font-size:14px; font-weight:bold; color:black;
}

/* 검색 조건 - 검색 타이틀 영역 */
.search_table_title {
	background-color: #e1e0e0; text-indent: 5px; font-family:"돋움"; font-size:11px; color:#5e5e5e; font-weight:bold;
}

/* 검색 조건 - 검색 데이터 영역 */
.search_table_data {
	background-color : #FEFEFE;
}

/* 검색조건 영역과 검색버튼 영역을 구분하는 세로선 */
.search_table_vertical_line {
	width : 1px;
	background-color : #C3C3C3;
}

/* 검색버튼 영역 */
.search_button {
	background-color : #FEFEFE;
}

/* 검색버튼 DIV */
.button_style {
	CURSOR     : HAND;
	TEXT-ALIGN : CENTER;
}

.button_style1 {
	CURSOR     : HAND;
	TEXT-ALIGN : LEFT;
}
/* 버튼 좌측 */
.button_left1 {
	width : 10;
	height : 20;
	background-image: url(/img/buyer/button/bt_left_search.gif);
}

/* 버튼 좌측 */
.button_left2 {
	width : 10;
	height : 20;
	background-image: url(/img/buyer/button/bt_left_search.gif);
}

/* 버튼 우측 */
.button_right {
	width : 8;
	height : 20;
	background-image: url(/img/buyer/button/bt_right.gif);
}

/* 검색조건 가로 구분선 */
.search_table_horizon_line {
	height : 1px;
	background-image: url(/img/buyer/common/dot_cols.gif);
}

/* 검색조건 영역과 데이터 영역의 구분 간격 */
.search_data_div_height {
	width : 100%;
	height : 6px;
	background-color : #FFFFFF;
}

/*  */
.sheet_table_style{
	border : 0;
	width : 100%;
    border-spacing: 0px 0px ;
}


/* 입력 - 타이틀 영역 */
.insert_table_title {
	background-color : #e1e0e0;
    TEXT-INDENT      : 5px;
    COLOR       : #FFFFFF;
	background-color: #e1e0e0; text-indent: 5px; font-family:"돋움"; font-size:11px; color:#5e5e5e; font-weight:bold;
}



/*************/
/* 입력 폼 필드 */
/*************/

/* 일반 */
.input {
    FONT-FAMILY                 : "굴림"                          ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER                      : #6A6A6A                                   ;
    BORDER-STYLE                : solid                                     ;
    BORDER-TOP-WIDTH            : 1px                                       ;
    BORDER-RIGHT-WIDTH          : 1px                                       ;
    BORDER-BOTTOM-WIDTH         : 1px                                       ;
    BORDER-LEFT-WIDTH           : 1px                                       ;
    COLOR                       : #595A5A                                   ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 2px;
}


/* SELECT */
.input_select {
    /*behavior:url('/js/selectbox.htc')             ;*/
	FONT-SIZE: 9pt;
	COLOR: #666666;
	BACKGROUND-COLOR: #ffffff;
	border: 1px solid #B0B0B0;
	padding-right: 1px;
	padding-left: 1px;
	    
}

/* INPUT TAG Style size-1 를 해줘야 크기가 같다. */
.input_bold {
    FONT-FAMILY                 : "bold", "Arial"                         ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER                      : #6A6A6A                                   ;
    BORDER-STYLE                : solid                                     ;
    BORDER-TOP-WIDTH            : 1px                                       ;
    BORDER-RIGHT-WIDTH          : 1px                                       ;
    BORDER-BOTTOM-WIDTH         : 1px                                       ;
    BORDER-LEFT-WIDTH           : 1px                                       ;
    COLOR                       : #595A5A                                   ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 0.5px;
}

/* INPUT TAG Style */
.input_textarea {
    FONT-FAMILY                 : "굴림", "Arial"                 ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER                      : #6A6A6A                                   ;
    BORDER-STYLE                : solid                                     ;
    BORDER-TOP-WIDTH            : 1px                                       ;
    BORDER-RIGHT-WIDTH          : 1px                                       ;
    BORDER-BOTTOM-WIDTH         : 1px                                       ;
    BORDER-LEFT-WIDTH           : 1px                                       ;
    COLOR                       : #595A5A                                   ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 2px;
}

/* INPUT TAG Style */
.input_blank {
    FONT-FAMILY                 : "굴림", "Arial"                          ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER-STYLE                : solid                                     ;
    BORDER                      : 0px                                       ;
    COLOR                       : #595A5A                                   ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 2px;
}

/* INPUT TAG Style size-1 를 해줘야 크기가 같다.  */
.input_blank_bold {
    FONT-FAMILY                 : "bold", "Arial"                         ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER-STYLE                : solid                                     ;
    BORDER                      : 0px                                       ;
    COLOR                       : #595A5A                                   ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 0.5px;
}

.input_blank_title {
    FONT-FAMILY                 : "굴림", "Arial"                          ;
    FONT-SIZE                   : 9pt                                       ;
    BORDER-STYLE                : solid                                     ;
    BORDER                      : 0px                                       ;
    PADDING-LEFT                : 3px;
    PADDING-TOP                 : 2px;

    BACKGROUND-COLOR            : #5F86B6                                   ;
    COLOR                       : #ffffff                                   ;
}

/* 조직코드 입력 => 화면 높이에 맞추기 위해서 SELECT LIST 의 높이를 줄인 class */
.input_search_select_lowheight {
	border                      : 1 solid #224585                            ; 
	background-color            : #ffffff	                                 ; 
	font-size                   : 11px                                       ; 
	font-family                 : "돋움","돋움체","Arial"                      ; 
	color                       : #224585                                    ; 
	cursor                      : text                                       ;
	height                      : 15
}


/* popup */
.p_box{border:3px solid #336699;background-color:#fff;}
.p_cont { padding-top:12px; width:98%;}


#title_pop{margin-left:0; background-color:#6495d1; width:auto; } 
#title_pop ul{ margin:0; padding:0; display: inline-block; line-height:26px; background-image:url(/img/buyer/template/pop_up_title_bg.gif); background-repeat:no-repeat; width:100%;}
#title_pop ul li{ display:inline;font-size:12px; color:#ffffff; text-align:left; list-style:none; margin-left:25px; font-weight:bold;}
.icon_x{position:absolute;top:7px; right:5px; text-align:right}