diff --git a/ui (gen4)/ribbons.js b/ui (gen4)/ribbons.js
index 0f5d9ab1..fded694c 100755
--- a/ui (gen4)/ribbons.js	
+++ b/ui (gen4)/ribbons.js	
@@ -32,23 +32,33 @@ function makeObject(name, cls, obj){
 	// NOTE: we are using eval here to name the function correctly as
 	// 		simply assigning .name does not work...
 	// 		XXX think of a cleaner way...
-	eval(('var O = function ${NAME}(){'
-		+'	if(this.constructor.name != name){'
-		+'		return new (Function.prototype.bind.apply('
-		+'			${NAME},'
-		+'			arguments.length == 1 ? [null, arguments[0]]'
-		+'				: [null].concat(Array.apply(null, arguments))))'
-		+'	}'
-		+''
-		+'	if(this.__init__ != null){'
-		+'		this.__init__.apply(this, arguments)'
-		+'	}'
-		+''
-		+'	return this'
-		+'}').replace(/\${NAME}/g, name))
+	var O = function OBJECT(){
+		if(this.constructor.name != name){
+			return new (Function.prototype.bind.apply(
+				OBJECT,
+				arguments.length == 1 ? [null, arguments[0]]
+					: [null].concat(Array.apply(null, arguments))))
+		}
+	
+		if(this.__init__ != null){
+			this.__init__.apply(this, arguments)
+		}
+	
+		return this
+	}
 
-	O.__proto__ = cls == null ? {} : cls
-	O.prototype = obj == null ? {} : obj 
+	if(name != null){
+		O = eval(O
+			.toString()
+			.replace(/OBJRCT/g, name))
+	}
+
+	if(cls != null){
+		O.__proto__ = cls
+	}
+	if(obj != null){
+		O.prototype = obj
+	}
 	O.prototype.constructor = O
 
 	return O
diff --git a/ui/compatibility.js b/ui/compatibility.js
index e15fba19..3caff95e 100755
--- a/ui/compatibility.js
+++ b/ui/compatibility.js
@@ -48,7 +48,7 @@ if(window.CEF_dumpJSON != null){
 
 	window.osPath = function(p){
 		return path
-			.normalize(p.replace(/file:\/\/\//, ''))
+			.normalize(p.replace(/file:\/\/(\/[a-zA-Z]:|\/)/, '$1'))
 	}
 	window.execPathPush = function(p){
 		process.env.PATH += ';' + path.normalize(path.dirname(process.execPath) + '/' + p)
diff --git a/ui/layout.css b/ui/layout.css
index df2a9bc2..808dfb0c 100755
--- a/ui/layout.css
+++ b/ui/layout.css
@@ -327,6 +327,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(270deg) scaleY(1) scaleX(1);
   transform: rotate(270deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
   opacity: 0.5;
 }
 .single-image-mode.viewer .marker {
@@ -355,6 +363,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(90deg) scaleY(1) scaleX(1);
   transform: rotate(90deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"] {
   -webkit-transform: rotate(180deg) scaleY(1) scaleX(1);
@@ -362,6 +378,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(180deg) scaleY(1) scaleX(1);
   transform: rotate(180deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"] {
   -webkit-transform: rotate(270deg) scaleY(1) scaleX(1);
@@ -369,6 +393,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(270deg) scaleY(1) scaleX(1);
   transform: rotate(270deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* Flipped vertically only... */
 /* NOTE: wee need to do all possible combinations here as we can't 
@@ -380,6 +412,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(0deg) scaleY(-1) scaleX(1);
   transform: rotate(0deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped="vertical"] {
   -webkit-transform: rotate(90deg) scaleY(-1) scaleX(1);
@@ -387,6 +427,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(90deg) scaleY(-1) scaleX(1);
   transform: rotate(90deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped="vertical"] {
   -webkit-transform: rotate(180deg) scaleY(-1) scaleX(1);
@@ -394,6 +442,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(180deg) scaleY(-1) scaleX(1);
   transform: rotate(180deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped="vertical"] {
   -webkit-transform: rotate(270deg) scaleY(-1) scaleX(1);
@@ -401,6 +457,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(270deg) scaleY(-1) scaleX(1);
   transform: rotate(270deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* Flipped horizontally only... */
 .image[flipped*="horizontal"] {
@@ -409,6 +473,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(0deg) scaleY(1) scaleX(-1);
   transform: rotate(0deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped="horizontal"] {
   -webkit-transform: rotate(90deg) scaleY(1) scaleX(-1);
@@ -416,6 +488,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(90deg) scaleY(1) scaleX(-1);
   transform: rotate(90deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped="horizontal"] {
   -webkit-transform: rotate(180deg) scaleY(1) scaleX(-1);
@@ -423,6 +503,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(180deg) scaleY(1) scaleX(-1);
   transform: rotate(180deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped="horizontal"] {
   -webkit-transform: rotate(270deg) scaleY(1) scaleX(-1);
@@ -430,6 +518,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(270deg) scaleY(1) scaleX(-1);
   transform: rotate(270deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* Flipped vertically and horizontally... */
 .image[flipped*="vertical"][flipped*="horizontal"] {
@@ -438,6 +534,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(0deg) scaleY(-1) scaleX(-1);
   transform: rotate(0deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped*="vertical"][flipped*="horizontal"] {
   -webkit-transform: rotate(90deg) scaleY(-1) scaleX(-1);
@@ -445,6 +549,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(90deg) scaleY(-1) scaleX(-1);
   transform: rotate(90deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped*="vertical"][flipped*="horizontal"] {
   -webkit-transform: rotate(180deg) scaleY(-1) scaleX(-1);
@@ -452,6 +564,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(180deg) scaleY(-1) scaleX(-1);
   transform: rotate(180deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped*="vertical"][flipped*="horizontal"] {
   -webkit-transform: rotate(270deg) scaleY(-1) scaleX(-1);
@@ -459,6 +579,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(270deg) scaleY(-1) scaleX(-1);
   transform: rotate(270deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* default backgrounds */
 /* XXX not sure if we need these... 
@@ -679,6 +807,14 @@ button:hover {
   -o-transform: rotate(-90deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(-90deg) scaleY(1) scaleX(1);
   transform: rotate(-90deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"] .inline-image-info {
   top: 0px;
@@ -688,6 +824,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(180deg) scaleY(1) scaleX(1);
   transform: rotate(180deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"] .inline-image-info {
   top: auto;
@@ -701,6 +845,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(90deg) scaleY(1) scaleX(1);
   transform: rotate(90deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* compensate for flipping... */
 /* XXX START: I hate this code, will think if a better way to do this... */
@@ -710,6 +862,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(0deg) scaleY(1) scaleX(-1);
   transform: rotate(0deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -724,6 +884,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(90deg) scaleY(1) scaleX(-1);
   transform: rotate(90deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -738,6 +906,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(180deg) scaleY(1) scaleX(-1);
   transform: rotate(180deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -752,6 +928,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(1) scaleX(-1);
   -ms-transform: rotate(270deg) scaleY(1) scaleX(-1);
   transform: rotate(270deg) scaleY(1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[flipped*="vertical"] .inline-image-info {
   top: 0px;
@@ -761,6 +945,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(0deg) scaleY(-1) scaleX(1);
   transform: rotate(0deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped*="vertical"] .inline-image-info {
   top: auto;
@@ -775,6 +967,14 @@ button:hover {
   -o-transform: rotate(-270deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(-270deg) scaleY(-1) scaleX(1);
   transform: rotate(-270deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped*="vertical"] .inline-image-info {
   top: auto;
@@ -789,6 +989,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(180deg) scaleY(-1) scaleX(1);
   transform: rotate(180deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped*="vertical"] .inline-image-info {
   top: auto;
@@ -803,6 +1011,14 @@ button:hover {
   -o-transform: rotate(270deg) scaleY(-1) scaleX(1);
   -ms-transform: rotate(270deg) scaleY(-1) scaleX(1);
   transform: rotate(270deg) scaleY(-1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[flipped*="vertical"][flipped*="horizontal"] .inline-image-info {
   top: 0px;
@@ -812,6 +1028,14 @@ button:hover {
   -o-transform: rotate(0deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(0deg) scaleY(-1) scaleX(-1);
   transform: rotate(0deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="90"][flipped*="vertical"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -826,6 +1050,14 @@ button:hover {
   -o-transform: rotate(-90deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(-90deg) scaleY(-1) scaleX(-1);
   transform: rotate(-90deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="180"][flipped*="vertical"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -840,6 +1072,14 @@ button:hover {
   -o-transform: rotate(180deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(180deg) scaleY(-1) scaleX(-1);
   transform: rotate(180deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .image[orientation="270"][flipped*="vertical"][flipped*="horizontal"] .inline-image-info {
   top: auto;
@@ -854,6 +1094,14 @@ button:hover {
   -o-transform: rotate(90deg) scaleY(-1) scaleX(-1);
   -ms-transform: rotate(90deg) scaleY(-1) scaleX(-1);
   transform: rotate(90deg) scaleY(-1) scaleX(-1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /* XXX END */
 .overlay-info {
@@ -929,6 +1177,14 @@ button:hover {
   -o-transform: rotate(45deg) scaleY(1) scaleX(1);
   -ms-transform: rotate(45deg) scaleY(1) scaleX(1);
   transform: rotate(45deg) scaleY(1) scaleX(1);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .down-indicator {
   top: auto;
@@ -1310,6 +1566,14 @@ progress:not(value)::-webkit-progress-bar {
   -o-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
   -ms-transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
   transform: rotate(0deg) scaleY(0.7) scaleX(0.7);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 .small.viewer:not(.single-image-mode) .mark:after,
 .small.viewer:not(.single-image-mode) .marked.image:after {
@@ -1318,6 +1582,14 @@ progress:not(value)::-webkit-progress-bar {
   -o-transform: rotate(0deg) scaleY(1.5) scaleX(1.5);
   -ms-transform: rotate(0deg) scaleY(1.5) scaleX(1.5);
   transform: rotate(0deg) scaleY(1.5) scaleX(1.5);
+  /* This prevents elements from aligning to sub-pixels...*/
+
+  /*
+	-webkit-transform-style: preserve-3d;
+	-moz-transform-style: preserve-3d;
+	transform-style: preserve-3d;
+	*/
+
 }
 /********************************************************* Overlay ***/
 .overlay-block {