Added styles for new calc and updated bourbon

07f27e36 · Kyle Fiedler · e01a3d77 · 07f27e36 · 07f27e36 · 07f27e36
Commit 07f27e36 authored Mar 20, 2012 by Kyle Fiedler
22 changed files
--- a/static/css/application.css
+++ b/static/css/application.css
@@ -117,7 +117,7 @@ input, select {
  font-weight: 800;
  font-style: italic; }

-.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body section.main-content:after, html body section.outside-app:after, div.header-wrapper header:after, div.header-wrapper header hgroup:after, div.header-wrapper header nav ul:after, footer:after, div.leanModal_box#enroll ol:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider:after, section.course-content nav.sequence-bottom ul:after, div#graph-container:after, div#schematic-container:after, div.book-wrapper section.book nav ul:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.profile-wrapper section.course-info > ol > li:after, div#wiki_panel div#wiki_create_form:after, div.wiki-wrapper section.wiki-body:after, ul.badge-list li.badge:after {
+.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav:after, div.wiki-wrapper section.wiki-body header:after, html body section.main-content:after, html body section.outside-app:after, div.header-wrapper header:after, div.header-wrapper header hgroup:after, div.header-wrapper header nav ul:after, footer:after, li.calc-main div#calculator_wrapper form:after, div.leanModal_box#enroll ol:after, div.course-wrapper section.course-content .problem-set:after, div.course-wrapper section.course-content section.problems-wrapper:after, div.course-wrapper section.course-content div#seq_content:after, div.course-wrapper section.course-content ol.vert-mod > li:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls:after, section.course-content div.video-subtitles div.video-wrapper section.video-controls div#slider:after, section.course-content nav.sequence-bottom ul:after, div#graph-container:after, div#schematic-container:after, div.book-wrapper section.book nav ul:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.profile-wrapper section.course-info > ol > li:after, div#wiki_panel div#wiki_create_form:after, div.wiki-wrapper section.wiki-body:after, ul.badge-list li.badge:after {
  content: ".";
  display: block;
  height: 0;
@@ -149,8 +149,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
  -moz-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
-  -ms-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
-  -o-box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
  box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
  color: #fff;
  cursor: pointer;
@@ -169,8 +167,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
 .button:hover, input[type="submit"]:hover, input[type="button"]:hover, button:hover, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:hover, .button:focus, input[type="submit"]:focus, input[type="button"]:focus, button:focus, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit:focus {
  -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
  -moz-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
-  -ms-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
-  -o-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
  box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
  background-color: #a2a2a2;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #a2a2a2), color-stop(100%, #7b7b7b));
@@ -184,13 +180,9 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
 .content, div.course-wrapper section.course-content, div.book-wrapper section.book, div.info-wrapper section.updates, div.profile-wrapper section.course-info, div.gradebook-wrapper section.gradebook-content, div.wiki-wrapper section.wiki-body {
  -webkit-box-shadow: inset 0 0 2px 3px #f3f3f3;
  -moz-box-shadow: inset 0 0 2px 3px #f3f3f3;
-  -ms-box-shadow: inset 0 0 2px 3px #f3f3f3;
-  -o-box-shadow: inset 0 0 2px 3px #f3f3f3;
  box-shadow: inset 0 0 2px 3px #f3f3f3;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  padding: 22.652px;
@@ -200,8 +192,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  .content, div.course-wrapper section.course-content, div.book-wrapper section.book, div.info-wrapper section.updates, div.profile-wrapper section.course-info, div.gradebook-wrapper section.gradebook-content, div.wiki-wrapper section.wiki-body {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
-    -ms-box-shadow: none;
-    -o-box-shadow: none;
    box-shadow: none; } }

 .sidebar, section.course-index, div.book-wrapper section.book-sidebar, div.info-wrapper section.handouts, div.profile-wrapper section.user-info, div#wiki_panel, div.discussion-wrapper aside {
@@ -214,13 +204,9 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-right: 1px solid #d3d3d3;
  -webkit-box-shadow: inset 0 0 0 1px #f6f6f6;
  -moz-box-shadow: inset 0 0 0 1px #f6f6f6;
-  -ms-box-shadow: inset 0 0 0 1px #f6f6f6;
-  -o-box-shadow: inset 0 0 0 1px #f6f6f6;
  box-shadow: inset 0 0 0 1px #f6f6f6;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
@@ -239,8 +225,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
 .sidebar .bottom-border, section.course-index .bottom-border, div.book-wrapper section.book-sidebar .bottom-border, div.info-wrapper section.handouts .bottom-border, div.profile-wrapper section.user-info .bottom-border, div#wiki_panel .bottom-border, div.discussion-wrapper aside .bottom-border, .sidebar h3, section.course-index .sidebar h3, .sidebar section.course-index h3, div.book-wrapper section.book-sidebar .sidebar h3, .sidebar div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts .sidebar h3, .sidebar div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info .sidebar h3, .sidebar div.profile-wrapper section.user-info h3, div#wiki_panel .sidebar h3, .sidebar div#wiki_panel h3, div.discussion-wrapper aside .sidebar h3, .sidebar div.discussion-wrapper aside h3, .sidebar section.course-index h3, section.course-index .sidebar h3, section.course-index h3, div.book-wrapper section.book-sidebar section.course-index h3, section.course-index div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts section.course-index h3, section.course-index div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info section.course-index h3, section.course-index div.profile-wrapper section.user-info h3, div#wiki_panel section.course-index h3, section.course-index div#wiki_panel h3, div.discussion-wrapper aside section.course-index h3, section.course-index div.discussion-wrapper aside h3, .sidebar div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar .sidebar h3, section.course-index div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar section.course-index h3, div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h3, div#wiki_panel div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div#wiki_panel h3, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h3, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h3, .sidebar div.info-wrapper section.handouts h3, div.info-wrapper section.handouts .sidebar h3, section.course-index div.info-wrapper section.handouts h3, div.info-wrapper section.handouts section.course-index h3, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.profile-wrapper section.user-info h3, div#wiki_panel div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div#wiki_panel h3, div.discussion-wrapper aside div.info-wrapper section.handouts h3, div.info-wrapper section.handouts div.discussion-wrapper aside h3, .sidebar div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info .sidebar h3, section.course-index div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info section.course-index h3, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info h3, div#wiki_panel div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div#wiki_panel h3, div.discussion-wrapper aside div.profile-wrapper section.user-info h3, div.profile-wrapper section.user-info div.discussion-wrapper aside h3, .sidebar div#wiki_panel h3, div#wiki_panel .sidebar h3, section.course-index div#wiki_panel h3, div#wiki_panel section.course-index h3, div.book-wrapper section.book-sidebar div#wiki_panel h3, div#wiki_panel div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div#wiki_panel h3, div#wiki_panel div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div#wiki_panel h3, div#wiki_panel div.profile-wrapper section.user-info h3, div#wiki_panel h3, div.discussion-wrapper aside div#wiki_panel h3, div#wiki_panel div.discussion-wrapper aside h3, .sidebar div.discussion-wrapper aside h3, div.discussion-wrapper aside .sidebar h3, section.course-index div.discussion-wrapper aside h3, div.discussion-wrapper aside section.course-index h3, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h3, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h3, div.info-wrapper section.handouts div.discussion-wrapper aside h3, div.discussion-wrapper aside div.info-wrapper section.handouts h3, div.profile-wrapper section.user-info div.discussion-wrapper aside h3, div.discussion-wrapper aside div.profile-wrapper section.user-info h3, div#wiki_panel div.discussion-wrapper aside h3, div.discussion-wrapper aside div#wiki_panel h3, div.discussion-wrapper aside h3, .sidebar div#wiki_panel input[type="button"], section.course-index .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], .sidebar div#wiki_panel input[type="button"], div.discussion-wrapper aside .sidebar div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.profile-wrapper section.user-info input[type="button"], div#wiki_panel .sidebar input[type="button"], div.discussion-wrapper aside div#wiki_panel .sidebar input[type="button"], div#wiki_panel .sidebar div.discussion-wrapper aside input[type="button"], .sidebar section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.profile-wrapper section.user-info input[type="button"], section.course-index div#wiki_panel input[type="button"], div.discussion-wrapper aside section.course-index div#wiki_panel input[type="button"], section.course-index div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index .sidebar input[type="button"], div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.profile-wrapper section.user-info input[type="button"], div#wiki_panel section.course-index input[type="button"], div.discussion-wrapper aside div#wiki_panel section.course-index input[type="button"], div#wiki_panel section.course-index div.discussion-wrapper aside input[type="button"], .sidebar div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel .sidebar input[type="button"], section.course-index div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.info-wrapper section.handouts div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.discussion-wrapper aside div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar .sidebar input[type="button"], section.course-index div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar section.course-index input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.discussion-wrapper aside div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar div.discussion-wrapper aside input[type="button"], .sidebar div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel .sidebar input[type="button"], section.course-index div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.discussion-wrapper aside div.info-wrapper section.handouts div#wiki_panel input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts .sidebar input[type="button"], section.course-index div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.book-wrapper section.book-sidebar input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.discussion-wrapper aside div#wiki_panel div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.info-wrapper section.handouts div.discussion-wrapper aside input[type="button"], .sidebar div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel .sidebar input[type="button"], section.course-index div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.discussion-wrapper aside div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info .sidebar input[type="button"], section.course-index div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.info-wrapper section.handouts input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.discussion-wrapper aside div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.profile-wrapper section.user-info div.discussion-wrapper aside input[type="button"], .sidebar div#wiki_panel input[type="button"], div#wiki_panel .sidebar input[type="button"], section.course-index div#wiki_panel input[type="button"], div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"], div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel input[type="button"], div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel input[type="button"], div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel .sidebar input[type="button"], section.course-index div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel section.course-index input[type="button"], div.book-wrapper section.book-sidebar div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel div.profile-wrapper section.user-info input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], div.discussion-wrapper aside div#wiki_panel input[type="button"], .sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside .sidebar input[type="button"], section.course-index div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside section.course-index input[type="button"], div.book-wrapper section.book-sidebar div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.book-wrapper section.book-sidebar input[type="button"], div.info-wrapper section.handouts div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.info-wrapper section.handouts input[type="button"], div.profile-wrapper section.user-info div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside div.profile-wrapper section.user-info input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], div#wiki_panel div.discussion-wrapper aside input[type="button"], .sidebar div.info-wrapper section.handouts h1, div.info-wrapper section.handouts .sidebar h1, section.course-index div.info-wrapper section.handouts h1, div.info-wrapper section.handouts section.course-index h1, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.profile-wrapper section.user-info h1, div#wiki_panel div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div#wiki_panel h1, div.discussion-wrapper aside div.info-wrapper section.handouts h1, div.info-wrapper section.handouts div.discussion-wrapper aside h1, .sidebar div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info .sidebar h1, section.course-index div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info section.course-index h1, div.book-wrapper section.book-sidebar div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info h1, div#wiki_panel div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div#wiki_panel h1, div.discussion-wrapper aside div.profile-wrapper section.user-info h1, div.profile-wrapper section.user-info div.discussion-wrapper aside h1, .sidebar div#wiki_panel h2, div#wiki_panel .sidebar h2, section.course-index div#wiki_panel h2, div#wiki_panel section.course-index h2, div.book-wrapper section.book-sidebar div#wiki_panel h2, div#wiki_panel div.book-wrapper section.book-sidebar h2, div.info-wrapper section.handouts div#wiki_panel h2, div#wiki_panel div.info-wrapper section.handouts h2, div.profile-wrapper section.user-info div#wiki_panel h2, div#wiki_panel div.profile-wrapper section.user-info h2, div#wiki_panel h2, div.discussion-wrapper aside div#wiki_panel h2, div#wiki_panel div.discussion-wrapper aside h2, .sidebar div.discussion-wrapper aside h1, div.discussion-wrapper aside .sidebar h1, section.course-index div.discussion-wrapper aside h1, div.discussion-wrapper aside section.course-index h1, div.book-wrapper section.book-sidebar div.discussion-wrapper aside h1, div.discussion-wrapper aside div.book-wrapper section.book-sidebar h1, div.info-wrapper section.handouts div.discussion-wrapper aside h1, div.discussion-wrapper aside div.info-wrapper section.handouts h1, div.profile-wrapper section.user-info div.discussion-wrapper aside h1, div.discussion-wrapper aside div.profile-wrapper section.user-info h1, div#wiki_panel div.discussion-wrapper aside h1, div.discussion-wrapper aside div#wiki_panel h1, div.discussion-wrapper aside h1 {
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  border-bottom: 1px solid #d3d3d3; }
 @media print {
@@ -284,8 +268,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  background: #efefef;
  -webkit-box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
-  -ms-box-shadow: 0 1px 0 white;
-  -o-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white; }
 .sidebar h3 span.ui-icon, section.course-index h3 span.ui-icon, div.book-wrapper section.book-sidebar h3 span.ui-icon, div.info-wrapper section.handouts h3 span.ui-icon, div.profile-wrapper section.user-info h3 span.ui-icon, div#wiki_panel h3 span.ui-icon, div.discussion-wrapper aside h3 span.ui-icon, .sidebar div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel .sidebar input[type="button"] span.ui-icon, section.course-index div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel section.course-index input[type="button"] span.ui-icon, div.book-wrapper section.book-sidebar div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.book-wrapper section.book-sidebar input[type="button"] span.ui-icon, div.info-wrapper section.handouts div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.info-wrapper section.handouts input[type="button"] span.ui-icon, div.profile-wrapper section.user-info div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.profile-wrapper section.user-info input[type="button"] span.ui-icon, div#wiki_panel input[type="button"] span.ui-icon, div.discussion-wrapper aside div#wiki_panel input[type="button"] span.ui-icon, div#wiki_panel div.discussion-wrapper aside input[type="button"] span.ui-icon {
  background-image: url(images/ui-icons_454545_256x240.png); }
