/*************************************************************************************************************
 * 사용자 커스텀 다이얼로그 박스
 * @returns
 */
 
#dialog-overlay {
    display: none;
    opacity: 0.25;
    position: fixed;
    top: 0px;
    left: 0px;
    background: #000;
    width: 100%;
    z-index: 100;
}
#dialog-box {
    display: none;
    position: fixed;
    background: #FAFAFA;
    width:96%;
    margin-left:2%;
    z-index: 101;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    -moz-box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
    box-shadow: 4px 4px 3px 3px rgba(0, 0, 0, 0.35);
}
#dialog-box > div {
    background: #FAFAFA;
    margin:8px;
}
#dialog-box > div > #dialog-box-head {
	
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: .3em;
    	
    background: #354366;
    font-size:small;
    font-weight:bold;
    padding: 10px;
    color: #fff;
     
}
#dialog-box > div > #dialog-box-body {
    background: #FAFAFA;
    padding: 20px;
    color: #000;
    font-size:small;
}
#dialog-box > div > #dialog-box-foot {
    background: #FAFAFA;
    padding: 10px;
    text-align: right;
}

.dialog-button
{
	/*
	-webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: .3em;
    */
    
    border:1px solid #fff;
    font-size:small;
    background:#1b54bd;
    color:#fff;
    padding:.3em 1em .3em 1em;
    
}