/*******************************************************************************
* START CODING
*******************************************************************************/
.overlay,.overlay1,.overlay2,.overlay3{
width:100%; 
height:100%; 
position: fixed; 
top: 0; 
left: 0; 
display: none; 
z-index: 99999; 
background: rgba(0,0,0,0.7);
}

.resizable{
   display:block;width:55%;height:400px; 
   background: #f3f3f3;padding:10px;padding-bottom:50px;margin: 100px auto; 
   border:2px solid gray;border-radius: 5px;overflow:hidden;  
   position:relative;box-shadow: 0 2px 5px #000;z-index: 103;
}

.resizable1,.resizable2,.resizable3{
   display:block;width:70%;height:500px; 
   background: #f3f3f3;padding:10px;padding-bottom:60px;margin: 30px auto; 
   border:2px solid gray;border-radius: 5px;overflow:hidden;  
   position:relative;box-shadow: 0 2px 5px #000;z-index: 103;
}

.ui-resizable-helper { border: 1px dotted gray; }

a.boxclose,a.boxclose1,a.boxclose2,a.boxclose3{
    background:transparent url(../img/x.png) no-repeat top left;
    margin-top:0px;
    margin-right:0px;
    padding-bottom:7px;
    cursor:pointer;
    float: right;
    height: 35px;
    width: 34px;
    z-index: 99999;
}