Added hover image for dial tooltip

Changed the dial tooltip to be just an image and one for the hover so it
can be easier customized from the user later.

manifest.json

@@ -77,6 +77,7 @@
 	},
 	"web_accessible_resources": [
 		"/images/cisco_dialer_icon_dial.png",
-		"/images/cisco_dialer_icon_content.png"
+		"/images/cisco_dialer_icon_content.png",
+		"/images/cisco_dialer_icon_hover.png"
 	]
 }

scripts/cisco_dialer_tooltip.js

@@ -79,10 +79,10 @@ function ciscoDialerTooltipContainer (parent) {
                 var rect = this.getOffsetRect(this.parent);
 			}        
 
-			this.tooltip.style.top = (rect.top - 2) + 'px';	
+			this.tooltip.style.top = rect.top + 'px';	
 			this.tooltip.style.left = (rect.left + this.parent.offsetWidth + 2) + 'px';
-			this.tooltip.style.height = (this.parent.offsetHeight) + 'px';
-			this.tooltip.style.width = (this.parent.offsetHeight) + 'px';
+			this.tooltip.style.height = this.parent.offsetHeight + 'px';
+			this.tooltip.style.width = this.parent.offsetHeight + 'px';
 		}
 	}
 

styles/cisco_dialer_tooltip.css

@@ -19,8 +19,6 @@
 div.cisco_tooltip {
 	-webkit-border-radius: 50%;
 	-webkit-box-shadow: none;
-	-webkit-transition: visibility 0, opacity .13s ease-in;
-	background-color: #eee;
 	display: block;
 	opacity: 1;
 	z-index: 9999;
@@ -29,20 +27,16 @@ div.cisco_tooltip {
 	background-image: url('chrome-extension://__MSG_@@extension_id__/images/cisco_dialer_icon_content.png'); 
 	background-repeat: no-repeat;
 	background-size: contain;
-	border: 2px solid #eee;
 	box-sizing: content-box;
 }
 
 div.cisco_hidden {
-	-webkit-transition: visibility .13s, opacity .13s ease-out, left 0 linear .13s, top 0 linear .13s;
 	opacity: 0;
 	visibility: hidden;
 }
 
 div.cisco_hover {
-	-webkit-transition: background-color .13s ease-in, border-color .13s ease-in;
-	background-color: #12F729;
-	border-color: #12F729;
+	background-image: url('chrome-extension://__MSG_@@extension_id__/images/cisco_dialer_icon_hover.png');
 }
 
 div.cisco_absolute {