#mediaGallery * { margin: 0; padding: 0; border: none; text-decoration: none; }
#mediaGallery { position: relative; font-size: small; }

#mediaGallery .clear { clear: both; height: 1px; margin: 0; padding: 0; overflow: hidden; background-color: Transparent; }
#mediaGallery .right_side { float: right; }
#mediaGallery .left_side { float: left; }
#mediaGallery .even { background-color: #f4f4f4; }
#mediaGallery .odd { background-color: #fff; }

#mediaGalleryShell { position:absolute; top:0px; left:0px; color: #626262; }
#mediaGalleryShell ul { list-style-type: none; }
#mediaGalleryShell li, #mediaGalleryShell li:hover { list-style-type: none; border-bottom: dashed 1px lightgreen; }

#mediaGalleryShell a, #mediaGalleryShell a:visited, #mediaGalleryShell a:hover { color:#000; width:100%; }
#mediaGalleryShell li:hover, #mediaGalleryShell a:hover { background-color: lightgreen; }
        
#mediaGalleryShell .mediaCount { text-align: right; margin-left: 5px; }
#mediaGalleryShell .mediaDetail { margin:3px; padding: 4px; }
#mediaGalleryShell h2 { font-size:120%; }
#mediaGalleryShell .description { text-indent:20px; margin:2px 10px; }

#mediaGalleryImages { position:absolute; top:0px; left: 310px; width:500px; background-color:orange; display:none; max-height:300px; overflow:scroll; }
#mediaGalleryImages .imgWrapper {opacity: 0.8; display:block; float:left; width:75px; height:75px; margin:2px; border:solid 2px yellow; padding:2px; background-color:White; }
#mediaGalleryImages img { width:100%; height:100%; }