diff --git a/e107_handlers/media_class.php b/e107_handlers/media_class.php
index 97877222c..e5c3b804b 100644
--- a/e107_handlers/media_class.php
+++ b/e107_handlers/media_class.php
@@ -547,8 +547,7 @@ class e_media
 		}
 		
 		
-		$text .= "
-		<div style='text-align:right; display:block'> Displaying ".($frm +1)."-".($dipTotal)." of ".$total." images.</div>\n";
+		$text .= "<div class='media-select-count' style='text-align:right; display:block'> Displaying ".($frm +1)."-".($dipTotal)." of ".$total." images.</div>\n";
 		
 		if($bbcode == null) // e107 Media Manager - new-image mode. 
 		{
@@ -620,6 +619,31 @@ class e_media
 		
 		
 		$text .= "<div style='clear:both'><!-- --></div>";
+		
+		//fixing tip icon when navigation prev/next page
+		$text .="<script>";
+		$text .="$(document).ready(function(){
+						$('.e-tip').each(function() {
+										
+							
+							var tip = $(this).attr('title');
+							if(!tip)
+							{
+								return;
+							}
+							
+							var pos = $(this).attr('data-placement'); 
+							if(!pos)
+							{
+								pos = 'top';	
+							}
+							
+							$(this).tooltip({opacity:1.0,fade:true, placement: pos});
+
+						});	
+					});			
+		";
+		$text .="</script>";
 		$mes = e107::getMessage();
 		$mes->addDebug("Target: {$tagid}");
 		
diff --git a/e107_web/js/colorbox/colorbox.css b/e107_web/js/colorbox/colorbox.css
index 038cce55b..074c4d165 100644
--- a/e107_web/js/colorbox/colorbox.css
+++ b/e107_web/js/colorbox/colorbox.css
@@ -95,3 +95,21 @@
 .cboxIE6 #cboxMiddleRight {
     _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
 }
+
+.mediaBody{
+	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px;
+	scrollbar-3dlight-color:#F0F0EE;
+	scrollbar-arrow-color:#676662;
+	scrollbar-base-color:#F0F0EE;
+	scrollbar-darkshadow-color:#DDDDDD;
+	scrollbar-face-color:#E0E0DD;
+	scrollbar-highlight-color:#F0F0EE;
+	scrollbar-shadow-color:#F0F0EE;
+	scrollbar-track-color:#F5F5F5;
+	background:#F0F0EE;
+	padding:0;
+	margin:8px 8px 0 8px;
+}
+
+.mediaBody h4 {color:#2B6FB6; margin:0; padding:0; padding-top:5px;}
+.mediaBody td {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;}
diff --git a/e107_web/js/core/all.jquery.js b/e107_web/js/core/all.jquery.js
index ce008893f..d55d6ec5e 100644
--- a/e107_web/js/core/all.jquery.js
+++ b/e107_web/js/core/all.jquery.js
@@ -302,12 +302,14 @@ $(document).ready(function()
 			iframe:true,
 			width:"60%",
 			height:"70%",
-			initialWidth: "60%",
-			initialHeight: "70%",
-			preloading: false
-	//		,
-		//	speed:10,
-		//	opacity: 0.7
+
+			speed:10,
+			opacity: 0.7,
+			fastIframe:false,
+			onComplete: function() { 
+				$("iframe").contents().find("body").addClass("mediaBody");   
+			}
+
 
 		});