.media-container {
-moz-border-radius:20px 20px 20px 20px;
-webkit-border-radius:20px 20px 20px 20px;
border-radius:20px 20px 20px 20px;
background:none repeat scroll 0 0 #E0FFEE;
border:1px dashed #009988;
padding:5px 0 0 5px;
zoom: 1;
position: relative;
display: inline-block;
width: auto;
}

.media-container .media{-moz-border-radius:15px 15px 15px 15px;-webkit-border-radius:15px 15px 15px 15px;border-radius:15px 15px 15px 15px;background:none repeat scroll 0 0 #666666;float:left;height:100px;position:relative;width:100px;padding: 5px;margin-right: 5px;margin-bottom: 5px;}
.media-container .media *{display:block;-moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px;position:relative;width: 100px;height: 100px;}
.media-container .media-add{font-family:arial;font-size:400%;line-height:100px;text-align:center;text-shadow:0 1px 1px white;cursor: pointer;}
.media-container .media-add a{display:block;width:100px;height:100px;color:black;background:url("/Rrrockz/Themes/Default/img/gradient-100.png") repeat scroll 0 0 transparent;cursor: inherit;}
.media-container .media-add a:hover{color: #00B811;}

.media-container .del-img
{
background:url("/Rrrockz/Themes/Default/img/icons/cross.png") repeat scroll right top white;
border:2px solid white;
color:red;
top: 5px;
right: 5px;
height:15px;
position:absolute;
width:15px;
z-index:900;
opacity: 0.7;
visibility: hidden;
cursor: pointer;
}

.media-container .del-img:hover
{
visibility: visible;
}

#main .media-container{background: transparent;border: none;margin-bottom: 20px;}