Change help icon CRM-12364

css/civicrm.css

@@ -2804,21 +2804,27 @@ div.grippie {
 /* Pop-up help icon - eliminate forced line break */
 .crm-container a.helpicon,
 .crm-container .crm-master-accordion-header a.helpicon {
-  background-position: -128px -98px;
-  background-image: url(../i/icons/jquery-ui-2786C2.png);
-  background-color: transparent;
-  width: 16px;
-  height: 16px;
+  background-color: #6177D5;
+  background-image: url("../i/icons/jquery-ui-F5F6F1.png");
+  background-position: -50px -146px;
+  border-radius: 6px;
   display: inline-block;
+  height: 12px;
+  width: 12px;
+  opacity: .7;
+  position: relative;
+  top: 2px;
 }
 
 div.crm-accordion-header a.helpicon {
-  background-image: url(../i/icons/jquery-ui-F5F6F1.png);
+  background-color: #F5F6F1;
+  background-image: url(../i/icons/jquery-ui-2786C2.png);
 }
 
 div a.helpicon:hover,
 div a.helpicon:focus {
   background-image: url(../i/icons/jquery-ui-91CE00.png);
+  opacity: 1;
 }
 
 .crm-container .crm-summary-link {