Added some styles to clean up volume slider

lms/static/sass_old/courseware/_video.scss

@@ -299,14 +299,12 @@ section.course-content {
 
             &.muted {
               &>a {
-                // TODO: Replace this with muted speaker icon
-                background: url('../images/closed-arrow.png') 10px center no-repeat;
+                background: url('../images/mute.png') 10px center no-repeat;
               }
             }
 
-            &>a {
-              // TODO: Replace this with speaker icon
-              background: url('../images/open-arrow.png') 10px center no-repeat;
+            > a {
+              background: url('../images/volume.png') 10px center no-repeat;
               border-right: 1px solid #000;
               @include box-shadow(1px 0 0 #555, inset 1px 0 0 #555);
               @include clearfix();
@@ -335,9 +333,9 @@ section.course-content {
               display: none;
               opacity: 0;
               position: absolute;
-              width: 35px;
+              width: 45px;
               height: 125px;
-              margin-left: 5px;
+              margin-left: -1px;
               z-index: 10;
 
               .volume-slider {
@@ -345,6 +343,9 @@ section.course-content {
                 border: 0;
                 width: 5px;
                 margin: 14px auto;
+                background: #666;
+                border: 1px solid #000;
+                @include box-shadow(0 1px 0 #333);
 
                 a.ui-slider-handle {
                   background: $mit-red url(../images/slider-handle.png) center center no-repeat;
@@ -360,7 +361,7 @@ section.course-content {
                 }
 
                 .ui-slider-range {
-                  background: #666;
+                  background: #ddd;
                 }
               }
             }