icon[bizit=MediaView] {
    background-image: url('index.png');
}

bizit[name=MediaView] {
    width: 500px;
    height: 400px;
    color: #000000;
}

div[bizit=MediaView] div.mbody div.pannel {
    
    float: left;
    margin: 10px 10px;
    font-size: 10pt;
    border: 2px solid #c7c8ca;
    width: 175px;
    height: 150px;
    position: relative;
    background: white;
                                   
}

.mediaOverflow {
    
    overflow: auto;
    
}

div[bizit=MediaView] div.mbody {
    
    background-color: #ffffff;
    
}

div[bizit=MediaView] div.mheader {
    
    padding: 5px;
    border-bottom: 1px solid #dcddde;
    margin-bottom: 4px;
    
}

div[bizit=MediaView] div.mheader p {
    
    margin: 2px;
    
}

div[bizit=MediaView] div.mheader p#mtitle {
    
    font-size: 16pt;
    font-weight: bold;
    float: left;
}

div[bizit=MediaView] div.mheader p#mfilter {
    
    float: right;
    
}

div[bizit=MediaView] div.mfoot {
    
    padding: 5px;
    border-top: 1px solid #dcddde;
    margin-top: 4px;
    font-style: italic;
    font-size: 9pt; 
    text-align: center;
}

div[bizit=MediaView] div.mbody div.pannel a.download {
    
    position: absolute;
    display: block;
    bottom: 5px;    
    font-size: 11pt;
    right: 10px;
    
}

div[bizit=MediaView] div.mbody div.pannel a.comment {
    
    position: absolute;
    display: block;
    bottom: 5px;    
    font-size: 11pt;
    right: 38px;
    
}

div[bizit=MediaView] div.mbody div.pannel div.previewContainer{
  
    width: 150px;
    height: 84px;
    overflow: hidden;
    margin: 9px auto;  
    
    
}
 p.mediaComment {
    
    border: 1px dotted gray;
    padding: 5px;
    margin: 5px;
    background: #fffde9;
    font-size: 12pt;
    
}

p.mediaComment i {
    
    font-size: 9pt;
    color: gray;
    
    
}

p.mediaComment span {
    
    font-size: 11pt;
    padding-left: 20px;
    font-weight: bold;
    
}