@@ -295,8 +277,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-bottom: 1px solid #bbb;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  color: #000;
  font-weight: bold; }
@@ -306,8 +286,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-bottom: 1px solid #d3d3d3;
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  padding: 11.326px 22.652px;
  position: relative; }
@@ -339,8 +317,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-bottom: 1px solid #eddfaa;
  -webkit-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
  -moz-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
-  -ms-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
-  -o-box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
  box-shadow: inset 0 1px 0 white, inset 1px 0 0 white;
  font-size: 12px;
  margin: -22.652px -22.652px 22.652px;
@@ -361,8 +337,6 @@ h1.top-header, div.course-wrapper section.course-content h1, div.info-wrapper se
  border-left: 1px solid #e4d080;
  -webkit-box-shadow: inset 1px 0 0 #faf7e9;
  -moz-box-shadow: inset 1px 0 0 #faf7e9;
-  -ms-box-shadow: inset 1px 0 0 #faf7e9;
-  -o-box-shadow: inset 1px 0 0 #faf7e9;
  box-shadow: inset 1px 0 0 #faf7e9;
  display: block;
  text-transform: uppercase; }
@@ -429,8 +403,6 @@ img {
 input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="time"], input[type="week"], textarea {
  -webkit-box-shadow: 0 -1px 0 white;
  -moz-box-shadow: 0 -1px 0 white;
-  -ms-box-shadow: 0 -1px 0 white;
-  -o-box-shadow: 0 -1px 0 white;
  box-shadow: 0 -1px 0 white;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white));
@@ -473,13 +445,9 @@ html body section.main-content, html body section.outside-app {
  border-bottom: 1px solid #bbb;
  -webkit-box-shadow: 0 0 4px #dfdfdf;
  -moz-box-shadow: 0 0 4px #dfdfdf;
-  -ms-box-shadow: 0 0 4px #dfdfdf;
-  -o-box-shadow: 0 0 4px #dfdfdf;
  box-shadow: 0 0 4px #dfdfdf;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 3px;
  overflow: hidden; }
@@ -510,8 +478,6 @@ div.header-wrapper {
  border-bottom: 1px solid #fff;
  -webkit-box-shadow: inset 0 -4px 6px #862d2d;
  -moz-box-shadow: inset 0 -4px 6px #862d2d;
-  -ms-box-shadow: inset 0 -4px 6px #862d2d;
-  -o-box-shadow: inset 0 -4px 6px #862d2d;
  box-shadow: inset 0 -4px 6px #862d2d; }
 @media print {
  div.header-wrapper {
@@ -519,8 +485,6 @@ div.header-wrapper {
 div.header-wrapper header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0 22.652px; }
 div.header-wrapper header hgroup {
@@ -591,8 +555,6 @@ div.header-wrapper header nav {
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c;
  -moz-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c;
-  -ms-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c;
-  -o-box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c;
  box-shadow: inset 0 0 0 1px #3b0c10, inset 0 2px 0 #65141c;
  display: block;
  float: left;
@@ -639,8 +601,6 @@ div.header-wrapper header nav .active, div.header-wrapper header nav.courseware 
  border-radius: 3px 3px 0 0;
  -webkit-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white;
  -moz-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white;
-  -ms-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white;
-  -o-box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white;
  box-shadow: 0 2px 0 #f4f4f4, inset 0 1px 0 white;
  color: #333;
  text-shadow: 0 1px 0 #fff; }
@@ -648,8 +608,6 @@ div.header-wrapper header nav .active, div.header-wrapper header nav.courseware 
 footer {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #777;
  margin-top: 22.652px;
@@ -706,6 +664,110 @@ footer nav ul.social li.facebook a {
 footer nav ul.social li.linkedin a {
  background: url("/static/images/linkedin.png") 0 0 no-repeat; }

+li.calc-main {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  width: 100%; }
+li.calc-main a.calc {
+  text-indent: -9999px;
+  overflow: hidden;
+  display: block;
+  background: url("/static/images/calc-icon.png") rgba(17, 17, 17, 0.9) no-repeat center;
+  border-bottom: 0;
+  color: #fff;
+  float: right;
+  margin-right: 10px;
+  -webkit-border-radius: 3px 3px 0 0;
+  -moz-border-radius: 3px 3px 0 0;
+  -ms-border-radius: 3px 3px 0 0;
+  -o-border-radius: 3px 3px 0 0;
+  border-radius: 3px 3px 0 0;
+  display: -moz-inline-box;
+  -moz-box-orient: vertical;
+  display: inline-block;
+  vertical-align: baseline;
+  zoom: 1;
+  *display: inline;
+  *vertical-align: auto;
+  padding: 8px 12px;
+  width: 16px;
+  height: 20px; }
+li.calc-main a.calc:hover {
+  opacity: .8; }
+li.calc-main a.calc.closed {
+  background-image: url("/static/images/close-calc-icon.png"); }
+li.calc-main div#calculator_wrapper {
+  background: rgba(17, 17, 17, 0.9);
+  clear: both; }
+li.calc-main div#calculator_wrapper form {
+  padding: 22.652px; }
+li.calc-main div#calculator_wrapper form input#calculator_input {
+  border: none;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  font-size: 16px;
+  padding: 10px;
+  width: 61.741%;
+  margin: 0;
+  float: left; }
+li.calc-main div#calculator_wrapper form input#calculator_input:focus {
+  outline: none;
+  border: none; }
+li.calc-main div#calculator_wrapper form input#calculator_button {
+  background: #111;
+  border: 1px solid #000;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #fff;
+  font-size: 30px;
+  font-weight: bold;
+  padding: 0;
+  text-shadow: none;
+  width: 4.251%;
+  float: left;
+  margin: 0 1.012%; }
+li.calc-main div#calculator_wrapper form input#calculator_button:hover {
+  color: #333; }
+li.calc-main div#calculator_wrapper form input#calculator_output {
+  background: #222;
+  border: 0;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  color: #fff;
+  float: left;
+  font-size: 16px;
+  font-weight: bold;
+  margin: 1px 0 0;
+  padding: 10px;
+  width: 31.984%; }
+li.calc-main div#calculator_wrapper dl {
+  display: none; }
+li.calc-main div#calculator_wrapper dl dt {
+  clear: both;
+  float: left;
+  font-weight: bold;
+  padding-right: 11.326px; }
+li.calc-main div#calculator_wrapper dl dd {
+  float: left; }
+
 #lean_overlay {
  position: fixed;
  z-index: 100;
