changes the border and box-shadow of headings in courseware content so bottom border is not hidden

templates/sass/base/_extends.scss

@@ -124,10 +124,10 @@ h1.top-header {
   }
 
   h3 {
-    @extend .bottom-border;
+    @include box-shadow(inset 0 1px 0 0 #eee);
     background: none;
     border: none;
-    border-bottom: 1px solid #d3d3d3;
+    border-top: 1px solid #d3d3d3;
     color: #000;
     font-weight: normal;
     margin: 0;
@@ -153,9 +153,9 @@ h1.top-header {
 
     &.active {
       background: none;
-      border: 0;
-      border-bottom: 1px solid #bbb;
-      @include box-shadow(none);
+      //border: 0;
+      //border-bottom: 1px solid #bbb;
+      //@include box-shadow(none);
       color: #000;
       font-weight: bold;
 

templates/sass/courseware/_sidebar.scss

@@ -8,8 +8,8 @@ section.course-index {
       overflow: hidden;
       margin: 0;
 
-      &:last-child {
-        @include box-shadow(none);
+      &:first-child {
+        border: none;
       }
 
       &.ui-accordion-header {
@@ -20,14 +20,10 @@ section.course-index {
           color: lighten($text-color, 10%);
         }
 
-        &.ui-state-hover {
-          border: none;
-          border-bottom: 1px solid #d3d3d3;
-        }
-
         &.ui-state-active {
           @include background-image(linear-gradient(-90deg, rgb(245,245,245), rgb(225,225,225)));
           @extend .active;
+          border-bottom: 1px solid #d3d3d3;
         }
       }
     }