@charset "utf-8";

@import url("../../../resources/css/fms_ver2/button.css");

.ui-top-header{
	width:100%;
	min-width:1264px;
	height:76px;
	background:url(../../../img/bfms/common/bg_gnb.gif) 0 0 repeat-x;
	position:relative;
	float:left;
}
.ui-top-header td{
	border:0px none;
	padding:0px 0px 0px 0px;
}

.ui-growl {
	position:relative;
    left:40%;
	top: 40%;
    z-index:9999;"
}

.ui-top-menu {
	text-align:left;
	padding:0 10px;
	line-height:5px;
	height:76px;
	max-height:76px;
}

.ui-top-menu A{

	color:#fff !important;
	font:bold 11px/15px dotum;
	font-size:14px;
	text-decoration:none;

}

.ui-top-menu A:hover {
	color:#0ff;
	font-weight:bold;
	font-size:14px;
	background:url(../../../img/bfms/common/bg_muon.png) 50% 5px no-repeat;
	text-decoration:none;
}

.ui-top-submenu {
	text-align:right;
}

.ui-top-submenu .ui-approval{
	display:inline-block;
	padding:10px 10px 0 0;
	text-decoration:none;
	color:#fff;
	font-size:11px;
	font-style:"신명조";
	font-weight="BOLD";
}

.ui-top-submenu .ui-approval A{
	color:#fff;
	padding-left:10px;
	text-decoration:underline;
}

.ui-layout-fit{
	width:100%;
	height:0;
	}

.ui-tabs .ui-tabs-panels .ui-tabs-panel {
	height:100%;
}

.ui-layout-resizer-east-open {
	background-color: #C3C3C3;
}
.ui-layout-resizer .ui-layout-resizer-north .ui-layout-resizer-open .ui-layout-resizer-north-open {

	height:0;
}
.ui-layout-unit-content .ui-widget-content {
	overflow:hidden;
}

.ui-leftMenu{
	float:left;
	width:235px;
	height:100%;
	min-height:100%;
	display:block;
	padding:0px 0px 0px 0px;
	border-right:#000000 1px solid;
}

.ui-leftMenu .ui-layout-unit-header-title {
	font-size:13px;
}

.ui-submenu-tree{
	height:800px;
	margin-top:-3px;
	margin-bottom:0px;
	padding:7px 5px 10px 0;
	background-color:rgb(224, 229, 235);
}

.ui-submenu-tree-icon{
	display:inline-block;
	width:138px;
	line-height:27px;
	margin-bottom:3px;
	background:url(../../../img/bfms/common/bg_lnb.gif) 0 0 no-repeat;
	font-weight:bold;
	cursor:pointer;
	padding:1px 0 0 24px;
	font-family:11px/15px dotum;

}

/** 업무화면 css **/

.ui-work-screen-header {
	width:100%;
	margin-top:-3px;
	}

.ui-work-screen-header .ui-work-screen-location {
	text-align:left;
	}

.ui-work-screen-header td {
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}

.ui-datatable-empty-message td {
	text-align:center !important;;
	}

.ui-work-screen-title {
	line-height:20px;
	font-size:16px;
	font-weight:bold;
	padding-left:25px;
	height:51px;
	padding:0 0 0 20px;
	}

.ui-work-screen-title input{
	margin-top:10px;
	}

.ui-work-screen-title TD{
	float:left;
	width:170px;
	line-height:25px;
	background:url(../../../img/bfms/common/dot_01.png) 0 0 no-repeat;
	font-size:16px;
	font-weight:bold;
	margin:5px 5px 0 35px;
	padding-left:25px;
	}

.ui-work-screen-form {
	margin: 0px 0px 0px 0px;
}

.ui-work-datagroup-title td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	font-size:13px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
.ui-work-datagroup-title input{vertical-align: middle;}




.ui-work-datagroup-title3 {
	width:775px;
	border:0px none;
	height:26px;
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align: bottom;
}
.ui-work-datagroup-title3 td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	text-align:left;
}


.ui-detail-layoutUnit{
  border-bottom: 0px none;
  border-top : 0px none;
  border-left : 0px none;
  border-right: 0px none;
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
}

.ui-layout-unit{
	padding:0 0 0 0;
	border:0px solid;
}

.ui-scroll-tree DIV{
	overflow-y:auto;
	height:100%;
}
.ui-tree .ui-tree-container{
	height:100%;
	overflow:auto;
	padding:3px 3px 3px 3px;
	margin:0 0 0 0;
	white-space:nowrap;
	background-image:url("../../../img/bfms/common/bg_lnbbody.gif")0 100% repeat-x;;
}

.ui-detail-layoutUnit .ui-widget-content{
  border-bottom: 0px none;
  border-top : 0px none;
  border-left : 0px none;
  border-right: 0px none;
  padding-top:0;
  padding-bottom:0;
  padding-left:0;
  padding-right:0;
}



.ui-searchE {
	width:100%;
	height:30px;


}

.ui-search td{
	border:0px;
	background:#78cadb;
	font-weight: bold;
	font-family:dotum;
	padding:5px;

}

.ui-searchE td{
	border:0px;
	text-align:center;
	font-weight: bold;
	font-family:dotum;
	padding:3px;
}
.ui-searchE hr{border:0px; padding:0px 0px 0px 1px; text-align:center;}
.ui-searchE input{vertical-align:middle; }
.ui-searchE select{height:20px; }

.ui-searchE .title {
	padding-right:8px;
	text-align:right;
	width:100px;
}

.ui-searchE .value {
	padding-left:8px;
	text-align:left;

}

.ui-search .title {
	padding-right:4px;
	text-align:right;
}

.ui-search .value {
	padding-left:4px;
	text-align:left;

}

.ui-search .button {
	padding-right:5px;
	text-align:right;
}

.ui-search hr{border:0px; padding:0px 0px 0px 1px;}
.ui-search input{vertical-align:middle; }
.ui-search select{height:20px; }


.ui-search1 {
	width:100%;
	height:50px;
	border-top:#6fabb3 1px solid;
	padding:5px;
}

.ui-search1 .title {
	padding-right:4px;
	text-align:right;
}

.ui-search1 .value {
	padding-left:4px;
	text-align:left;
}

.ui-search1 .button {
	padding-right:5px;
	text-align:right;
}

.ui-search1 td{border:0px; background:#78cadb url(../../../img/bfms/common/bg_filter_01.gif) 0 100% repeat-x;
				 font-weight: bold; font-family:dotum; }
.ui-search1 hr{border:0px; padding:0px 0px 0px 0px;}
.ui-search1 input{vertical-align:middle;}
.ui-search1 select{height:20px;}


.ui-search2 {
	float:left;
	position:relative;
	width:100%;
	height:24px;
	border-top:#6fabb3 1px solid;
}
.ui-search2 td{border:0px; background:#78cadb url(../../../img/bfms/common/bg_filter_01.gif) 0 100% repeat-x;
				 padding:0px 10px 0px 10px; font-weight: bold; font-family:dotum; }
.ui-search2 hr{border:0px; padding:0px 0px 0px 0px;}
.ui-search2 input{vertical-align:middle;}
.ui-search2 select{height:20px;}

