#drawer-body{
    overflow:hidden;
    background-color:#f5f5f5;
    position:absolute;
    top:0;
    bottom:0;
    right:0;
    left:0;
}
#drawer-body .message-box{
    top:30%;
}
.drawer-wrapper{
    position:absolute;
    right:0;
    top:0;
    bottom:0;
    width:50%;
    display:none;
    
    border:solid 1px #A6A6A6;
    background:#FFFFFF;
    z-index:99;
}
.drawer-wrapper.edit-form{width:930px;}
.popup-content .drawer-wrapper{
    bottom:3px; /* mmmmmm */
}
.drawer-wrapper.larger{
    width:75%;
}
.drawer-wrapper.full-width{
    width:100%;
}
.drawer-wrapper, .drawer-wrapper iframe{
    -webkit-border-radius: 0px 15px 15px 0px;
    -moz-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
    -webkit-box-shadow: rgba(0,0,0,0.3) -5px 0px 15px;
    -moz-box-shadow: rgba(0,0,0,0.3) -5px 0px 15px;
    box-shadow: rgba(0,0,0,0.3) -5px 0px 15px;    
}
.drawer-wrapper.square, .drawer-wrapper.square iframe{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;
}
.drawer-wrapper iframe{
    width:100%;
    height:100%;
    overflow:hidden;
}

.drawer-header{
    -webkit-border-radius: 0 15px 0 0;
    -moz-border-radius: 0 15px 0 0;
    border-radius: 0 15px 0 0;
    border: 1px solid #B3B3B3;
    padding:0px;
    margin:0px;
    position:relative;
}
.drawer-header.square{
    -webkit-border-radius:0px;
    -moz-border-radius:0px;
    -khtml-border-radius:0px;
    border-radius:0px;
}
.drawer-header .drawer-title{
    position:absolute;
    left:100px;
    top:0px;
    padding-top:7px;
    font-size:14px;
    font-weight:bold;
    text-align:center;
    z-index:0;
}

.drawer-content{
    padding:10px;
    bottom:15px;
    position: absolute;
    top:35px;
    left:0;
    right:0;
    overflow:auto;
    background-color:#F5F5F5;
}

.drawer-content .title{
    margin-top:10px;
}

#drawer-body .ui-dialog {
   position: fixed;
}