body { 		
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

body,td,th {
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif; 
	font-size:12px; 
	color: #333333;
	/*line-height: 130%;*/
	padding: 0px;
}


/**** link css ****/

/*basic link*/
a:link {text-decoration:none; color:#333333 }
a:visited {text-decoration:none; color:#333333 }
a:active {text-decoration:none; color:#333333 } 
a:hover {text-decoration:none; color:#000000 }

/*leftmenu link*/
a.left:link {  text-decoration: none; font-size:11px; color:#2F2272;}
a.left:visited {  text-decoration: none; font-size:11px; color:#2F2272;}
a.left:hover {  text-decoration: underline; font-size:11px; color:#2F2272;}
a.left:active {  text-decoration: none; font-size:11px; color:#2F2272;}

/* text */
.t11 {font-size:11px;line-height:1.3;}
.title {font-size:15px;font-weight: bold;color: #222222;line-height:1.3;}

/*images css*/
img {
	border: 0px;	
}


.padd_left{
	padding:3px 0px 3px 0px;
	font-weight: bold;
}

.webpanel{
	background-color: #F5F5F5;
	/*padding:1px;*/
	border:0px solid #CACACA;
	border-width: 1px;	
	padding: 5px;
}

#EnviewContentArea {
	padding: 0px;
}


/***********************************************************************/
/*   Page Navigation style for page                                                                            */
/***********************************************************************/
.pageNavigation {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
}


/***********************************************************************/
/*   Tab style for portlet align in PSML                                                                            */
/***********************************************************************/
.tabActive
{
	background:transparent url(../images/tabtitle_center.gif) repeat scroll left top;
	height:21px;
	padding:4px 4px 0px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #214C84;
}

.tabInactive
{
	/*
	background:transparent url(../images/tab_tit_bg_line.gif) repeat left top;
	height:34px;
	*/
	height:21px;
	padding:4px 4px 0px 4px;
	font-size: 11px;
	font-weight: bold;
	color: #8C8C8C;
}

.tabbackground
{	
	
	background:transparent url(../images/tabtitle_line.gif) repeat scroll left top;
	height:21px;
	
	/*padding:2px 0px 0px 1px;*/
}

.tabActiveLeft 
{
	background:transparent url(../images/tabtitle_left.gif) no-repeat scroll left top;
	width:6px;
	height:21px;
}

.tabActiveRight 
{
	background:transparent url(../images/tabtitle_right.gif) no-repeat scroll left top;
	width:6px;
	height:21px;
}

.tabMore
{
	position: absolute;
	top: 0px;
	right: 0px;
	width:50px;
	height:18px;
	margin: 0;
	z-index : 998;
}

.tabInactiveLeft 
{
	background:transparent url(../images/tl_top_line.gif) no-repeat left center;
	width:6px;
	height:21px;
}

.tabInactiveRight 
{
	background:transparent url(../images/tl_top_line.gif) no-repeat right center;
	width:6px;
	height:21px;
}

div.tab-header {
	background:transparent url(../images/tabtitle_line.gif) repeat scroll left top;
	position: relative;
	top: 0px;
	padding: 0px 0 0;
	height: 21px;
}
div.tab-header ul {
	margin: 0px 0 0 4px;
	padding: 0;
	list-style: none;
	float: left;
	display: inline;
	width: 100%;
	height: 21px;
	overflow: hidden;
	
	/*border-bottom: 1px solid #ccc;*/
}
div.tab-header ul li{
	float: left;
	display: inline;
}
div.tab-content {
	padding: 4px 2px 4px 2px;
	width: 100%;
	height: 100%;
	/*
	position: absolute;
	top: 30px;
	left: 0px;
	width: 280px;
	height: 160px;
	*/
}
div.tab-header p.more img {
	vertical-align: top;
}


/***********************************************************************/
/*   Portlet select dialog style                                                                                           */
/***********************************************************************/
.portlet-selector {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
	font-weight: bold;
	background: #d9d4d2;
	border: 1px solid #999999;
	padding: 1px;
	position: absolute;
	width: 430px;
	height: 400px;
	z-index: 999;
	cursor: move;
}

.portlet-selector .outline {
	background:transparent url(../images/pop_bg.gif) repeat left top;
	border: 2px solid #ffffff;
	padding: 5px;
}

.portlet-selector .titleleft {
	background:transparent url(../images/popup_tit_left.gif) no-repeat left top;
	width:6px;height:28px;
}

.portlet-selector .title {
	background:transparent url(../images/popup_tit_bg.gif) repeat left top;
	font-size: 16px;
	color: #F3F3F5;
	font-weight: bold;
	padding-left: 5px;
}

.portlet-selector .titleright{
	background:transparent url(../images/popup_tit_right.gif) no-repeat left top;
	width:6px;
}

.portlet-selector .webgridpanel {
	background-color: #FFFFFF;
	/* border:1px solid Silver; */
	padding: 4px;
	font-size: 11px;
	color: #333367;
	cursor : default;
}

.portlet-selector .webgridpanel .even {
    background-color:#ffffff;
    text-align:left;
}
.portlet-selector .webgridpanel .odd {
    background-color: #fafafa;
    text-align:left;
}

.portlet-selector  .webgridheaderline{
	background-color: #333367;
	height:3px;
}

.portlet-selector  .webgridheader {
	background:transparent url(../images/tl_top_line.gif) no-repeat right top;
	background-color: #F2F0FB;
	padding:3px 3px 3px 3px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
	font-weight: bold;
	color: #333367;
	text-align: center;
}

.portlet-selector  .webgridheaderlast {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
	font-weight: bold;
	color: #333367;
	text-align: center;
}

.portlet-selector  .webgridbody {
	/*background:transparent url(../images/tl_con_line.gif) no-repeat right middle;*/
	/*background-color: #FFFFFF;*/
	padding:3px 5px 3px 5px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 0px;	
	font-size: 11px;
}

.portlet-selector  .webgridbodylast {
	/*background-color: #FFFFFF;*/
	padding:3px 5px 3px 5px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
}

.portlet-selector  .webbuttonpanel {
	cursor : default;
}

/***********************************************************************/
/*   Portlet property dialog style                                                                                       */
/***********************************************************************/
.portlet-editor {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
	font-weight: bold;
	background: #EEEEEE;
	border: 1px solid #999999;
	padding: 1px;
	position: absolute;
	z-index: 999;
}

.portlet-editor .webformpanel {
	/*background: #CACACA;*/
	/*width: 100%; */
	padding: 1px;
	font-size: 11px;
	color: #333367;
}

.portlet-editor .webformheaderline{
	background-color: #333367;
	height:3px;
}

.portlet-editor .webformfooterline{
	background-color: #333367;
	height:2px;
}

.portlet-editor .webformlabel {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 0px;	
	font-weight: bold;
}

.portlet-editor  .webformlabelmiddle {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 1px;	
	font-weight: bold;
}

.portlet-editor .webformfield {
	background-color: #FFFFFF;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
}

/***********************************************************************/
/*   style for portlet                                                                        */
/***********************************************************************/
.column
{
	min-height:100px
}

.portlet
{
	background: #FFFFFF;
	font-size: 11px;
	/*
	padding-left: 10px;
	padding-top: 10px;
	*/
}

.portlet-empty
{
	background: #FFFFFF;
	font-size: 11px;
	/*width: 95%;*/
	padding-left: 10px;
	padding-top: 10px;
	display: none;
}

.portlet-title-action
{
	float: right;
	display: inline;
}

.portlet-title-more
{
	float: right;
	display: inline;
}

.root-icon-area
{
	background: #CBD8E4;
	font-weight:bold;
    display: inline;
    float: left;
    white-space: normal;
	width: 100%;
	height: 20px;
}

.layout-icon-area
{
	background: #D7DBC0;
	font-weight:bold;
    display: inline;
    float: left;
    white-space: normal;
	width: 100%;
	height: 20px;
}

.portlet-icon-area
{
	background: #FFFFFF;
	font-weight:bold;
    display: inline;
    float: left;
    white-space: normal;
	height: 18px;
}

.portlet-title
{
	/*background-image:  url(../images/portlet/bg_title.gif);*/
	/*
	padding-top: 2px;
    padding-bottom: 16px;
    padding-right: 2px;
    border-left: 5px solid #DDDDDD;
    border-right: 1px solid #666666;
    border-top: 1px solid #DDDDDD;
    border-bottom: 1px solid #666666;
	*/
	border: 1px solid lightgray;
    color: #000000;
    background-color: #FFFFFF;
	text-align: center;
	height: 20px;
	width: 100%;
}

.portlet-title-content
{
	font-weight:bold;
    display: inline;
    /*float: left;*/
    white-space: normal;
	height: 18px;
}

.portlet-content
{
	background: #FFFFFF;
	border: 1px solid lightgray;
}

/***********************************************************************/
/*   My page property pane style                                                                                       */
/***********************************************************************/
.mypage-editor {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
	font-weight: bold;
	background: #EEEEEE;
	border: 1px solid #999999;
	padding: 4px;
	position: absolute;
	z-index: 999;
}

.mypage-editor .webformpanel {
	/*background: #CACACA;*/
	/*width: 100%; */
	padding: 4px;
	font-size: 11px;
	color: #333367;
}

.mypage-editor .webformheaderline{
	background-color: #CACACA;
	height:1px;
}

.mypage-editor .webformfooterline{
	background-color: #333367;
	height:2px;
}

.mypage-editor .webformlabel {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 0px;	
	font-weight: bold;
}

.mypage-editor .webformfield {
	background-color: #FFFFFF;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
}

/***********************************************************************/
/*   Quick menu pane style                                                                                         */
/***********************************************************************/
.quick-menu {
	background-color: #FFFFFF;
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 6pt;
	font-weight: normal;
	background: #EEEEEE;
	border: none;
	
	position: absolute;
	z-index: 1;
}

.quick-menu  .menuTitle {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 7pt;
	font-weight: normal;
}

/***********************************************************************/
/*   Context menu pane style                                                                                         */
/***********************************************************************/
.contextMenu{
	background-color:#ffffff;
	border:1px solid;
	font-family:arial; 
	/*font-weight:bold;*/
	font-size:8pt;
	padding: 4px 2px 4px 2px;
	margin: 0 1 0 1;
	text-align:left;
	cursor:pointer;	
	position : absolute;
	left: 0px;
	top: 0px;
	width: 200px;
	z-index : 998;
	display:none;
}


.contextMenu_title {
	/*padding: 2px;*/
	font-weight:bold;
	font-size:9pt;
	text-align: center;
	color: #2B2732; 
}

.contextMenu_outline {
	padding: 4px 2px 4px 2px;
}
	
.contextMenu_item {
	display: block;
	/*padding: 2px;*/
}

.contextMenu_itemDisable{
	color: #eee;
}

.contextMenu_separator {
	background:transparent url(../images/pop_line.gif) repeat left top;
	height:8px;
}

.contextMenu_itemOver{
	background-color:#B3ABBD;
	/*
	background-color:#B3ABBD;
	color:white; 
	*/
}

.contextMenu_itemOverDisable{
	/*
	background-color:#6495ed;
	*/
}

/***********************************************************************/
/*   Notice dialog style                                              */
/***********************************************************************/
.notice-infomation {
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
	font-weight: bold;
	background: #d9d4d2;
	border: 1px solid #999999;
	/*padding: 1px;*/
	position: absolute;
	z-index: 999;
	cursor: move;
}

.login-input {
	BORDER-RIGHT: #CCCCCC 1px solid; 
	BORDER-TOP: #CCCCCC 1px solid; 
	FONT-SIZE: 9pt; 
	BORDER-LEFT: #CCCCCC 1px solid; 
	BORDER-BOTTOM: #CCCCCC 1px solid; 
	FONT-FAMILY: "Dotum"; 
	color: #585858;
}

/***********************************************************************/
/*   MessageBox                                           */
/***********************************************************************/
.massagebox
{
	left:0;
	top:0;
	width:0;
	height:200px;
	z-index:999;
	display:none;
}

/***********************************************************************/
/*   Form style                                                        */
/***********************************************************************/
.webformpanel {
	/*background: #CACACA;*/
	/*width: 100%; */
	padding: 4px;
	font-size: 11px;
	color: #333367;
}

.webformpanel .webformheaderline{
	background-color: #CACACA;
	height:1px; 
	width:100%;
}

.webformpanel .webformfooterline{
	background:transparent url(../images/table_b_bg.gif) repeat left top;
	height:4px;
	width:100%
}

.webformpanel .webformlabel {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 0px;	
	font-weight: bold;
}

.webformpanel .webformlabelmiddle {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 1px;	
	font-weight: bold;
}

.webformpanel td {
	font-size: 11px;
	font-weight: bold;
}


.webformpanel .webformfield {
	background-color: #FFFFFF;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
}

.webformpanel .webtextfield {
	color:#333333; 
	font-size:11px; 
	font-family:arial,verdana; 
	border:1 solid #BABABA; 
	background-color:#FFFFFF;
}

.webformpanel .full_webtextfield {
    color:#333333; 
	font-size:11px; 
	font-family:arial,verdana; 
	border:1 solid #BABABA; 
	background-color: #FFFFFF;
	width: 98%;
}

.webformpanel .webtextarea {
    width: 98%;
    padding: 2px 0px 0px 3px;
    border: 1px solid #DCD5C2;
    font-family: "Verdana", "";
    font-size: 11px;
    text-decoration: none;
    background-color: #FFFFFF;
    margin: 0px;

}

.webformpanel .webpasswordfield {
    border: 1px solid rgb(102,144,184);
}

.webformpanel .webradiogroup {
    border: 0px solid rgb(102,144,184);
}

.webformpanel .webdropdownlist {
    border: 1px solid rgb(102,144,184);
}

.webformpanel .weblistbox {
    border: 1px solid rgb(102,144,184);
}


.webgridpanel {
	background-color: #FFFFFF;
	/* border:1px solid Silver; */
	padding: 4px;
	font-size: 11px;
	color: #333367;
	border:1px solid #ccc;
}

.webgridpanel .webgridheaderline{
	background-color: #333367;
	height:2px;
}

.webgridpanel .webgridheader {
	background:transparent url(../images/tl_top_line.gif) no-repeat right top;
	background-color: #F2F0FB;
	padding:3px 3px 3px 3px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
	font-weight: bold;
	color: #333367;
	text-align: center;
}

.webgridpanel .webgridheaderlast {
	background-color: #F2F0FB;
	padding:3px 3px 3px 6px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
	font-weight: bold;
	color: #333367;
	text-align: center;
}

.webgridpanel .even {
    background-color:#ffffff;
    text-align:left;
}
.webgridpanel .odd {
    background-color: #fafafa;
    text-align:left;
}

.webgridpanel .mouseover {
    background-color:#F2F0FB;
}

.webgridpanel .webgridbody {
	/*background:transparent url(../images/tl_con_line.gif) no-repeat right middle;*/
	/*background-color: #FFFFFF;*/
	padding:3px 5px 3px 5px;
	border:#CACACA solid;
	border-width: 0px 1px 1px 0px;	
	font-size: 11px;
}

.webgridpanel .webgridbodylast {
	/*background-color: #FFFFFF;*/
	padding:3px 5px 3px 5px;
	border:#CACACA solid;
	border-width: 0px 0px 1px 0px;	
	font-size: 11px;
}

.webgridpanel span,
.webgridpanel td {
	font-size: 11px;
}

.webpanel{
	background-color: #F5F5F5;
	/*padding:1px;*/
	border:1px solid #CACACA;
	border-width: 1px;	
}

.webnavigationpanel{
	font-size: 11px;
}

a.webnavigation:link {  text-decoration: none; font-size:11px;}
a.webnavigation:visited {  text-decoration: none; font-size:11px;}
a.webnavigation:hover {  text-decoration: underline; font-size:11px;}
a.webnavigation:active {  text-decoration: none; font-size:11px;}	

.webdialogpanel{
	font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size: 8pt;
	font-weight: bold;
	background: #d9d4d2;
	border: 1px solid #999999;
	padding: 1px;
	position: absolute;
	z-index: 999;
}

.webdialogpanel .webdialogtitle {
	height: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #333367;
}

.webbuttonpanel {

}

/***********************************************************************/
/*   Template Style                                                    */
/***********************************************************************/
.templatePane {
	width: 100px;
	float: left;
}

/***********************************************************************/
/*   JQuery Style Redefine                                             */
/***********************************************************************/
ul.ui-widget-header {
	background : #FFF; 
	border-top: none;
	border-left: none;
	border-right: none;
}

ul.ui-widget-header .ui-state-active {
	background: #F9FBFF;
}

ul.ui-widget-header .ui-state-default {
	background: #FFF;
}

div.ui-widget-header {
	background : #eef3ff;
}

div.ui-widget-content button.ui-state-default {
	background : #eef3ff;
}

/***********************************************************************/
/*   Button style                                                      */
/***********************************************************************/
/* UI Object */
.btn_pack,
.btn_pack *{display:inline-block;overflow:visible;position:relative;margin:0;padding:0;border:0;background:url(../images/btn_pack.gif) no-repeat;font-weight:bold;font-size:12px;font-family:Tahoma, Sans-serif;color:#333;text-decoration:none !important;vertical-align:top;white-space:nowrap}
.btn_pack{margin-right:4px}
.btn_pack *{left:4px;cursor:pointer;_cursor:hand}
.btn_pack.medium,
.btn_pack.medium *{height:24px;line-height:24px}
.btn_pack.large,
.btn_pack.large *{height:30px;line-height:30px}
.btn_pack.small,
.btn_pack.small *{height:19px;line-height:19px}
.btn_pack.medium{background-position:left 0}
.btn_pack.large{background-position:left -30px}
.btn_pack.small{background-position:left -106px}
.btn_pack.medium *{padding:0 10px 0 6px;background-position:right top;font-size:12px}
.btn_pack.large *{padding:0 10px 0 6px;background-position:right -30px;font-size:16px}
.btn_pack.small *{padding:0 6px 0 2px;background-position:right -106px;font-size:11px}
.btn_pack *:hover,
.btn_pack *:active,
.btn_pack *:focus{color:#690}
.btn_pack.strong *{font-weight:bold !important}
.btn_pack.icon *{padding-left:20px}
.btn_pack.small.icon *{padding-left:16px}
.btn_pack.icon span{width:20px;margin-right:-20px;padding:0 !important}

@import url('./portlets.css');