.ui-detail-panel{
	border:1px solid #a8a8a8;
	width:100%;
	font:12px/17px Dotum, arial, sans-serif;
	border-top:#333 2px solid;
	border-left:#a8a8a8 solid 1px;
	color:#666;
}


.ui-detail-panel td{
	color:#666;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	border-bottom:#a8a8a8 solid 1px;
	border-right:#a8a8a8 solid 1px;
	padding:4px 3px 3px 7px;
}
.ui-detail-panel .aa{
	background:#CC00FF;
}
.ui-detail-panel td.header{background:#ecf4fa;}
.ui-detail-panel td.value{background:#FFFFFF; }
.ui-detail-panel td.value2{background:#FFFFFF; border-left:#000 2px solid !important;}
.ui-detail-panel input{vertical-align:middle;}
.ui-detail-panel select{height:20px;}

.ui-detail-panel2{
	border:1px solid #a8a8a8;
	width:775px;
}
.ui-detail-panel2 td{color:#4444; font-weight: bold; font-family:dotum; height:30px;}
.ui-detail-panel2 td.header{background:#ecf4fa;}
.ui-detail-panel2 td.value{background:#FFFFFF; }
.ui-detail-panel2 input{vertical-align:middle;}
.ui-detail-panel2 select{height:20px;}

.ui-detail-panel3{
	border:1px solid #a8a8a8;
	width:635px;
}
.ui-detail-panel3 td{color:#4444; font-weight: bold; font-family:dotum; height:30px;}
.ui-detail-panel3 td.header{background:#ecf4fa;}
.ui-detail-panel3 td.value{background:#FFFFFF; }
.ui-detail-panel3 input{vertical-align:middle;}
.ui-detail-panel3 select{height:20px;}

.ui-detail-panel4{
	border:1px solid #a8a8a8;
	width:470px;
}
.ui-detail-panel4 td{color:#4444; font-weight: bold; font-family:dotum; height:30px;}
.ui-detail-panel4 td.header{background:#ecf4fa;}
.ui-detail-panel4 td.value{background:#FFFFFF; }
.ui-detail-panel4 input{vertical-align:middle;}
.ui-detail-panel4 select{height:20px;}


.ui-action-button-sets {
	border:0px none;
	width:100%;

	text-align:right;
}

.ui-action-button-sets DIV {
	padding:5px 0;
	float:right;
}
.ui-panel{padding:0;}


.ui-column-in-grid td{
	  border-bottom: 0px none;
	  border-top : 0px none;
	  border-left : 0px none;
	  border-right: 0px none;
	padding:0px 0px 0px 0px;
}


/** 팝업화면 CSS **/
.ui-search-dialog {
	border:1px solid #07DCF3;
	width:700px;
	height:50px;
	padding:5px;
}

.ui-search-dialog .title {
	padding-right:4px;
	text-align:right;
}

.ui-search-dialog .value {
	padding-left:4px;
	text-align:left;
}

.ui-search-dialog .button {
	padding-right:5px;
	text-align:right;
}

.ui-search-dialog td{border:0px;  background:#78cadb; color:#4444; font-weight: bold; font-family:dotum;}
.ui-search-dialog hr{border:0px;  padding:0px 0px 0px 0px;}
.ui-search-dialog input{vertical-align:middle;}
.ui-search-dialog select{height:20px;}

.ui-action-button-sets-dialog {
	border:0px none;
	width:700px;
	height:21px;
	text-align:right;
}
.ui-action-button-sets-dialog .ui-panel-content{border:0px;  padding:0px 1px 0px 1px;}

.ui-work-datagroup-title-dialog {
	width:700px;
	border:0px none;
	height:26px;
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align: bottom;
}
.ui-work-datagroup-title-dialog  td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.ui-work-datagroup-title-dialog  input{vertical-align: middle;}


/** 팝업화면 CSS **/
.ui-search-dialog-m {
	border:1px solid #07DCF3;
	width:420px;
	height:36px;
	padding:5px;
}

.ui-search-dialog-m .title {
	padding-right:4px;
	text-align:right;
}

.ui-search-dialog-m .value {
	padding-left:4px;
	text-align:left;
}

.ui-search-dialog-m .button {
	padding-right:5px;
	text-align:right;
}

.ui-search-dialog-m td{border:0px;  background:#E1FDFF; color:#4444; font-weight: bold; font-family:dotum;}
.ui-search-dialog-m hr{border:0px;  padding:0px 0px 0px 0px;}
.ui-search-dialog-m input{vertical-align:middle;}
.ui-search-dialog-m select{height:20px;}

.ui-action-button-sets-dialog-m {
	border:0px none;
	width:420px;
	height:21px;
	text-align:right;
}
.ui-action-button-sets-dialog-m .ui-panel-content{border:0px;  padding:0px 1px 0px 1px;}

.ui-work-datagroup-title-dialog-m {
	width:420px;
	border:0px none;
	height:26px;
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align: bottom;
}
.ui-work-datagroup-title-dialog-m  td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.ui-work-datagroup-title-dialog-m  input{vertical-align: middle;}



/** -------------- 컴포넌트 ----------------------**/

.ui-image-button-icon-18x18 {
	height:23px;
	width:18px;
	overflow:hidden;
	vertical-align:middle;
	border:none;

}

#frmWorkArea {
	overflow-x:hidden;
	overflow-y:auto;
	height:100%;

}

.ui-widget-content .ui-image-button {
	height:19px;
	background:#5fc3d5;
	border:#58adc7 1px solid;
	color:#fff799;
	font:bold 11px/15px dotum;
	margin:0 0 0 4px;
}
.ui-image-button .ui-button-text {
    padding:1px 13px; /* IE7 */
}

.ui-widget-content .ui-image-button-01 {
	height:23px;
	background:#034da8;
	border:#034da8 1px solid;
	color:#fff;
	font:bold 11px/15px dotum;
}

.ui-widget-content .ui-image-button-10 {
	height:23px;
	background:#add8e6;
	border: 1px solid;

	font:bold 11px/15px dotum;
}

.ui-image-button-01 .ui-button-text {
   padding:1px 10px; /* IE7 */
}

.ui-widget-content .ui-image-button-02 {
	height:20px;
	background:#6a8aa4;
	border:#4b6b85 1px solid;
	color:#fff;
	font-weight:normal !important;
	font:11px/15px dotum;
}
.ui-image-button-02 .ui-button-text {
   padding:1px 10px; /* IE7 */
}

.ui-widget-content .ui-image-button-03 {
	height:44px;
	width:80px;
	background:#6a8aa4;
	border:#4b6b85 1px solid;
	color:#fff;
	font-weight:normal !important;
	font:11px/15px dotum;
	text-decoration:none;
	padding: 3px 10px;
	border-radius:3px;
	-webkit-box-shadow:inset 0px 1px 0px #fff;
	box-shadow:inset 0px 1px 0px #fff;
}

.ui-widget-content .ui-image-button-03:hover {
	height:44px;
	width:80px;
	background:#6a8aa4;
	border:#4b6b85 1px solid;
	color:#fff;
	font-weight:normal !important;
	font:11px/15px dotum;
	text-decoration:none;
	padding: 3px 10px;
	border-radius:3px;
	box-shadow:none;
}

.ui-image-button-03 .ui-button-text {
   padding:1px 10px; /* IE7 */
}

.data-grid {

}

.data-grid TH.header {
	background:url(../../../img/bfms/bbs/bg_th_01.gif) 0 100% repeat-x;
	border-bottom:#333 0px solid;
}

.data-grid .ui-dt-c{
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:center;
	width:100%;
}

.ui-detail-panel .ui-selectoneradio TD, .ui-datatable-data .ui-selectoneradio TD{
	border:0;
}

.data-grid-on {
	background:#f7faf5;
}

.data-grid-off {
	background:#FFFFFF;
}

.data-grid .ui-datatable-scrollable-body {

}

/* M table 외의 table*/
.data-grid2 {
	border:0px;
}


.data-grid2 TH.header2 {
	padding:-5px 0px 2px 0px;
	background:url(../../../img/bfms/bbs/bg_th_02.gif) 0 100% repeat-x;
	border-bottom:#333 0px solid;
	line-height:15px;
	height:18px;
}


.data-grid2 .ui-datatable-scrollable-body {

}

/* 작업표준화 */
.data-grid3 {
	float:left;
	border:0;
}

.data-grid3 TH.header3 {
	padding:-5px 0px 2px 0px;
	background:url(../../../img/bfms/bbs/bg_th_02.gif) 0 100% repeat-x;
	border-bottom:#333 0px solid;
	font-weight:bold;
	line-height:15px;
}

.data-grid3 .ui-dt-c{
	font-size:12px;
	color:#333;
	font-weight:normal;
	text-align:center;
}

.data-grid3 .ui-datatable-scrollable-body {

}

/** 팝업 Dialog 처리를 위한 dummy CSS **/
.action-subflow{}
.parent-update{}

/** TAB 컴포넌트 **/
.fms_tab_header {background:url("#{request.contextPath}/img/bfms/sub/left/left_top_bg.gif") repeat-x; }

/** OutPutText 컴포넌트 **/
.fms_topMenuTxt {padding:0px 5px 35px 5px; display:inline; font-size:15px; font-style:"신명조"; font-weight="BOLD";   }  /* for ie6 */
*:first-child + html .fms_topMenuTxt {  }  /* for ie7 */

.fms_topSubMenuTxt-L {padding:5px 5px 15px 5px; display:inline; fint-size:10px; font-style:"신명조"; font-weight="BOLD"; color:#FFFFFF;}  /* for ie6 */
*:first-child + html .fms_topSubMenuTxt {}  /* for ie7 */

.fms_topSubMenuTxt-M {padding:5px 5px 15px 5px; display:inline; font-size:12px; font-style:"신명조"; font-weight="BOLD";  color:#fff799;}  /* for ie6 */
*:first-child + html .fms_topSubMenuTxt { }  /* for ie7 */

.fms_topSubMenuTxt-S {padding:5px 5px 15px 5px; display:inline; font-size:10px;  font-style:"신명조"; font-weight="BOLD";  color:#fff799;}  /* for ie6 */
*:first-child + html .fms_topSubMenuTxt { }  /* for ie7 */

/** tab **/
.ui-work-datagroup-title-tab {
	width:100%;
	border:0px none;
	height:26px;
	color:#000000;
	margin-top:5px;
	margin-bottom:5px;
	vertical-align: bottom;
}
.ui-work-datagroup-title-tab td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align: bottom;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}
.ui-work-datagroup-title-tab input{vertical-align: middle; }

.ui-detail-panel-tab{
	border:1px solid #a8a8a8;
	width:100%;
	background:#url(../../../img/bfms/common/bg_tabbody.gif) 0 0 repeat-x;
}

.ui-border-zero td {
	border:0px none;
}

.ui-detail-panel-tab-01{
	border:1px solid #a8a8a8;
	width:720px;
	background:#url(../../../img/bfms/common/bg_tabbody.gif) 0 0 repeat-x;
	display:inline-block;
	height:265px;
}

.ui-widget-content .ui-detail-panel-tab-02{
	float:left;
	line-height:15px;
	padding:0 23px;
	font-weight:bold;
	background:url(../../../img/bfms/common/bg_tabbody_off.gif) 0 0 repeat-x;
	border-right:#b0b0bf 1px solid;
}

.ui-widget-content .ui-detail-panel-tab-02 A:hover{
	background:url(../../../img/bfms/common/bg_tabbody_on.gif) 0 0 repeat-x;
	color:#fff;
}

.ui-tabs {
	padding:0;
}

.ui-tabs .ui-tabs-nav{
	width:700px;
	background:url(../../../img/bfms/common/bg_tabbody_off.gif);
	background-repeat: no-repeat;
	margin:0 0 0 -1px;
}

.ui-tabs .ui-tabs-nav LI{
	padding:0 0 0 0;
	margin: 0 -1px 1px 0;
	float:left;
	list-style-type:none;
	white-space:nowrap;
	position:relative;
	display:block;
	border-top:;
}

.ui-detail-panel-tab td{color:#4444; font-weight: bold; font-family:dotum; }
.ui-detail-panel-tab td.header{background:#ecf4fa;}
.ui-detail-panel-tab td.value{background:#FFFFFF;}
.ui-detail-panel-tab td.value2{background:#FFFFFF;}
.ui-detail-panel-tab input{vertical-align:middle;}
.ui-detail-panel-tab select{height:20px;}

/* 설비정보관리 - 납품정보 */
.ui-detail-panel-tab-03{
	border:1px solid #a8a8a8;
	width:100%;
	background:#url(../../../img/bfms/common/bg_tabbody.gif) 0 0 repeat-x;
	display:inline-block;
	height:70px;
}

/******************************************************************************************************/
/******************************************************************************************************/
/*************************************공사관리*****************************************************************/
.ui-detail-panel-01{
	border:1px solid #a8a8a8;
	width:550px;
}

.ui-detail-panel-01 td{color:#4444; font-weight: bold; font-family:dotum;}
.ui-detail-panel-01 td.header{background:#ecf4fa;}
.ui-detail-panel-01 td.value{background:#FFFFFF;}
.ui-detail-panel-01 input{vertical-align:middle;}
.ui-detail-panel-01 select{height:20px;}

.ui-detail-panel-02{
	border:1px solid #a8a8a8;
	width:640px;
}

.ui-detail-panel-02 td{color:#4444; font-weight: bold; font-family:dotum;}
.ui-detail-panel-02 td.header{background:#ecf4fa;}
.ui-detail-panel-02 td.value{background:#FFFFFF;}
.ui-detail-panel-02 input{vertical-align:middle;}
.ui-detail-panel-02 select{height:20px;}

.ui-detail-panel-03{
	border:1px solid #a8a8a8;
	width:970px;
}

.ui-detail-panel-03 td{color:#4444; font-weight: bold; font-family:dotum;}
.ui-detail-panel-03 td.header{background:#ecf4fa;}
.ui-detail-panel-03 td.value{background:#FFFFFF;}
.ui-detail-panel-03 input{vertical-align:middle;}
.ui-detail-panel-03 select{height:20px;}

.ui-detail-panel td.header2{}

.ui-detail-panel td.header-01{width:50px; }

.ui-detail-panel td.header-02{width:130px; background:#ecf4fa;}

.ui-detail-panel td.header-04{}

.ui-detail-panel-04{
	border:0px ;
	width:570px;
}

.ui-detail-panel-05{
	border:1px solid #a8a8a8;
	width:395px;
}

.ui-detail-panel-05 td{color:#4444; font-weight: bold; font-family:dotum;}
.ui-detail-panel-05 td.header{background:#ecf4fa;}
.ui-detail-panel-05 td.value{background:#FFFFFF;}
.ui-detail-panel-05 input{vertical-align:middle;}
.ui-detail-panel-05 select{height:20px;}

/************ 순찰자 팝업 ************/
/** 팝업화면 CSS **/
.ui-search-dialog-01 {
	border:1px solid #07DCF3;
	width:500px;
	height:36px;
	margin-top:5px;
}

.ui-search-dialog-01 .title {
	padding-right:4px;
	text-align:right;
}

.ui-search-dialog-01 .value {
	padding-left:4px;
	text-align:left;
}

.ui-search-dialog-01 .button {
	padding-right:5px;
	text-align:right;
}

.ui-search-dialog-01 td{border:0px;  background:#78cadb; color:#4444;font-weight: bold; font-family:dotum;}
.ui-search-dialog-01 hr{border:0px;  padding:0px 0px 0px 0px;}
.ui-search-dialog-01 input{vertical-align:middle;}
.ui-search-dialog-01 select{height:20px;}

.ui-action-button-sets-dialog-01 {
	border:0px none;
	width:500px;
	height:21px;
	text-align:right;
}
.ui-action-button-sets-dialog-01 .ui-panel-content{border:0px;  padding:0px 1px 0px 1px;}

.ui-detail-panel-popup{
	border:1px solid #a8a8a8;
	width:720px;
}

.ui-detail-panel-popup td{color:#4444; font-weight: bold; font-family:dotum;}
.ui-detail-panel-popup td.header{background:#ecf4fa;}
.ui-detail-panel-popup td.value{background:#FFFFFF;}
.ui-detail-panel-popup input{vertical-align:middle;}
.ui-detail-panel-popup select{height:20px;}

/* 건물정보관리 - 층실정보 */
.ui-search-tab td.header{background:#ecf4fa;}


/*****************************************************************************************/
/* main화면 */


#container_inner {
	background:none !important;
}

.mainarea {
	display:inline-block;
	width:100%;
	padding-top:30px;
	margin-bottom:30px;
	margin-left:30px;
}
.m_aleft {
	float:left;
	width:489px;
	margin-right:10px;
}

.m_aright {
	left:500px;
	width:727px;
	position:absolute;
}

/*새로운소식*/
.main_bltn {
	position:relative;
	width:400px;
	height:170px;
	margin-bottom:15px;
}
.main_bltn TD{
	padding:0 0 0 0;
	border:0;
}
.main_bltn .title{
	vertical-align:top;
	height:32px;
	background:url(../../../img/bfms/main/bg_title_01.gif) 0 0 repeat-x;
}
.main_bltn .b_name {
	float:right;
	align:right;
	margin-right:5px;
	background:url(../../../img/bfms/main/bg_title_01_end.gif) 0 0 no-repeat;
	width:160px;
	background:#5792d2;
	border:#c1deff 1px solid;
	color:#fff200;
}


.main_bltn .btn {
	width:210px;
	top:45px;
	left:10px;
	z-index:100;
	background-color:transparent;
}
.main_bltn .b_summary {
	width:201px;
	top:32px;
	right:0;
}
.main_bltn .b_summary H4 {
	background:#e2ebee;
	height:13px;
	padding:10px;
}
.main_bltn .b_s_list {
	width:180px;
	display:inline-block;
	margin:12px 10px 6px 10px;
}
.main_bltn .b_s_list .aa, .facility .b_s_list .bb {
	float:left;
	line-height:18px;
}
.main_bltn .b_s_list .aa {
	width:85px;
	color:#000;
}
.main_bltn .b_s_list .bb {
	width:95px;
	color:#2d87bd;
}


.main_bltn .b_img {
	width:489px;
	height:350px;
	overflow:hidden;
	position:absolute;
	top:32px;
	left:0;
	z-index:10;
}

/* 시설현황 */
.facility {
	position:relative;
	width:489px;
	height:300px;
	margin-bottom:15px;
}
.facility TD{
	padding:0 0 0 0;
	border:0;
}
.facility .title{
	height:32px;
	background:url(../../../img/bfms/main/bg_title_01.gif) 0 0 repeat-x;
}
.facility .b_name {
	float:right;
	align:right;
	margin-right:5px;
	background:url(../../../img/bfms/main/bg_title_01_end.gif) 0 0 no-repeat;
	width:160px;
	background:#5792d2;
	border:#c1deff 1px solid;
	color:#fff200;
}


.facility .btn {
	width:210px;

	top:45px;
	left:10px;
	z-index:100;
	background-color:transparent;
}
.facility .b_summary {
	width:201px;
	top:32px;
	right:0;
}
.facility .b_summary H4 {
	background:#e2ebee;
	height:13px;
	padding:10px;
}
.facility .b_s_list {
	width:180px;
	display:inline-block;
	margin:12px 10px 6px 10px;
}
.facility .b_s_list .aa, .facility .b_s_list .bb {
	float:left;
	line-height:18px;
}
.facility .b_s_list .aa {
	width:85px;
	color:#000;
}
.facility .b_s_list .bb {
	width:95px;
	color:#2d87bd;
}


.facility .b_img {
	width:489px;
	height:350px;
	overflow:hidden;
	position:absolute;
	top:32px;
	left:0;
	z-index:10;
}
.box_rect {
	position:relative;
	display:inline-block;
	width:199px;
	height:337px;
	background:#fff url(../../../img/bfms/main/bg_summary_btm.gif) 0 100% repeat-x;

}
.box_rect .corner {background-image:url../../../img/bfms/main/bg_cirtype_01.gif); width:5px; height:5px; position:absolute;}
.box_rect .topLeft {top:-1px;left:-1px; background-position:0 0;}
.box_rect .topRight {top:-1px; right:-1px; background-position:-5px 0;}
.box_rect .bottomLeft {bottom:-1px; left:-1px; background-position:0 -5px;}
.box_rect .bottomRight {bottom:-1px; right:-1px; background-position:-5px -5px;}


/* 임대현황 */
.lthr {
	position:relative;
	background:#f2f2f2;
	margin-top:10px;
	padding:0 0 10px 0;
}
.lthr TD{
	padding:0 0 0 0;
	border:0;
}
.lthr H3{
	background:url(../../../img/bfms/main/bg_title_02.gif) 0 0 repeat-x;
	height:32px;
	width:490px;
}
.lthr .more {
	position:absolute;
	top:0;
	right:0;
}
.lthr .data {
	position:relative;
	display:inline-block;
	margin:5px 0 5px 10px;
	border-bottom:#ccc 1px solid;
	width:65px;
	vertical-align:middle;
}
.lthr .data LI {

}

.lthr .arrow {
	height:17px;
	vertical-align:middle;
}

.lthr .txt {
	text-align:right;
	width:266px;
	padding-right:0;
	vertical-align:middle;
}

.lthr .lthr_list {
	position:relative;
/* 	margin:3px 5px; */
/* 	background:#cedde2; */
	border:#c1deff 1px solid;
	height:100%;
}
.lthr .lthr_list TH.header {
	padding:0px 0px 0px 0px;
	background:#3399cc;
	border-bottom:#333 0px solid;
	font-weight:bold;
	text-align:center;
	height:15px;
	font-size:12px;
	font-style:"신명조";
	color:#fff;
}

.lthr .lthr_list .on {
	background:#f7faf5;
}
.lthr .lthr_list .off {
	background:#FFFFFF;
}
.lthr .lthr_list DT, .lthr .lthr_list DD {
	float:left;
	padding:9px 9px 5px 9px;
	line-height:15px;
	border-bottom:#f2f2f2 1px solid;
	color:#000;
}
.lthr .lthr_list DT {
	border-right:#f2f2f2 1px solid;
}
.lthr .lthr_list DD {
	width:331px;
}
.lthr .lthr_list DT.today, .lthr .lthr_list DD.today {
	background:#f3dabb;
}
.lthr .r_btm {
	text-align:center;
}
.lthr .r_btm A {
	padding:5px 5px 5px 5px;
	display:inline-block;
}

.lthr .lthr_list .ui-datatable-scrollable-body {
	overflow-y:scroll !important;
}

/* 월간일정현황 */
.schedule {
	position:relative;
	background:#f2f2f2;
	margin-top:10px;
	padding:0 0 10px 0;
}
.schedule TD{
	padding:0 0 0 0;
	border:0;
}
.schedule H3{
	background:url(../../../img/bfms/main/bg_title_02.gif) 0 0 repeat-x;
	height:32px;
	width:490px;
}
.schedule .more {
	position:absolute;
	top:0;
	right:0;
}
.schedule .data {
	position:relative;
	display:inline-block;
	margin:5px 0 5px 10px;
	border-bottom:#ccc 1px solid;
	width:65px;
	vertical-align:middle;
}
.schedule .data LI {

}

.schedule .arrow {
	height:17px;
	vertical-align:middle;
}

.schedule .txt {
	text-align:right;
	width:266px;
	padding-right:0;
	vertical-align:middle;
}

.schedule .sch_list {
	position:relative;
	margin:3px 5px;
	background:#cedde2;
	height:100%;
}
.schedule .sch_list TH.header {
	padding:0px 0px 2px 0px;
	background:#3399cc;
	border-bottom:#333 0px solid;
	font-weight:bold;
	text-align:center;
	height:15px;
	font-size:12px;
	font-style:"신명조";
}

.schedule .sch_list .on {
	background:#f7faf5;
}
.schedule .sch_list .off {
	background:#FFFFFF;
}
.schedule .sch_list DT, .schedule .sch_list DD {
	float:left;
	padding:9px 9px 5px 9px;
	line-height:15px;
	border-bottom:#f2f2f2 1px solid;
	color:#000;
}
.schedule .sch_list DT {

	border-right:#f2f2f2 1px solid;
}
.schedule .sch_list DD {
	width:331px;
}
.schedule .sch_list DT.today, .schedule .sch_list DD.today {
	background:#f3dabb;
}
.schedule .r_btm {
	text-align:center;
}
.schedule .r_btm A {
	padding:5px 5px 5px 5px;
	display:inline-block;
}


/* 현황테이블 */
.situation {
	display:inline-block;
	margin-bottom:10px;
}
.sit_table {
	margin-bottom:10px;
	position:relative;
	background:#2d87bd url(../../../img/bfms/main/bg_title_02.gif) 0 0 repeat-x;
}

.sit_table H3 {
	height:30px;
	width:310px;
}
.sit_table .more {
	position:absolute;
	top:0;
	right:0;
}
.sit_table .rect {
	position:absolute;
	bottom:0;
	left:0;
}
.sit_table .rect_r {
	position:absolute;
	bottom:0;
	right:0;
}


/* 에너지 사용량 */
.mainBimViewer {
	margin-bottom:10px;
	border-left:#2daabd 3px solid;
	border-right:#2daabd 3px solid;
	border-bottom:#2daabd 3px solid;
	border-top:#2daabd 3px solid;
}

.mainBimViewer H3 {
	background:url(../../../img/bfms/main/bg_title_04.gif) 0 0 repeat-x;
	height:30px;
}

/* 에너지 사용량 */
.energy {
	margin-bottom:10px;
/* 	border-left:#2daabd 3px solid;
	border-right:#2daabd 3px solid;
	border-bottom:#2daabd 3px solid; */

	border-left:#2d81bd 3px solid;
	border-right:#2d81bd 3px solid;
	border-bottom:#2d81bd 3px solid;
}

.energy H3 {
	background:url(../../../img/bfms/main/bg_title_04_1.png) 0 0 repeat-x;
	height:30px;
}
.energy .rect {
	position:absolute;
	top:0;
	right:-3px;
}
.energy .chat_E {
	 margin:15px 10px 10px 10px;
}


/* chart - left */
.info_chat {
	margin-top:10px;
	height:300px;
	border:#4bbdcb 2px solid;
}

.info_chat2 {
	margin-top:10px;
	height:160px;
	border:#ccc 2px solid;
}

.info_chat H3 {
	padding:6px 0px 5px 12px;
	margin:0px 0 5px 0;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	background:#4bbdcb;
}

.info_chat2 H3 {
	padding:6px 0px 5px 12px;
	margin:0px 0 5px 0;
	font-size:12px;
	font-weight:bold;
	color:#333;
	background:#e5e5e5;
}

.info_chat .chat_I LI,
.info_chat2 .chat_I LI {
	float:left;
	padding:10px 1px;
}

.chart div{
	padding:3px;
	margin:0 auto;
}

.chart div.jqplot-title{
	font-size:12px;
	font-weight:bold;
	text-align:right;


}


.chart div.jqplot-yaxis{
	text-align:left;
}

body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, fieldset, input, table, tr, th, td {
	margin:0;
	padding:0;
}


table, tr, th, td {
	text-align:center;
}

/* 메인 업무현황 테이블 */
TABLE.tfm_sit {
	margin:0 3px 3px;
	padding:0;
	table-layout:fixed;
	word-break:break-all;
	font:12px/17px Dotum, arial, sans-serif;
	border-top:#ccc 1px solid;
	border-left:#ccc solid 1px;
}
TABLE.tfm_sit .aa, TABLE.tfm_sit .bb, TABLE.tfm_sit .cc {
	text-align:center;
	vertical-align:middle;
	border-bottom:#ccc solid 1px;
	border-right:#ccc solid 1px;
	font-family:verdana;
	font-size:13px;
	font-weight:bold;

}
TABLE.tfm_sit .aa {
	padding:8px 0 4px 0;
	background:#eef3f6;
	color:#333;
}
TABLE.tfm_sit .bb {
	padding:2px 0 8px 0;
	color:#2d87bd;
	background:#fff url(../../../img/bfms/main/bg_sittable.gif) 0 100% repeat-x;
}
TABLE.tfm_sit .cc {
	padding:5px 0 5px 0;
	background:#eef3f6;
	color:#333;
	height:25px;
}
TABLE.tfm_sit caption {
	display:none;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}

/* 메인 에너지 사용량 테이블 */
TABLE.tfm_erg {
	margin:2px;
	padding:0;
	border-collapse:separate;
	table-layout:fixed;
	word-break:break-all;
	font:11px/16px Dotum, arial, sans-serif;
	border-top:#b4b4b4 1px solid;
	border-left:#b4b4b4 solid 1px;
}
TABLE.tfm_erg TH, TABLE.tfm_erg TD {
	text-align:center;
	vertical-align:middle;
	border-bottom:#b4b4b4 solid 1px;
	border-right:#b4b4b4 solid 1px;
	color:#000;
}
TABLE.tfm_erg TH {
	padding:4px 0 2px 0;
	background:#f1d496;
}
TABLE.tfm_erg TD {
	padding:4px 0 2px 0;
	font-weight:bold;
	background:#f5f5f5;
}

TABLE.tfm_erg TD.kind {
	background:#edf4bc;
	font-weight:normal;
}
TABLE.tfm_erg caption {
	display:none;
	visibility:hidden;
	overflow:hidden;
	width:0;
	height:0;
	font-size:0;
	line-height:0;
}


TD.nline {border-right:none !important;}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.ui-datatable TH DIV.ui-dt-c{
	overflow: hidden;
	padding-bottom:2px;
}

.ui-widget-header{
	color:#FFFFFF;
	font-weight:bold;
	border-top-color:#a8a8a8;
	border-right-color:#a8a8a8;
	border-bottom-color:#a8a8a8;
	border-left-color:#a8a8a8;
	border-top-style:solid;
	border-right-style:solid;
	border-bottom-style:solid;
	border-left-style:solid;
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position-x:50%;
	background-position-y:50%;
}

.header {
	padding: 2px !important;
    height: 18px;
}

.ui-widget-content .ui-state-default{

}

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

HTML {

}

#wrap_login {
}

.visual {
	position:relative;
	background:url(../../../img/bfms/login/bg_visual.jpg) 0 0 no-repeat;
	width:1260px;
	height:664px;
	margin:84px auto 0 auto;
}

#wrap_login .visual H1 {
	position:absolute;
	top:88px;
	left:464px;
}

#wrap_login .visual .login_box {
	position:absolute;
	top:478px;
	left:465px;
}
.login_box DL {
	width:350px;
}
.login_box DT {
	float:left;
	width:44px;
	height:17px;
	.height:19px;
	padding:7px 0 0 0;
	.padding:5px 0 0 0;
}
.login_box DT IMG {
	vertical-align:middle;
}
.login_box DD {
	float:none;
	height:24px;
	.width:200px;
	margin-bottom:6px;
}
.login_box DD INPUT {
	width:194px;
	height:18px;
	padding:2px;
	font-weight:bold;
	background:#cff;
	border:#96bdc3 1px solid;
}
.login_box .btn {
	position:absolute;
	top:0;
	left:251px;
}



#wrap_login .visual .img_human {
	position:absolute;
	left:255px;
	top:340px;
}

#wrap_login .footer {
	position:absolute;
	bottom:34px;
	left:542px;
}


/* left tree button */
.ui-tree .ui-treenode-label{
	display:inline-block;
	padding:0 0 0 0;
	margin:0 0 2px 5px;
}


/* 메인화면 =>> 전자결재현황, AS업무현황 */
.data-grid4{
	position:relative;
	overflow-X:auto;
	overflow-Y:hidden;
	border-left:#3399cc 1px solid;
	border-right:#3399cc 1px solid;
	border-bottom:#3399cc 1px solid;
}

.data-grid4 TH.header {
	padding:0px 0px 2px 0px;
	background:url(../../../img/bfms/bbs/bg_th_01.gif) 0 100% repeat-x;
	border-bottom:#333 0px solid;
	height:27px;
}

.data-grid4 TD.header {
	height:27px;
}

.data-grid4 .ui-dt-c{
	font-size:12px;
	color:#333;
	font-weight:bold;
	text-align:center;
}

/* file upload */
.fileupload-buttonbar-ext
{
	background:none;
	background-image:none;
	border-left-color:#9C5B36;
	border-right-color:#9C5B36;
	border-top-color:#9C5B36;
	border-bottom-color:#9C5B36;
}
.fileupload-content
{
	width:100%;
}


.engyTree {

}

.engyTree .ui-layout-unit-content .ui-widget-content {
	overflow : auto !important;
}

/* Toolbar */
.toolbar {
	overflow:hidden;
	height:37px;
	padding:5px 2px;
	background:url(../../../img/bfms/common/toolbar_bg.gif) 0 0 repeat-x;
	}

.toolbar .toolbox {
	position:relative;
	overflow:hidden;
	float:left;
	background:#000;
	z-index:1000000;
	}

.toolbar .box {
	display:inline-block;
	position:relative;
	float:left;
	height:39px;
	padding:0 2px 0 2px;
	background-image:url(../../../img/bfms/common/toolbar_box.gif);
	background-position:0 0;
	background-repeat:no-repeat;
	z-index:10000;
	}

.toolbar .box .box_in {
	display:inline-block;
	position:relative;
	left:2px;
	height:39px;
	padding-right:5px;
	background-image:url(../../../img/bfms/common/toolbar_box.gif);
	background-position:100% 0;
	background-repeat:no-repeat;
	text-align:center;
	}

.toolbar .box .end {
	padding-right:20px;
	background-image:url(../../../img/bfms/toolbar_box_end.gif);
	}

.toolbar .box .box_in UL {
	overflow:hidden;
	}

.toolbar .box .box_in LI {
	float:left;
	height:39px;
	padding:0 2px;
	}

.toolbar .box .box_in A {
	display:inline-block;
	position:relative;
	top:2px;
	margin:2px 2px 0 0;
	height:32px;
	}

.toolbar .box .box_in A:hover {
	background:url(../../../img/bfms/tool/tool_ov.gif) 0 0 no-repeat;
	}

.toolbar .box .box_in A IMG {
	padding:0 2px 0 0;
	}

/* Toolbar blank */
.toolbar .blank {
	right:3px;
	width:100%;
	height:39px;
	background-image:url(../../../img/bfms/common/toolbar_box.gif);
	background-position:100% -41px;
	background-repeat:no-repeat;
	z-index:10;
	}

/*메인화면 추가*/
.bltn-style {

}

.bltn-style .ui-carousel-header {
	display:none;
}

.mainTabStyle {

}

.mainTabStyle .ui-tabs-nav {
	display:none;
}

.mainTabStyle .ui-tabs .ui-tabs-panel {
	padding:0px 0px 0px 0px;
}


.ui-state-default {
	box-shadow:none;
	}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	text-shadow:none;
	border:none;
	background:none;
	}

.ui-datatable .ui-datatable-data td,
.ui-datatable .ui-datatable-data-empty td {
	border:none;
	background:none;
	background:#fff;
	}

.ui-datatable-scrollable-body {
	background:#fff;
	overflow-y:scroll;
	border-bottom:1px solid #ccc;
	}

/* LEFT 디자인 */
.ui-layout-unit-header {
	/* height:36px; */
	line-height:36px;
	background:#6a8aa4;
	text-align:center;
	margin-top:-7px;
	}

.ui-layout-unit-header .ui-layout-unit-header-title {
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:18px;
	color:#fff;
	font-weight:600;
	text-shadow:none;
	}

.ui-layout-unit-header.ui-corner-all {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}

.ui-tree.ui-submenu-tree {
	/*background:#eee;*/
	}

.ui-tree.ui-submenu-tree .ui-treenode-label {
	text-shadow:none;
	}

.ui-tree.ui-submenu-tree .ui-treenode-label  {
	background:none;
	}

.ui-tree.ui-submenu-tree .ui-treenode-label.ui-corner-all {
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}

.ui-tree.ui-submenu-tree .ui-treenode-label .ui-submenu-tree-icon {
	width:159px;
	height:30px;
	line-height:33px;
	margin:0;
	padding:0;
	padding-left:25px;
	background:none;
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:13px;
	color:#666;
	font-weight:600;
	border-bottom:1px solid #c5d3de;
	background-image:url(../../../img/bfms/fms_ver2/common/ico_left_arr.png);
	background-position:12px 13px;
	background-repeat:no-repeat;
	}

.ui-tree.ui-submenu-tree .ui-treenode-label.ui-state-highlight .ui-submenu-tree-icon {
	background-color:#fff;
	color:#3a5a74;
	background-image:url(../../../img/bfms/fms_ver2/common/ico_left_arr_on.png);
	background-position:12px 13px;
	background-repeat:no-repeat;
	}

.ui-tree.ui-submenu-tree .ui-treenode-label:hover {
	background-color:#fff;
	color:#3a5a74;
	box-shadow:none;
	}

.ui-tree.ui-submenu-tree .ui-treenode-leaf-icon {
	display:none;
	}

/* Table Type 1 */
.ui-panelgrid TD {
	border:none;
	}

.ui-panelgrid.table_type1 TR.ui-state-highlight {
	text-shadow:none;
	}

.ui-panelgrid.table_type1 {
	border-collapse:collapse;
	table-layout:fixed;
	word-break:break-all;
	background:#fff;
	border-top:1px solid #333;
	border-left:1px solid #dbdbdb;
	}

.ui-panelgrid.table_type1 TH {
	height:24px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	font-size:12px;
	color:#666;
	font-weight:700;
	background:#eef3f6;
	}

.ui-panelgrid.table_type1 TD.th {
	width:122px;
	padding-left:15px !important;
	background:#eee;
	color:#333;
	font-weight:bold;
	text-align:left;
	word-break:normal;
	}

.ui-panelgrid.table_type1 TD.al {
	text-align:left;
	}

.ui-panelgrid.table_type1 TD {
	height:24px;
	vertical-align:middle;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
	color:#666;
	text-align:left;
	background:#fff;
	}

.ui-panelgrid.table_type1 TD INPUT {
	height:20px;
	font-size:14px;
	color:#333;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	top:-20px;
	left:-80px;
	}

.ui-panelgrid.table_type1 TD TEXTAREA {
	font-size:14px;
	color:#333;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}

.ui-panelgrid.table_type1 TD SELECT {
	font-size:14px;
	}

/* Table Type 2 */
.ui-datatable.ui-widget.table_type2 TABLE {
	border-collapse:collapse;
	table-layout:fixed;
	word-break:break-all;
	background:#fff;
	}

.ui-datatable.ui-widget.table_type2 TABLE TH {
	height:20px;
	vertical-align:middle;
	text-align:center;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
	color:#666;
	font-weight:700;
	background:#eef3f6;
	}

.ui-datatable.ui-widget.table_type2 TABLE TD {
	height:20px;
	vertical-align:middle;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	font-size:12px;
	color:#666;
	text-align:center;
	background:#fff;
	}

.ui-datatable.ui-widget.table_type2 TABLE TD:hover {
	background:#eee;
	}

.ui-datatable.ui-widget.table_type2 TABLE TR:hover {
	background:none;
	}


/* Table Type 3 */
.ui-datatable.table_type3 TABLE {
	border-collapse:collapse;
	table-layout:fixed;
	word-break:break-all;
	background:#fff;
	}

.ui-datatable.table_type3 TABLE TH {
	height:20px;
	vertical-align:middle;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background:#dbdbdb;
	color:#333;
	text-align:center;
	}

.ui-datatable.table_type3 TABLE TD {
	height:20px;
	vertical-align:middle;
	border-right:1px solid #e5e5e5;
	border-bottom:1px solid #e5e5e5;
	background:#fff;
	color:#333;
	text-align:center;
	}

.ui-datatable.table_type3 TABLE TD.brx {
	border-right:none;
	}

/* Table Type 4 */
.ui-datatable.table_type4 {
	border-collapse:collapse;
	table-layout:fixed;
	word-break:break-all;
	background:#fff;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #333;
	}

.ui-datatable.table_type4 TABLE TH {
	height:28px;
	vertical-align:middle;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#eee;
	color:#333;
	text-align:center;
/* 	width:100%; width값을 주어야 ...(말줄임)가 적용된다. */
    overflow: hidden;
    text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용된다.*/
    white-space:nowrap; /*<td>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
	}

.ui-datatable.table_type4 TABLE TD {
	height:28px;
	vertical-align:middle;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#fff;
	color:#333;
	text-align:center;
	}

.ui-datatable.table_type4 TABLE TD.brx {
	border-right:none;
	}

	/* Table Type 5 */
.ui-datatable.table_type5 {
	border-collapse:collapse;
	table-layout:fixed;
	word-break:break-all;
	background:#fff;
	border-left:1px solid #dbdbdb;
	border-top:1px solid #333;
	}

.ui-datatable.table_type5 TABLE TH {
	height:28px;
	vertical-align:middle;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#eee;
	color:#333;
	text-align:center;
/* 	width:100%; width값을 주어야 ...(말줄임)가 적용된다. */
    overflow: hidden;
    text-overflow:ellipsis; /*overflow: hidden; 속성과 같이 써줘야 말줄임 기능이 적용된다.*/
    white-space:nowrap; /*<td>보다 내용이 길경우 줄바꿈 되는것을 막아준다.*/
	}

.ui-datatable.table_type5 TABLE TD {
	height:28px;
	vertical-align:middle;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #dbdbdb;
	background:#fff;
	color:#333;
	text-align:center;
	}

.ui-datatable.table_type5 TABLE TD.brx {
	border-right:none;
	}

/* Table Type 6 */
table.table_type6 {

	}

table.table_type6 th {

	}

table.table_type6 td {
	width: 20px;
	text-align:right;
	height: 20px;
	font:0.9em/130% "맑은 고딕","Malgun Gothic", "나눔고딕", "NanumGothic", "ng", "dotum", "돋움";
	}


/* CONTENT-WRAP */
#left_workArea {
	clear:both;
	position:relative;
	width:100%;
	height:100%;
	padding-bottom:100px;
	background:url(../../../img/bfms/fms_ver2/common/bg_hsub.gif) 0 79px repeat-x;
	}

#left_workArea .workArea_inner {
	position:relative;
	width:1240px;
	}

#left_workArea .workArea_inner .contentArea {
	width:994px;
	margin-left:40px;
	}

/* CONTENT-WRAP 세부 */
.ui-work-screen-title-menuDepth{
	height:45px;
	line-height:40px;
	font-size:12px;
	color:#4ba6bb;
	font-weight:normal !important;
	}

.ui-work-screen-title-menuDepth IMG {
	vertical-align:middle;
	}

.ui-work-screen-title2 {
	float:left;
	padding:24px 0 0 24px;
	background-image:url(../../../img/bfms/fms_ver2/common/ico_title.png);
	background-position:0px 24px;
	background-repeat:no-repeat;
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:26px;
	color:#333;
	font-weight:600;
	}

.ui-work-datagroup-title {
	width:100%;
	border:0px none;
	height:30px;
	margin-bottom:10px;
	}

.ui-work-datagroup-title TD {
	color:#000000;
	font-weight:bold;
	/*
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:17px;
	font-weight:300;
	*/
	}

.ui-work-datagroup-title TD.ss_result {
	padding-left:2px;
	font-family:"돋움", "dotum";
	color:#000000;
	font-size:13px;
	font-weight:300;
	text-align:left;
	}

.ui-work-datagroup-title TD.ss_result .spot {
	color:#cc0000;
	font-weight:bold;
	}

.ui-work-datagroup-title2 {
	width:100%;
	border:0px none;
	height:30px;
	margin-bottom:10px;
	}

.ui-work-datagroup-title2 td{
	border:0px none;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	color:#000000;
	/*
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:17px;
	font-weight:300;
	*/
	text-align:left;
	font-weight:bold;
	vertical-align:bottom;
	}
/*상단검색부*/
.ui-search,
.ui-search1 {
	width:100%;
	height:70px;
	border:2px solid #c5d3de;
	}

.ui-search .title,
.ui-search1 .title {
	font-family:"나눔고딕", "NanumGothic", "ng";
	font-size:14px;
	color:#3a5a74;
	font-weight:700;
	}

.ui-search TD,
.ui-search1 TD {
	background:#ecf4fa;
	}

.ui-search TD INPUT,
.ui-search1 TD INPUT {
	height:24px;
	font-size:14px;
	}

.ui-search TD SELECT,
.ui-search1 TD SELECT {
	height:24px;
	font-size:14px;
	}

.ui-search TD .dtpic INPUT,
.ui-search1 TD .dtpic INPUT {
	border:1px solid #ccc;
	background:#fff;
	box-shadow:none;
	}

.ui-search TD .dtpic INPUT:focus,
.ui-search1 TD .dtpic INPUT:focus {
	box-shadow:none;
	}

/* TAB */
.ui-detail-panel-tab {
	margin:0;
	margin-top:30px;
	padding:0;
	border:none;
	}

.ui-tabs .ui-tabs-nav {
	width:100%;
	margin:0;
	padding:0;
	background:none;
	border-bottom:1px solid #dbdbdb;
	}

.ui-tabs .ui-tabs-nav LI {
	margin-right:0px;
	margin-bottom:0;
	border:none;
	border-top:1px solid #333;
	box-shadow:none;
	}

.ui-tabs .ui-tabs-nav LI.ui-state-selected {
	border:none;
	border-top:1px solid #333;
	background:#6a8aa4;
	text-shadow:none;
	box-shadow:none;
	}

.ui-tabs .ui-tabs-nav LI.ui-state-active {
	border:none;
	border-top:1px solid #333;
	background:#6a8aa4;
	text-shadow:none;
	box-shadow:none;
	}

.ui-tabs .ui-tabs-nav LI.ui-state-active A {
	margin-left:1px;
	border:none;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background:#6a8aa4;
	color:#fff;
	text-shadow:none;
	box-shadow:none;
	}

.ui-tabs .ui-tabs-nav LI A {
	width:150px;
	height:20px;
	line-height:20px;
	border-left:1px solid #dbdbdb;
	border-right:1px solid #dbdbdb;
	border-bottom:1px solid #fff;
	background:#fff;
	text-align:center;
	box-shadow:none;
	cursor:pointer;
	}

.ui-tabs .ui-tabs-nav LI A:hover {
	margin-left:1px;
	border-left:1px solid #333;
	border-right:1px solid #333;
	background:#6a8aa4;
	text-shadow:none;
	box-shadow:none;
	cursor:pointer;
	}

.ui-tabs .ui-tabs-nav LI A:link,
.ui-tabs .ui-tabs-nav LI A:visited,
.ui-tabs .ui-tabs-nav LI A:active {
	text-shadow:none;
	box-shadow:none;
	cursor:pointer;
	}

.ui-tabs .ui-tabs-panel {
	padding:0;
	}

.ui-state-default.ui-tabs-selected.ui-state-active.ui-corner-top.ui-detail-panel-tab-02 {
	box-shadow:none;
	background:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}

.ui-state-default.ui-corner-top.ui-detail-panel-tab-02.ui-state-focus.ui-tabs-selected.ui-state-active {
	box-shadow:none;
	background:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	}


.ui-work-blrb{
	width:100%;
	text-align:center;
	}

/* 체크박스 수정 */
.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default {
	border:1px solid #ccc;
	background:none;
	}

.ui-chkbox-box.ui-widget.ui-corner-all.ui-state-default.ui-state-active {
	background:url(../../../img/bfms/fms_ver2/common/ico_check.gif) 0 0 no-repeat;
	}

/* 파일업로드 관련 */
.ui-panelgrid.ui-widget.ui-detail-panel.file {
	border:none;
	}

.ui-panelgrid.ui-widget.ui-detail-panel.file TD {
	padding:0;
	}
	.ui-panelgrid.ui-widget.ui-detail-panel.file TD INPUT {
	height:20px;
	font-size:14px;
	color:#333;
	border:1px solid #ccc;
	background:#fff;
	box-shadow:none;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	border-radius:0px;
	top:-20px;
	left:-80px;
	}

/* 테이블 동작 */
.ui-state-default.ui-sortable-column.header.ui-state-active {
	background:#e5e5e5;
	}

.ui-widget-content.ui-datatable-odd.data-grid-off.ui-state-highlight,
.ui-widget-content.ui-datatable-even.data-grid-on.ui-state-highlight {
	background-color:#1c5078 !important;
	text-shadow:none;
	border:none;
	}

.ui-widget-content.ui-datatable-odd.data-grid-off.ui-state-highlight TD,
.ui-widget-content.ui-datatable-even.data-grid-on.ui-state-highlight TD {
	background-color:#1c5078 !important;
	/* border:none; */
	color:#fff;
	}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	border:1px solid #999;
	}
.ui-state-default, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	border:2px solid #85b2cb;
	}
	
#frmWorkArea {
	overflow-x:auto !important;
	}