Index: /SPARQLBuilderWWW/web/newsparqlbuilder.js
===================================================================
--- /SPARQLBuilderWWW/web/newsparqlbuilder.js (revision 235)
+++ /SPARQLBuilderWWW/web/newsparqlbuilder.js (revision 236)
@@ -66,4 +66,8 @@
 		endClass = $(".SBEndClassSelect").val();
 		loadPathList();
+	});
+
+	d3.select('.SBModalView').on("mousewheel", function(){
+		event.preventDefault();
 	});
 
@@ -135,8 +139,4 @@
 		}
 	}
-
-	d3.select('.SBModalView').on("mousewheel", function(){
-		event.preventDefault();
-	});
 }
 
@@ -152,8 +152,10 @@
 		$('.SBModalContents .SBModalButtons').css('width', 200 + 'px').css('height', '26px');
 
-		var selw = $('.SBModalContents .SBSelects').width();
+		var selw = Math.floor($('.SBModalContents .SBSelects').width());
+
 		if(selw % 2 == 1){
-			$('.SBModalContents .SBSelects').css('width', (selw - 1));
+			selw--;
 		}
+		$('.SBModalContents .SBSelects').css('width', selw);
 	}
 }
@@ -195,5 +197,5 @@
 			var list = eval(data);
 			$(".SBEndPointSelect").empty();
-			$(".SBEndPointSelect").append('<option value="SBDefault">SELECT ENDPOINT</option>');
+			$(".SBEndPointSelect").append('<option value="SBDefault">SELECT EndPoint</option>');
 			for (var i = 0; i < list.length; ++i) {
 				$(".SBEndPointSelect").append('<option value="' + list[i] + '">' + list[i] + '</option>');
@@ -228,6 +230,6 @@
 			$(".SBStartClassSelect").empty();
 			$(".SBEndClassSelect").empty();
-			$(".SBStartClassSelect").append('<option value="SBDefault">SELECT STARTCLASS</option>');
-			$(".SBEndClassSelect").append('<option value="SBDefault">SELECT ENDCLASS</option>');
+			$(".SBStartClassSelect").append('<option value="SBDefault">SELECT StartClass</option>');
+			$(".SBEndClassSelect").append('<option value="SBDefault">SELECT EndClass</option>');
 			for (var i = 0; i < list.length; ++i) {
 				$(".SBStartClassSelect").append('<option value="' + list[i]['uri'] + '">' + list[i]['label'] + ' (' + list[i]['number'] + ')' + '</option>');
@@ -260,5 +262,5 @@
 	$('.SBResult').hide();
 	$('.SBViewAll').hide();
-	$('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1>');
+	$('.SBSelectedPath').html('<h1>Please <span style="color: hsl(150, 50%, 75%);">select a leaf node</span> and <span style=\"color: hsl(200, 50%, 75%);\">push button</span> to generate a SPARQL</h1><img src=\"images/pathline.png\" style="display:none;">');
 
 	var url = "http://www.sparqlbuilder.org/api/plist?ep=" + encodeURIComponent(endpoint)
Index: /SPARQLBuilderWWW/web/newsparqlbuilder.css
===================================================================
--- /SPARQLBuilderWWW/web/newsparqlbuilder.css (revision 235)
+++ /SPARQLBuilderWWW/web/newsparqlbuilder.css (revision 236)
@@ -56,11 +56,16 @@
 }
 
-.SBModalContents .SBSelects select{
+.SBModalContents .SBSelects .SBEndPointSelect{
+	width: 100%;
+	height: 2em;
+}
+
+.SBModalContents .SBSelects .SBStartClassSelect{
 	width: 50%;
 	height: 2em;
 }
 
-.SBModalContents .SBSelects .SBEndPointSelect{
-	width: 100%;
+.SBModalContents .SBSelects .SBEndClassSelect{
+	width: 50%;
 	height: 2em;
 }
@@ -89,4 +94,8 @@
 }
 
+.SBModalContents .SBPermaLinkButton:hover{
+	background: hsl(0, 50%, 85%);
+}
+
 .SBModalContents .SBMessage{
 	float: left;
@@ -112,4 +121,8 @@
 	padding: 3px 5px 3px 5px;
 	cursor: pointer;
+}
+
+.SBModalContents .SBViewAll:hover{
+	background: hsl(0, 50%, 85%);
 }
 