@@ -726,13 +788,9 @@ div.leanModal_box {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px black;
  -moz-box-shadow: 0 0 6px black;
-  -ms-box-shadow: 0 0 6px black;
-  -o-box-shadow: 0 0 6px black;
  box-shadow: 0 0 6px black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding: 45.304px; }
@@ -812,8 +870,6 @@ div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li i
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div.leanModal_box form ol li input[type="checkbox"] {
  margin-right: 10px; }
@@ -835,8 +891,6 @@ div.leanModal_box form input[type="button"], div.leanModal_box form input[type="
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
  -moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-  -ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-  -o-box-shadow: inset 0 1px 0 0 #bc5c5c;
  box-shadow: inset 0 1px 0 0 #bc5c5c;
  color: white;
  display: inline;
@@ -857,8 +911,6 @@ div.leanModal_box form input[type="button"], div.leanModal_box form input[type="
 div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover {
  -webkit-box-shadow: inset 0 1px 0 0 #a44141;
  -moz-box-shadow: inset 0 1px 0 0 #a44141;
-  -ms-box-shadow: inset 0 1px 0 0 #a44141;
-  -o-box-shadow: inset 0 1px 0 0 #a44141;
  box-shadow: inset 0 1px 0 0 #a44141;
  cursor: pointer;
  background-color: #823030;
@@ -872,8 +924,6 @@ div.leanModal_box form input[type="button"]:active, div.leanModal_box form input
  border: 1px solid #691b1b;
  -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-  -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-  -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }

 div#login {
@@ -909,43 +959,6 @@ div#feedback_div form ol li {
 div#feedback_div form ol li textarea#feedback_message {
  height: 100px; }

-div#calculator_div {
-  max-width: 500px; }
-div#calculator_div form {
-  padding-bottom: 22.652px;
-  margin-bottom: 22.652px;
-  border-bottom: 1px solid #ddd; }
-div#calculator_div form input#calculator_input {
-  width: 400px; }
-div#calculator_div form input#calculator_button {
-  background: 0;
-  color: #993333;
-  border: 0;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
-  box-shadow: none;
-  padding: 0;
-  text-shadow: none; }
-div#calculator_div form input#calculator_button:hover {
-  color: #333; }
-div#calculator_div form input#calculator_output {
-  border: 0;
-  background: none;
-  padding: 7.928px;
-  font-size: 24px;
-  width: 378px;
-  font-weight: bold;
-  margin-top: 4px; }
-div#calculator_div dl dt {
-  float: left;
-  clear: both;
-  padding-right: 11.326px;
-  font-weight: bold; }
-div#calculator_div dl dd {
-  float: left; }
-
 /*
 * jQuery UI CSS Framework 1.8.16
 *
@@ -2449,8 +2462,6 @@ div.course-wrapper section.course-content .problem-set h2, div.course-wrapper se
  border-right: 1px dashed #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  vertical-align: top; }
@@ -2566,8 +2577,6 @@ div.course-wrapper section.course-content div.ui-slider {
  background: #ddd;
  -webkit-box-shadow: inset 0 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 1px 0 #eeeeee;
-  -ms-box-shadow: inset 0 1px 0 #eeeeee;
-  -o-box-shadow: inset 0 1px 0 #eeeeee;
  box-shadow: inset 0 1px 0 #eeeeee;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
@@ -2577,8 +2586,6 @@ div.course-wrapper section.course-content div.ui-slider {
 div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle {
  -webkit-box-shadow: inset 0 1px 0 #bf4040;
  -moz-box-shadow: inset 0 1px 0 #bf4040;
-  -ms-box-shadow: inset 0 1px 0 #bf4040;
-  -o-box-shadow: inset 0 1px 0 #bf4040;
  box-shadow: inset 0 1px 0 #bf4040;
  background: #993333 url(/static/images/slider-bars.png) center center no-repeat;
  border: 1px solid #4d1919;
@@ -2609,8 +2616,6 @@ section.course-index div#accordion h3, section.course-index div#accordion div#wi
 section.course-index div#accordion h3:last-child, section.course-index div#accordion div#wiki_panel input[type="button"]:last-child, div#wiki_panel section.course-index div#accordion input[type="button"]:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none; }
 section.course-index div#accordion h3.ui-accordion-header, section.course-index div#accordion div#wiki_panel input.ui-accordion-header[type="button"], div#wiki_panel section.course-index div#accordion input.ui-accordion-header[type="button"] {
  color: #000; }
@@ -2628,8 +2633,6 @@ section.course-index div#accordion ul.ui-accordion-content {
  border-radius: 0;
  -webkit-box-shadow: inset -1px 0 0 #e6e6e6;
  -moz-box-shadow: inset -1px 0 0 #e6e6e6;
-  -ms-box-shadow: inset -1px 0 0 #e6e6e6;
-  -o-box-shadow: inset -1px 0 0 #e6e6e6;
  box-shadow: inset -1px 0 0 #e6e6e6;
  background: #dadada;
  border: none;
@@ -2693,8 +2696,6 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
  border-radius: 0;
  -webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
  -moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
-  -ms-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
-  -o-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
  box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
  background: #c2c2c2;
  border: none;
@@ -2708,8 +2709,6 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
  border-radius: 20px;
  -webkit-box-shadow: inset 0 1px 0 #bf4040;
  -moz-box-shadow: inset 0 1px 0 #bf4040;
-  -ms-box-shadow: inset 0 1px 0 #bf4040;
-  -o-box-shadow: inset 0 1px 0 #bf4040;
  box-shadow: inset 0 1px 0 #bf4040;
  background: #993333 url(/static/images/slider-handle.png) center center no-repeat;
  border: 1px solid #4d1919;
@@ -2730,8 +2729,6 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
 section.course-content div.video-subtitles div.video-wrapper section.video-controls ul.vcr li a {
  -webkit-box-shadow: 1px 0 0 #555555;
  -moz-box-shadow: 1px 0 0 #555555;
-  -ms-box-shadow: 1px 0 0 #555555;
-  -o-box-shadow: 1px 0 0 #555555;
  box-shadow: 1px 0 0 #555555;
  border-bottom: none;
  border-right: 1px solid #000;
@@ -2761,8 +2758,6 @@ section.course-content div.video-subtitles div.video-wrapper section.video-contr
  border-left: 1px solid #000;
  -webkit-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
  -moz-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
-  -ms-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
-  -o-box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
  box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
  float: left;
  line-height: 46px;
@@ -2904,8 +2899,6 @@ nav.sequence-nav ol li .visited, nav.sequence-nav ol li a.seq_video_visited, nav
  background-repeat: no-repeat;
  -webkit-box-shadow: inset 0 0 3px #ceb97d;
  -moz-box-shadow: inset 0 0 3px #ceb97d;
-  -ms-box-shadow: inset 0 0 3px #ceb97d;
-  -o-box-shadow: inset 0 0 3px #ceb97d;
  box-shadow: inset 0 0 3px #ceb97d; }
 nav.sequence-nav ol li .visited:hover, nav.sequence-nav ol li a.seq_video_visited:hover, nav.sequence-nav ol li a.seq_other_visited:hover, nav.sequence-nav ol li a.seq_vertical_visited:hover, nav.sequence-nav ol li a.seq_problem_visited:hover {
  background-color: #f6efd4;
@@ -2913,8 +2906,6 @@ nav.sequence-nav ol li .visited:hover, nav.sequence-nav ol li a.seq_video_visite
 nav.sequence-nav ol li .active, nav.sequence-nav ol div.header-wrapper header nav.courseware li.courseware a, div.header-wrapper header nav.courseware nav.sequence-nav ol li.courseware a, nav.sequence-nav ol div.header-wrapper header nav.book li.book a, div.header-wrapper header nav.book nav.sequence-nav ol li.book a, nav.sequence-nav ol div.header-wrapper header nav.info li.info a, div.header-wrapper header nav.info nav.sequence-nav ol li.info a, nav.sequence-nav ol div.header-wrapper header nav.discussion li.discussion a, div.header-wrapper header nav.discussion nav.sequence-nav ol li.discussion a, nav.sequence-nav ol div.header-wrapper header nav.wiki li.wiki a, div.header-wrapper header nav.wiki nav.sequence-nav ol li.wiki a, nav.sequence-nav ol div.header-wrapper header nav.profile li.profile a, div.header-wrapper header nav.profile nav.sequence-nav ol li.profile a, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active, nav.sequence-nav ol li section.course-index div#accordion div#wiki_panel input.ui-accordion-header.ui-state-active[type="button"], section.course-index div#accordion div#wiki_panel nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol li div#wiki_panel section.course-index div#accordion input.ui-accordion-header.ui-state-active[type="button"], div#wiki_panel section.course-index div#accordion nav.sequence-nav ol li input.ui-accordion-header.ui-state-active[type="button"], nav.sequence-nav ol li a.seq_video_active, nav.sequence-nav ol li a.seq_other_active, nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active {
  -webkit-box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
-  -ms-box-shadow: 0 1px 0 white;
-  -o-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
  background-color: #fff;
  background-repeat: no-repeat; }
@@ -2924,8 +2915,6 @@ nav.sequence-nav ol li .active:hover, nav.sequence-nav ol div.header-wrapper hea
 nav.sequence-nav ol li a {
  -webkit-box-shadow: 1px 0 0 white;
  -moz-box-shadow: 1px 0 0 white;
-  -ms-box-shadow: 1px 0 0 white;
-  -o-box-shadow: 1px 0 0 white;
  box-shadow: 1px 0 0 white;
  background-position: center center;
  border: none;
@@ -3043,8 +3032,6 @@ nav.sequence-nav ul li {
 nav.sequence-nav ul li.prev a, nav.sequence-nav ul li.next a {
  -webkit-box-shadow: inset 1px 0 0 #faf7e9;
  -moz-box-shadow: inset 1px 0 0 #faf7e9;
-  -ms-box-shadow: inset 1px 0 0 #faf7e9;
-  -o-box-shadow: inset 1px 0 0 #faf7e9;
  box-shadow: inset 1px 0 0 #faf7e9;
  background-color: #f2e7bf;
  background-position: center center;
@@ -3095,8 +3082,6 @@ section.course-content nav.sequence-bottom ul {
  background-color: #f2e7bf;
  -webkit-box-shadow: inset 0 0 0 1px #faf7e9;
  -moz-box-shadow: inset 0 0 0 1px #faf7e9;
-  -ms-box-shadow: inset 0 0 0 1px #faf7e9;
-  -o-box-shadow: inset 0 0 0 1px #faf7e9;
  box-shadow: inset 0 0 0 1px #faf7e9; }
 section.course-content nav.sequence-bottom ul li {
  float: left; }
@@ -3207,8 +3192,6 @@ div.graph-controls label[for="vrCheckbox"], div.graph-controls label[for="vrRadi
 div.book-wrapper section.book-sidebar {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div.book-wrapper section.book-sidebar ul#booknav {
  font-size: 12px; }
@@ -3233,8 +3216,6 @@ div.book-wrapper section.book-sidebar ul#booknav > li {
  border-bottom: 1px solid #d3d3d3;
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  padding: 7px 7px 7px 30px; }
 div.book-wrapper section.book nav a {
@@ -3245,8 +3226,6 @@ div.book-wrapper section.book nav ul li.last {
 div.book-wrapper section.book nav ul li.last a {
  -webkit-box-shadow: inset -1px 0 0 #faf7e9;
  -moz-box-shadow: inset -1px 0 0 #faf7e9;
-  -ms-box-shadow: inset -1px 0 0 #faf7e9;
-  -o-box-shadow: inset -1px 0 0 #faf7e9;
  box-shadow: inset -1px 0 0 #faf7e9;
  border-right: 1px solid #e4d080;
  border-left: 0; }
@@ -3319,8 +3298,6 @@ div.info-wrapper section.handouts ol {
 div.info-wrapper section.handouts ol li {
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  border-bottom: 1px solid #d3d3d3; }
 div.info-wrapper section.handouts ol li p {
@@ -3407,8 +3384,6 @@ div.profile-wrapper section.user-info ul li {
  text-decoration: none;
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  padding: 7px 22.652px;
  border-bottom: 1px solid #d3d3d3;
@@ -3429,8 +3404,6 @@ div.profile-wrapper section.user-info ul li div#location_sub input[type="text"],
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div.profile-wrapper section.user-info ul li div#location_sub:empty, div.profile-wrapper section.user-info ul li div#language_sub:empty {
  padding: 0; }
@@ -3466,8 +3439,6 @@ div.profile-wrapper section.course-info > ol > li h2 {
  border-right: 1px dashed #ddd;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  margin: 0;
@@ -3634,15 +3605,11 @@ div#wiki_panel input[type="button"] {
 div#wiki_panel input[type="button"]:hover {
  -webkit-box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
-  -ms-box-shadow: 0 1px 0 white;
-  -o-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
  background: #efefef; }
 div#wiki_panel ul li.search {
  -webkit-box-shadow: 0 1px 0 #eeeeee;
  -moz-box-shadow: 0 1px 0 #eeeeee;
-  -ms-box-shadow: 0 1px 0 #eeeeee;
-  -o-box-shadow: 0 1px 0 #eeeeee;
  box-shadow: 0 1px 0 #eeeeee;
  border-bottom: 1px solid #d3d3d3;
  padding: 7px 22.652px; }
@@ -3660,8 +3627,6 @@ div#wiki_panel div#wiki_create_form input[type="text"] {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div#wiki_panel div#wiki_create_form ul {
  list-style: none; }
@@ -3681,8 +3646,6 @@ form#wiki_revision label {
 form#wiki_revision textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 20px;
  min-height: 450px;
@@ -3693,8 +3656,6 @@ form#wiki_revision input[type="text"] {
 form#wiki_revision #submit_delete {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  background: none;
  border: none;
@@ -3731,8 +3692,6 @@ div.wiki-wrapper section.wiki-body header {
  height: 46px;
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
-  -ms-box-shadow: inset 0 1px 0 white;
-  -o-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white; }
 div.wiki-wrapper section.wiki-body header:empty {
  display: none !important;
@@ -3761,8 +3720,6 @@ div.wiki-wrapper section.wiki-body header ul li input[type="button"] {
  border-radius: 0;
  -webkit-box-shadow: inset 1px 0 0 #faf7e9;
  -moz-box-shadow: inset 1px 0 0 #faf7e9;
-  -ms-box-shadow: inset 1px 0 0 #faf7e9;
-  -o-box-shadow: inset 1px 0 0 #faf7e9;
  box-shadow: inset 1px 0 0 #faf7e9;
  color: #292309;
  display: block;
@@ -3805,8 +3762,6 @@ div.wiki-wrapper section.wiki-body header ul li input[type="button"]:hover {
 div.wiki-wrapper section.wiki-body h2.wiki-title {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  float: left;
@@ -3830,8 +3785,6 @@ div.wiki-wrapper section.wiki-body p {
 div.wiki-wrapper section.wiki-body section.results {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  border-left: 1px dashed #ddd;
@@ -4890,8 +4843,6 @@ pre.prettyprint {
 .light-button, div.history-controls input[type="submit"], body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, body.askbot section.main-content div.discussion-wrapper div.discussion-content .tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content .tabula-rasa, ul.question-list div.post-own-question a, div#question-list div.post-own-question a, div.question-header div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.question-header div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.question-header div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator div.answer-container div.comments-container div.comments-content form.post-comments button:last-child, div.paginator span.next, div.paginator span.prev, form.answer-form div.preview-toggle a, form.question-form div.preview-toggle a, a.light-button, body.askbot section.main-content div.discussion-wrapper div.discussion-content a.tabula-rasa, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content a.tabula-rasa, ul.question-list div.post-own-question a, div#question-list div.post-own-question a, form.answer-form div.preview-toggle a, form.question-form div.preview-toggle a {
  -webkit-box-shadow: inset 0 1px 0 white;
  -moz-box-shadow: inset 0 1px 0 white;
-  -ms-box-shadow: inset 0 1px 0 white;
-  -o-box-shadow: inset 0 1px 0 white;
  box-shadow: inset 0 1px 0 white;
  background-color: white;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
@@ -4932,8 +4883,6 @@ pre.prettyprint {
 body.askbot section.main-content div.discussion-wrapper div.discussion-content, html body.askbot section.outside-app div.discussion-wrapper div.discussion-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: table-cell;
  min-width: 650px;
@@ -4969,8 +4918,6 @@ body.askbot section.main-content div.discussion-wrapper div.discussion-content a
  padding: 0px;
  -webkit-box-shadow: 0 2px 2px #bbbbbb;
  -moz-box-shadow: 0 2px 2px #bbbbbb;
-  -ms-box-shadow: 0 2px 2px #bbbbbb;
-  -o-box-shadow: 0 2px 2px #bbbbbb;
  box-shadow: 0 2px 2px #bbbbbb; }
 .acResults ul {
  list-style-position: outside;
@@ -5006,8 +4953,6 @@ div.discussion-wrapper aside {
  border-right: 1px solid #f6f6f6;
  -webkit-box-shadow: inset 1px 0 0 #f6f6f6;
  -moz-box-shadow: inset 1px 0 0 #f6f6f6;
-  -ms-box-shadow: inset 1px 0 0 #f6f6f6;
-  -o-box-shadow: inset 1px 0 0 #f6f6f6;
  box-shadow: inset 1px 0 0 #f6f6f6;
  padding: 22.652px;
  width: 23.482%; }
@@ -5034,8 +4979,6 @@ div.discussion-wrapper aside div.box {
 div.discussion-wrapper aside div.box:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  border: 0; }
 div.discussion-wrapper aside div.box h2 {
@@ -5046,8 +4989,6 @@ div.discussion-wrapper aside div.box h2 {
 div.discussion-wrapper aside div.box h2:not(.first) {
  -webkit-box-shadow: inset 0 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 1px 0 #eeeeee;
-  -ms-box-shadow: inset 0 1px 0 #eeeeee;
-  -o-box-shadow: inset 0 1px 0 #eeeeee;
  box-shadow: inset 0 1px 0 #eeeeee;
  border-top: 1px solid #d3d3d3;
  margin: 0 -22.652px 0;
@@ -5071,8 +5012,6 @@ div.discussion-wrapper aside div.box.contributors a:before {
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
  -moz-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
-  -ms-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
-  -o-box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 0 1px 1px rgba(255, 255, 255, 0.4);
  top: 1px;
  left: 1px;
@@ -5094,15 +5033,11 @@ div.discussion-wrapper aside div.search-box {
 div.discussion-wrapper aside div.search-box input {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline; }
 div.discussion-wrapper aside div.search-box input[type='submit'] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  opacity: 0.5;
  background: url(/static/images/askbot/search-icon.png) no-repeat center;
@@ -5122,8 +5057,6 @@ div.discussion-wrapper aside div.search-box input#keywords {
 div.discussion-wrapper aside div.search-box input#clear {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  -webkit-border-radius: 15px;
  -moz-border-radius: 15px;
@@ -5140,8 +5073,6 @@ div.discussion-wrapper aside div.search-box input#clear {
 div.discussion-wrapper aside div#tagSelector h2 {
  -webkit-box-shadow: inset 0 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 1px 0 #eeeeee;
-  -ms-box-shadow: inset 0 1px 0 #eeeeee;
-  -o-box-shadow: inset 0 1px 0 #eeeeee;
  box-shadow: inset 0 1px 0 #eeeeee;
  border-top: 1px solid #d3d3d3;
  margin: 0 -22.652px 0;
@@ -5169,8 +5100,6 @@ div.discussion-wrapper aside div.follow-buttons {
 div.discussion-wrapper aside div.follow-buttons a.button, div.discussion-wrapper aside div.follow-buttons div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-block div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.answer-block div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.question-header div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.question-header div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit, div.discussion-wrapper aside div.follow-buttons div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta a.edit, div.paginator div.answer-container div.comments-container div.comments-content div.comment div.comment-body div.comment-meta div.discussion-wrapper aside div.follow-buttons a.edit {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: block;
  text-align: center;
@@ -5183,8 +5112,6 @@ div.discussion-wrapper aside div.question-stats ul li, div.discussion-wrapper as
 div.discussion-wrapper aside div.question-stats ul li:last-child, div.discussion-wrapper aside div.user-info ul li:last-child, div.discussion-wrapper aside div.user-stats ul li:last-child {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  border: 0; }
 div.discussion-wrapper aside div.question-stats ul li strong, div.discussion-wrapper aside div.user-info ul li strong, div.discussion-wrapper aside div.user-stats ul li strong {
@@ -5205,13 +5132,9 @@ div.discussion-wrapper aside div.user-info div.karma, div.discussion-wrapper asi
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 0 0 1px white, 0 1px 0 white;
  -moz-box-shadow: inset 0 0 0 1px white, 0 1px 0 white;
-  -ms-box-shadow: inset 0 0 0 1px white, 0 1px 0 white;
-  -o-box-shadow: inset 0 0 0 1px white, 0 1px 0 white;
  box-shadow: inset 0 0 0 1px white, 0 1px 0 white;
  padding: 9.061px 0;
  text-align: center;
@@ -5225,15 +5148,11 @@ div.discussion-wrapper aside div.user-info div.meta, div.discussion-wrapper asid
  padding-right: 4.31%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div.discussion-wrapper aside div.user-info div.meta h2, div.discussion-wrapper aside div.user-stats div.meta h2 {
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  margin: 0 0 8px 0;
  padding: 0; }
@@ -5261,15 +5180,11 @@ div.discussion-wrapper aside div.view-profile h2 {
  border-top: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none; }
 div.discussion-wrapper aside div.view-profile a {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
  padding: 10px;
@@ -5355,8 +5270,6 @@ ul.question-list li.single-question div, div#question-list li.single-question di
 ul.question-list li.single-question div.question-body, ul.question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content ul.question-list li.single-question div.answer-body, ul.question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content ul.question-list li.single-question div.answer-body, div#question-list li.single-question div.question-body, div#question-list li.single-question div.answer-block div.answer-container div.answer-content div.answer-body, div.answer-block div.answer-container div.answer-content div#question-list li.single-question div.answer-body, div#question-list li.single-question div.paginator div.answer-container div.answer-content div.answer-body, div.paginator div.answer-container div.answer-content div#question-list li.single-question div.answer-body {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-right: 2.024%;
  width: 60.054%; }
@@ -5388,8 +5301,6 @@ ul.question-list li.single-question div.question-meta ul li, div#question-list l
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 1px 0 white;
  -moz-box-shadow: 0 1px 0 white;
-  -ms-box-shadow: 0 1px 0 white;
-  -o-box-shadow: 0 1px 0 white;
  box-shadow: 0 1px 0 white;
  display: inline-block;
  height: 60px;
@@ -5422,8 +5333,6 @@ ul.question-list li.single-question div.question-meta ul li.answers.no-answers s
 ul.question-list li.single-question div.question-meta ul li span, ul.question-list li.single-question div.question-meta ul li div, div#question-list li.single-question div.question-meta ul li span, div#question-list li.single-question div.question-meta ul li div {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  color: #888;
  display: block;
@@ -5464,8 +5373,6 @@ ul.tags li {
  border-radius: 4px;
  -webkit-box-shadow: 0px 1px 0px #cccccc;
  -moz-box-shadow: 0px 1px 0px #cccccc;
-  -ms-box-shadow: 0px 1px 0px #cccccc;
-  -o-box-shadow: 0px 1px 0px #cccccc;
  box-shadow: 0px 1px 0px #cccccc;
  color: #555;
  display: inline-block;
@@ -5536,15 +5443,11 @@ div.question-header div.vote-buttons ul li.post-vote, div.answer-block div.vote-
  border: 1px solid #eddfaa;
  -webkit-box-shadow: inset 0 1px 0px white;
  -moz-box-shadow: inset 0 1px 0px white;
-  -ms-box-shadow: inset 0 1px 0px white;
-  -o-box-shadow: inset 0 1px 0px white;
  box-shadow: inset 0 1px 0px white; }
 div.question-header div.vote-buttons ul li.question-img-upvote, div.answer-block div.vote-buttons ul li.question-img-upvote, div.paginator div.vote-buttons ul li.question-img-upvote, div.question-header div.vote-buttons ul li.answer-img-upvote, div.answer-block div.vote-buttons ul li.answer-img-upvote, div.paginator div.vote-buttons ul li.answer-img-upvote {
  background-image: url(/static/images/askbot/vote-arrow-up.png);
  -webkit-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
  -moz-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
-  -ms-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
-  -o-box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5);
  box-shadow: inset 0 1px 0px rgba(255, 255, 255, 0.5); }
 div.question-header div.vote-buttons ul li.question-img-upvote:hover, div.answer-block div.vote-buttons ul li.question-img-upvote:hover, div.paginator div.vote-buttons ul li.question-img-upvote:hover, div.question-header div.vote-buttons ul li.question-img-upvote.on, div.answer-block div.vote-buttons ul li.question-img-upvote.on, div.paginator div.vote-buttons ul li.question-img-upvote.on, div.question-header div.vote-buttons ul li.answer-img-upvote:hover, div.answer-block div.vote-buttons ul li.answer-img-upvote:hover, div.paginator div.vote-buttons ul li.answer-img-upvote:hover, div.question-header div.vote-buttons ul li.answer-img-upvote.on, div.answer-block div.vote-buttons ul li.answer-img-upvote.on, div.paginator div.vote-buttons ul li.answer-img-upvote.on {
  background-color: #d1e3a8;
@@ -5610,8 +5513,6 @@ div.question-header div.question-container div.question-content div.post-update-
 div.question-header div.question-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.question-content div.post-update-container div.post-update-info, div.paginator div.question-container div.question-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-container div.question-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.question-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-content div.post-update-container div.post-update-info, div.question-header div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-container div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.paginator div.question-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-header div.question-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-container div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.answer-block div.question-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-container div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.question-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.question-header div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.question-header div.answer-container div.answer-content div.post-update-container div.post-update-info, div.answer-block div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-block div.answer-container div.answer-content div.post-update-container div.post-update-info, div.paginator div.answer-container div.answer-content div.post-update-container div.post-update-info {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  margin-bottom: 10px; }
@@ -5633,8 +5534,6 @@ div.question-header div.question-container div.question-content div.post-update-
 div.question-header div.question-container div.comments-container, div.answer-block div.question-container div.comments-container, div.paginator div.question-container div.comments-container, div.question-header div.answer-block div.answer-container div.comments-container, div.answer-block div.question-header div.answer-container div.comments-container, div.answer-block div.answer-container div.comments-container, div.paginator div.answer-block div.answer-container div.comments-container, div.answer-block div.paginator div.answer-container div.comments-container, div.question-header div.paginator div.answer-container div.comments-container, div.paginator div.question-header div.answer-container div.comments-container, div.answer-block div.paginator div.answer-container div.comments-container, div.paginator div.answer-block div.answer-container div.comments-container, div.paginator div.answer-container div.comments-container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  padding: 0 0 3% 0;
@@ -5672,8 +5571,6 @@ div.question-header div.question-container div.comments-container div.comments-c
  border: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
  box-shadow: none;
  display: inline-block;
  margin-top: -8px;
@@ -5778,8 +5675,6 @@ div.share-question p {
 div.answer-controls {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  margin: 0 0 15px;
@@ -5870,8 +5765,6 @@ div.answer-actions a {
 form.answer-form, form.question-form {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-top: 1px solid #ddd;
  overflow: hidden;
@@ -5879,8 +5772,6 @@ form.answer-form, form.question-form {
 form.answer-form textarea, form.question-form textarea {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: 15px;
  resize: vertical;
@@ -5893,8 +5784,6 @@ form.answer-form div.form-item label, form.question-form div.form-item label {
 form.answer-form div.form-item .title-desc, form.question-form div.form-item .title-desc {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
@@ -5967,8 +5856,6 @@ form.question-form {
 form.question-form input[type="text"] {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  width: 48.988%; }
 form.question-form input[type="checkbox"] {
@@ -5977,8 +5864,6 @@ form.question-form div#question-list {
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin-top: -15px;
  max-width: 505px;
@@ -6156,8 +6041,6 @@ form.question-form div#question-list h2 span {
  border-radius: 4px;
  -webkit-box-shadow: 0px 2px 9px #aaaaaa;
  -moz-box-shadow: 0px 2px 9px #aaaaaa;
-  -ms-box-shadow: 0px 2px 9px #aaaaaa;
-  -o-box-shadow: 0px 2px 9px #aaaaaa;
  box-shadow: 0px 2px 9px #aaaaaa;
  color: white;
  cursor: pointer;
@@ -6176,8 +6059,6 @@ form.question-form div#question-list h2 span {
  border-bottom: #5b0000 1px solid;
  -webkit-box-shadow: 0 1px 0 #bf4040;
  -moz-box-shadow: 0 1px 0 #bf4040;
-  -ms-box-shadow: 0 1px 0 #bf4040;
-  -o-box-shadow: 0 1px 0 #bf4040;
  box-shadow: 0 1px 0 #bf4040;
  color: #fff;
  font-weight: normal;
@@ -6202,8 +6083,6 @@ body.user-profile-page ul.sub-info > li {
  border-right: 1px dashed #efefef;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 body.user-profile-page ul.sub-info > li:first-child {
  padding-left: 0; }

--- a/static/css/marketing.css
+++ b/static/css/marketing.css
@@ -119,8 +119,6 @@ input, select {
 .wrapper, .subpage, section.copyright, section.tos, section.privacy-policy, section.honor-code, header.announcement div, footer, section.index-content {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
  max-width: 1400px;
@@ -200,8 +198,6 @@ input, select {
  font-style: normal;
  -webkit-box-shadow: inset 0 1px 0 #b83d3d;
  -moz-box-shadow: inset 0 1px 0 #b83d3d;
-  -ms-box-shadow: inset 0 1px 0 #b83d3d;
-  -o-box-shadow: inset 0 1px 0 #b83d3d;
  box-shadow: inset 0 1px 0 #b83d3d;
  -webkit-font-smoothing: antialiased; }
 .button:hover, header.announcement div section.course section a:hover, section.index-content section.course a:hover, section.index-content section.staff a:hover, section.index-content section.about-course section.cta a.enroll:hover {
@@ -239,8 +235,6 @@ body a:hover, body a:focus {
 body input[type="email"], body input[type="number"], body input[type="password"], body input[type="search"], body input[type="tel"], body input[type="text"], body input[type="url"], body input[type="color"], body input[type="date"], body input[type="datetime"], body input[type="datetime-local"], body input[type="month"], body input[type="time"], body input[type="week"], body textarea {
  -webkit-box-shadow: 0 -1px 0 white;
  -moz-box-shadow: 0 -1px 0 white;
-  -ms-box-shadow: 0 -1px 0 white;
-  -o-box-shadow: 0 -1px 0 white;
  box-shadow: 0 -1px 0 white;
  background-color: #eeeeee;
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #eeeeee), color-stop(100%, white));
@@ -385,8 +379,6 @@ header.announcement div section.course section a {
  border-color: #260d0d;
  -webkit-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
  -moz-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
-  -ms-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
-  -o-box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
  box-shadow: inset 0 1px 0 #732626, 0 1px 0 #ac3939;
  display: block;
  padding: 12.944px 25.888px;
@@ -519,8 +511,6 @@ section.index-content section ul {
 section.index-content section.about {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  margin-right: 2.513%;
@@ -684,8 +674,6 @@ section.index-content section.course h2 {
 section.index-content section.about-course {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  border-right: 1px solid #e5e5e5;
  margin-right: 2.513%;
@@ -761,13 +749,9 @@ div.leanModal_box {
  border-radius: 3px;
  -webkit-box-shadow: 0 0 6px black;
  -moz-box-shadow: 0 0 6px black;
-  -ms-box-shadow: 0 0 6px black;
-  -o-box-shadow: 0 0 6px black;
  box-shadow: 0 0 6px black;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box;
  display: none;
  padding: 51.776px; }
@@ -847,8 +831,6 @@ div.leanModal_box form ol li input[type="email"], div.leanModal_box form ol li i
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
-  -ms-box-sizing: border-box;
-  -o-box-sizing: border-box;
  box-sizing: border-box; }
 div.leanModal_box form ol li input[type="checkbox"] {
  margin-right: 10px; }
@@ -870,8 +852,6 @@ div.leanModal_box form input[type="button"], div.leanModal_box form input[type="
  border-radius: 3px;
  -webkit-box-shadow: inset 0 1px 0 0 #bc5c5c;
  -moz-box-shadow: inset 0 1px 0 0 #bc5c5c;
-  -ms-box-shadow: inset 0 1px 0 0 #bc5c5c;
-  -o-box-shadow: inset 0 1px 0 0 #bc5c5c;
  box-shadow: inset 0 1px 0 0 #bc5c5c;
  color: white;
  display: inline;
@@ -892,8 +872,6 @@ div.leanModal_box form input[type="button"], div.leanModal_box form input[type="
 div.leanModal_box form input[type="button"]:hover, div.leanModal_box form input[type="submit"]:hover {
  -webkit-box-shadow: inset 0 1px 0 0 #a44141;
  -moz-box-shadow: inset 0 1px 0 0 #a44141;
-  -ms-box-shadow: inset 0 1px 0 0 #a44141;
-  -o-box-shadow: inset 0 1px 0 0 #a44141;
  box-shadow: inset 0 1px 0 0 #a44141;
  cursor: pointer;
  background-color: #823030;
@@ -907,8 +885,6 @@ div.leanModal_box form input[type="button"]:active, div.leanModal_box form input
  border: 1px solid #691b1b;
  -webkit-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
  -moz-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-  -ms-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
-  -o-box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee;
  box-shadow: inset 0 0 8px 4px #5c1919, inset 0 0 8px 4px #5c1919, 0 1px 1px 0 #eeeeee; }

 div#login {
@@ -943,40 +919,3 @@ div#feedback_div form ol li {
  width: 100%; }
 div#feedback_div form ol li textarea#feedback_message {
  height: 100px; }
-
-div#calculator_div {
-  max-width: 500px; }
-div#calculator_div form {
-  padding-bottom: 25.888px;
-  margin-bottom: 25.888px;
-  border-bottom: 1px solid #ddd; }
-div#calculator_div form input#calculator_input {
-  width: 400px; }
-div#calculator_div form input#calculator_button {
-  background: 0;
-  color: #993333;
-  border: 0;
-  -webkit-box-shadow: none;
-  -moz-box-shadow: none;
-  -ms-box-shadow: none;
-  -o-box-shadow: none;
-  box-shadow: none;
-  padding: 0;
-  text-shadow: none; }
-div#calculator_div form input#calculator_button:hover {
-  color: #333; }
-div#calculator_div form input#calculator_output {
-  border: 0;
-  background: none;
-  padding: 9.061px;
-  font-size: 24px;
-  width: 378px;
-  font-weight: bold;
-  margin-top: 4px; }
-div#calculator_div dl dt {
-  float: left;
-  clear: both;
-  padding-right: 12.944px;
-  font-weight: bold; }
-div#calculator_div dl dd {
-  float: left; }
--- a/static/images/calc-icon.png
+++ b/static/images/calc-icon.png
--- a/static/images/close-calc-icon.png
+++ b/static/images/close-calc-icon.png
--- a/templates/main.html
+++ b/templates/main.html
@@ -52,7 +52,32 @@
      </ul>
    <ul>
      <li><a href="#feedback_div" rel="leanModal">Feedback</a></li>
-      <li><a href="#calculator_div" rel="leanModal">Calculator</a></li>
+      <li class="calc-main">
+        <a href="#" class="calc">Calculator</a>
+
+        <div id="calculator_wrapper">
+          <form id="calculator">
+            <input type="text" id="calculator_input" />
+            <dl class="help">
+              <dt>Suffixes:</dt>
+              <dd> %kMGTcmunp</dd>
+              <dt>Operations:</dt>
+              <dd>^ * / + - ()</dd>
+              <dt>Functions:</dt>
+              <dd>sin, cos, tan, sqrt, log10, log2, ln, arccos, arcsin, arctan, abs </dd>
+              <dt>Constants</dt>
+              <dd>e, pi</dd>
+
+              <!-- Students won't know what parallel means at this time.  Complex numbers aren't well tested in the courseware, so we would prefer to not expose them.  If you read the comments in the source, feel free to use them. If you run into a bug, please let us know. But we can't officially support them right now.
+
+              <dt>Unsupported:</dt> <dd>||, j </dd>  -->
+            </dl>
+            <input id="calculator_button" type="submit" value="="/>
+            <input type="text" id="calculator_output"  readonly />
+          </form>
+
+        </div>
+      </li>
      <li><a href="/s/help.html">Help</a></li>
      <li><a href="/logout">Log out</a></li>
    </ul>
@@ -60,6 +85,7 @@
  </footer>

    <div id="feedback_div" class="leanModal_box">
+      <h1>Feedback for MITx</h1>
      <p>Found a bug? Got an idea for improving our system? Let us know.</p>

      <form>
@@ -72,28 +98,6 @@

    </div>

-    <div id="calculator_div" class="leanModal_box">
-      <form id="calculator">
-        <input type="text" id="calculator_input">
-        <input id="calculator_button" type="submit" value="=">
-        <input type="text" id="calculator_output" readonly>
-      </form>
-
-      <dl>
-        <dt>Suffixes:</dt>
-        <dd> %kMGTcmunp</dd>
-        <dt>Operations:</dt>
-        <dd>^ * / + - ()</dd>
-        <dt>Functions:</dt>
-        <dd>sin, cos, tan, sqrt, log10, log2, ln, arccos, arcsin, arctan, abs </dd>
-        <dt>Constants</dt>
-        <dd>e, pi</dd>
-
-       <!-- Students won't know what parallel means at this time.  Complex numbers aren't well tested in the courseware, so we would prefer to not expose them.  If you read the comments in the source, feel free to use them. If you run into a bug, please let us know. But we can't officially support them right now.
-
-       <dt>Unsupported:</dt> <dd>||, j </dd>  -->
-      </dl>
-    </div>

  <script type="text/javascript" src="${ settings.LIB_URL }jquery.treeview.js"></script>
  <script type="text/javascript" src="/static/js/jquery.leanModal.min.js"></script>
@@ -120,6 +124,15 @@ $(function() {

 // Calculator
 $(function() {
+
+    $("#calculator_wrapper").hide();
+
+    $(".calc").click(function(){
+      $("#calculator_wrapper").slideToggle();
+      $("#calculator_wrapper #calculator_input").focus();
+      $(this).toggleClass("closed");
+      });
+
    $("form#calculator").submit(function(e){
      e.preventDefault();
      $.getJSON("/calculate", {"equation":$("#calculator_input").attr("value")},

--- a/templates/sass/application.scss
+++ b/templates/sass/application.scss
@@ -3,7 +3,7 @@
 // Base layout
 @import "base/reset", "base/font-face";
 @import "base/variables", "base/functions", "base/extends", "base/base";
-@import "layout/layout", "layout/header", "layout/footer", "layout/leanmodal";
+@import "layout/layout", "layout/header", "layout/footer", "layout/calculator", "layout/leanmodal";
 @import "plugins/jquery-ui-1.8.16.custom";

 // pages

--- a/templates/sass/base/_functions.scss
+++ b/templates/sass/base/_functions.scss
@@ -20,3 +20,9 @@
 @function lh($amount: 1) {
  @return $body-line-height * $amount;
 }
+
+@mixin hide-text(){
+  text-indent: -9999px;
+  overflow: hidden;
+  display: block;
+}
--- a/templates/sass/bourbon/_bourbon.scss
+++ b/templates/sass/bourbon/_bourbon.scss
 // Custom Functions
 @import "functions/deprecated-webkit-gradient";
+@import "functions/flex-grid";
 @import "functions/grid-width";
+@import "functions/linear-gradient";
 @import "functions/modular-scale";
+@import "functions/radial-gradient";
+@import "functions/render-gradients";
 @import "functions/tint-shade";

 // CSS3 Mixins
@@ -20,9 +24,11 @@
 @import "css3/radial-gradient";
 @import "css3/transform";
 @import "css3/transition";
+@import "css3/user-select";

 // Addons & other mixins
 @import "addons/button";
+@import "addons/clearfix";
 @import "addons/font-family";
 @import "addons/html5-input-types";
 @import "addons/position";

--- a/templates/sass/bourbon/addons/_clearfix.scss
+++ b/templates/sass/bourbon/addons/_clearfix.scss
+// Micro clearfix provides an easy way to contain floats without adding additional markup
+//
+// Example usage:
+//
+//    // Contain all floats within .wrapper
+//    .wrapper {
+//      @include clearfix;
+//      .content,
+//      .sidebar {
+//        float : left;
+//      }
+//    }
+
+@mixin clearfix {
+  zoom: 1;
+
+  &:before,
+  &:after {
+    content: "";
+    display: table;
+  }
+
+  &:after {
+    clear: both;
+  }
+}
+
+// Acknowledgements
+// Micro clearfix: [Nicolas Gallagher](http://nicolasgallagher.com/micro-clearfix-hack/)
--- a/templates/sass/bourbon/css3/_background-image.scss
+++ b/templates/sass/bourbon/css3/_background-image.scss
@@ -2,8 +2,6 @@
 // Background-image property for adding multiple background images with
 // gradients, or for stringing multiple gradients together.
 //************************************************************************//
