From 3fadf0e16c255230cf1ab3ada0ddbb2eed784023 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Tue, 20 Mar 2012 14:10:32 -0400
Subject: [PATCH] Added styles for new calc and updated bourbon

---
 static/css/application.css                    | 331 ++++++------------
 static/css/marketing.css                      |  61 ----
 static/images/calc-icon.png                   | Bin 0 -> 152 bytes
 static/images/close-calc-icon.png             | Bin 0 -> 231 bytes
 templates/main.html                           |  59 ++--
 templates/sass/application.scss               |   2 +-
 templates/sass/base/_functions.scss           |   6 +
 templates/sass/bourbon/_bourbon.scss          |   6 +
 templates/sass/bourbon/addons/_clearfix.scss  |  29 ++
 .../sass/bourbon/css3/_background-image.scss  |  14 -
 .../sass/bourbon/css3/_border-image.scss      |  61 +++-
 .../sass/bourbon/css3/_border-radius.scss     |   4 +
 templates/sass/bourbon/css3/_box-shadow.scss  |   2 -
 templates/sass/bourbon/css3/_box-sizing.scss  |   2 -
 .../sass/bourbon/css3/_linear-gradient.scss   |   2 +-
 .../sass/bourbon/css3/_radial-gradient.scss   |  13 +-
 templates/sass/bourbon/css3/_user-select.scss |   6 +
 .../sass/bourbon/functions/_flex-grid.scss    |  35 ++
 .../bourbon/functions/_render-gradients.scss  |  14 +
 templates/sass/discussion/_modals.scss        |   5 +-
 templates/sass/layout/_calculator.scss        | 103 ++++++
 templates/sass/layout/_leanmodal.scss         |  49 ---
 22 files changed, 416 insertions(+), 388 deletions(-)
 create mode 100644 static/images/calc-icon.png
 create mode 100644 static/images/close-calc-icon.png
 create mode 100644 templates/sass/bourbon/addons/_clearfix.scss
 create mode 100644 templates/sass/bourbon/css3/_user-select.scss
 create mode 100644 templates/sass/bourbon/functions/_flex-grid.scss
 create mode 100644 templates/sass/bourbon/functions/_render-gradients.scss
 create mode 100644 templates/sass/layout/_calculator.scss

diff --git a/static/css/application.css b/static/css/application.css
index 5fc7cb56b2..672788420a 100644
--- 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; }
diff --git a/static/css/marketing.css b/static/css/marketing.css
index a4d8136642..f69099b379 100644
--- 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; }
diff --git a/static/images/calc-icon.png b/static/images/calc-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..a37423dff1ef3651c29caf74c19c8f9ac2d60ab3
GIT binary patch
literal 152
zcmeAS@N?(olHy`uVBq!ia0vp^0zfRn!3HE-lJ=GZsd!Hp$B>F!cPCurWKiUBW@Rs6
zc=#>;G_O^|1ZRT_{+@p<-Z?I8{ge^Kux8eU7a}XR=yY6_5BuZ&z<%SdrfuyL{bXW1
ziu*iPX={kA_`zg-$h_{tLPO1pBOHZ+3I)C&n7TUK5*ebOn*yz3@O1TaS?83{1OQ8(
BHS7QY

literal 0
HcmV?d00001

diff --git a/static/images/close-calc-icon.png b/static/images/close-calc-icon.png
new file mode 100644
index 0000000000000000000000000000000000000000..0a421757bf930841062f7fcabf4bb6a5befee16f
GIT binary patch
literal 231
zcmeAS@N?(olHy`uVBq!ia0vp^f*{Pn1|+R>-G2e8b)GJcAr-fJFK*;?G8Ab|Jm^)x
z8Lh4TFn5CF9G3$A?;ExX$vogqc*?Nt5VPXEXYB?0@1Ml}=$`PwaZ>2ot+}het?@lx
zCfm6D*NSGwb+4BD2{I-$7#(0RJu!DKPpX1LE3<1YFN?tQg=PwTvt$mG>Re%V;Ca&6
zuq2O7(jtArOm~y}`3+Am2qlC}ZmweJkC0(0dinPd&zG>>->lM^RX7@6yJ#>=Rxvgl
fxt4g>_A|S>@Jj{3s%t(#mos>}`njxgN@xNAJ6Kn$

literal 0
HcmV?d00001

diff --git a/templates/main.html b/templates/main.html
index 119e861036..fa0fcd462e 100644
--- 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")},
diff --git a/templates/sass/application.scss b/templates/sass/application.scss
index b949b2fac7..a5377b03fd 100644
--- 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
diff --git a/templates/sass/base/_functions.scss b/templates/sass/base/_functions.scss
index 2c4195d41b..8efe9e5796 100644
--- 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;
+}
diff --git a/templates/sass/bourbon/_bourbon.scss b/templates/sass/bourbon/_bourbon.scss
index 447167c5ab..27b056e303 100644
--- a/templates/sass/bourbon/_bourbon.scss
+++ b/templates/sass/bourbon/_bourbon.scss
@@ -1,7 +1,11 @@
 // 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";
diff --git a/templates/sass/bourbon/addons/_clearfix.scss b/templates/sass/bourbon/addons/_clearfix.scss
new file mode 100644
index 0000000000..a9f6a795c5
--- /dev/null
+++ b/templates/sass/bourbon/addons/_clearfix.scss
@@ -0,0 +1,29 @@
+// 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/)
diff --git a/templates/sass/bourbon/css3/_background-image.scss b/templates/sass/bourbon/css3/_background-image.scss
index b11ab3fd53..c23cef7c31 100644
--- 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));
diff --git a/templates/sass/bourbon/css3/_border-image.scss b/templates/sass/bourbon/css3/_border-image.scss
index 0373980422..da4f20ba49 100644
--- a/templates/sass/bourbon/css3/_border-image.scss
+++ b/templates/sass/bourbon/css3/_border-image.scss
@@ -1,7 +1,56 @@
-@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));
diff --git a/templates/sass/bourbon/css3/_border-radius.scss b/templates/sass/bourbon/css3/_border-radius.scss
index f950d4dd98..f24389ebbe 100644
--- 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;
diff --git a/templates/sass/bourbon/css3/_box-shadow.scss b/templates/sass/bourbon/css3/_box-shadow.scss
index ad5c24e7aa..327b66d251 100644
--- 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;
 }
