diff --git a/sass/_courseware.scss b/sass/_courseware.scss
index f139ab9a21..36bef4b789 100644
--- a/sass/_courseware.scss
+++ b/sass/_courseware.scss
@@ -115,6 +115,61 @@ div.course-wrapper {
         padding: lh(.75);
         float: left;
 
+        //problem
+        &.seq_problem_inactive {
+          width: 14px;
+          background: url('/static/images/problem-icon.png') 13px 13px no-repeat;
+        }
+
+        &.seq_problem_visited {
+          width: 14px;
+          background: shade(#F6EFD4, 4%) url('/static/images/problem-icon.png') -57px 13px no-repeat;
+        }
+
+        &.seq_problem_active {
+          width: 14px;
+          background: #FFFBEB url('/static/images/problem-icon.png') -22px 13px no-repeat;
+          border-right: 1px solid #D8CFA8;
+          border-left: 1px solid #D8CFA8;
+        }
+
+        //video
+        &.seq_video_inactive {
+          width: 14px;
+          background: url('/static/images/video-icon.png') 13px 15px no-repeat;
+        }
+
+        &.seq_video_visited {
+          width: 14px;
+          background: shade(#F6EFD4, 4%) url('/static/images/video-icon.png') -64px 15px no-repeat;
+        }
+
+        &.seq_video_active {
+          width: 14px;
+          background: #FFFBEB url('/static/images/video-icon.png') -25px 15px no-repeat;
+          border-right: 1px solid #D8CFA8;
+          border-left: 1px solid #D8CFA8;
+        }
+
+
+        //vertical
+        &.seq_vertical_inactive {
+          width: 14px;
+          background: url('/static/images/vertical-icon.png') 13px 15px no-repeat;
+        }
+
+        &.seq_vertical_visited {
+          width: 14px;
+          background: shade(#F6EFD4, 4%) url('/static/images/vertical-icon.png') -82px 15px no-repeat;
+        }
+
+        &.seq_vertical_active {
+          width: 14px;
+          background: #FFFBEB url('/static/images/vertical-icon.png') -35px 15px no-repeat;
+          border-right: 1px solid #D8CFA8;
+          border-left: 1px solid #D8CFA8;
+        }
+
         &.prev, &.next {
           @include box-shadow(inset 1px 0 0 lighten(#f6efd4, 5%));
           background: darken(#F6EFD4, 5%);
diff --git a/seq_module.js b/seq_module.js
index a636045587..57b73543c6 100644
--- a/seq_module.js
+++ b/seq_module.js
@@ -44,7 +44,7 @@ function ${ id }goto(i) {
     ${ id }loc=i;
     //$('#tt_'+i).attr("style", "background-color:red");
     $('#tt_'+i).removeClass();
-    $('#tt_'+i).addClass("seq_active");
+    $('#tt_'+i).addClass("seq_"+${ id }types[${ id }loc]+"_active");
 
     MathJax.Hub.Queue(["Typeset",MathJax.Hub]);
 }