-@import "../functions/linear-gradient";
-@import "../functions/radial-gradient";

 @mixin background-image(
  $image-1       , $image-2: false,
@@ -50,18 +48,6 @@
 }


-@function render-gradients($gradients, $gradient-type, $vendor: false) {
-  $vendor-gradients: false;
-  @if $vendor {
-    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
-  }
-
-  @else if $vendor == false {
-    $vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
-    $vendor-gradients: unquote($vendor-gradients);
-  }
-  @return $vendor-gradients;
-}

 //Examples:
  //@include background-image(linear-gradient(top, orange, red));

--- a/templates/sass/bourbon/css3/_border-image.scss
+++ b/templates/sass/bourbon/css3/_border-image.scss
-@mixin border-image ($image) {
-  -webkit-border-image: $image;
-     -moz-border-image: $image;
-      -ms-border-image: $image;
-       -o-border-image: $image;
-          border-image: $image;
+@mixin border-image($images) {
+  -webkit-border-image: border-add-prefix($images, webkit);
+     -moz-border-image: border-add-prefix($images, moz);
+       -o-border-image: border-add-prefix($images, o);
+          border-image: border-add-prefix($images);
 }
+
+@function border-add-prefix($images, $vendor: false) {
+  $border-image: ();
+  $images-type:  type-of(nth($images, 1));
+  $first-var:    nth(nth($images, 1), 1);          // Get type of Gradient (Linear || radial)
+
+  // If input is a gradient
+  @if $images-type == string {
+    @if ($first-var == "linear") or ($first-var == "radial") {
+      @for $i from 2 through length($images) {
+        $gradient-type: nth($images, 1);           // Get type of gradient (linear || radial)
+        $gradient-args: nth($images, $i);          // Get actual gradient (red, blue)
+        $border-image:  render-gradients($gradient-args, $gradient-type, $vendor);
+      }
+    }
+
+    // If input is a URL
+    @else {
+      $border-image: $images;
+    }
+  }
+
+  // If input is gradient or url + additional args
+  @else if $images-type == list {
+    @for $i from 1 through length($images) {
+      $type: type-of(nth($images, $i));           // Get type of variable - List or String
+
+      // If variable is a list - Gradient
+      @if $type == list {
+        $gradient-type: nth(nth($images, $i), 1); // Get type of gradient (linear || radial)
+        $gradient-args: nth(nth($images, $i), 2); // Get actual gradient (red, blue)
+        $border-image:  render-gradients($gradient-args, $gradient-type, $vendor);
+      }
+
+      // If variable is a string - Image or number
+      @else if ($type == string) or ($type == number) {
+        $border-image: append($border-image, nth($images, $i));
+      }
+    }
+  }
+  @return $border-image;
+}
+
+//Examples:
+// @include border-image(url("image.png"));
+// @include border-image(url("image.png") 20 stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow));
+// @include border-image(linear-gradient(45deg, orange, yellow) stretch);
+// @include border-image(linear-gradient(45deg, orange, yellow) 20 30 40 50 stretch round);
+// @include border-image(radial-gradient(top, cover, orange, yellow, orange));
--- a/templates/sass/bourbon/css3/_border-radius.scss
+++ b/templates/sass/bourbon/css3/_border-radius.scss
@@ -9,6 +9,7 @@
 @mixin border-top-left-radius($radii) {
  -webkit-border-top-left-radius: $radii;
     -moz-border-top-left-radius: $radii;
+      -moz-border-radius-topleft: $radii;
      -ms-border-top-left-radius: $radii;
       -o-border-top-left-radius: $radii;
          border-top-left-radius: $radii;
@@ -17,6 +18,7 @@
 @mixin border-top-right-radius($radii) {
  -webkit-border-top-right-radius: $radii;
     -moz-border-top-right-radius: $radii;
+      -moz-border-radius-topright: $radii;
      -ms-border-top-right-radius: $radii;
       -o-border-top-right-radius: $radii;
          border-top-right-radius: $radii;
@@ -25,6 +27,7 @@
 @mixin border-bottom-left-radius($radii) {
  -webkit-border-bottom-left-radius: $radii;
     -moz-border-bottom-left-radius: $radii;
+      -moz-border-radius-bottomleft: $radii;
      -ms-border-bottom-left-radius: $radii;
       -o-border-bottom-left-radius: $radii;
          border-bottom-left-radius: $radii;
@@ -33,6 +36,7 @@
 @mixin border-bottom-right-radius($radii) {
  -webkit-border-bottom-right-radius: $radii;
     -moz-border-bottom-right-radius: $radii;
+      -moz-border-radius-bottomright: $radii;
      -ms-border-bottom-right-radius: $radii;
       -o-border-bottom-right-radius: $radii;
          border-bottom-right-radius: $radii;

--- a/templates/sass/bourbon/css3/_box-shadow.scss
+++ b/templates/sass/bourbon/css3/_box-shadow.scss
@@ -10,7 +10,5 @@

  -webkit-box-shadow: $full;
     -moz-box-shadow: $full;
-      -ms-box-shadow: $full;
-       -o-box-shadow: $full;
          box-shadow: $full;
 }
--- a/templates/sass/bourbon/css3/_box-sizing.scss
+++ b/templates/sass/bourbon/css3/_box-sizing.scss
@@ -2,7 +2,5 @@
 //  content-box | border-box | inherit
  -webkit-box-sizing: $box;
     -moz-box-sizing: $box;
-      -ms-box-sizing: $box;
-       -o-box-sizing: $box;
          box-sizing: $box;
 }
--- a/templates/sass/bourbon/css3/_linear-gradient.scss
+++ b/templates/sass/bourbon/css3/_linear-gradient.scss
@@ -20,7 +20,7 @@
  $fallback-color: nth($G1, 1);

  // If $fallback is a color use that color as the fallback color
-  @if type-of($fallback) == color {
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
    $fallback-color: $fallback;
  }


--- a/templates/sass/bourbon/css3/_radial-gradient.scss
+++ b/templates/sass/bourbon/css3/_radial-gradient.scss
@@ -4,11 +4,20 @@
                       $G3: false, $G4: false,
                       $G5: false, $G6: false,
                       $G7: false, $G8: false,
-                       $G9: false, $G10: false) {
+                       $G9: false, $G10: false,
+                       $fallback: false) {

  $full: compact($G1, $G2, $G3, $G4, $G5, $G6, $G7, $G8, $G9, $G10);

-  background-color:  nth($G1, 1);
+  // Set $G1 as the default fallback color
+  $fallback-color: nth($G1, 1);
+
+  // If $fallback is a color use that color as the fallback color
+  @if (type-of($fallback) == color) or ($fallback == "transparent") {
+    $fallback-color: $fallback;
+  }
+
+  background-color:  $fallback-color;
  background-image:          deprecated-webkit-gradient(radial, $full); // Safari <= 5.0
  background-image:  -webkit-radial-gradient($pos, $shape-size, $full);
  background-image:     -moz-radial-gradient($pos, $shape-size, $full);

--- a/templates/sass/bourbon/css3/_user-select.scss
+++ b/templates/sass/bourbon/css3/_user-select.scss
+@mixin user-select($arg: none) {
+  -webkit-user-select: $arg;
+     -moz-user-select: $arg;
+      -ms-user-select: $arg;
+          user-select: $arg;
+}
--- a/templates/sass/bourbon/functions/_flex-grid.scss
+++ b/templates/sass/bourbon/functions/_flex-grid.scss
+// Flexible grid
+@function flex-grid($columns, $container-columns: $fg-max-columns) {
+  $width: $columns * $fg-column + ($columns - 1) * $fg-gutter;
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($width / $container-width);
+}
+
+// Flexible gutter
+@function flex-gutter($container-columns: $fg-max-columns, $gutter: $fg-gutter) {
+  $container-width: $container-columns * $fg-column + ($container-columns - 1) * $fg-gutter;
+  @return percentage($gutter / $container-width);
+}
+
+// The $fg-column, $fg-gutter and $fg-max-columns variables must be defined in your base stylesheet to properly use the flex-grid function.
+// This function takes the fluid grid equation (target / context = result) and uses columns to help define each.
+//
+//  $fg-column: 60px;             // Column Width
+//  $fg-gutter: 25px;             // Gutter Width
+//  $fg-max-columns: 12;          // Total Columns For Main Container
+//
+//  div {
+//    width: flex-grid(4);        // returns (315px / 1020px) = 30.882353%;
+//    margin-left: flex-gutter(); // returns (25px / 1020px) = 2.45098%;
+//
+//    p {
+//      width: flex-grid(2, 4);  // returns (145px / 315px) = 46.031746%;
+//      float: left;
+//      margin: flex-gutter(4);  // returns (25px / 315px) = 7.936508%;
+//    }
+//
+//    blockquote {
+//      float: left;
+//      width: flex-grid(2, 4); // returns (145px / 315px) = 46.031746%;
+//    }
+//  }
--- a/templates/sass/bourbon/functions/_render-gradients.scss
+++ b/templates/sass/bourbon/functions/_render-gradients.scss
+// User for linear and radial gradients within background-image or border-image properties
+
+@function render-gradients($gradients, $gradient-type, $vendor: false) {
+  $vendor-gradients: false;
+  @if $vendor {
+    $vendor-gradients: -#{$vendor}-#{$gradient-type}-gradient($gradients);
+  }
+
+  @else if $vendor == false {
+    $vendor-gradients: "#{$gradient-type}-gradient(#{$gradients})";
+    $vendor-gradients: unquote($vendor-gradients);
+  }
+  @return $vendor-gradients;
+}
--- a/templates/sass/discussion/_modals.scss
+++ b/templates/sass/discussion/_modals.scss
@@ -23,7 +23,10 @@
    font-weight: normal;
    @include border-radius(4px 4px 0 0);
  }
+
  a {
    color: #fb7321;
    text-decoration: underline;
-    font-weight: bold; } }
+    font-weight: bold; 
+  }
+}
--- a/templates/sass/layout/_calculator.scss
+++ b/templates/sass/layout/_calculator.scss
+li.calc-main {
+  bottom: 0;
+  left: 0;
+  position: fixed;
+  width: 100%;
+
+  a.calc {
+    @include hide-text;
+    background: url("/static/images/calc-icon.png") rgba(#111, .9) no-repeat center;
+    border-bottom: 0;
+    color: #fff;
+    float: right;
+    margin-right: 10px;
+    @include border-radius(3px 3px 0 0);
+    @include inline-block;
+    padding: 8px 12px;
+    width: 16px;
+    height: 20px;
+
+    &:hover {
+      opacity: .8;
+    }
+
+    &.closed {
+      background-image: url("/static/images/close-calc-icon.png");
+    }
+  }
+
+  div#calculator_wrapper {
+    background: rgba(#111, .9);
+    clear: both;
+
+    form {
+      padding: lh();
+      @extend .clearfix;
+
+      input#calculator_input {
+        border: none;
+        @include box-shadow(none);
+        @include box-sizing(border-box);
+        font-size: 16px;
+        padding: 10px;
+        width: flex-grid(7.5);
+        margin: 0;
+        float: left;
+
+        &:focus {
+          outline: none;
+          border: none;
+        }
+      }
+
+      input#calculator_button {
+        background: #111;
+        border: 1px solid #000;
+        @include border-radius(0);
+        @include box-shadow(none);
+        @include box-sizing(border-box);
+        color: #fff;
+        font-size: 30px;
+        font-weight: bold;
+        padding: 0;
+        text-shadow: none;
+        width: flex-grid(.5) + flex-gutter();
+        float: left;
+        margin: 0 (flex-gutter() / 2);
+
+        &:hover {
+          color: #333;
+        }
+      }
+
+      input#calculator_output {
+        background: #222;
+        border: 0;
+        @include box-shadow(none);
+        @include box-sizing(border-box);
+        color: #fff;
+        float: left;
+        font-size: 16px;
+        font-weight: bold;
+        margin: 1px 0 0;
+        padding: 10px;
+        width: flex-grid(4);
+      }
+    }
+
+    dl {
+      display: none;
+
+      dt {
+        clear: both;
+        float: left;
+        font-weight: bold;
+        padding-right: lh(.5);
+      }
+
+      dd {
+        float: left;
+      }
+    }
+  }
+}
--- a/templates/sass/layout/_leanmodal.scss
+++ b/templates/sass/layout/_leanmodal.scss
@@ -219,52 +219,3 @@ div#feedback_div{
  }
 }

-div#calculator_div {
-  max-width: 500px;
-
-  form {
-    padding-bottom: lh();
-    margin-bottom: lh();
-    border-bottom: 1px solid #ddd;
-
-    input#calculator_input {
-      width: 400px;
-    }
-
-    input#calculator_button {
-      background: 0;
-      color: $mit-red;
-      border: 0;
-      @include box-shadow(none);
-      padding: 0;
-      text-shadow: none;
-
-      &:hover {
-        color: #333;
-      }
-    }
-
-    input#calculator_output {
-      border: 0;
-      background: none;
-      padding: lh(.35);
-      font-size: 24px;
-      width: 378px;
-      font-weight: bold;
-      margin-top: 4px;
-    }
-  }
-
-  dl {
-    dt {
-      float: left;
-      clear: both;
-      padding-right: lh(.5);
-      font-weight: bold;
-    }
-
-    dd {
-      float: left;
-    }
-  }
-}