@charset "utf-8";

/****************************************************************
  Ext 프레임 오버라이드 담당 CSS. 태그 수준 전역 스타일 지정 금지
 ****************************************************************/

/* icon set */
.x-icon-plus				{ background-image: url(./icon/plus.png) !important; }
.x-icon-minus				{ background-image: url(./icon/minus.png) !important; }
.x-icon-save				{ background-image: url(./icon/save.gif) !important; }
.x-icon-accept				{ background-image: url(./icon/accept.png) !important; }
.x-icon-select				{ background-image: url(./icon/accept.png) !important; }
.x-icon-excelupload			{ background-image: url(./icon/page_excel.png) !important; }
.x-icon-edit				{ background-image: url(./icon/edit.png) !important; }
.x-icon-view				{ background-image: url(./icon/application_go.png) !important; }

.x-icon-folder				{ background-image: url(./icon/folder.png) !important; }
.x-icon-file				{ background-image: url(./icon/file.png) !important; }
.x-icon-delete				{ background-image: url(./icon/delete.png) !important; }
.x-icon-upload				{ background-image: url(./icon/upload.png) !important; }
.x-icon-unzip				{ background-image: url(./icon/unzip.png) !important; }

.x-icon-print				{ background-image: url(./icon/print.png) !important; }
.x-icon-confirm				{ background-image: url(./icon/accept.png) !important; }
.x-icon-cancel				{ background-image: url(./icon/cancel.png) !important; }
.x-icon-search				{ background-image: url(./icon/search.png) !important; }
.x-icon-searchform			{ background-image: url(./icon/searchform.png) !important; }
.x-icon-reset				{ background-image: url(./icon/reset.png) !important; }
.x-icon-sort				{ background-image: url(./icon/sort.png) !important; }
.x-icon-refresh				{ background-image: url(./icon/refresh.png) !important; }
.x-icon-grid				{ background-image: url(./icon/grid.png) !important; }
.x-icon-online				{ background-image: url(./icon/online.png) !important; }
.x-icon-help				{ background-image: url(./icon/help.png) !important; }
.x-icon-page_save			{ background-image: url(./icon/page_save.png) !important; }
.x-icon-application_go		{ background-image: url(./icon/application_go.png) !important; }
.x-icon-excel				{ background-image: url(./icon/page_excel.png) !important; }

.x-icon-prev				{ background-image: url(./icon/tri-left.png) !important; }
.x-icon-next				{ background-image: url(./icon/tri-right.png) !important; }

.x-icon-tri-down			{ background-image: url(./icon/tri-down.png) !important; }
.x-icon-tri-left			{ background-image: url(./icon/tri-left.png) !important; }
.x-icon-tri-right			{ background-image: url(./icon/tri-right.png) !important; }
.x-icon-tri-up				{ background-image: url(./icon/tri-up.png) !important; }
.x-icon-tri-left-double		{ background-image: url(./icon/tri-left-double.png) !important; }
.x-icon-tri-right-double	{ background-image: url(./icon/tri-right-double.png) !important; }
.x-icon-tribar-down			{ background-image: url(./icon/tribar-down.png) !important; }
.x-icon-tribar-left			{ background-image: url(./icon/tribar-left.png) !important; }
.x-icon-tribar-right		{ background-image: url(./icon/tribar-right.png) !important; }
.x-icon-tribar-up			{ background-image: url(./icon/tribar-up.png) !important; }

.x-action-col-icon			{ height: 16px; width: 16px; margin-right: 4px; margin-left: 4px; }

.ux-filemanage-file			{ background-image: url(./icon/file_16.png) !important; }
.ux-filemanage-folder		{ background-image: url(./icon/folder_16.png) !important; }

.display-block			{ display: block; }

/* 페이징 버튼 오버라이드 */
.x-tbar-page-first

