#mabox{
 background: rgba(0, 0, 0, 0.3);
 height: 100%;
 left: 0;
 position: fixed;
 top: 0;
 width: 100%;
 z-index: 1000;
 -webkit-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset, 0 0 200px rgba(0, 0, 0, 0.6) inset, 0 0 100px rgba(0, 0, 0, 0.7) inset;
 -moz-box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset, 0 0 200px rgba(0, 0, 0, 0.6) inset, 0 0 100px rgba(0, 0, 0, 0.7) inset;
 box-shadow: 0 0 500px rgba(0, 0, 0, 0.5) inset, 0 0 200px rgba(0, 0, 0, 0.6) inset, 0 0 100px rgba(0, 0, 0, 0.7) inset;
}
.no-rgba #mabox, .no-boxshadow #mabox{
 background: transparent url(/images/jquery/bg-overlay.png);
 -webkit-box-shadow: none;
 -moz-box-shadow: none;
 box-shadow: none;
}
#mabox .container{
 position: absolute;
 left: 50%;
 top: 50%;
 -webkit-box-shadow: 0 0 20px rgba(40, 40, 40, .65);
 -moz-box-shadow: 0 0 20px rgba(40, 40, 40, .65);
 box-shadow: 0 0 20px rgba(40, 40, 40, .65);
}
.no-boxshadow #mabox .container{
 border: 1px solid #ccc;
}
#mabox.loading .container, #mabox iframe.loading{
 background: #fff url(/images/jquery/icon-loading.gif) no-repeat 50% 50%;
 cursor: wait;
}
#mabox .content{
 overflow-y: auto;
}
#mabox.external .content{
 overflow: hidden;
}
#mabox a.remove{
 background: url(/images/jquery/icon-close-circle-x.png) no-repeat;
 display: block;
 height: 29px;
 position: absolute;
 right: -15px;
 text-indent: -9999px;
 top: -12px;
 width: 29px;
}