diff --git a/examples/panel.html b/examples/panel.html
index f5d50922aa..10af1fdd1f 100644
--- a/examples/panel.html
+++ b/examples/panel.html
@@ -15,32 +15,34 @@
         }
         
         .olControlPanel .olControlMouseDefaultsItemActive { 
-          background-color: orange;
-          background-image: url("../../oterral/ButtonBar/vector/img/PanEnable.png");
+          background-color: blue;
+          background-image: url("../theme/default/img/pan_on.png");
         }
         .olControlPanel .olControlMouseDefaultsItemInactive { 
           background-color: orange;
-          background-image: url("../../oterral/ButtonBar/vector/img/PanDisable.png");
+          background-image: url("../theme/default/img/pan_off.png");
         }
         .olControlPanel .olControlDrawFeatureItemActive { 
           width:  22px;  
           height: 22px;
-          background-image: url("../../oterral/ButtonBar/vector/img/EditLineEnable.png");
+          background-image: url("../theme/default/img/draw_line_on.png");
         }
         .olControlPanel .olControlDrawFeatureItemInactive { 
           width:  22px;  
           height: 22px;
-          background-image: url("../../oterral/ButtonBar/vector/img/EditLineDisable.png");
+          background-image: url("../theme/default/img/draw_line_off.png");
         }
         .olControlPanel .olControlZoomBoxItemInactive { 
           width:  22px;  
           height: 22px;
-          background-color: blue;
+          background-color: orange;
+          background-image: url("../img/drag-rectangle-off.png");
         }
         .olControlPanel .olControlZoomBoxItemActive { 
           width:  22px;  
           height: 22px;
-          background-color: orange;
+          background-color: blue;
+          background-image: url("../img/drag-rectangle-on.png");
         }
         .olControlPanel .olControlZoomToMaxExtentItemInactive { 
           width:  18px;