Replaced box.png image with css rounded corners.

src/css/pannellum.css

@@ -71,10 +71,16 @@ body
 	position:absolute;
 	top:50%;
 	left:50%;
-	width:200px;
-	height:127px;
+	width:194px;
+	height:121px;
 	margin:-75px 0px 0px -100px;
-	background-image:url('img/box.png');
+	background-color:rgba(255,255,255,.85);
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	border-style:solid;
+	border-width:3px;
+	border-color:#000;
 	display:none;
 	text-align:center;
 	padding-top:23px;
@@ -92,8 +98,8 @@ body
 	background-position:-54px -98px;
 	width:17px;
 	height:17px;
-	margin-right:5px;
-	margin-top:-18px;
+	margin-right:2px;
+	margin-top:-21px;
 }
 #close_button:hover
 {
@@ -168,7 +174,13 @@ body
 	width:200px;
 	height:150px;
 	margin:-75px 0px 0px -100px;
-	background-image:url('img/box.png');
+	background-color:rgba(255,255,255,.85);
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	border-style:solid;
+	border-width:3px;
+	border-color:#000;
 	text-align:center;
 	font-family:serif;
 	font-size:20px;
@@ -234,7 +246,13 @@ body
 	width:200px;
 	height:150px;
 	margin:-75px 0px 0px -100px;
-	background-image:url('img/box.png');
+	background-color:rgba(255,255,255,.85);
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	border-style:solid;
+	border-width:3px;
+	border-color:#000;
 	display:table;
 	text-align:center;
 	-webkit-user-select:none;
@@ -272,7 +290,13 @@ body
 	width:200px;
 	height:150px;
 	margin:-75px 0px 0px -100px;
-	background-image:url('img/box.png');
+	background-color:rgba(255,255,255,.85);
+	-webkit-border-radius: 10px;
+	-moz-border-radius: 10px;
+	border-radius: 10px;
+	border-style:solid;
+	border-width:3px;
+	border-color:#000;
 	display:none;
 	text-align:center;
 	-webkit-user-select:none;