/** page structure **/

.alpha50-overlay {
    position: fixed; 
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #333355;
    opacity: 0.5;
    filter: alpha(opacity=50);
}

.popup-box {
	background:#FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	border-radius: 6px;
}

.popup-title {
	background:#5e5e5e;
	color:#EEEEEE;
	font-weight: bold;
	/* text-align:center; */
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.alert-title {
	background:#EE0000;
	color:#ffffff;
	font-weight: bold;
	/* text-align:center; */
	padding-top: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
}

.popup-content {
	padding: 10px;
}

.title-bar {
	/* color: red;
	width: 100px;
	border: 1px solid green; */
	position: relative;
}

.close-button-top {
	position: absolute;
	cursor: pointer;
	border: 1px solid #AAAAAA;
	background-color: #1188EE;
	border-radius: 3px;
	color: #ffffff;
	width: 20px;
	top: 0px;
	right: 0px;
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	vertical-align: middle;
	margin-top:2px;
	margin-right:2px;
}

.close-button-top:hover {
	color:#ee0000;
	background-color: #FFFFFF;
}

.save-button,
.dialog-button,
.dialog-ok-button,
.cancel-button {
	min-width: 70px;
}


.lazytree {
	min-height:20px;
	padding:19px;
	margin-bottom:20px;
	background-color:#fbfbfb;
	border:1px solid #999;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.05)
}
.lazytree li {
    list-style-type:none;
    margin:0;
    padding:1px 5px 0 5px;
    position:relative
}
.lazytree li::before, .lazytree li::after {
    content:'';
    left:-20px;
    position:absolute;
    right:auto
}
.lazytree li::before {
    border-left:1px solid #999;
    bottom:50px;
    height:100%;
    top:0;
    width:1px
}
.lazytree li::after {
    border-top:1px solid #999;
    height:20px;
    top:15px;
    width:25px
}
.lazytree li span {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    display:inline-block;
    padding:3px 8px;
    text-decoration:none
}
.lazytree li>span:hover {
    background:#ffdd00;
    color:#0000cc
}

.lazytree li:last-child::before {
    height:16px
}

div.groupbox { 
	width: auto;			/* 박스 너비, 지정하지 않으면 최대치 사용 */
	height: auto;				
	margin: 0 0 1em 0;		/* 박스 주위 여백 */
	border: 1px solid #999;		/* 박스 테두리 색 */
	padding: 0 5px 5px;			/* 박스 여백(padding) */
	
}
div.groupbox h4 { 
	line-height: 10%; 		/* 위쪽 테두리 선과 내용물 사이의 간격 */
	padding-left: 8px; 		/* 왼쪽 테두리 선과 라벨 사이의 간격 */
	font-size: 1em;			/* h4 태그의 텍스트 크기 지정 */
	font-weight: normal;		/* h4 태그의 텍스트 두께 지정 */ 
}
div.groupbox h4 span { 
	background-color: #fff;		/* 배경색과 동일해야 함 */
	color: #333;			/* 라벨 텍스트 색 */
	padding: 0 4px;			/* 라벨과 좌우 선 사이의 간격 */
	position: relative; 
	top: -1.1em;			/* 라벨의 상하 위치 조절 */
}
div.groupbox p {
	margin-bottom: 1em;
	line-height: 0%;
}
 
.bind-text {
	display: inline-block;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 3px;
	margin-right: 5px;
	font-weight:normal;
}