diff --git a/templates/sass/bourbon/css3/_box-sizing.scss b/templates/sass/bourbon/css3/_box-sizing.scss
index a9c6cdb43f..3f3f7cca9a 100644
--- 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;
 }
diff --git a/templates/sass/bourbon/css3/_linear-gradient.scss b/templates/sass/bourbon/css3/_linear-gradient.scss
index 0b68501719..e366a299a9 100644
--- 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;
   }
 
diff --git a/templates/sass/bourbon/css3/_radial-gradient.scss b/templates/sass/bourbon/css3/_radial-gradient.scss
index fbd0a8523c..e83cab5234 100644
--- 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);
diff --git a/templates/sass/bourbon/css3/_user-select.scss b/templates/sass/bourbon/css3/_user-select.scss
new file mode 100644
index 0000000000..d5f5749431
--- /dev/null
+++ b/templates/sass/bourbon/css3/_user-select.scss
@@ -0,0 +1,6 @@
+@mixin user-select($arg: none) {
+  -webkit-user-select: $arg;
+     -moz-user-select: $arg;
+      -ms-user-select: $arg;
+          user-select: $arg;
+}
diff --git a/templates/sass/bourbon/functions/_flex-grid.scss b/templates/sass/bourbon/functions/_flex-grid.scss
new file mode 100644
index 0000000000..707f994e15
--- /dev/null
+++ b/templates/sass/bourbon/functions/_flex-grid.scss
@@ -0,0 +1,35 @@
+// 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%;
+//    }
+//  }
diff --git a/templates/sass/bourbon/functions/_render-gradients.scss b/templates/sass/bourbon/functions/_render-gradients.scss
new file mode 100644
index 0000000000..fe7c799ebe
--- /dev/null
+++ b/templates/sass/bourbon/functions/_render-gradients.scss
@@ -0,0 +1,14 @@
+// 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;
+}
diff --git a/templates/sass/discussion/_modals.scss b/templates/sass/discussion/_modals.scss
index fd05052a12..a26fee54d0 100644
--- 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; 
+  }
+}
diff --git a/templates/sass/layout/_calculator.scss b/templates/sass/layout/_calculator.scss
new file mode 100644
index 0000000000..64901c3077
--- /dev/null
+++ b/templates/sass/layout/_calculator.scss
@@ -0,0 +1,103 @@
+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;
+      }
+    }
+  }
+}
diff --git a/templates/sass/layout/_leanmodal.scss b/templates/sass/layout/_leanmodal.scss
index b9399a39e4..73cde4a2cb 100644
--- 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;
-    }
-  }
-}