Added styles for sliders in courseware

sass/courseware/_amplifier.scss

@@ -16,21 +16,21 @@ div#graph-container {
 
     select#musicTypeSelect {
       display: block;
-      margin-bottom: lh(2);
+      margin-bottom: lh();
     }
 
     div#graph-output {
       display: block;
-      margin-bottom: lh(2);
+      margin-bottom: lh();
     }
 
     div#graph-listen {
       display: block;
-      margin-bottom: lh(2);
+      margin-bottom: lh();
     }
 
     p {
-      margin-bottom: lh(1);
+      margin-bottom: lh(.5);
     }
 
     div#label {

sass/courseware/_courseware.scss

@@ -182,6 +182,25 @@ div.course-wrapper {
       line-height: lh();
       font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace;
     }
+
+    div.ui-slider {
+      border: 1px solid #aaa;
+      background: #ddd;
+      @include box-shadow(inset 0 1px 0 #eee);
+      @include border-radius(0);
+
+      a.ui-slider-handle {
+        @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
+        background: $mit-red url(/static/images/slider-bars.png) center center no-repeat;
+        border: 1px solid darken($mit-red, 20%);
+        cursor: pointer;
+
+        &:hover, &:focus {
+          background-color: lighten($mit-red, 10%);
+          outline: none;
+        }
+      }
+    }
   }
 
   &.closed {

sass/courseware/_video.scss

@@ -71,7 +71,6 @@ section.course-content {
             @include border-radius(20px);
             @include box-shadow(inset 0 1px 0 lighten($mit-red, 10%));
             background: $mit-red url(/static/images/slider-handle.png) center center no-repeat;
-            border: 0;
             border: 1px solid darken($mit-red, 20%);
             cursor: pointer;
             height: 20px;
@@ -79,7 +78,8 @@ section.course-content {
             top: -4px;
             width: 20px;
 
-            &:focus {
+            &:focus, &:hover {
+              background-color: lighten($mit-red, 10%);
               outline: none;
             }
           }