/* 스토어상태 infobar */
.store_status td {padding: 3px 5px; border-collapse:collapse; }
.x-create { background-color:#2C74D9; color:white; }
.x-update { background-color:#75AC4F; color:white; }
.x-remove { background-color:#FF3333; color:white; }
.x-status { background-color:#DDDDDD; color:black; font-weight: bold;}

/** splitter background color override */
/* .x-splitter-vertical{
    background-color: #157fcc;
} */

/* image data view */
.x-image-view{
    font: 11px Arial, Helvetica, sans-serif;
}
.x-image-view .thumb{
    padding:3px;
}

.x-image-view .thumb-wrap{
    float: left;
    margin: 4px;
    margin-right: 0;
    padding: 5px;
}
.x-image-view .thumb-wrap span{
    display: block;
    overflow: hidden;
    text-align: center;
    width: 120px; /* for ie to ensure that the text is centered */
}
.x-image-view .x-item-selected .thumb {
    background:#8db2e3;
}

/* Styles used by Ebsis.ux.form.field.ItemSelector */
.x-form-multiselect-body .x-boundlist .x-mask {
    background: none;
}

.x-form-itemselector-body .x-form-item {
    margin: 0;
}

.x-form-itemselector-top {
    background-image: url(images/itemselector/top2.gif);
}
.x-form-itemselector-up {
    background-image: url(images/itemselector/up2.gif);
}
.x-form-itemselector-add {
    background-image: url(images/itemselector/left2.gif);
}
.x-form-itemselector-remove {
    background-image: url(images/itemselector/right2.gif);
}
.x-form-itemselector-down {
    background-image: url(images/itemselector/down2.gif);
}
.x-form-itemselector-bottom {
    background-image: url(images/itemselector/bottom2.gif);
}


/* StatusBar - structure */
.x-statusbar .x-status-text {
    cursor: default;
/*
    height: 21px;
    line-height: 21px;
    padding: 0 4px;
*/
}
.x-statusbar .x-status-busy {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 0;
}

.x-toolbar div.xtb-text

.x-statusbar .x-status-text-panel {
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 2px 8px 2px 5px;
}

/* StatusBar word processor example styles */

#word-status .x-status-text-panel .spacer {
    width: 60px;
    font-size:0;
    line-height:0;
}
#word-status .x-status-busy {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 0;
}
#word-status .x-status-saved {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 0;
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    cursor: pointer;
    padding-left: 25px !important;
    background: transparent no-repeat 3px 0;
}
.x-statusbar .x-status-valid {
    padding-left: 25px !important;
    background: transparent no-repeat 3px 0;
}
.x-status-error-list {
    font: 11px tahoma,arial,verdana,sans-serif;
    position: absolute;
    z-index: 9999;
    border-top: 1px solid;
    border-right: 1px solid;
    border-bottom: 1px solid;
    border-left: 1px solid;
    padding: 5px 10px;
}
.x-status-error-list li {
    cursor: pointer;
    list-style: disc;
    margin-left: 10px;
}
.x-status-error-list li a {
    text-decoration: none;
}
.x-status-error-list li a:hover {
    text-decoration: underline;
}


/* *********************************************************** */
/* *********************************************************** */
/* *********************************************************** */


/* StatusBar - visual */

.x-statusbar .x-status-busy {
    background-image: url(images/statusbar/loading.gif);
}
.x-statusbar .x-status-text-panel {
    border-color: #99bbe8 #fff #fff #99bbe8;
}

/* StatusBar word processor example styles */

#word-status .x-status-text {
    color: #777;
}
#word-status .x-status-busy {
    background-image: url(images/statusbar/saving.gif);
}
#word-status .x-status-saved {
    background-image: url(images/statusbar/saved.png);
}

/* StatusBar form validation example styles */

.x-statusbar .x-status-error {
    color: #C33;
    background-image: url(images/statusbar/exclamation.gif);
}
.x-statusbar .x-status-valid {
    background-image: url(images/statusbar/accept.png);
}
.x-status-error-list {
    border-color: #C33;
    background: white;
}
.x-status-error-list li a {
    color: #15428B;
}

/* slider bar widget style */
.x-sliderbar-default-cell>.x-grid-cell-inner, .x-sliderbarwidget-default-cell>.x-grid-cell-inner {
	padding-top: 2px;
	padding-bottom: 2px;
}

/** ExtJS에서 사용하는 모든 클래스의 폰트를 재정의 */
.x-dd-drag-ghost,
.x-body,
.x-mask-msg-inner,

/** 버튼 폰트 */
.x-btn-default-small .x-btn-inner,
.x-btn-default-medium .x-btn-inner,
.x-btn-default-large .x-btn-inner,

/** 툴바 폰트 */
.x-btn-default-toolbar-small .x-btn-inner ,
.x-btn-default-toolbar-medium .x-btn-inner,
.x-btn-default-toolbar-large .x-btn-inner,
.x-toolbar-text,

/** 판넬 해더, 버튼그룹 해더 */
.x-panel-header-title-default,
.x-panel-header-text-container-default,
.x-panel-header-text-container-default-framed,
.x-btn-group-header-text-container-default,
.x-btn-group-header-text-container-default-framed,
.x-window-header-text-container-default,

/** 폼관련 */
.x-form-invalid-under,
.x-form-item-label,
.x-form-item,
.x-form-field,
.x-form-display-field,
.x-form-cb-label,
.x-fieldset-header-text,
.x-datepicker-column-header,
.x-datepicker-date,
.x-monthpicker-item,
.x-html-editor-wrap textarea,

/** 그리드 */
.x-grid-empty,
.x-grid-cell,
.x-column-header,
.x-grid-group-title,
.x-grid-rowbody,
.x-grid-row-summary .x-grid-cell,
.x-grid-row-summary .x-grid-rowwrap,
.x-grid-row-summary .x-grid-cell-rowbody,
.x-grid-editor .x-form-text,

/** 아코디언등 기타 */
.x-accordion-hd .x-panel-header-text-container,
.x-tab-default .x-tab-inner,
.x-btn-plain-toolbar-small .x-btn-inner,
.x-btn-plain-toolbar-medium .x-btn-inner,
.x-btn-plain-toolbar-large .x-btn-inner,
.x-panel-header-text-container-light,.x-panel-header-text-container-light-framed,

/** Crips Theme font override */
.x-fieldset-header-default>.x-fieldset-header-text,
.x-panel-header-title-default,
.x-panel-body-default,
.x-window-header-title-default,
.x-window-body-default,
.x-menu-item-text-default,
.x-boundlist-item {
	font-family: "나눔고딕", NanumGothic, 'Apple SD Gothic Neo', "맑은고딕", "Malgun Gothic", "돋움", dotum, Arial, sans-serif;
}