From d94fd1542d792bbf6393eed69a1fe1f8854ac7ec Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Tue, 10 Jul 2012 16:33:36 -0400
Subject: [PATCH 1/8] Added Gemfile.lock to ignore

---
 lms/static/.gitignore      |    2 +-
 lms/static/sass/course.css | 5253 ++++++++++++++++++++++++++++++++++++
 2 files changed, 5254 insertions(+), 1 deletion(-)
 create mode 100644 lms/static/sass/course.css

diff --git a/lms/static/.gitignore b/lms/static/.gitignore
index 03f1cdabff..cec91505bb 100644
--- a/lms/static/.gitignore
+++ b/lms/static/.gitignore
@@ -5,4 +5,4 @@
 *.orig
 *.DS_Store
 application.css
-ie.css
\ No newline at end of file
+ie.css
diff --git a/lms/static/sass/course.css b/lms/static/sass/course.css
new file mode 100644
index 0000000000..78c7421f5b
--- /dev/null
+++ b/lms/static/sass/course.css
@@ -0,0 +1,5253 @@
+@charset "UTF-8";
+/* HTML5 Boilerplate  */
+article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
+  display: block; }
+
+audio, canvas, video {
+  display: inline-block;
+  *display: inline;
+  *zoom: 1; }
+
+audio:not([controls]) {
+  display: none; }
+
+[hidden] {
+  display: none; }
+
+html {
+  font-size: 100%;
+  -webkit-text-size-adjust: 100%;
+  -ms-text-size-adjust: 100%; }
+
+html, button, input, select, textarea {
+  font-family: sans-serif;
+  color: #222; }
+
+body {
+  margin: 0;
+  font-size: 1em;
+  line-height: 1.4; }
+
+::-moz-selection {
+  background: #fe57a1;
+  color: #fff;
+  text-shadow: none; }
+
+::selection {
+  background: #fe57a1;
+  color: #fff;
+  text-shadow: none; }
+
+a {
+  color: #00e; }
+
+a:visited {
+  color: #551a8b; }
+
+a:hover {
+  color: #06e; }
+
+a:focus {
+  outline: thin dotted; }
+
+a:hover, a:active {
+  outline: 0; }
+
+abbr[title] {
+  border-bottom: 1px dotted; }
+
+b, strong {
+  font-weight: bold; }
+
+blockquote {
+  margin: 1em 40px; }
+
+dfn {
+  font-style: italic; }
+
+hr {
+  display: block;
+  height: 1px;
+  border: 0;
+  border-top: 1px solid #ccc;
+  margin: 1em 0;
+  padding: 0; }
+
+ins {
+  background: #ff9;
+  color: #000;
+  text-decoration: none; }
+
+mark {
+  background: #ff0;
+  color: #000;
+  font-style: italic;
+  font-weight: bold; }
+
+pre, code, kbd, samp {
+  font-family: monospace, serif;
+  _font-family: 'courier new', monospace;
+  font-size: 1em; }
+
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word; }
+
+q {
+  quotes: none; }
+
+q:before, q:after {
+  content: "";
+  content: none; }
+
+small {
+  font-size: 85%; }
+
+sub, sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline; }
+
+sup {
+  top: -0.5em; }
+
+sub {
+  bottom: -0.25em; }
+
+ul, ol {
+  margin: 1em 0;
+  padding: 0 0 0 40px; }
+
+dd {
+  margin: 0 0 0 40px; }
+
+nav ul, nav ol {
+  list-style: none;
+  list-style-image: none;
+  margin: 0;
+  padding: 0; }
+
+img {
+  border: 0;
+  -ms-interpolation-mode: bicubic;
+  vertical-align: middle; }
+
+svg:not(:root) {
+  overflow: hidden; }
+
+figure {
+  margin: 0; }
+
+form {
+  margin: 0; }
+
+fieldset {
+  border: 0;
+  margin: 0;
+  padding: 0; }
+
+label {
+  cursor: pointer; }
+
+legend {
+  border: 0;
+  *margin-left: -7px;
+  padding: 0;
+  white-space: normal; }
+
+button, input, select, textarea {
+  font-size: 100%;
+  margin: 0;
+  vertical-align: baseline;
+  *vertical-align: middle; }
+
+button, input {
+  line-height: normal; }
+
+button, input[type="button"], input[type="reset"], input[type="submit"] {
+  cursor: pointer;
+  -webkit-appearance: button;
+  *overflow: visible; }
+
+button[disabled], input[disabled] {
+  cursor: default; }
+
+input[type="checkbox"], input[type="radio"] {
+  box-sizing: border-box;
+  padding: 0;
+  *width: 13px;
+  *height: 13px; }
+
+input[type="search"] {
+  -webkit-appearance: textfield;
+  -moz-box-sizing: content-box;
+  -webkit-box-sizing: content-box;
+  box-sizing: content-box; }
+
+input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none; }
+
+button::-moz-focus-inner, input::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+textarea {
+  overflow: auto;
+  vertical-align: top;
+  resize: vertical; }
+
+input:invalid, textarea:invalid {
+  background-color: #f0dddd; }
+
+table {
+  border-collapse: collapse;
+  border-spacing: 0; }
+
+td {
+  vertical-align: top; }
+
+.chromeframe {
+  margin: 0.2em 0;
+  background: #ccc;
+  color: black;
+  padding: 0.2em 0; }
+
+.ir {
+  display: block;
+  border: 0;
+  text-indent: -999em;
+  overflow: hidden;
+  background-color: transparent;
+  background-repeat: no-repeat;
+  text-align: left;
+  direction: ltr;
+  *line-height: 0; }
+
+.ir br {
+  display: none; }
+
+.hidden {
+  display: none !important;
+  visibility: hidden; }
+
+.visuallyhidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  width: 1px; }
+
+.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
+  clip: auto;
+  height: auto;
+  margin: 0;
+  overflow: visible;
+  position: static;
+  width: auto; }
+
+.invisible {
+  visibility: hidden; }
+
+.clearfix:before, .topbar:before, nav.sequence-nav:before, div.book-wrapper section.book nav:before, div.course-wrapper section.course-content .problem-set:before, div.course-wrapper section.course-content section.problems-wrapper:before, div.course-wrapper section.course-content div#seq_content:before, div.course-wrapper section.course-content ol.vert-mod > li:before, section.course-content nav.sequence-bottom ul:before, section.course-content div.video article.video-wrapper section.video-controls:before, section.course-content div.video article.video-wrapper section.video-controls div.slider:before, section.tool-wrapper:before, section.tool-wrapper div#controlls-container:before, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:before, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:before, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:before, section.problem-set:before, section.problems-wrapper:before, div.info-wrapper section.updates > ol > li:before, div.info-wrapper section.handouts ol li:before, div.book-wrapper section.book nav ul:before, .clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav: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 nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after, section.problem-set:after, section.problems-wrapper:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul:after {
+  content: "";
+  display: table; }
+
+.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav: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 nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after, section.problem-set:after, section.problems-wrapper:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul:after {
+  clear: both; }
+
+.clearfix, .topbar, nav.sequence-nav, div.book-wrapper section.book nav, div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li, section.course-content nav.sequence-bottom ul, section.course-content div.video article.video-wrapper section.video-controls, section.course-content div.video article.video-wrapper section.video-controls div.slider, section.tool-wrapper, section.tool-wrapper div#controlls-container, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders, section.problem-set, section.problems-wrapper, div.info-wrapper section.updates > ol > li, div.info-wrapper section.handouts ol li, div.book-wrapper section.book nav ul {
+  *zoom: 1; }
+
+@media print {
+  * {
+    background: transparent !important;
+    color: black !important;
+    box-shadow: none !important;
+    text-shadow: none !important;
+    filter: none !important;
+    -ms-filter: none !important; }
+
+  a, a:visited {
+    text-decoration: underline; }
+
+  a[href]:after {
+    content: " (" attr(href) ")"; }
+
+  abbr[title]:after {
+    content: " (" attr(title) ")"; }
+
+  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after {
+    content: ""; }
+
+  pre, blockquote {
+    border: 1px solid #999;
+    page-break-inside: avoid; }
+
+  thead {
+    display: table-header-group; }
+
+  tr, img {
+    page-break-inside: avoid; }
+
+  img {
+    max-width: 100% !important; }
+
+  @page {
+    margin: 0.5cm; }
+
+  p, h2, h3 {
+    orphans: 3;
+    widows: 3; }
+
+  h2, h3 {
+    page-break-after: avoid; } }
+/* Generated by Font Squirrel (http://www.fontsquirrel.com) on January 25, 2012 05:06:34 PM America/New_York */
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-Light-webfont.eot");
+  src: url("../fonts/OpenSans-Light-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Light-webfont.woff") format("woff"), url("../fonts/OpenSans-Light-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Light-webfont.svg#OpenSansLight") format("svg");
+  font-weight: 300;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-LightItalic-webfont.eot");
+  src: url("../fonts/OpenSans-LightItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-LightItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-LightItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-LightItalic-webfont.svg#OpenSansLightItalic") format("svg");
+  font-weight: 300;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-Regular-webfont.eot");
+  src: url("../fonts/OpenSans-Regular-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Regular-webfont.woff") format("woff"), url("../fonts/OpenSans-Regular-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Regular-webfont.svg#OpenSansRegular") format("svg");
+  font-weight: 400;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-Italic-webfont.eot");
+  src: url("../fonts/OpenSans-Italic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Italic-webfont.woff") format("woff"), url("../fonts/OpenSans-Italic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Italic-webfont.svg#OpenSansItalic") format("svg");
+  font-weight: 400;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-Bold-webfont.eot");
+  src: url("../fonts/OpenSans-Bold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-Bold-webfont.woff") format("woff"), url("../fonts/OpenSans-Bold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-Bold-webfont.svg#OpenSansBold") format("svg");
+  font-weight: 700;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-BoldItalic-webfont.eot");
+  src: url("../fonts/OpenSans-BoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-BoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-BoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-BoldItalic-webfont.svg#OpenSansBoldItalic") format("svg");
+  font-weight: 700;
+  font-style: italic; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-ExtraBold-webfont.eot");
+  src: url("../fonts/OpenSans-ExtraBold-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBold-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBold-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBold-webfont.svg#OpenSansExtrabold") format("svg");
+  font-weight: 800;
+  font-style: normal; }
+
+@font-face {
+  font-family: 'Open Sans';
+  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot");
+  src: url("../fonts/OpenSans-ExtraBoldItalic-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.woff") format("woff"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.ttf") format("truetype"), url("../fonts/OpenSans-ExtraBoldItalic-webfont.svg#OpenSansExtraboldItalic") format("svg");
+  font-weight: 800;
+  font-style: italic; }
+
+html, body {
+  background: #fafafa;
+  font-family: "Open Sans", Verdana, Geneva, sans-serif;
+  font-size: 1em;
+  line-height: 1em; }
+
+h1, h2, h3, h4, h5, h6 {
+  color: #3c3c3c;
+  font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif;
+  margin: 0px; }
+
+h1 {
+  color: #3c3c3c;
+  font: normal 2em/1.4em "Open Sans", Verdana, Geneva, sans-serif;
+  letter-spacing: 1px;
+  margin-bottom: 30px;
+  text-align: center; }
+
+h2 {
+  color: #a0a0a0;
+  font: normal 1.2em/1.2em Georgia, Cambria, "Times New Roman", Times, serif;
+  letter-spacing: 1px;
+  margin-bottom: 15px;
+  text-transform: uppercase;
+  -webkit-font-smoothing: antialiased; }
+
+p + h2, ul + h2, ol + h2 {
+  margin-top: 40px; }
+
+p {
+  color: #3c3c3c;
+  font: normal 1em/1.6em Georgia, Cambria, "Times New Roman", Times, serif;
+  margin: 0px; }
+
+span {
+  font: normal 1em/1.6em "Open Sans", Verdana, Geneva, sans-serif; }
+
+p + p, ul + p, ol + p {
+  margin-top: 20px; }
+
+p a:link, p a:visited {
+  color: #1d9dd9;
+  font: normal 1em/1em Georgia, Cambria, "Times New Roman", Times, serif;
+  text-decoration: none;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -ms-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.1s;
+  -moz-transition-duration: 0.1s;
+  -ms-transition-duration: 0.1s;
+  -o-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  -webkit-transition-timing-function: linear;
+  -moz-transition-timing-function: linear;
+  -ms-transition-timing-function: linear;
+  -o-transition-timing-function: linear;
+  transition-timing-function: linear;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0; }
+  p a:link:hover, p a:visited:hover {
+    color: #1d9dd9;
+    text-decoration: underline; }
+
+a:link, a:visited {
+  color: #1d9dd9;
+  font: normal 1em/1em "Open Sans", Verdana, Geneva, sans-serif;
+  text-decoration: none;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -ms-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.1s;
+  -moz-transition-duration: 0.1s;
+  -ms-transition-duration: 0.1s;
+  -o-transition-duration: 0.1s;
+  transition-duration: 0.1s;
+  -webkit-transition-timing-function: linear;
+  -moz-transition-timing-function: linear;
+  -ms-transition-timing-function: linear;
+  -o-transition-timing-function: linear;
+  transition-timing-function: linear;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0; }
+  a:link:hover, a:visited:hover {
+    text-decoration: underline; }
+
+.content-wrapper {
+  background: white;
+  margin: 0 auto 0;
+  width: 100%; }
+
+.container {
+  zoom: 1;
+  margin: 0 auto 0;
+  padding: 0px 30px;
+  max-width: 1180px;
+  min-width: 760px; }
+  .container:before, .container:after {
+    content: "";
+    display: table; }
+  .container:after {
+    clear: both; }
+
+span.edx {
+  text-transform: none;
+  font: inherit; }
+
+.static-container {
+  zoom: 1;
+  margin: 0 auto 0;
+  max-width: 1200px;
+  padding: 60px 0px 120px;
+  width: 100%; }
+  .static-container:before, .static-container:after {
+    content: "";
+    display: table; }
+  .static-container:after {
+    clear: both; }
+  .static-container .inner-wrapper {
+    margin: 0 auto 0;
+    width: 83.051%; }
+  .static-container ol, .static-container ul {
+    list-style: disc; }
+    .static-container ol li, .static-container ul li {
+      color: #3c3c3c;
+      font: normal 1em/1.4em Georgia, Cambria, "Times New Roman", Times, serif;
+      margin: 0px; }
+  .static-container h1 {
+    margin-bottom: 30px; }
+  .static-container h1 + hr {
+    margin-bottom: 60px; }
+  .static-container p + h2, .static-container ul + h2, .static-container ol + h2 {
+    margin-top: 40px; }
+  .static-container ul + p, .static-container ol + p {
+    margin-top: 20px; }
+
+.faded-hr-divider, .horizontal-divider {
+  background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  height: 1px;
+  width: 100%; }
+
+.faded-hr-divider-medium {
+  background-image: -webkit-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
+  background-image: -moz-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
+  background-image: -ms-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
+  background-image: -o-linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
+  background-image: linear-gradient(180deg, rgba(240, 240, 240, 0) 0%, #f0f0f0 50%, rgba(240, 240, 240, 0));
+  height: 1px;
+  width: 100%; }
+
+.faded-hr-divider-light, .horizontal-divider::after {
+  background-image: -webkit-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
+  background-image: -moz-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
+  background-image: -ms-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
+  background-image: -o-linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
+  background-image: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.8) 50%, rgba(255, 255, 255, 0));
+  height: 1px;
+  width: 100%; }
+
+.faded-vertical-divider, .vertical-divider {
+  background-image: -webkit-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -moz-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -ms-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: -o-linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  background-image: linear-gradient(90deg, rgba(200, 200, 200, 0) 0%, #c8c8c8 50%, rgba(200, 200, 200, 0));
+  height: 100%;
+  width: 1px; }
+
+.faded-vertical-divider-light, .vertical-divider::after {
+  background-image: -webkit-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
+  background-image: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
+  background-image: -ms-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
+  background-image: -o-linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
+  background-image: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0));
+  height: 100%;
+  width: 1px; }
+
+.vertical-divider {
+  position: relative; }
+  .vertical-divider::after {
+    content: "";
+    display: block;
+    position: absolute;
+    left: 1px; }
+
+.horizontal-divider {
+  border: none;
+  position: relative; }
+  .horizontal-divider::after {
+    content: "";
+    display: block;
+    position: absolute;
+    top: 1px; }
+
+.fade-right-hr-divider {
+  background-image: -webkit-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
+  background-image: -moz-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
+  background-image: -ms-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
+  background-image: -o-linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
+  background-image: linear-gradient(180deg, rgba(200, 200, 200, 0) 0%, #c8c8c8);
+  border: none; }
+
+.fade-left-hr-divider {
+  background-image: -webkit-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
+  background-image: -moz-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
+  background-image: -ms-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
+  background-image: -o-linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
+  background-image: linear-gradient(180deg, #c8c8c8 0%, rgba(200, 200, 200, 0));
+  border: none; }
+
+.error-message-colors {
+  background: #fd5757;
+  border: 1px solid #ca1111;
+  color: #8f0e0e; }
+
+.success-message-colors {
+  background: #63ec89;
+  border: 1px solid #11ca36;
+  color: #238f0e; }
+
+.animation-home-header-pop-up {
+  -webkit-animation: home-header-pop-up 1.15s ease-in-out;
+  -moz-animation: home-header-pop-up 1.15s ease-in-out;
+  animation: home-header-pop-up 1.15s ease-in-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 1s;
+  -moz-animation-delay: 1s;
+  animation-delay: 1s; }
+
+@-webkit-keyframes home-header-pop-up {
+  0% {
+    opacity: 0;
+    top: 300px; }
+
+  45% {
+    opacity: 1; }
+
+  65% {
+    top: -40px; }
+
+  85% {
+    top: 10px; }
+
+  100% {
+    top: 0px; } }
+
+@-moz-keyframes home-header-pop-up {
+  0% {
+    opacity: 0;
+    top: 300px; }
+
+  45% {
+    opacity: 1; }
+
+  65% {
+    top: -40px; }
+
+  85% {
+    top: 10px; }
+
+  100% {
+    top: 0px; } }
+
+@keyframes home-header-pop-up {
+  0% {
+    opacity: 0;
+    top: 300px; }
+
+  45% {
+    opacity: 1; }
+
+  65% {
+    top: -40px; }
+
+  85% {
+    top: 10px; }
+
+  100% {
+    top: 0px; } }
+
+.animation-title-appear {
+  -webkit-animation: title-appear 4.65s ease-out;
+  -moz-animation: title-appear 4.65s ease-out;
+  animation: title-appear 4.65s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 1s;
+  -moz-animation-delay: 1s;
+  animation-delay: 1s; }
+
+@-webkit-keyframes title-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  27% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  90% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    top: 0px; } }
+
+@-moz-keyframes title-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  27% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  90% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    top: 0px; } }
+
+@keyframes title-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  27% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  90% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    top: 0px; } }
+
+.animation-home-appear {
+  -webkit-animation: home-appear 4.25s ease-out;
+  -moz-animation: home-appear 4.25s ease-out;
+  animation: home-appear 4.25s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 1s;
+  -moz-animation-delay: 1s;
+  animation-delay: 1s; }
+
+@-webkit-keyframes home-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  30% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  80% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.7);
+    -moz-transform: scale(0.7);
+    -ms-transform: scale(0.7);
+    -o-transform: scale(0.7);
+    transform: scale(0.7); } }
+
+@-moz-keyframes home-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  30% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  80% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.7);
+    -moz-transform: scale(0.7);
+    -ms-transform: scale(0.7);
+    -o-transform: scale(0.7);
+    transform: scale(0.7); } }
+
+@keyframes home-appear {
+  0% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.9);
+    -moz-transform: scale(0.9);
+    -ms-transform: scale(0.9);
+    -o-transform: scale(0.9);
+    transform: scale(0.9); }
+
+  20% {
+    opacity: 1; }
+
+  30% {
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  80% {
+    opacity: 1;
+    top: 40px;
+    -webkit-transform: scale(1);
+    -moz-transform: scale(1);
+    -ms-transform: scale(1);
+    -o-transform: scale(1);
+    transform: scale(1); }
+
+  100% {
+    opacity: 0;
+    top: 60px;
+    -webkit-transform: scale(0.7);
+    -moz-transform: scale(0.7);
+    -ms-transform: scale(0.7);
+    -o-transform: scale(0.7);
+    transform: scale(0.7); } }
+
+.animation-edx-appear {
+  -webkit-animation: edx-appear 1.25s ease-in;
+  -moz-animation: edx-appear 1.25s ease-in;
+  animation: edx-appear 1.25s ease-in;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 2.15s;
+  -moz-animation-delay: 2.15s;
+  animation-delay: 2.15s; }
+
+@-webkit-keyframes edx-appear {
+  0% {
+    opacity: 0; }
+
+  100% {
+    opacity: 1; } }
+
+@-moz-keyframes edx-appear {
+  0% {
+    opacity: 0; }
+
+  100% {
+    opacity: 1; } }
+
+@keyframes edx-appear {
+  0% {
+    opacity: 0; }
+
+  100% {
+    opacity: 1; } }
+
+.animation-mit-slide {
+  -webkit-animation: mit-slide 1.15s ease-out;
+  -moz-animation: mit-slide 1.15s ease-out;
+  animation: mit-slide 1.15s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 2s;
+  -moz-animation-delay: 2s;
+  animation-delay: 2s; }
+
+@-webkit-keyframes mit-slide {
+  0% {
+    left: 80px; }
+
+  100% {
+    left: 0px; } }
+
+@-moz-keyframes mit-slide {
+  0% {
+    left: 80px; }
+
+  100% {
+    left: 0px; } }
+
+@keyframes mit-slide {
+  0% {
+    left: 80px; }
+
+  100% {
+    left: 0px; } }
+
+.animation-harvard-slide {
+  -webkit-animation: harvard-slide 1.15s ease-out;
+  -moz-animation: harvard-slide 1.15s ease-out;
+  animation: harvard-slide 1.15s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 2s;
+  -moz-animation-delay: 2s;
+  animation-delay: 2s; }
+
+@-webkit-keyframes harvard-slide {
+  0% {
+    right: 80px; }
+
+  100% {
+    right: 0px; } }
+
+@-moz-keyframes harvard-slide {
+  0% {
+    right: 80px; }
+
+  100% {
+    right: 0px; } }
+
+@keyframes harvard-slide {
+  0% {
+    right: 80px; }
+
+  100% {
+    right: 0px; } }
+
+.animation-divider-left-slide {
+  -webkit-animation: divider-left-slide 1.1s ease-out;
+  -moz-animation: divider-left-slide 1.1s ease-out;
+  animation: divider-left-slide 1.1s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 2s;
+  -moz-animation-delay: 2s;
+  animation-delay: 2s; }
+
+@-webkit-keyframes divider-left-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 200px; } }
+
+@-moz-keyframes divider-left-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 200px; } }
+
+@keyframes divider-left-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 200px; } }
+
+.animation-divider-right-slide {
+  -webkit-animation: divider-right-slide 1.1s ease-out;
+  -moz-animation: divider-right-slide 1.1s ease-out;
+  animation: divider-right-slide 1.1s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 2s;
+  -moz-animation-delay: 2s;
+  animation-delay: 2s; }
+
+@-webkit-keyframes divider-right-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 480px; } }
+
+@-moz-keyframes divider-right-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 480px; } }
+
+@keyframes divider-right-slide {
+  0% {
+    left: 340px; }
+
+  100% {
+    left: 480px; } }
+
+.animation-video-appear {
+  -webkit-animation: video-appear 1.25s ease-out;
+  -moz-animation: video-appear 1.25s ease-out;
+  animation: video-appear 1.25s ease-out;
+  -webkit-animation-fill-mode: both;
+  -moz-animation-fill-mode: both;
+  animation-fill-mode: both;
+  -webkit-animation-delay: 4.4s;
+  -moz-animation-delay: 4.4s;
+  animation-delay: 4.4s; }
+
+@-webkit-keyframes video-appear {
+  0% {
+    bottom: -270px;
+    opacity: 0.9; }
+
+  80% {
+    opacity: 1; }
+
+  100% {
+    bottom: 0px; } }
+
+@-moz-keyframes video-appear {
+  0% {
+    bottom: -270px;
+    opacity: 0.9; }
+
+  80% {
+    opacity: 1; }
+
+  100% {
+    bottom: 0px; } }
+
+@keyframes video-appear {
+  0% {
+    bottom: -270px;
+    opacity: 0.9; }
+
+  80% {
+    opacity: 1; }
+
+  100% {
+    bottom: 0px; } }
+
+nav.course-material {
+  background: #d2d2d2;
+  zoom: 1;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  -webkit-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05);
+  -moz-box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05);
+  box-shadow: inset 0 1px 5px 0 rgba(0, 0, 0, 0.05);
+  border-bottom: 1px solid #bebebe;
+  margin: 0px auto 0px;
+  padding: 0px;
+  width: 100%; }
+  nav.course-material:before, nav.course-material:after {
+    content: "";
+    display: table; }
+  nav.course-material:after {
+    clear: both; }
+  nav.course-material .inner-wrapper {
+    margin: 0 auto;
+    max-width: 1200px;
+    width: 100%; }
+  nav.course-material ol.course-tabs {
+    -webkit-border-top-left-radius: 4px;
+    -moz-border-top-left-radius: 4px;
+    -moz-border-radius-topleft: 4px;
+    -ms-border-top-left-radius: 4px;
+    -o-border-top-left-radius: 4px;
+    border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -moz-border-top-right-radius: 4px;
+    -moz-border-radius-topright: 4px;
+    -ms-border-top-right-radius: 4px;
+    -o-border-top-right-radius: 4px;
+    border-top-right-radius: 4px;
+    zoom: 1;
+    padding: 10px 0 0 0; }
+    nav.course-material ol.course-tabs:before, nav.course-material ol.course-tabs:after {
+      content: "";
+      display: table; }
+    nav.course-material ol.course-tabs:after {
+      clear: both; }
+    nav.course-material ol.course-tabs li {
+      float: left;
+      list-style: none; }
+      nav.course-material ol.course-tabs li a {
+        color: #a0a0a0;
+        display: block;
+        text-align: center;
+        padding: 5px 13px;
+        text-decoration: none;
+        text-shadow: 0 1px rgba(255, 255, 255, 0.4); }
+        nav.course-material ol.course-tabs li a:hover {
+          color: #3c3c3c; }
+        nav.course-material ol.course-tabs li a.active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_video_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_video_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_other_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_other_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_vertical_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_vertical_active, nav.course-material nav.sequence-nav ol.course-tabs li a.seq_problem_active, nav.sequence-nav nav.course-material ol.course-tabs li a.seq_problem_active {
+          background: white;
+          border: 1px solid #c8c8c8;
+          border-bottom: 0px;
+          -webkit-border-top-left-radius: 4px;
+          -moz-border-top-left-radius: 4px;
+          -moz-border-radius-topleft: 4px;
+          -ms-border-top-left-radius: 4px;
+          -o-border-top-left-radius: 4px;
+          border-top-left-radius: 4px;
+          -webkit-border-top-right-radius: 4px;
+          -moz-border-top-right-radius: 4px;
+          -moz-border-radius-topright: 4px;
+          -ms-border-top-right-radius: 4px;
+          -o-border-top-right-radius: 4px;
+          border-top-right-radius: 4px;
+          -webkit-box-shadow: 0 2px 0 0 white;
+          -moz-box-shadow: 0 2px 0 0 white;
+          box-shadow: 0 2px 0 0 white;
+          color: #3c3c3c; }
+
+.course-content {
+  margin-top: 30px; }
+  .course-content .courseware {
+    min-height: 300px; }
+
+.clearfix:after, .topbar:after, nav.sequence-nav:after, div.book-wrapper section.book nav: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 nav.sequence-bottom ul:after, section.course-content div.video article.video-wrapper section.video-controls:after, section.course-content div.video article.video-wrapper section.video-controls div.slider:after, section.tool-wrapper:after, section.tool-wrapper div#controlls-container:after, section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper:after, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after, section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders:after, section.problem-set:after, section.problems-wrapper:after, div.info-wrapper section.updates > ol > li:after, div.info-wrapper section.handouts ol li:after, div.book-wrapper section.book nav ul:after {
+  clear: both;
+  content: ".";
+  display: block;
+  height: 0;
+  visibility: hidden; }
+
+.wrapper {
+  margin: 0 auto;
+  max-width: 1400px;
+  min-width: 810px;
+  text-align: left;
+  width: 100%; }
+  .wrapper div.table-wrapper, .wrapper div.course-wrapper, .wrapper div.info-wrapper, .wrapper div.book-wrapper {
+    display: table;
+    width: 100%;
+    overflow: hidden; }
+    @media screen and (min-width: 1400px) {
+      .wrapper div.table-wrapper, .wrapper div.course-wrapper, .wrapper div.info-wrapper, .wrapper div.book-wrapper {
+        -webkit-border-radius: 4px;
+        -moz-border-radius: 4px;
+        -ms-border-radius: 4px;
+        -o-border-radius: 4px;
+        border-radius: 4px; } }
+
+h1.top-header, div.course-wrapper section.course-content ol.vert-mod > li header, div.info-wrapper section.updates > h1 {
+  background: #f3f3f3;
+  border-bottom: 1px solid #e3e3e3;
+  margin: -lh() -lh() lh();
+  padding: lh(); }
+
+.button {
+  border: 1px solid #6f6f6f;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  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;
+  box-shadow: inset 0 1px 0 #a2a2a2, 0 0 3px #cccccc;
+  color: #fff;
+  cursor: pointer;
+  font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+  background-color: #959595;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #959595), color-stop(100%, #7b7b7b));
+  background-image: -webkit-linear-gradient(top, #959595, #7b7b7b);
+  background-image: -moz-linear-gradient(top, #959595, #7b7b7b);
+  background-image: -ms-linear-gradient(top, #959595, #7b7b7b);
+  background-image: -o-linear-gradient(top, #959595, #7b7b7b);
+  background-image: linear-gradient(top, #959595, #7b7b7b);
+  padding: 4px 8px;
+  text-decoration: none;
+  text-shadow: none;
+  -webkit-font-smoothing: antialiased; }
+  .button:hover, .button:focus {
+    border: 1px solid #555555;
+    -webkit-box-shadow: inset 0 1px 0 #bbbbbb, 0 0 3px #cccccc;
+    -moz-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));
+    background-image: -webkit-linear-gradient(top, #a2a2a2, #7b7b7b);
+    background-image: -moz-linear-gradient(top, #a2a2a2, #7b7b7b);
+    background-image: -ms-linear-gradient(top, #a2a2a2, #7b7b7b);
+    background-image: -o-linear-gradient(top, #a2a2a2, #7b7b7b);
+    background-image: linear-gradient(top, #a2a2a2, #7b7b7b); }
+
+.light-button, a.light-button {
+  border: 1px solid #ccc;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  -webkit-box-shadow: inset 0 1px 0 white;
+  -moz-box-shadow: inset 0 1px 0 white;
+  box-shadow: inset 0 1px 0 white;
+  color: #666;
+  cursor: pointer;
+  font: normal 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+  background-color: white;
+  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #eeeeee));
+  background-image: -webkit-linear-gradient(top, white, #eeeeee);
+  background-image: -moz-linear-gradient(top, white, #eeeeee);
+  background-image: -ms-linear-gradient(top, white, #eeeeee);
+  background-image: -o-linear-gradient(top, white, #eeeeee);
+  background-image: linear-gradient(top, white, #eeeeee);
+  padding: 4px 8px;
+  text-decoration: none;
+  -webkit-font-smoothing: antialiased; }
+  .light-button:hover, .light-button:focus, a.light-button:hover, a.light-button:focus {
+    border: 1px solid #ccc;
+    background-color: white;
+    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, white), color-stop(100%, #e6e6e6));
+    background-image: -webkit-linear-gradient(top, white, #e6e6e6);
+    background-image: -moz-linear-gradient(top, white, #e6e6e6);
+    background-image: -ms-linear-gradient(top, white, #e6e6e6);
+    background-image: -o-linear-gradient(top, white, #e6e6e6);
+    background-image: linear-gradient(top, white, #e6e6e6);
+    text-decoration: none; }
+
+.action-link a {
+  color: #993333; }
+  .action-link a:hover {
+    color: #4d1919;
+    text-decoration: none; }
+
+.content, div.course-wrapper section.course-content, div.info-wrapper section.updates, div.book-wrapper section.book {
+  -webkit-box-shadow: inset 0 0 2px 3px #f3f3f3;
+  -moz-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;
+  box-sizing: border-box;
+  display: table-cell;
+  padding: lh();
+  vertical-align: top;
+  width: 76.518%;
+  overflow: hidden; }
+  @media print {
+    .content, div.course-wrapper section.course-content, div.info-wrapper section.updates, div.book-wrapper section.book {
+      -webkit-box-shadow: none;
+      -moz-box-shadow: none;
+      box-shadow: none; } }
+
+.sidebar, section.course-index, div.info-wrapper section.handouts, div.book-wrapper section.book-sidebar {
+  background: #e3e3e3;
+  -webkit-border-radius: 4px 0 0 4px;
+  -moz-border-radius: 4px 0 0 4px;
+  -ms-border-radius: 4px 0 0 4px;
+  -o-border-radius: 4px 0 0 4px;
+  border-radius: 4px 0 0 4px;
+  border-right: 1px solid #d3d3d3;
+  -webkit-box-shadow: inset 0 0 0 1px #f6f6f6;
+  -moz-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;
+  box-sizing: border-box;
+  display: table-cell;
+  font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+  position: relative;
+  text-shadow: 0 1px 0 #f1f1f1;
+  vertical-align: top;
+  width: 23.482%; }
+  .sidebar h1, section.course-index h1, div.info-wrapper section.handouts h1, div.book-wrapper section.book-sidebar h1, .sidebar h2, section.course-index h2, div.info-wrapper section.handouts h2, div.book-wrapper section.book-sidebar h2 {
+    font-size: 18px;
+    font-weight: bold;
+    letter-spacing: 0;
+    text-transform: none; }
+  .sidebar a, section.course-index a, div.info-wrapper section.handouts a, div.book-wrapper section.book-sidebar a {
+    border: none;
+    font-style: normal; }
+  .sidebar .bottom-border, section.course-index .bottom-border, div.info-wrapper section.handouts .bottom-border, div.book-wrapper section.book-sidebar .bottom-border, .sidebar div.info-wrapper section.handouts header, div.info-wrapper section.handouts .sidebar header, section.course-index div.info-wrapper section.handouts header, div.info-wrapper section.handouts section.course-index header, div.info-wrapper section.handouts header, div.book-wrapper section.book-sidebar div.info-wrapper section.handouts header, div.info-wrapper section.handouts div.book-wrapper section.book-sidebar header {
+    border-bottom: 1px solid #d3d3d3;
+    -webkit-box-shadow: 0 1px 0 #eeeeee;
+    -moz-box-shadow: 0 1px 0 #eeeeee;
+    box-shadow: 0 1px 0 #eeeeee; }
+  @media print {
+    .sidebar, section.course-index, div.info-wrapper section.handouts, div.book-wrapper section.book-sidebar {
+      display: none; } }
+  .sidebar h3, section.course-index h3, div.info-wrapper section.handouts h3, div.book-wrapper section.book-sidebar h3 {
+    background: none;
+    border: none;
+    color: #000;
+    font-weight: normal;
+    margin: 0;
+    overflow: hidden; }
+    .sidebar h3 a, section.course-index h3 a, div.info-wrapper section.handouts h3 a, div.book-wrapper section.book-sidebar h3 a {
+      color: #4d4d4d;
+      display: block;
+      font-size: 14px;
+      padding: 7px 7px 7px 30px;
+      text-decoration: none;
+      -webkit-transition-property: all;
+      -moz-transition-property: all;
+      -ms-transition-property: all;
+      -o-transition-property: all;
+      transition-property: all;
+      -webkit-transition-duration: 0.15s;
+      -moz-transition-duration: 0.15s;
+      -ms-transition-duration: 0.15s;
+      -o-transition-duration: 0.15s;
+      transition-duration: 0.15s;
+      -webkit-transition-timing-function: ease-out;
+      -moz-transition-timing-function: ease-out;
+      -ms-transition-timing-function: ease-out;
+      -o-transition-timing-function: ease-out;
+      transition-timing-function: ease-out;
+      -webkit-transition-delay: 0;
+      -moz-transition-delay: 0;
+      -ms-transition-delay: 0;
+      -o-transition-delay: 0;
+      transition-delay: 0; }
+    .sidebar h3 span.ui-icon, section.course-index h3 span.ui-icon, div.info-wrapper section.handouts h3 span.ui-icon, div.book-wrapper section.book-sidebar h3 span.ui-icon {
+      background-image: url(../images/ui-icons_454545_256x240.png); }
+    .sidebar h3.active, section.course-index h3.active, div.info-wrapper section.handouts h3.active, div.book-wrapper section.book-sidebar h3.active, .sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion .sidebar h3.ui-accordion-header.ui-state-active, section.course-index div#accordion h3.ui-accordion-header.ui-state-active, div.info-wrapper section.handouts section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.info-wrapper section.handouts h3.ui-accordion-header.ui-state-active, div.book-wrapper section.book-sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active, section.course-index div#accordion div.book-wrapper section.book-sidebar h3.ui-accordion-header.ui-state-active {
+      background: none;
+      background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      border-bottom: 1px solid #d3d3d3;
+      -webkit-box-shadow: inset 0 1px 0 0 #eeeeee;
+      -moz-box-shadow: inset 0 1px 0 0 #eeeeee;
+      box-shadow: inset 0 1px 0 0 #eeeeee;
+      color: #000;
+      font-weight: bold; }
+      .sidebar h3.active a, section.course-index h3.active a, div.info-wrapper section.handouts h3.active a, div.book-wrapper section.book-sidebar h3.active a, .sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion .sidebar h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, div.info-wrapper section.handouts section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.info-wrapper section.handouts h3.ui-accordion-header.ui-state-active a, div.book-wrapper section.book-sidebar section.course-index div#accordion h3.ui-accordion-header.ui-state-active a, section.course-index div#accordion div.book-wrapper section.book-sidebar h3.ui-accordion-header.ui-state-active a {
+        color: #000; }
+  .sidebar header#open_close_accordion, section.course-index header#open_close_accordion, div.info-wrapper section.handouts header#open_close_accordion, div.book-wrapper section.book-sidebar header#open_close_accordion {
+    border-bottom: 1px solid #d3d3d3;
+    -webkit-box-shadow: 0 1px 0 #eeeeee;
+    -moz-box-shadow: 0 1px 0 #eeeeee;
+    box-shadow: 0 1px 0 #eeeeee;
+    padding: lh(0.5) lh();
+    position: relative; }
+    .sidebar header#open_close_accordion h2, section.course-index header#open_close_accordion h2, div.info-wrapper section.handouts header#open_close_accordion h2, div.book-wrapper section.book-sidebar header#open_close_accordion h2 {
+      margin: 0;
+      padding-right: 20px; }
+    .sidebar header#open_close_accordion a, section.course-index header#open_close_accordion a, div.info-wrapper section.handouts header#open_close_accordion a, div.book-wrapper section.book-sidebar header#open_close_accordion a {
+      background: #eeeeee url("../images/slide-left-icon.png") center center no-repeat;
+      border: 1px solid #D3D3D3;
+      -webkit-border-radius: 3px 0 0 3px;
+      -moz-border-radius: 3px 0 0 3px;
+      -ms-border-radius: 3px 0 0 3px;
+      -o-border-radius: 3px 0 0 3px;
+      border-radius: 3px 0 0 3px;
+      height: 16px;
+      padding: 8px;
+      position: absolute;
+      right: -1px;
+      text-indent: -9999px;
+      top: 6px;
+      width: 16px; }
+      .sidebar header#open_close_accordion a:hover, section.course-index header#open_close_accordion a:hover, div.info-wrapper section.handouts header#open_close_accordion a:hover, div.book-wrapper section.book-sidebar header#open_close_accordion a:hover {
+        background-color: white; }
+  .sidebar a.button, section.course-index a.button, div.info-wrapper section.handouts a.button, div.book-wrapper section.book-sidebar a.button {
+    text-decoration: none; }
+
+.topbar, nav.sequence-nav, div.book-wrapper section.book nav {
+  background: #f6efd4;
+  border-bottom: 1px solid #eddfaa;
+  border-top: 1px solid #fff;
+  font-size: 12px;
+  line-height: 46px;
+  text-shadow: 0 1px 0 #fff; }
+  @media print {
+    .topbar, nav.sequence-nav, div.book-wrapper section.book nav {
+      display: none; } }
+  .topbar a, nav.sequence-nav a, div.book-wrapper section.book nav a {
+    line-height: 46px;
+    border-bottom: 0;
+    color: #292309; }
+    .topbar a:hover, nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover {
+      color: #7e691a;
+      text-decoration: none; }
+    .topbar a.block-link, nav.sequence-nav a.block-link, div.book-wrapper section.book nav a.block-link, .topbar nav.sequence-nav ol a, nav.sequence-nav ol .topbar a, nav.sequence-nav ol a, div.book-wrapper section.book nav.sequence-nav ol a, .topbar div.book-wrapper section.book nav a, div.book-wrapper section.book nav .topbar a, div.book-wrapper section.book nav.sequence-nav a, div.book-wrapper section.book nav a {
+      border-left: 1px solid #e4d080;
+      -webkit-box-shadow: inset 1px 0 0 #faf7e9;
+      -moz-box-shadow: inset 1px 0 0 #faf7e9;
+      box-shadow: inset 1px 0 0 #faf7e9;
+      display: block;
+      text-transform: uppercase; }
+      .topbar a.block-link:hover, nav.sequence-nav a.block-link:hover, div.book-wrapper section.book nav a.block-link:hover, .topbar nav.sequence-nav ol a:hover, nav.sequence-nav ol .topbar a:hover, nav.sequence-nav ol a:hover, div.book-wrapper section.book nav.sequence-nav ol a:hover, .topbar div.book-wrapper section.book nav a:hover, div.book-wrapper section.book nav .topbar a:hover, div.book-wrapper section.book nav.sequence-nav a:hover, div.book-wrapper section.book nav a:hover {
+        background: none; }
+
+.tran, section.course-index, div.book-wrapper section.book-sidebar {
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -ms-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.2s;
+  -moz-transition-duration: 0.2s;
+  -ms-transition-duration: 0.2s;
+  -o-transition-duration: 0.2s;
+  transition-duration: 0.2s;
+  -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0; }
+
+p.ie-warning {
+  background: yellow;
+  display: block !important;
+  line-height: 1.3em;
+  margin-bottom: 0;
+  padding: lh();
+  text-align: left; }
+
+html {
+  height: 100%;
+  max-height: 100%; }
+
+body.courseware {
+  height: 100%;
+  max-height: 100%; }
+  body.courseware .container {
+    margin-bottom: 40px;
+    margin-top: 20px; }
+  body.courseware footer.fixed-bottom {
+    Position: static; }
+
+div.course-wrapper ul, div.course-wrapper ol {
+  list-style: none; }
+div.course-wrapper section.course-content {
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  -ms-border-radius: 0 4px 4px 0;
+  -o-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0; }
+  div.course-wrapper section.course-content h1 {
+    margin: 0 0 22.652px; }
+  div.course-wrapper section.course-content p {
+    margin-bottom: 22.652px; }
+    div.course-wrapper section.course-content p:empty {
+      display: none;
+      margin-bottom: 0; }
+  div.course-wrapper section.course-content ul li {
+    margin-bottom: 11.326px; }
+  div.course-wrapper section.course-content .problem-set, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content, div.course-wrapper section.course-content ol.vert-mod > li, div.course-wrapper section.course-content section.problems-wrapper, div.course-wrapper section.course-content div#seq_content {
+    position: relative; }
+    div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2 {
+      margin-top: 0;
+      margin-bottom: 15px;
+      width: 20.109%;
+      padding-right: 2.717%;
+      border-right: 1px dashed #ddd;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      display: table-cell;
+      vertical-align: top; }
+      div.course-wrapper section.course-content .problem-set h2.problem-header section.staff, div.course-wrapper section.course-content section.problems-wrapper h2.problem-header section.staff, div.course-wrapper section.course-content div#seq_content h2.problem-header section.staff, div.course-wrapper section.course-content ol.vert-mod > li h2.problem-header section.staff, div.course-wrapper section.course-content section.problems-wrapper h2.problem-header section.staff, div.course-wrapper section.course-content div#seq_content h2.problem-header section.staff {
+        margin-top: 30px;
+        font-size: 80%; }
+      @media screen and (max-width:1120px) {
+        div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2 {
+          display: block;
+          width: auto;
+          border-right: 0; } }
+      @media print {
+        div.course-wrapper section.course-content .problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2, div.course-wrapper section.course-content ol.vert-mod > li h2, div.course-wrapper section.course-content section.problems-wrapper h2, div.course-wrapper section.course-content div#seq_content h2 {
+          display: block;
+          width: auto;
+          border-right: 0; } }
+    div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem {
+      display: table-cell;
+      width: 77.174%;
+      padding-left: 2.717%; }
+      @media screen and (max-width:1120px) {
+        div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem {
+          display: block;
+          width: auto;
+          padding: 0; } }
+      @media print {
+        div.course-wrapper section.course-content .problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem, div.course-wrapper section.course-content ol.vert-mod > li section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, div.course-wrapper section.course-content div#seq_content section.problem {
+          display: block;
+          width: auto;
+          padding: 0; }
+          div.course-wrapper section.course-content .problem-set section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, div.course-wrapper section.course-content div#seq_content section.problem canvas, div.course-wrapper section.course-content ol.vert-mod > li section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, div.course-wrapper section.course-content div#seq_content section.problem canvas, div.course-wrapper section.course-content .problem-set section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, div.course-wrapper section.course-content div#seq_content section.problem img, div.course-wrapper section.course-content ol.vert-mod > li section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, div.course-wrapper section.course-content div#seq_content section.problem img {
+            page-break-inside: avoid; } }
+      div.course-wrapper section.course-content .problem-set section.problem span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem span.unanswered, div.course-wrapper section.course-content div#seq_content section.problem span.unanswered, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem span.unanswered, div.course-wrapper section.course-content div#seq_content section.problem span.unanswered, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-bullet, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-bullet, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-bullet, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-bullet {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        background: url("../images/unanswered-icon.png") center center no-repeat;
+        height: 14px;
+        position: relative;
+        top: 4px;
+        width: 14px; }
+      div.course-wrapper section.course-content .problem-set section.problem span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem span.correct, div.course-wrapper section.course-content div#seq_content section.problem span.correct, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem span.correct, div.course-wrapper section.course-content div#seq_content section.problem span.correct, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-check, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-check, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-check, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-check {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        background: url("../images/correct-icon.png") center center no-repeat;
+        height: 20px;
+        position: relative;
+        top: 6px;
+        width: 25px; }
+      div.course-wrapper section.course-content .problem-set section.problem span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem span.incorrect, div.course-wrapper section.course-content div#seq_content section.problem span.incorrect, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem span.incorrect, div.course-wrapper section.course-content div#seq_content section.problem span.incorrect, div.course-wrapper section.course-content .problem-set section.problem span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-close, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-close, div.course-wrapper section.course-content ol.vert-mod > li section.problem span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem span.ui-icon-close, div.course-wrapper section.course-content div#seq_content section.problem span.ui-icon-close {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        background: url("../images/incorrect-icon.png") center center no-repeat;
+        height: 20px;
+        width: 20px;
+        position: relative;
+        top: 6px; }
+    div.course-wrapper section.course-content .problem-set div > span, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content div > span, div.course-wrapper section.course-content ol.vert-mod > li div > span, div.course-wrapper section.course-content section.problems-wrapper div > span, div.course-wrapper section.course-content div#seq_content div > span {
+      display: block;
+      margin-bottom: 11.326px; }
+      div.course-wrapper section.course-content .problem-set div > span[answer], div.course-wrapper section.course-content section.problems-wrapper div > span[answer], div.course-wrapper section.course-content div#seq_content div > span[answer], div.course-wrapper section.course-content ol.vert-mod > li div > span[answer], div.course-wrapper section.course-content section.problems-wrapper div > span[answer], div.course-wrapper section.course-content div#seq_content div > span[answer] {
+        border-top: 1px solid #ededed;
+        border-bottom: 1px solid #ededed;
+        background: #f3f3f3;
+        margin: 0 -22.652px;
+        padding: 11.326px 22.652px; }
+    div.course-wrapper section.course-content .problem-set input[type="text"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content input[type="text"], div.course-wrapper section.course-content ol.vert-mod > li input[type="text"], div.course-wrapper section.course-content section.problems-wrapper input[type="text"], div.course-wrapper section.course-content div#seq_content input[type="text"] {
+      display: inline-block;
+      width: 50%; }
+    div.course-wrapper section.course-content .problem-set center, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content center, div.course-wrapper section.course-content ol.vert-mod > li center, div.course-wrapper section.course-content section.problems-wrapper center, div.course-wrapper section.course-content div#seq_content center {
+      display: block;
+      margin: 22.652px 0;
+      border: 1px solid #ccc;
+      padding: 22.652px; }
+    div.course-wrapper section.course-content .problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content section.action, div.course-wrapper section.course-content ol.vert-mod > li section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, div.course-wrapper section.course-content div#seq_content section.action {
+      margin-top: 22.652px; }
+      div.course-wrapper section.course-content .problem-set section.action input[type="button"], div.course-wrapper section.course-content section.problems-wrapper section.action input[type="button"], div.course-wrapper section.course-content div#seq_content section.action input[type="button"], div.course-wrapper section.course-content ol.vert-mod > li section.action input[type="button"], div.course-wrapper section.course-content section.problems-wrapper section.action input[type="button"], div.course-wrapper section.course-content div#seq_content section.action input[type="button"] {
+        padding: 9.061px 22.652px;
+        text-shadow: 0 -1px 0 #666666; }
+  div.course-wrapper section.course-content section.problems-wrapper {
+    display: table;
+    width: 100%; }
+    @media screen and (max-width:1120px) {
+      div.course-wrapper section.course-content section.problems-wrapper {
+        display: block;
+        width: auto; } }
+  div.course-wrapper section.course-content div#seq_content h1 {
+    background: none;
+    margin-bottom: 22.652px;
+    padding-bottom: 0;
+    border-bottom: none; }
+  div.course-wrapper section.course-content ol.vert-mod > li {
+    border-bottom: 1px solid #ddd;
+    margin-bottom: 15px;
+    padding: 0 0 15px; }
+    div.course-wrapper section.course-content ol.vert-mod > li header {
+      -webkit-border-radius: 0 4px 0 0;
+      -moz-border-radius: 0 4px 0 0;
+      -ms-border-radius: 0 4px 0 0;
+      -o-border-radius: 0 4px 0 0;
+      border-radius: 0 4px 0 0;
+      margin-bottom: -16px; }
+      div.course-wrapper section.course-content ol.vert-mod > li header h1 {
+        margin: 0; }
+      div.course-wrapper section.course-content ol.vert-mod > li header h2 {
+        float: right;
+        margin-right: 0;
+        margin-top: 8px;
+        text-align: right;
+        padding-right: 0;
+        border-right: 0; }
+    div.course-wrapper section.course-content ol.vert-mod > li:last-child {
+      border-bottom: none;
+      margin-bottom: 0;
+      padding-bottom: 0; }
+    div.course-wrapper section.course-content ol.vert-mod > li .histogram {
+      width: 200px;
+      height: 150px; }
+    div.course-wrapper section.course-content ol.vert-mod > li ul {
+      list-style: disc outside none;
+      padding-left: 1em; }
+    div.course-wrapper section.course-content ol.vert-mod > li nav.sequence-bottom ul {
+      list-style: none;
+      padding: 0; }
+  div.course-wrapper section.course-content section.tutorials h2 {
+    margin-bottom: 22.652px; }
+  div.course-wrapper section.course-content section.tutorials ul {
+    margin: 0;
+    zoom: 1; }
+    div.course-wrapper section.course-content section.tutorials ul:before, div.course-wrapper section.course-content section.tutorials ul:after {
+      content: "";
+      display: table; }
+    div.course-wrapper section.course-content section.tutorials ul:after {
+      clear: both; }
+    div.course-wrapper section.course-content section.tutorials ul li {
+      width: 31.522%;
+      float: left;
+      margin-right: 2.717%;
+      margin-bottom: 22.652px; }
+      div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n) {
+        margin-right: 0; }
+      div.course-wrapper section.course-content section.tutorials ul li:nth-child(3n+1) {
+        clear: both; }
+      div.course-wrapper section.course-content section.tutorials ul li a {
+        font-weight: bold; }
+  div.course-wrapper section.course-content div.staff_info {
+    zoom: 1;
+    white-space: pre-wrap;
+    border-top: 1px solid #ccc;
+    padding-top: 22.652px;
+    margin-top: 22.652px;
+    line-height: 22.652px;
+    font-family: Consolas, "Lucida Console", Monaco, "Courier New", Courier, monospace; }
+    div.course-wrapper section.course-content div.staff_info:before, div.course-wrapper section.course-content div.staff_info:after {
+      content: "";
+      display: table; }
+    div.course-wrapper section.course-content div.staff_info:after {
+      clear: both; }
+  div.course-wrapper section.course-content div.ui-slider {
+    border: 1px solid #aaa;
+    background: #ddd;
+    -webkit-box-shadow: inset 0 1px 0 #eeeeee;
+    -moz-box-shadow: inset 0 1px 0 #eeeeee;
+    box-shadow: inset 0 1px 0 #eeeeee;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0; }
+    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;
+      box-shadow: inset 0 1px 0 #bf4040;
+      background: #993333 url(../images/slider-bars.png) center center no-repeat;
+      border: 1px solid #4d1919;
+      cursor: pointer; }
+      div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:hover, div.course-wrapper section.course-content div.ui-slider a.ui-slider-handle:focus {
+        background-color: #bf4040;
+        outline: none; }
+  div.course-wrapper section.course-content div.ui-tabs {
+    border: 0;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0;
+    margin: 0;
+    padding: 0; }
+    div.course-wrapper section.course-content div.ui-tabs .ui-tabs-nav {
+      background: none;
+      border: 0;
+      margin-bottom: 11.326px; }
+    div.course-wrapper section.course-content div.ui-tabs .ui-tabs-panel {
+      -webkit-border-radius: 0;
+      -moz-border-radius: 0;
+      -ms-border-radius: 0;
+      -o-border-radius: 0;
+      border-radius: 0;
+      padding: 0; }
+div.course-wrapper.closed section.course-index {
+  width: 3.077%;
+  overflow: hidden; }
+  div.course-wrapper.closed section.course-index header#open_close_accordion {
+    padding: 0;
+    min-height: 47px; }
+    div.course-wrapper.closed section.course-index header#open_close_accordion a {
+      background-image: url("../images/slide-right-icon.png"); }
+    div.course-wrapper.closed section.course-index header#open_close_accordion h2 {
+      visibility: hidden;
+      width: 10px; }
+  div.course-wrapper.closed section.course-index div#accordion {
+    visibility: hidden;
+    width: 10px;
+    padding: 0; }
+    div.course-wrapper.closed section.course-index div#accordion nav {
+      white-space: pre;
+      overflow: hidden; }
+      div.course-wrapper.closed section.course-index div#accordion nav ul {
+        overflow: hidden;
+        white-space: nowrap; }
+div.course-wrapper.closed section.course-content {
+  width: 97.773%; }
+
+nav.sequence-nav {
+  border-bottom: 1px solid #e4d080;
+  margin-bottom: 22.652px;
+  position: relative;
+  -webkit-border-top-right-radius: 4px;
+  -moz-border-top-right-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -ms-border-top-right-radius: 4px;
+  -o-border-top-right-radius: 4px;
+  border-top-right-radius: 4px; }
+  nav.sequence-nav ol {
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: table;
+    height: 100%;
+    padding-right: 8.696%;
+    width: 100%; }
+    nav.sequence-nav ol li {
+      border-left: 1px solid #e4d080;
+      display: table-cell;
+      min-width: 20px; }
+      nav.sequence-nav ol li:first-child {
+        border-left: none; }
+      nav.sequence-nav ol li .inactive, nav.sequence-nav ol li a.seq_video_inactive, nav.sequence-nav ol li a.seq_other_inactive, nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive {
+        background-repeat: no-repeat; }
+        nav.sequence-nav ol li .inactive:hover, nav.sequence-nav ol li a.seq_video_inactive:hover, nav.sequence-nav ol li a.seq_other_inactive:hover, nav.sequence-nav ol li a.seq_vertical_inactive:hover, nav.sequence-nav ol li a.seq_problem_inactive:hover {
+          background-color: #f9f4e1; }
+      nav.sequence-nav ol li .visited, nav.sequence-nav ol li a.seq_video_visited, nav.sequence-nav ol li a.seq_other_visited, nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited {
+        background-color: #DCCDA2;
+        background-repeat: no-repeat;
+        -webkit-box-shadow: inset 0 0 3px #ceb97d;
+        -moz-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;
+          background-position: center center; }
+      nav.sequence-nav ol li .active, 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, 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 {
+        background-color: #fff;
+        background-repeat: no-repeat;
+        -webkit-box-shadow: 0 1px 0 white;
+        -moz-box-shadow: 0 1px 0 white;
+        box-shadow: 0 1px 0 white; }
+        nav.sequence-nav ol li .active:hover, nav.sequence-nav ol li a.seq_video_active:hover, nav.sequence-nav ol li a.seq_other_active:hover, nav.sequence-nav ol li a.seq_vertical_active:hover, nav.sequence-nav ol li a.seq_problem_active:hover, nav.sequence-nav ol li section.course-index div#accordion h3.ui-accordion-header.ui-state-active:hover, section.course-index div#accordion nav.sequence-nav ol li h3.ui-accordion-header.ui-state-active:hover {
+          background-color: #fff;
+          background-position: center; }
+      nav.sequence-nav ol li a {
+        background-position: center center;
+        border: none;
+        cursor: pointer;
+        display: block;
+        height: 17px;
+        padding: 15px 0 14px;
+        position: relative;
+        -webkit-transition-property: all;
+        -moz-transition-property: all;
+        -ms-transition-property: all;
+        -o-transition-property: all;
+        transition-property: all;
+        -webkit-transition-duration: 0.4s;
+        -moz-transition-duration: 0.4s;
+        -ms-transition-duration: 0.4s;
+        -o-transition-duration: 0.4s;
+        transition-duration: 0.4s;
+        -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -webkit-transition-delay: 0;
+        -moz-transition-delay: 0;
+        -ms-transition-delay: 0;
+        -o-transition-delay: 0;
+        transition-delay: 0;
+        width: 100%; }
+        nav.sequence-nav ol li a.progress, nav.sequence-nav ol li a.progress-none, nav.sequence-nav ol li a.progress-some, nav.sequence-nav ol li a.progress-done {
+          border-bottom-style: solid;
+          border-bottom-width: 4px; }
+        nav.sequence-nav ol li a.progress-none {
+          border-bottom-color: red; }
+        nav.sequence-nav ol li a.progress-some {
+          border-bottom-color: yellow; }
+        nav.sequence-nav ol li a.progress-done {
+          border-bottom-color: green; }
+        nav.sequence-nav ol li a.seq_video_inactive {
+          background-image: url("../images/sequence-nav/video-icon-normal.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_video_visited {
+          background-image: url("../images/sequence-nav/video-icon-visited.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_video_active {
+          background-image: url("../images/sequence-nav/video-icon-current.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_other_inactive {
+          background-image: url("../images/sequence-nav/document-icon-normal.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_other_visited {
+          background-image: url("../images/sequence-nav/document-icon-visited.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_other_active {
+          background-image: url("../images/sequence-nav/document-icon-current.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_vertical_inactive, nav.sequence-nav ol li a.seq_problem_inactive {
+          background-image: url("../images/sequence-nav/list-icon-normal.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_vertical_visited, nav.sequence-nav ol li a.seq_problem_visited {
+          background-image: url("../images/sequence-nav/list-icon-visited.png");
+          background-position: center; }
+        nav.sequence-nav ol li a.seq_vertical_active, nav.sequence-nav ol li a.seq_problem_active {
+          background-image: url("../images/sequence-nav/list-icon-current.png");
+          background-position: center; }
+        nav.sequence-nav ol li a p {
+          background: #333;
+          color: #fff;
+          display: none;
+          line-height: 22.652px;
+          left: 0px;
+          opacity: 0;
+          padding: 6px;
+          position: absolute;
+          top: 48px;
+          text-shadow: 0 -1px 0 black;
+          -webkit-transition-property: all;
+          -moz-transition-property: all;
+          -ms-transition-property: all;
+          -o-transition-property: all;
+          transition-property: all;
+          -webkit-transition-duration: 0.1s;
+          -moz-transition-duration: 0.1s;
+          -ms-transition-duration: 0.1s;
+          -o-transition-duration: 0.1s;
+          transition-duration: 0.1s;
+          -webkit-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+          -moz-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+          -ms-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+          -o-transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+          transition-timing-function: cubic-bezier(0.77, 0, 0.175, 1);
+          -webkit-transition-delay: 0;
+          -moz-transition-delay: 0;
+          -ms-transition-delay: 0;
+          -o-transition-delay: 0;
+          transition-delay: 0;
+          white-space: pre;
+          z-index: 99; }
+          nav.sequence-nav ol li a p:empty {
+            background: none; }
+            nav.sequence-nav ol li a p:empty::after {
+              display: none; }
+          nav.sequence-nav ol li a p::after {
+            background: #333;
+            content: " ";
+            display: block;
+            height: 10px;
+            left: 18px;
+            position: absolute;
+            top: -5px;
+            -webkit-transform: rotate(45deg);
+            -moz-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+            -o-transform: rotate(45deg);
+            transform: rotate(45deg);
+            width: 10px; }
+        nav.sequence-nav ol li a:hover p {
+          display: block;
+          margin-top: 4px;
+          opacity: 1; }
+  nav.sequence-nav ul {
+    list-style: none;
+    height: 100%;
+    position: absolute;
+    right: 0;
+    top: 0;
+    width: 8.696%; }
+    nav.sequence-nav ul li {
+      float: left;
+      width: 50%; }
+      nav.sequence-nav ul li.prev a, nav.sequence-nav ul li.next a {
+        background-color: #f2e7bf;
+        background-position: center center;
+        background-repeat: no-repeat;
+        border-left: 1px solid #e4d080;
+        -webkit-box-shadow: inset 1px 0 0 #faf7e9;
+        -moz-box-shadow: inset 1px 0 0 #faf7e9;
+        box-shadow: inset 1px 0 0 #faf7e9;
+        -webkit-box-sizing: border-box;
+        -moz-box-sizing: border-box;
+        box-sizing: border-box;
+        cursor: pointer;
+        display: block;
+        text-indent: -9999px;
+        -webkit-transition-property: all;
+        -moz-transition-property: all;
+        -ms-transition-property: all;
+        -o-transition-property: all;
+        transition-property: all;
+        -webkit-transition-duration: 0.2s;
+        -moz-transition-duration: 0.2s;
+        -ms-transition-duration: 0.2s;
+        -o-transition-duration: 0.2s;
+        transition-duration: 0.2s;
+        -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+        -webkit-transition-delay: 0;
+        -moz-transition-delay: 0;
+        -ms-transition-delay: 0;
+        -o-transition-delay: 0;
+        transition-delay: 0; }
+        nav.sequence-nav ul li.prev a:hover, nav.sequence-nav ul li.next a:hover {
+          opacity: .5; }
+        nav.sequence-nav ul li.prev a.disabled, nav.sequence-nav ul li.next a.disabled {
+          cursor: normal;
+          opacity: .4; }
+      nav.sequence-nav ul li.prev a {
+        background-image: url("../images/sequence-nav/previous-icon.png"); }
+        nav.sequence-nav ul li.prev a:hover {
+          background-color: #f6efd4; }
+      nav.sequence-nav ul li.next a {
+        background-image: url("../images/sequence-nav/next-icon.png"); }
+        nav.sequence-nav ul li.next a:hover {
+          background-color: #f6efd4; }
+  body.touch-based-device nav.sequence-nav ol li a:hover p {
+    display: none; }
+
+section.course-content {
+  position: relative; }
+  section.course-content ol.vert-mod nav.sequence-nav {
+    margin-top: -15px;
+    -webkit-border-radius: 0;
+    -moz-border-radius: 0;
+    -ms-border-radius: 0;
+    -o-border-radius: 0;
+    border-radius: 0; }
+  section.course-content nav.sequence-bottom {
+    margin: 45.304px 0 0;
+    text-align: center; }
+    section.course-content nav.sequence-bottom ul {
+      background-color: #f2e7bf;
+      background-color: #f2e7bf;
+      border: 1px solid #e4d080;
+      -webkit-border-radius: 3px;
+      -moz-border-radius: 3px;
+      -ms-border-radius: 3px;
+      -o-border-radius: 3px;
+      border-radius: 3px;
+      -webkit-box-shadow: inset 0 0 0 1px #faf7e9;
+      -moz-box-shadow: inset 0 0 0 1px #faf7e9;
+      box-shadow: inset 0 0 0 1px #faf7e9;
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto; }
+      section.course-content nav.sequence-bottom ul li {
+        float: left; }
+        section.course-content nav.sequence-bottom ul li.prev, section.course-content nav.sequence-bottom ul li.next {
+          margin-bottom: 0; }
+          section.course-content nav.sequence-bottom ul li.prev a, section.course-content nav.sequence-bottom ul li.next a {
+            background-position: center center;
+            background-repeat: no-repeat;
+            border-bottom: none;
+            display: block;
+            padding: 11.326px 4px;
+            text-indent: -9999px;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.2s;
+            -moz-transition-duration: 0.2s;
+            -ms-transition-duration: 0.2s;
+            -o-transition-duration: 0.2s;
+            transition-duration: 0.2s;
+            -webkit-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+            -moz-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+            -ms-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+            -o-transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+            transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955);
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            width: 45px; }
+            section.course-content nav.sequence-bottom ul li.prev a:hover, section.course-content nav.sequence-bottom ul li.next a:hover {
+              background-color: #f6efd4;
+              color: #7e691a;
+              opacity: .5;
+              text-decoration: none; }
+            section.course-content nav.sequence-bottom ul li.prev a.disabled, section.course-content nav.sequence-bottom ul li.next a.disabled {
+              background-color: #fffffe;
+              opacity: .4; }
+        section.course-content nav.sequence-bottom ul li.prev a {
+          background-image: url("../images/sequence-nav/previous-icon.png");
+          border-right: 1px solid #e4d080; }
+          section.course-content nav.sequence-bottom ul li.prev a:hover {
+            background-color: none; }
+        section.course-content nav.sequence-bottom ul li.next a {
+          background-image: url("../images/sequence-nav/next-icon.png"); }
+          section.course-content nav.sequence-bottom ul li.next a:hover {
+            background-color: none; }
+
+section.course-index header {
+  max-height: 47px; }
+  section.course-index header h2 {
+    white-space: nowrap; }
+section.course-index div#accordion h3 {
+  -webkit-box-shadow: inset 0 1px 0 0 #eeeeee;
+  -moz-box-shadow: inset 0 1px 0 0 #eeeeee;
+  box-shadow: inset 0 1px 0 0 #eeeeee;
+  border-top: 1px solid #d3d3d3;
+  overflow: hidden;
+  margin: 0; }
+  section.course-index div#accordion h3:first-child {
+    border: none; }
+  section.course-index div#accordion h3:hover {
+    background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+    background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+    background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+    background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+    background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1); }
+  section.course-index div#accordion h3.ui-accordion-header {
+    color: #000; }
+    section.course-index div#accordion h3.ui-accordion-header a {
+      font-size: 14px;
+      color: #4d4d4d; }
+    section.course-index div#accordion h3.ui-accordion-header.ui-state-active {
+      background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: -o-linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      background-image: linear-gradient(-90deg, #f5f5f5, #e1e1e1);
+      border-bottom: 1px solid #d3d3d3; }
+section.course-index div#accordion ul.ui-accordion-content {
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+  -webkit-box-shadow: inset -1px 0 0 #e6e6e6;
+  -moz-box-shadow: inset -1px 0 0 #e6e6e6;
+  box-shadow: inset -1px 0 0 #e6e6e6;
+  background: #dadada;
+  border: none;
+  font-size: 12px;
+  margin: 0;
+  padding: 1em 1.5em; }
+  section.course-index div#accordion ul.ui-accordion-content li {
+    margin-bottom: 11.326px; }
+    section.course-index div#accordion ul.ui-accordion-content li a {
+      border: 1px solid transparent;
+      background: transparent;
+      -webkit-border-radius: 4px;
+      -moz-border-radius: 4px;
+      -ms-border-radius: 4px;
+      -o-border-radius: 4px;
+      border-radius: 4px;
+      position: relative;
+      padding: 5px 36px 5px 10px;
+      text-decoration: none;
+      display: block;
+      color: #666; }
+      section.course-index div#accordion ul.ui-accordion-content li a p {
+        font-weight: bold;
+        margin-bottom: 0; }
+        section.course-index div#accordion ul.ui-accordion-content li a p span.subtitle {
+          color: #666;
+          font-weight: normal;
+          display: block; }
+      section.course-index div#accordion ul.ui-accordion-content li a:after {
+        background: transparent;
+        border-top: 1px solid #b4b4b4;
+        border-right: 1px solid #b4b4b4;
+        content: "";
+        display: block;
+        height: 12px;
+        margin-top: -6px;
+        opacity: 0;
+        position: absolute;
+        top: 50%;
+        right: 30px;
+        -webkit-transform: rotate(45deg);
+        -moz-transform: rotate(45deg);
+        -ms-transform: rotate(45deg);
+        -o-transform: rotate(45deg);
+        transform: rotate(45deg);
+        width: 12px; }
+      section.course-index div#accordion ul.ui-accordion-content li a:hover {
+        background-image: -webkit-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4));
+        background-image: -moz-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4));
+        background-image: -ms-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4));
+        background-image: -o-linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4));
+        background-image: linear-gradient(-90deg, rgba(245, 245, 245, 0.4), rgba(230, 230, 230, 0.4));
+        border-color: #c8c8c8; }
+        section.course-index div#accordion ul.ui-accordion-content li a:hover:after {
+          opacity: 1;
+          right: 15px;
+          -webkit-transition-property: all;
+          -moz-transition-property: all;
+          -ms-transition-property: all;
+          -o-transition-property: all;
+          transition-property: all;
+          -webkit-transition-duration: 0.2s;
+          -moz-transition-duration: 0.2s;
+          -ms-transition-duration: 0.2s;
+          -o-transition-duration: 0.2s;
+          transition-duration: 0.2s;
+          -webkit-transition-timing-function: linear;
+          -moz-transition-timing-function: linear;
+          -ms-transition-timing-function: linear;
+          -o-transition-timing-function: linear;
+          transition-timing-function: linear;
+          -webkit-transition-delay: 0;
+          -moz-transition-delay: 0;
+          -ms-transition-delay: 0;
+          -o-transition-delay: 0;
+          transition-delay: 0; }
+        section.course-index div#accordion ul.ui-accordion-content li a:hover > a p {
+          color: #333; }
+      section.course-index div#accordion ul.ui-accordion-content li a:active {
+        -webkit-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1);
+        -moz-box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1);
+        box-shadow: inset 0 1px 14px 0 rgba(0, 0, 0, 0.1); }
+        section.course-index div#accordion ul.ui-accordion-content li a:active:after {
+          opacity: 1;
+          right: 15px; }
+    section.course-index div#accordion ul.ui-accordion-content li.active {
+      font-weight: bold; }
+      section.course-index div#accordion ul.ui-accordion-content li.active > a {
+        background: #f0f0f0;
+        background-image: -webkit-linear-gradient(-90deg, #f5f5f5, #e6e6e6);
+        background-image: -moz-linear-gradient(-90deg, #f5f5f5, #e6e6e6);
+        background-image: -ms-linear-gradient(-90deg, #f5f5f5, #e6e6e6);
+        background-image: -o-linear-gradient(-90deg, #f5f5f5, #e6e6e6);
+        background-image: linear-gradient(-90deg, #f5f5f5, #e6e6e6);
+        border-color: #c8c8c8; }
+        section.course-index div#accordion ul.ui-accordion-content li.active > a:after {
+          opacity: 1;
+          right: 15px; }
+        section.course-index div#accordion ul.ui-accordion-content li.active > a p {
+          color: #333; }
+      section.course-index div#accordion ul.ui-accordion-content li.active span.subtitle {
+        font-weight: normal; }
+
+@-moz-document url-prefix() {
+  a.add-fullscreen {
+    display: none !important; } }
+
+section.course-content .dullify, section.course-content div.video article.video-wrapper section.video-controls ul.vcr, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls {
+  opacity: .4;
+  -webkit-transition-property: all;
+  -moz-transition-property: all;
+  -ms-transition-property: all;
+  -o-transition-property: all;
+  transition-property: all;
+  -webkit-transition-duration: 0.15s;
+  -moz-transition-duration: 0.15s;
+  -ms-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-timing-function: ease-out;
+  -moz-transition-timing-function: ease-out;
+  -ms-transition-timing-function: ease-out;
+  -o-transition-timing-function: ease-out;
+  transition-timing-function: ease-out;
+  -webkit-transition-delay: 0;
+  -moz-transition-delay: 0;
+  -ms-transition-delay: 0;
+  -o-transition-delay: 0;
+  transition-delay: 0; }
+  section.course-content .dullify:hover, section.course-content div.video article.video-wrapper section.video-controls ul.vcr:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls:hover {
+    opacity: 1; }
+section.course-content div.video {
+  zoom: 1;
+  background: #f3f3f3;
+  border-bottom: 1px solid #e1e1e1;
+  border-top: 1px solid #e1e1e1;
+  display: block;
+  margin: 0 -22.652px;
+  padding: 6px 22.652px; }
+  section.course-content div.video:before, section.course-content div.video:after {
+    content: "";
+    display: table; }
+  section.course-content div.video:after {
+    clear: both; }
+  section.course-content div.video article.video-wrapper {
+    float: left;
+    margin-right: 2.717%;
+    width: 65.761%; }
+    section.course-content div.video article.video-wrapper section.video-player {
+      height: 0;
+      overflow: hidden;
+      padding-bottom: 56.25%;
+      padding-top: 30px;
+      position: relative; }
+      section.course-content div.video article.video-wrapper section.video-player object, section.course-content div.video article.video-wrapper section.video-player iframe {
+        border: none;
+        height: 100%;
+        left: 0;
+        position: absolute;
+        top: 0;
+        width: 100%; }
+    section.course-content div.video article.video-wrapper section.video-controls {
+      background: #333;
+      border: 1px solid #000;
+      border-top: 0;
+      color: #ccc;
+      position: relative; }
+      section.course-content div.video article.video-wrapper section.video-controls:hover ul, section.course-content div.video article.video-wrapper section.video-controls:hover div {
+        opacity: 1; }
+      section.course-content div.video article.video-wrapper section.video-controls div.slider {
+        background: #c2c2c2;
+        border: none;
+        border-bottom: 1px solid #000;
+        -webkit-border-radius: 0;
+        -moz-border-radius: 0;
+        -ms-border-radius: 0;
+        -o-border-radius: 0;
+        border-radius: 0;
+        border-top: 1px solid #000;
+        -webkit-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
+        -moz-box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
+        box-shadow: inset 0 1px 0 #eeeeee, 0 1px 0 #555555;
+        height: 7px;
+        -webkit-transition-property: height, 2s, ease-in-out;
+        -moz-transition-property: height, 2s, ease-in-out;
+        -ms-transition-property: height, 2s, ease-in-out;
+        -o-transition-property: height, 2s, ease-in-out;
+        transition-property: height, 2s, ease-in-out;
+        -webkit-transition-duration: 0.15s;
+        -moz-transition-duration: 0.15s;
+        -ms-transition-duration: 0.15s;
+        -o-transition-duration: 0.15s;
+        transition-duration: 0.15s;
+        -webkit-transition-timing-function: ease-out;
+        -moz-transition-timing-function: ease-out;
+        -ms-transition-timing-function: ease-out;
+        -o-transition-timing-function: ease-out;
+        transition-timing-function: ease-out;
+        -webkit-transition-delay: 0;
+        -moz-transition-delay: 0;
+        -ms-transition-delay: 0;
+        -o-transition-delay: 0;
+        transition-delay: 0; }
+        section.course-content div.video article.video-wrapper section.video-controls div.slider div.ui-widget-header {
+          background: #777;
+          -webkit-box-shadow: inset 0 1px 0 #999999;
+          -moz-box-shadow: inset 0 1px 0 #999999;
+          box-shadow: inset 0 1px 0 #999999; }
+        section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content {
+          background: #993333;
+          border: 1px solid #4d1919;
+          -webkit-border-radius: 2px;
+          -moz-border-radius: 2px;
+          -ms-border-radius: 2px;
+          -o-border-radius: 2px;
+          border-radius: 2px;
+          -webkit-box-shadow: inset 0 1px 0 #bf4040;
+          -moz-box-shadow: inset 0 1px 0 #bf4040;
+          box-shadow: inset 0 1px 0 #bf4040;
+          color: #fff;
+          font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+          margin-bottom: 6px;
+          margin-right: 0;
+          overflow: visible;
+          padding: 4px;
+          text-align: center;
+          text-shadow: 0 -1px 0 #732626;
+          -webkit-font-smoothing: antialiased; }
+          section.course-content div.video article.video-wrapper section.video-controls div.slider .ui-tooltip.qtip .ui-tooltip-content::after {
+            background: #993333;
+            border-bottom: 1px solid #4d1919;
+            border-right: 1px solid #4d1919;
+            bottom: -5px;
+            content: " ";
+            display: block;
+            height: 7px;
+            left: 50%;
+            margin-left: -3px;
+            position: absolute;
+            -webkit-transform: rotate(45deg);
+            -moz-transform: rotate(45deg);
+            -ms-transform: rotate(45deg);
+            -o-transform: rotate(45deg);
+            transform: rotate(45deg);
+            width: 7px; }
+        section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle {
+          background: #993333 url(../images/slider-handle.png) center center no-repeat;
+          -webkit-background-size: 50%;
+          -moz-background-size: 50%;
+          -ms-background-size: 50%;
+          -o-background-size: 50%;
+          background-size: 50%;
+          border: 1px solid #4d1919;
+          -webkit-border-radius: 15px;
+          -moz-border-radius: 15px;
+          -ms-border-radius: 15px;
+          -o-border-radius: 15px;
+          border-radius: 15px;
+          -webkit-box-shadow: inset 0 1px 0 #bf4040;
+          -moz-box-shadow: inset 0 1px 0 #bf4040;
+          box-shadow: inset 0 1px 0 #bf4040;
+          cursor: pointer;
+          height: 15px;
+          margin-left: -7px;
+          top: -4px;
+          -webkit-transition-property: height, 2s, ease-in-out;
+          -moz-transition-property: height, 2s, ease-in-out;
+          -ms-transition-property: height, 2s, ease-in-out;
+          -o-transition-property: height, 2s, ease-in-out;
+          transition-property: height, 2s, ease-in-out;
+          -webkit-transition-duration: width, 2s, ease-in-out;
+          -moz-transition-duration: width, 2s, ease-in-out;
+          -ms-transition-duration: width, 2s, ease-in-out;
+          -o-transition-duration: width, 2s, ease-in-out;
+          transition-duration: width, 2s, ease-in-out;
+          -webkit-transition-timing-function: ease-out;
+          -moz-transition-timing-function: ease-out;
+          -ms-transition-timing-function: ease-out;
+          -o-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+          -webkit-transition-delay: 0;
+          -moz-transition-delay: 0;
+          -ms-transition-delay: 0;
+          -o-transition-delay: 0;
+          transition-delay: 0;
+          width: 15px; }
+          section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:focus, section.course-content div.video article.video-wrapper section.video-controls div.slider a.ui-slider-handle:hover {
+            background-color: #bf4040;
+            outline: none; }
+      section.course-content div.video article.video-wrapper section.video-controls ul.vcr {
+        float: left;
+        list-style: none;
+        margin-right: 22.652px;
+        padding: 0; }
+        section.course-content div.video article.video-wrapper section.video-controls ul.vcr li {
+          float: left;
+          margin-bottom: 0; }
+          section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a {
+            border-bottom: none;
+            border-right: 1px solid #000;
+            -webkit-box-shadow: 1px 0 0 #555555;
+            -moz-box-shadow: 1px 0 0 #555555;
+            box-shadow: 1px 0 0 #555555;
+            cursor: pointer;
+            display: block;
+            line-height: 46px;
+            padding: 0 16.989px;
+            text-indent: -9999px;
+            -webkit-transition-property: background-color;
+            -moz-transition-property: background-color;
+            -ms-transition-property: background-color;
+            -o-transition-property: background-color;
+            transition-property: background-color;
+            -webkit-transition-duration: opacity;
+            -moz-transition-duration: opacity;
+            -ms-transition-duration: opacity;
+            -o-transition-duration: opacity;
+            transition-duration: opacity;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            width: 14px;
+            background: url("../images/vcr.png") 15px 15px no-repeat; }
+            section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a:empty {
+              height: 46px;
+              background: url("../images/vcr.png") 15px 15px no-repeat; }
+            section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play {
+              background-position: 17px -114px; }
+              section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.play:hover {
+                background-color: #444; }
+            section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause {
+              background-position: 16px -50px; }
+              section.course-content div.video article.video-wrapper section.video-controls ul.vcr li a.pause:hover {
+                background-color: #444; }
+          section.course-content div.video article.video-wrapper section.video-controls ul.vcr li div.vidtime {
+            padding-left: 16.989px;
+            font-weight: bold;
+            line-height: 46px;
+            padding-left: 16.989px;
+            -webkit-font-smoothing: antialiased; }
+      section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls {
+        float: right; }
+        section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds {
+          float: left;
+          position: relative; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open > a {
+            background: url("../images/open-arrow.png") 10px center no-repeat; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds.open ol.video_speeds {
+            display: block;
+            opacity: 1; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a {
+            background: url("../images/closed-arrow.png") 10px center no-repeat;
+            border-left: 1px solid #000;
+            border-right: 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;
+            box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
+            zoom: 1;
+            color: #fff;
+            cursor: pointer;
+            display: block;
+            line-height: 46px;
+            margin-right: 0;
+            padding-left: 15px;
+            position: relative;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.15s;
+            -moz-transition-duration: 0.15s;
+            -ms-transition-duration: 0.15s;
+            -o-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            -webkit-font-smoothing: antialiased;
+            width: 110px; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after {
+              content: "";
+              display: table; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:after {
+              clear: both; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a h3 {
+              color: #999;
+              float: left;
+              font-size: 12px;
+              font-weight: normal;
+              letter-spacing: 1px;
+              padding: 0 5.663px 0 11.326px;
+              text-transform: uppercase; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a p.active {
+              float: left;
+              font-weight: bold;
+              margin-bottom: 0;
+              padding: 0 11.326px 0 0; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds > a:focus {
+              opacity: 1;
+              background-color: #444; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds {
+            -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.15s;
+            -moz-transition-duration: 0.15s;
+            -ms-transition-duration: 0.15s;
+            -o-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            background-color: #444;
+            border: 1px solid #000;
+            bottom: 46px;
+            display: none;
+            opacity: 0;
+            position: absolute;
+            width: 125px;
+            z-index: 10; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li {
+              -webkit-box-shadow: 0 1px 0 #555555;
+              -moz-box-shadow: 0 1px 0 #555555;
+              box-shadow: 0 1px 0 #555555;
+              border-bottom: 1px solid #000;
+              color: #fff;
+              cursor: pointer; }
+              section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a {
+                border: 0;
+                color: #fff;
+                display: block;
+                padding: 11.326px; }
+                section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li a:hover {
+                  background-color: #666;
+                  color: #aaa; }
+              section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li.active {
+                font-weight: bold; }
+              section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.speeds ol.video_speeds li:last-child {
+                -webkit-box-shadow: none;
+                -moz-box-shadow: none;
+                box-shadow: none;
+                border-bottom: 0;
+                margin-top: 0; }
+        section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume {
+          float: left;
+          position: relative; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.open .volume-slider-container {
+            display: block;
+            opacity: 1; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume.muted > a {
+            background: url("../images/mute.png") 10px center no-repeat; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a {
+            background: url("../images/volume.png") 10px center no-repeat;
+            border-right: 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;
+            box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
+            zoom: 1;
+            color: #fff;
+            cursor: pointer;
+            display: block;
+            height: 46px;
+            margin-right: 0;
+            padding-left: 15px;
+            position: relative;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.15s;
+            -moz-transition-duration: 0.15s;
+            -ms-transition-duration: 0.15s;
+            -o-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            -webkit-font-smoothing: antialiased;
+            width: 30px; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:before, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after {
+              content: "";
+              display: table; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:after {
+              clear: both; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:hover, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:active, section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume > a:focus {
+              background-color: #444; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container {
+            -webkit-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            -moz-box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            box-shadow: inset 1px 0 0 #555555, 0 3px 0 #444444;
+            -webkit-transition-property: all;
+            -moz-transition-property: all;
+            -ms-transition-property: all;
+            -o-transition-property: all;
+            transition-property: all;
+            -webkit-transition-duration: 0.15s;
+            -moz-transition-duration: 0.15s;
+            -ms-transition-duration: 0.15s;
+            -o-transition-duration: 0.15s;
+            transition-duration: 0.15s;
+            -webkit-transition-timing-function: ease-out;
+            -moz-transition-timing-function: ease-out;
+            -ms-transition-timing-function: ease-out;
+            -o-transition-timing-function: ease-out;
+            transition-timing-function: ease-out;
+            -webkit-transition-delay: 0;
+            -moz-transition-delay: 0;
+            -ms-transition-delay: 0;
+            -o-transition-delay: 0;
+            transition-delay: 0;
+            background-color: #444;
+            border: 1px solid #000;
+            bottom: 46px;
+            display: none;
+            opacity: 0;
+            position: absolute;
+            width: 45px;
+            height: 125px;
+            margin-left: -1px;
+            z-index: 10; }
+            section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider {
+              height: 100px;
+              border: 0;
+              width: 5px;
+              margin: 14px auto;
+              background: #666;
+              border: 1px solid #000;
+              -webkit-box-shadow: 0 1px 0 #333333;
+              -moz-box-shadow: 0 1px 0 #333333;
+              box-shadow: 0 1px 0 #333333; }
+              section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider a.ui-slider-handle {
+                background: #993333 url(../images/slider-handle.png) center center no-repeat;
+                -webkit-background-size: 50%;
+                -moz-background-size: 50%;
+                -ms-background-size: 50%;
+                -o-background-size: 50%;
+                background-size: 50%;
+                border: 1px solid #4d1919;
+                -webkit-border-radius: 15px;
+                -moz-border-radius: 15px;
+                -ms-border-radius: 15px;
+                -o-border-radius: 15px;
+                border-radius: 15px;
+                -webkit-box-shadow: inset 0 1px 0 #bf4040;
+                -moz-box-shadow: inset 0 1px 0 #bf4040;
+                box-shadow: inset 0 1px 0 #bf4040;
+                cursor: pointer;
+                height: 15px;
+                left: -6px;
+                -webkit-transition-property: height, 2s, ease-in-out;
+                -moz-transition-property: height, 2s, ease-in-out;
+                -ms-transition-property: height, 2s, ease-in-out;
+                -o-transition-property: height, 2s, ease-in-out;
+                transition-property: height, 2s, ease-in-out;
+                -webkit-transition-duration: width, 2s, ease-in-out;
+                -moz-transition-duration: width, 2s, ease-in-out;
+                -ms-transition-duration: width, 2s, ease-in-out;
+                -o-transition-duration: width, 2s, ease-in-out;
+                transition-duration: width, 2s, ease-in-out;
+                -webkit-transition-timing-function: ease-out;
+                -moz-transition-timing-function: ease-out;
+                -ms-transition-timing-function: ease-out;
+                -o-transition-timing-function: ease-out;
+                transition-timing-function: ease-out;
+                -webkit-transition-delay: 0;
+                -moz-transition-delay: 0;
+                -ms-transition-delay: 0;
+                -o-transition-delay: 0;
+                transition-delay: 0;
+                width: 15px; }
+              section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls div.volume .volume-slider-container .volume-slider .ui-slider-range {
+                background: #ddd; }
+        section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen {
+          background: url(../images/fullscreen.png) center no-repeat;
+          border-right: 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;
+          box-shadow: 1px 0 0 #555555, inset 1px 0 0 #555555;
+          color: #797979;
+          display: block;
+          float: left;
+          line-height: 46px;
+          margin-left: 0;
+          padding: 0 11.326px;
+          text-indent: -9999px;
+          -webkit-transition-property: all;
+          -moz-transition-property: all;
+          -ms-transition-property: all;
+          -o-transition-property: all;
+          transition-property: all;
+          -webkit-transition-duration: 0.15s;
+          -moz-transition-duration: 0.15s;
+          -ms-transition-duration: 0.15s;
+          -o-transition-duration: 0.15s;
+          transition-duration: 0.15s;
+          -webkit-transition-timing-function: ease-out;
+          -moz-transition-timing-function: ease-out;
+          -ms-transition-timing-function: ease-out;
+          -o-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+          -webkit-transition-delay: 0;
+          -moz-transition-delay: 0;
+          -ms-transition-delay: 0;
+          -o-transition-delay: 0;
+          transition-delay: 0;
+          width: 30px; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.add-fullscreen:hover {
+            background-color: #444;
+            color: #fff;
+            text-decoration: none; }
+        section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles {
+          background: url("../images/cc.png") center no-repeat;
+          color: #797979;
+          display: block;
+          float: left;
+          font-weight: 800;
+          line-height: 46px;
+          margin-left: 0;
+          opacity: 1;
+          padding: 0 11.326px;
+          position: relative;
+          text-indent: -9999px;
+          -webkit-transition-property: all;
+          -moz-transition-property: all;
+          -ms-transition-property: all;
+          -o-transition-property: all;
+          transition-property: all;
+          -webkit-transition-duration: 0.15s;
+          -moz-transition-duration: 0.15s;
+          -ms-transition-duration: 0.15s;
+          -o-transition-duration: 0.15s;
+          transition-duration: 0.15s;
+          -webkit-transition-timing-function: ease-out;
+          -moz-transition-timing-function: ease-out;
+          -ms-transition-timing-function: ease-out;
+          -o-transition-timing-function: ease-out;
+          transition-timing-function: ease-out;
+          -webkit-transition-delay: 0;
+          -moz-transition-delay: 0;
+          -ms-transition-delay: 0;
+          -o-transition-delay: 0;
+          transition-delay: 0;
+          -webkit-font-smoothing: antialiased;
+          width: 30px; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles:hover {
+            background-color: #444;
+            color: #fff;
+            text-decoration: none; }
+          section.course-content div.video article.video-wrapper section.video-controls div.secondary-controls a.hide-subtitles.off {
+            opacity: .7; }
+    section.course-content div.video article.video-wrapper:hover section.video-controls ul, section.course-content div.video article.video-wrapper:hover section.video-controls div {
+      opacity: 1; }
+    section.course-content div.video article.video-wrapper:hover section.video-controls div.slider {
+      height: 14px;
+      margin-top: -7px; }
+      section.course-content div.video article.video-wrapper:hover section.video-controls div.slider a.ui-slider-handle {
+        -webkit-border-radius: 20px;
+        -moz-border-radius: 20px;
+        -ms-border-radius: 20px;
+        -o-border-radius: 20px;
+        border-radius: 20px;
+        height: 20px;
+        margin-left: -10px;
+        top: -4px;
+        width: 20px; }
+  section.course-content div.video ol.subtitles {
+    float: left;
+    max-height: 460px;
+    overflow: auto;
+    width: 31.522%; }
+    section.course-content div.video ol.subtitles li {
+      border: 0;
+      color: #666;
+      cursor: pointer;
+      margin-bottom: 8px;
+      padding: 0; }
+      section.course-content div.video ol.subtitles li.current {
+        color: #333;
+        font-weight: 700; }
+      section.course-content div.video ol.subtitles li:hover {
+        color: #993333; }
+      section.course-content div.video ol.subtitles li:empty {
+        margin-bottom: 0px; }
+  section.course-content div.video.closed article.video-wrapper {
+    width: 100%; }
+  section.course-content div.video.closed ol.subtitles {
+    width: 0px; }
+  section.course-content div.video.fullscreen {
+    background: rgba(0, 0, 0, 0.95);
+    border: 0;
+    bottom: 0;
+    height: 100%;
+    left: 0;
+    margin: 0;
+    max-height: 100%;
+    overflow: hidden;
+    padding: 0;
+    position: fixed;
+    top: 0;
+    width: 100%;
+    z-index: 999; }
+    section.course-content div.video.fullscreen.closed ol.subtitles {
+      right: -31.984%;
+      width: auto; }
+    section.course-content div.video.fullscreen a.exit {
+      color: #aaa;
+      display: none;
+      font-style: 12px;
+      left: 20px;
+      letter-spacing: 1px;
+      position: absolute;
+      text-transform: uppercase;
+      top: 20px; }
+      section.course-content div.video.fullscreen a.exit::after {
+        content: "✖";
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        padding-left: 6px; }
+      section.course-content div.video.fullscreen a.exit:hover {
+        color: #993333; }
+    section.course-content div.video.fullscreen div.tc-wrapper article.video-wrapper {
+      width: 100%; }
+    section.course-content div.video.fullscreen div.tc-wrapper object, section.course-content div.video.fullscreen div.tc-wrapper iframe {
+      bottom: 0;
+      height: 100%;
+      left: 0;
+      overflow: hidden;
+      position: fixed;
+      top: 0; }
+    section.course-content div.video.fullscreen div.tc-wrapper section.video-controls {
+      bottom: 0;
+      left: 0;
+      position: absolute;
+      width: 100%;
+      z-index: 9999; }
+    section.course-content div.video.fullscreen ol.subtitles {
+      background: rgba(0, 0, 0, 0.8);
+      bottom: 0;
+      height: 100%;
+      max-height: 100%;
+      max-width: 23.482%;
+      padding: 22.652px;
+      position: fixed;
+      right: 0;
+      top: 0;
+      -webkit-transition-property: all;
+      -moz-transition-property: all;
+      -ms-transition-property: all;
+      -o-transition-property: all;
+      transition-property: all;
+      -webkit-transition-duration: 0.15s;
+      -moz-transition-duration: 0.15s;
+      -ms-transition-duration: 0.15s;
+      -o-transition-duration: 0.15s;
+      transition-duration: 0.15s;
+      -webkit-transition-timing-function: ease-out;
+      -moz-transition-timing-function: ease-out;
+      -ms-transition-timing-function: ease-out;
+      -o-transition-timing-function: ease-out;
+      transition-timing-function: ease-out;
+      -webkit-transition-delay: 0;
+      -moz-transition-delay: 0;
+      -ms-transition-delay: 0;
+      -o-transition-delay: 0;
+      transition-delay: 0; }
+      section.course-content div.video.fullscreen ol.subtitles li {
+        color: #aaa; }
+        section.course-content div.video.fullscreen ol.subtitles li.current {
+          color: #fff; }
+
+div.course-wrapper.closed section.course-content div.video ol.subtitles {
+  max-height: 577px; }
+
+section.tool-wrapper {
+  background: #073642;
+  border-bottom: 1px solid #000203;
+  border-top: 1px solid #000203;
+  -webkit-box-shadow: inset 0 0 0 4px #084150;
+  -moz-box-shadow: inset 0 0 0 4px #084150;
+  box-shadow: inset 0 0 0 4px #084150;
+  color: #839496;
+  display: table;
+  margin: 22.652px -22.652px 0; }
+  section.tool-wrapper div#graph-container {
+    background: none;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: table-cell;
+    padding: 22.652px;
+    vertical-align: top;
+    width: 51.359%; }
+    section.tool-wrapper div#graph-container .ui-widget-content {
+      background: none;
+      border: none;
+      -webkit-border-radius: 0;
+      -moz-border-radius: 0;
+      -ms-border-radius: 0;
+      -o-border-radius: 0;
+      border-radius: 0; }
+    section.tool-wrapper div#graph-container canvas {
+      width: 100%; }
+    section.tool-wrapper div#graph-container ul.ui-tabs-nav {
+      background: #062e39;
+      border-bottom: 1px solid #03181d;
+      -webkit-border-radius: 0;
+      -moz-border-radius: 0;
+      -ms-border-radius: 0;
+      -o-border-radius: 0;
+      border-radius: 0;
+      margin: -22.652px -22.652px 0;
+      padding: 0;
+      position: relative;
+      width: 110%; }
+      section.tool-wrapper div#graph-container ul.ui-tabs-nav li {
+        background: none;
+        border: none;
+        -webkit-border-radius: 0;
+        -moz-border-radius: 0;
+        -ms-border-radius: 0;
+        -o-border-radius: 0;
+        border-radius: 0;
+        color: #fff;
+        margin-bottom: 0; }
+        section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected {
+          background-color: #073642;
+          border-left: 1px solid #03181d;
+          border-right: 1px solid #03181d; }
+          section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected:first-child {
+            border-left: none; }
+          section.tool-wrapper div#graph-container ul.ui-tabs-nav li.ui-tabs-selected a {
+            color: #eee8d5; }
+        section.tool-wrapper div#graph-container ul.ui-tabs-nav li a {
+          border: none;
+          color: #839496;
+          font: bold 12px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+          letter-spacing: 1px;
+          text-transform: uppercase; }
+          section.tool-wrapper div#graph-container ul.ui-tabs-nav li a:hover {
+            color: #eee8d5; }
+  section.tool-wrapper div#controlls-container {
+    background: #062e39;
+    border-right: 1px solid #001317;
+    -webkit-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d;
+    -moz-box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d;
+    box-shadow: 1px 0 0 #004355, inset 0 0 0 4px #06323d;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: table-cell;
+    padding: 22.652px;
+    vertical-align: top;
+    width: 48.641%; }
+    section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper {
+      border-bottom: 1px solid #021014;
+      -webkit-box-shadow: 0 1px 0 #083e4b;
+      -moz-box-shadow: 0 1px 0 #083e4b;
+      box-shadow: 0 1px 0 #083e4b;
+      margin-bottom: 22.652px;
+      padding: 0 0 22.652px; }
+      section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton {
+        border-color: #001317;
+        border: 1px solid #3d5962;
+        -webkit-border-radius: 3px;
+        -moz-border-radius: 3px;
+        -ms-border-radius: 3px;
+        -o-border-radius: 3px;
+        border-radius: 3px;
+        -webkit-box-shadow: inset 0 1px 0 0 #939da0;
+        -moz-box-shadow: inset 0 1px 0 0 #939da0;
+        box-shadow: inset 0 1px 0 0 #939da0;
+        color: white;
+        display: inline;
+        font-size: 11px;
+        font-weight: bold;
+        background-color: #637c84;
+        background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #637c84), color-stop(100%, #43626b));
+        background-image: -webkit-linear-gradient(top, #637c84, #43626b);
+        background-image: -moz-linear-gradient(top, #637c84, #43626b);
+        background-image: -ms-linear-gradient(top, #637c84, #43626b);
+        background-image: -o-linear-gradient(top, #637c84, #43626b);
+        background-image: linear-gradient(top, #637c84, #43626b);
+        padding: 6px 18px 7px;
+        text-shadow: 0 1px 0 #31505a;
+        -webkit-background-clip: padding-box;
+        display: block;
+        float: right;
+        font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; }
+        section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:hover {
+          -webkit-box-shadow: inset 0 1px 0 0 #778589;
+          -moz-box-shadow: inset 0 1px 0 0 #778589;
+          box-shadow: inset 0 1px 0 0 #778589;
+          cursor: pointer;
+          background-color: #5c6c71;
+          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5c6c71), color-stop(100%, #3e5961));
+          background-image: -webkit-linear-gradient(top, #5c6c71, #3e5961);
+          background-image: -moz-linear-gradient(top, #5c6c71, #3e5961);
+          background-image: -ms-linear-gradient(top, #5c6c71, #3e5961);
+          background-image: -o-linear-gradient(top, #5c6c71, #3e5961);
+          background-image: linear-gradient(top, #5c6c71, #3e5961); }
+        section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active {
+          border: 1px solid #3d5962;
+          -webkit-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee;
+          -moz-box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee;
+          box-shadow: inset 0 0 8px 4px #395057, inset 0 0 8px 4px #395057, 0 1px 1px 0 #eeeeee; }
+        section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton:active {
+          -webkit-box-shadow: none;
+          -moz-box-shadow: none;
+          box-shadow: none; }
+        section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"] {
+          border: 1px solid #030d15;
+          -webkit-border-radius: 3px;
+          -moz-border-radius: 3px;
+          -ms-border-radius: 3px;
+          -o-border-radius: 3px;
+          border-radius: 3px;
+          -webkit-box-shadow: inset 0 1px 0 0 #215f8a;
+          -moz-box-shadow: inset 0 1px 0 0 #215f8a;
+          box-shadow: inset 0 1px 0 0 #215f8a;
+          color: white;
+          display: inline;
+          font-size: 11px;
+          font-weight: bold;
+          background-color: #0f3550;
+          background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0f3550), color-stop(100%, #041623));
+          background-image: -webkit-linear-gradient(top, #0f3550, #041623);
+          background-image: -moz-linear-gradient(top, #0f3550, #041623);
+          background-image: -ms-linear-gradient(top, #0f3550, #041623);
+          background-image: -o-linear-gradient(top, #0f3550, #041623);
+          background-image: linear-gradient(top, #0f3550, #041623);
+          padding: 6px 18px 7px;
+          text-shadow: 0 1px 0 #000203;
+          -webkit-background-clip: padding-box;
+          font: bold 14px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif; }
+          section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:hover {
+            -webkit-box-shadow: inset 0 1px 0 0 #174362;
+            -moz-box-shadow: inset 0 1px 0 0 #174362;
+            box-shadow: inset 0 1px 0 0 #174362;
+            cursor: pointer;
+            background-color: #0c2739;
+            background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #0c2739), color-stop(100%, #030d15));
+            background-image: -webkit-linear-gradient(top, #0c2739, #030d15);
+            background-image: -moz-linear-gradient(top, #0c2739, #030d15);
+            background-image: -ms-linear-gradient(top, #0c2739, #030d15);
+            background-image: -o-linear-gradient(top, #0c2739, #030d15);
+            background-image: linear-gradient(top, #0c2739, #030d15); }
+          section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active {
+            border: 1px solid #030d15;
+            -webkit-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee;
+            -moz-box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee;
+            box-shadow: inset 0 0 8px 4px #010507, inset 0 0 8px 4px #010507, 0 1px 1px 0 #eeeeee; }
+          section.tool-wrapper div#controlls-container div.graph-controls div.music-wrapper input#playButton[value="Stop"]:active {
+            -webkit-box-shadow: none;
+            -moz-box-shadow: none;
+            box-shadow: none; }
+    section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper {
+      border-bottom: 1px solid #021014;
+      -webkit-box-shadow: 0 1px 0 #083e4b;
+      -moz-box-shadow: 0 1px 0 #083e4b;
+      box-shadow: 0 1px 0 #083e4b;
+      zoom: 1;
+      margin-bottom: 22.652px;
+      margin-bottom: 22.652px;
+      padding: 0 0 22.652px; }
+      section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:before, section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after {
+        content: "";
+        display: table; }
+      section.tool-wrapper div#controlls-container div.graph-controls div.inputs-wrapper:after {
+        clear: both; }
+    section.tool-wrapper div#controlls-container div.graph-controls p {
+      font-weight: bold;
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      margin: 0;
+      text-shadow: 0 -1px 0 #021014;
+      -webkit-font-smoothing: antialiased; }
+    section.tool-wrapper div#controlls-container div.graph-controls ul {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      margin-bottom: 0; }
+      section.tool-wrapper div#controlls-container div.graph-controls ul li {
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        margin-bottom: 0; }
+        section.tool-wrapper div#controlls-container div.graph-controls ul li input {
+          margin-right: 5px; }
+    section.tool-wrapper div#controlls-container div.graph-controls div#graph-listen {
+      display: block;
+      float: left;
+      margin-bottom: 0;
+      margin-right: 20px;
+      margin-top: 8px;
+      text-align: right; }
+    section.tool-wrapper div#controlls-container label {
+      -webkit-border-radius: 2px;
+      -moz-border-radius: 2px;
+      -ms-border-radius: 2px;
+      -o-border-radius: 2px;
+      border-radius: 2px;
+      color: #fff;
+      font-weight: bold;
+      padding: 3px;
+      -webkit-font-smoothing: antialiased; }
+    section.tool-wrapper div#controlls-container label[for="vinCheckbox"], section.tool-wrapper div#controlls-container label[for="vinRadioButton"] {
+      color: #409fbf; }
+    section.tool-wrapper div#controlls-container label[for="voutCheckbox"], section.tool-wrapper div#controlls-container label[for="voutRadioButton"] {
+      color: #e1a600; }
+    section.tool-wrapper div#controlls-container label[for="vrCheckbox"], section.tool-wrapper div#controlls-container label[for="vrRadioButton"] {
+      color: #49c944; }
+    section.tool-wrapper div#controlls-container label[for="vcCheckbox"], section.tool-wrapper div#controlls-container label[for="vcRadioButton"] {
+      color: #e1a600; }
+    section.tool-wrapper div#controlls-container label[for="vlCheckbox"], section.tool-wrapper div#controlls-container label[for="vlRadioButton"] {
+      color: #a26784; }
+    section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders {
+      border-bottom: 1px solid #021014;
+      -webkit-box-shadow: 0 1px 0 #083e4b;
+      -moz-box-shadow: 0 1px 0 #083e4b;
+      box-shadow: 0 1px 0 #083e4b;
+      margin-bottom: 22.652px;
+      padding: 0 0 22.652px; }
+      section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders select#musicTypeSelect {
+        font: 16px "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Geneva, Verdana, sans-serif;
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        margin-bottom: 0; }
+      section.tool-wrapper div#controlls-container div.schematic-sliders div.top-sliders p {
+        font-weight: bold;
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        margin: 0 11.326px 22.652px 0;
+        text-shadow: 0 -1px 0 #021014;
+        -webkit-font-smoothing: antialiased; }
+    section.tool-wrapper div#controlls-container div.schematic-sliders div.slider-label {
+      font-weight: bold;
+      margin-bottom: 11.326px;
+      text-shadow: 0 -1px 0 #021014;
+      -webkit-font-smoothing: antialiased; }
+    section.tool-wrapper div#controlls-container div.schematic-sliders div.slider {
+      margin-bottom: 22.652px; }
+      section.tool-wrapper div#controlls-container div.schematic-sliders div.slider.ui-slider-horizontal {
+        background: #00232c;
+        border: 1px solid #000b0d;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+        height: 0.4em; }
+      section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle {
+        background: #637c84 url("../images/amplifier-slider-handle.png") center no-repeat;
+        border: 1px solid #000b0d;
+        -webkit-box-shadow: inset 0 1px 0 #8ba1a8;
+        -moz-box-shadow: inset 0 1px 0 #8ba1a8;
+        box-shadow: inset 0 1px 0 #8ba1a8;
+        margin-top: -0.3em; }
+        section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:hover, section.tool-wrapper div#controlls-container div.schematic-sliders div.slider .ui-slider-handle:active {
+          background-color: #6e8992; }
+
+section.problem-set, div.course-wrapper section.course-content section.problems-wrapper, section.problems-wrapper {
+  position: relative; }
+  section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper h2 {
+    margin-top: 0;
+    margin-bottom: 15px;
+    width: 20.109%;
+    padding-right: 2.717%;
+    border-right: 1px dashed #ddd;
+    -webkit-box-sizing: border-box;
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+    display: table-cell;
+    vertical-align: top; }
+    section.problem-set h2.problem-header section.staff, div.course-wrapper section.course-content section.problems-wrapper h2.problem-header section.staff, section.problems-wrapper h2.problem-header section.staff {
+      margin-top: 30px;
+      font-size: 80%; }
+    @media screen and (max-width:1120px) {
+      section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper h2 {
+        display: block;
+        width: auto;
+        border-right: 0; } }
+    @media print {
+      section.problem-set h2, div.course-wrapper section.course-content section.problems-wrapper h2, section.problems-wrapper h2 {
+        display: block;
+        width: auto;
+        border-right: 0; } }
+  section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem {
+    display: table-cell;
+    width: 77.174%;
+    padding-left: 2.717%; }
+    @media screen and (max-width:1120px) {
+      section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem {
+        display: block;
+        width: auto;
+        padding: 0; } }
+    @media print {
+      section.problem-set section.problem, div.course-wrapper section.course-content section.problems-wrapper section.problem, section.problems-wrapper section.problem {
+        display: block;
+        width: auto;
+        padding: 0; }
+        section.problem-set section.problem canvas, div.course-wrapper section.course-content section.problems-wrapper section.problem canvas, section.problems-wrapper section.problem canvas, section.problem-set section.problem img, div.course-wrapper section.course-content section.problems-wrapper section.problem img, section.problems-wrapper section.problem img {
+          page-break-inside: avoid; } }
+    section.problem-set section.problem div p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.status, section.problems-wrapper section.problem div p.status {
+      text-indent: -9999px;
+      margin: -1px 0 0 10px; }
+    section.problem-set section.problem div.unanswered p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.unanswered p.status, section.problems-wrapper section.problem div.unanswered p.status {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/unanswered-icon.png") center center no-repeat;
+      height: 14px;
+      width: 14px; }
+    section.problem-set section.problem div.correct p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.correct p.status, section.problems-wrapper section.problem div.correct p.status, section.problem-set section.problem div.ui-icon-check p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-check p.status, section.problems-wrapper section.problem div.ui-icon-check p.status {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/correct-icon.png") center center no-repeat;
+      height: 20px;
+      width: 25px; }
+    section.problem-set section.problem div.correct input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.correct input, section.problems-wrapper section.problem div.correct input, section.problem-set section.problem div.ui-icon-check input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-check input, section.problems-wrapper section.problem div.ui-icon-check input {
+      border-color: green; }
+    section.problem-set section.problem div.incorrect p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.incorrect p.status, section.problems-wrapper section.problem div.incorrect p.status, section.problem-set section.problem div.ui-icon-close p.status, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-close p.status, section.problems-wrapper section.problem div.ui-icon-close p.status {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/incorrect-icon.png") center center no-repeat;
+      height: 20px;
+      width: 20px;
+      text-indent: -9999px; }
+    section.problem-set section.problem div.incorrect input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.incorrect input, section.problems-wrapper section.problem div.incorrect input, section.problem-set section.problem div.ui-icon-close input, div.course-wrapper section.course-content section.problems-wrapper section.problem div.ui-icon-close input, section.problems-wrapper section.problem div.ui-icon-close input {
+      border-color: red; }
+    section.problem-set section.problem div > span, div.course-wrapper section.course-content section.problems-wrapper section.problem div > span, section.problems-wrapper section.problem div > span {
+      display: block;
+      margin-bottom: 11.326px; }
+    section.problem-set section.problem div p.answer, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer, section.problems-wrapper section.problem div p.answer {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      margin-bottom: 0;
+      margin-left: 10px; }
+      section.problem-set section.problem div p.answer:before, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer:before, section.problems-wrapper section.problem div p.answer:before {
+        content: "Answer: ";
+        font-weight: bold;
+        display: inline; }
+      section.problem-set section.problem div p.answer:empty:before, div.course-wrapper section.course-content section.problems-wrapper section.problem div p.answer:empty:before, section.problems-wrapper section.problem div p.answer:empty:before {
+        display: none; }
+    section.problem-set section.problem div div.equation, div.course-wrapper section.course-content section.problems-wrapper section.problem div div.equation, section.problems-wrapper section.problem div div.equation {
+      clear: both;
+      padding: 6px;
+      background: #eee; }
+      section.problem-set section.problem div div.equation span, div.course-wrapper section.course-content section.problems-wrapper section.problem div div.equation span, section.problems-wrapper section.problem div div.equation span {
+        margin-bottom: 0; }
+    section.problem-set section.problem div span.unanswered, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.unanswered, section.problems-wrapper section.problem div span.unanswered, section.problem-set section.problem div span.ui-icon-bullet, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-bullet, section.problems-wrapper section.problem div span.ui-icon-bullet {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/unanswered-icon.png") center center no-repeat;
+      height: 14px;
+      position: relative;
+      top: 4px;
+      width: 14px; }
+    section.problem-set section.problem div span.correct, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.correct, section.problems-wrapper section.problem div span.correct, section.problem-set section.problem div span.ui-icon-check, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-check, section.problems-wrapper section.problem div span.ui-icon-check {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/correct-icon.png") center center no-repeat;
+      height: 20px;
+      position: relative;
+      top: 6px;
+      width: 25px; }
+    section.problem-set section.problem div span.incorrect, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.incorrect, section.problems-wrapper section.problem div span.incorrect, section.problem-set section.problem div span.ui-icon-close, div.course-wrapper section.course-content section.problems-wrapper section.problem div span.ui-icon-close, section.problems-wrapper section.problem div span.ui-icon-close {
+      display: -moz-inline-box;
+      -moz-box-orient: vertical;
+      display: inline-block;
+      vertical-align: baseline;
+      zoom: 1;
+      *display: inline;
+      *vertical-align: auto;
+      background: url("../images/incorrect-icon.png") center center no-repeat;
+      height: 20px;
+      width: 20px;
+      position: relative;
+      top: 6px; }
+    section.problem-set section.problem ul, div.course-wrapper section.course-content section.problems-wrapper section.problem ul, section.problems-wrapper section.problem ul {
+      list-style: disc outside none;
+      margin-bottom: 22.652px;
+      margin-left: .75em;
+      margin-left: .75rem; }
+    section.problem-set section.problem ol, div.course-wrapper section.course-content section.problems-wrapper section.problem ol, section.problems-wrapper section.problem ol {
+      list-style: decimal outside none;
+      margin-bottom: 22.652px;
+      margin-left: .75em;
+      margin-left: .75rem; }
+    section.problem-set section.problem dl, div.course-wrapper section.course-content section.problems-wrapper section.problem dl, section.problems-wrapper section.problem dl {
+      line-height: 1.4em; }
+    section.problem-set section.problem dl dt, div.course-wrapper section.course-content section.problems-wrapper section.problem dl dt, section.problems-wrapper section.problem dl dt {
+      font-weight: bold; }
+    section.problem-set section.problem dl dd, div.course-wrapper section.course-content section.problems-wrapper section.problem dl dd, section.problems-wrapper section.problem dl dd {
+      margin-bottom: 0; }
+    section.problem-set section.problem dd, div.course-wrapper section.course-content section.problems-wrapper section.problem dd, section.problems-wrapper section.problem dd {
+      margin-left: .5em;
+      margin-left: .5rem; }
+    section.problem-set section.problem li, div.course-wrapper section.course-content section.problems-wrapper section.problem li, section.problems-wrapper section.problem li {
+      line-height: 1.4em;
+      margin-bottom: 11.326px; }
+      section.problem-set section.problem li:last-child, div.course-wrapper section.course-content section.problems-wrapper section.problem li:last-child, section.problems-wrapper section.problem li:last-child {
+        margin-bottom: 0; }
+    section.problem-set section.problem p, div.course-wrapper section.course-content section.problems-wrapper section.problem p, section.problems-wrapper section.problem p {
+      margin-bottom: 22.652px; }
+    section.problem-set section.problem table, div.course-wrapper section.course-content section.problems-wrapper section.problem table, section.problems-wrapper section.problem table {
+      margin-bottom: 22.652px;
+      width: 100%;
+      border-collapse: collapse; }
+      section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th {
+        font-weight: bold;
+        text-align: left; }
+      section.problem-set section.problem table caption, div.course-wrapper section.course-content section.problems-wrapper section.problem table caption, section.problems-wrapper section.problem table caption, section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th, section.problem-set section.problem table td, div.course-wrapper section.course-content section.problems-wrapper section.problem table td, section.problems-wrapper section.problem table td {
+        padding: .25em .75em .25em 0;
+        padding: .25rem .75rem .25rem 0; }
+      section.problem-set section.problem table caption, div.course-wrapper section.course-content section.problems-wrapper section.problem table caption, section.problems-wrapper section.problem table caption {
+        background: #f1f1f1;
+        margin-bottom: .75em;
+        margin-bottom: .75rem;
+        padding: .75em 0;
+        padding: .75rem 0; }
+      section.problem-set section.problem table tr, div.course-wrapper section.course-content section.problems-wrapper section.problem table tr, section.problems-wrapper section.problem table tr, section.problem-set section.problem table td, div.course-wrapper section.course-content section.problems-wrapper section.problem table td, section.problems-wrapper section.problem table td, section.problem-set section.problem table th, div.course-wrapper section.course-content section.problems-wrapper section.problem table th, section.problems-wrapper section.problem table th {
+        vertical-align: middle; }
+    section.problem-set section.problem hr, div.course-wrapper section.course-content section.problems-wrapper section.problem hr, section.problems-wrapper section.problem hr {
+      background: #ddd;
+      border: none;
+      clear: both;
+      color: #ddd;
+      float: none;
+      height: 1px;
+      margin: 0 0 .75rem;
+      width: 100%; }
+    section.problem-set section.problem .hidden, div.course-wrapper section.course-content section.problems-wrapper section.problem .hidden, section.problems-wrapper section.problem .hidden {
+      display: none;
+      visibility: hidden; }
+    section.problem-set section.problem input[type="email"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="email"], section.problems-wrapper section.problem input[type="email"], section.problem-set section.problem input[type="number"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="number"], section.problems-wrapper section.problem input[type="number"], section.problem-set section.problem input[type="password"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="password"], section.problems-wrapper section.problem input[type="password"], section.problem-set section.problem input[type="search"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="search"], section.problems-wrapper section.problem input[type="search"], section.problem-set section.problem input[type="tel"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="tel"], section.problems-wrapper section.problem input[type="tel"], section.problem-set section.problem input[type="text"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="text"], section.problems-wrapper section.problem input[type="text"], section.problem-set section.problem input[type="url"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="url"], section.problems-wrapper section.problem input[type="url"], section.problem-set section.problem input[type="color"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="color"], section.problems-wrapper section.problem input[type="color"], section.problem-set section.problem input[type="date"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="date"], section.problems-wrapper section.problem input[type="date"], section.problem-set section.problem input[type="datetime"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="datetime"], section.problems-wrapper section.problem input[type="datetime"], section.problem-set section.problem input[type="datetime-local"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="datetime-local"], section.problems-wrapper section.problem input[type="datetime-local"], section.problem-set section.problem input[type="month"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="month"], section.problems-wrapper section.problem input[type="month"], section.problem-set section.problem input[type="time"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="time"], section.problems-wrapper section.problem input[type="time"], section.problem-set section.problem input[type="week"], div.course-wrapper section.course-content section.problems-wrapper section.problem input[type="week"], section.problems-wrapper section.problem input[type="week"] {
+      display: inline;
+      width: auto; }
+    section.problem-set section.problem center, div.course-wrapper section.course-content section.problems-wrapper section.problem center, section.problems-wrapper section.problem center {
+      display: block;
+      margin: 22.652px 0;
+      border: 1px solid #ccc;
+      padding: 22.652px; }
+  section.problem-set section.action, div.course-wrapper section.course-content section.problems-wrapper section.action, section.problems-wrapper section.action {
+    margin-top: 11.326px; }
+    section.problem-set section.action input[type="button"], div.course-wrapper section.course-content section.problems-wrapper section.action input[type="button"], section.problems-wrapper section.action input[type="button"] {
+      padding: 9.061px 22.652px;
+      text-shadow: 0 -1px 0 #666666; }
+
+section.problems-wrapper {
+  display: table;
+  width: 100%; }
+  @media screen and (max-width:1120px) {
+    section.problems-wrapper {
+      display: block;
+      width: auto; } }
+
+div.info-wrapper section.updates > p {
+  margin-bottom: 22.652px; }
+div.info-wrapper section.updates > ol {
+  list-style: none; }
+  div.info-wrapper section.updates > ol > li {
+    border-bottom: 1px solid #e3e3e3;
+    margin-bottom: 11.326px;
+    padding-bottom: 11.326px;
+    list-style-type: disk; }
+    div.info-wrapper section.updates > ol > li:first-child {
+      background: #f6efd4;
+      border-bottom: 1px solid #eddfaa;
+      margin: 0 -11.326px 22.652px;
+      padding: 11.326px; }
+    div.info-wrapper section.updates > ol > li ol, div.info-wrapper section.updates > ol > li ul {
+      margin: 22.652px 0 0 22.652px;
+      list-style-type: circle; }
+    div.info-wrapper section.updates > ol > li h2 {
+      float: left;
+      margin: 0 2.024% 0 0;
+      width: 20.109%; }
+    div.info-wrapper section.updates > ol > li section.update-description {
+      float: left;
+      margin-bottom: 0;
+      width: 77.174%; }
+      div.info-wrapper section.updates > ol > li section.update-description li {
+        margin-bottom: 11.326px; }
+      div.info-wrapper section.updates > ol > li section.update-description p:last-child {
+        margin-bottom: 0; }
+div.info-wrapper section.handouts {
+  border-left: 1px solid #d3d3d3;
+  -webkit-border-radius: 0 4px 4px 0;
+  -moz-border-radius: 0 4px 4px 0;
+  -ms-border-radius: 0 4px 4px 0;
+  -o-border-radius: 0 4px 4px 0;
+  border-radius: 0 4px 4px 0;
+  border-right: 0; }
+  div.info-wrapper section.handouts header {
+    padding: 11.326px 16.989px; }
+    div.info-wrapper section.handouts header h1 {
+      font-size: 18px;
+      margin: 0; }
+    div.info-wrapper section.handouts header p {
+      color: #666;
+      font-size: 12px;
+      margin-bottom: 0;
+      margin-top: 4px; }
+  div.info-wrapper section.handouts ol {
+    background: none;
+    list-style: none; }
+    div.info-wrapper section.handouts ol li {
+      background: none;
+      border-bottom: 1px solid #d3d3d3;
+      -webkit-box-shadow: 0 1px 0 #eeeeee;
+      -moz-box-shadow: 0 1px 0 #eeeeee;
+      box-shadow: 0 1px 0 #eeeeee;
+      -webkit-box-sizing: border-box;
+      -moz-box-sizing: border-box;
+      box-sizing: border-box;
+      padding: 7px 16.989px;
+      position: relative; }
+      div.info-wrapper section.handouts ol li.expandable h4, div.info-wrapper section.handouts ol li.collapsable h4 {
+        font-style: 14px;
+        font-weight: normal;
+        padding-left: 18px; }
+      div.info-wrapper section.handouts ol li ul {
+        background: none;
+        margin: 7px -16.989px 0; }
+        div.info-wrapper section.handouts ol li ul li {
+          border-bottom: 0;
+          border-top: 1px solid #d3d3d3;
+          -webkit-box-shadow: inset 0 1px 0 #eeeeee;
+          -moz-box-shadow: inset 0 1px 0 #eeeeee;
+          box-shadow: inset 0 1px 0 #eeeeee;
+          padding-left: 34.989px; }
+      div.info-wrapper section.handouts ol li:hover {
+        background-color: #e9e9e9; }
+      div.info-wrapper section.handouts ol li div.hitarea {
+        background-image: url("../images/treeview-default.gif");
+        display: block;
+        height: 100%;
+        left: 16.989px;
+        margin-left: 0;
+        max-height: 20px;
+        position: absolute;
+        width: 100%; }
+        div.info-wrapper section.handouts ol li div.hitarea:hover {
+          opacity: 0.6;
+          filter: alpha(opacity=60); }
+        div.info-wrapper section.handouts ol li div.hitarea.expandable-hitarea {
+          background-position: -80px 1px; }
+        div.info-wrapper section.handouts ol li div.hitarea.collapsable-hitarea {
+          background-position: -64px -21px; }
+      div.info-wrapper section.handouts ol li h3 {
+        border-bottom: 0;
+        -webkit-box-shadow: none;
+        -moz-box-shadow: none;
+        box-shadow: none;
+        color: #999;
+        font-size: 12px;
+        font-weight: bold;
+        text-transform: uppercase; }
+      div.info-wrapper section.handouts ol li p {
+        font-size: 14px;
+        letter-spacing: 0;
+        margin: 0;
+        text-transform: none; }
+        div.info-wrapper section.handouts ol li p a {
+          padding-right: 8px; }
+          div.info-wrapper section.handouts ol li p a:before {
+            color: #ccc;
+            content: "•";
+            display: -moz-inline-box;
+            -moz-box-orient: vertical;
+            display: inline-block;
+            vertical-align: baseline;
+            zoom: 1;
+            *display: inline;
+            *vertical-align: auto;
+            padding-right: 8px; }
+          div.info-wrapper section.handouts ol li p a:first-child:before {
+            content: "";
+            padding-right: 0; }
+      div.info-wrapper section.handouts ol li a {
+        color: #4d4d4d;
+        display: -moz-inline-box;
+        -moz-box-orient: vertical;
+        display: inline-block;
+        vertical-align: baseline;
+        zoom: 1;
+        *display: inline;
+        *vertical-align: auto;
+        text-decoration: none;
+        -webkit-transition-property: all;
+        -moz-transition-property: all;
+        -ms-transition-property: all;
+        -o-transition-property: all;
+        transition-property: all;
+        -webkit-transition-duration: 0.15s;
+        -moz-transition-duration: 0.15s;
+        -ms-transition-duration: 0.15s;
+        -o-transition-duration: 0.15s;
+        transition-duration: 0.15s;
+        -webkit-transition-timing-function: ease-out;
+        -moz-transition-timing-function: ease-out;
+        -ms-transition-timing-function: ease-out;
+        -o-transition-timing-function: ease-out;
+        transition-timing-function: ease-out;
+        -webkit-transition-delay: 0;
+        -moz-transition-delay: 0;
+        -ms-transition-delay: 0;
+        -o-transition-delay: 0;
+        transition-delay: 0; }
+        div.info-wrapper section.handouts ol li a:hover {
+          color: #993333; }
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ */
+/* Layout helpers
+----------------------------------*/
+.ui-helper-hidden {
+  display: none; }
+
+.ui-helper-hidden-accessible {
+  position: absolute !important;
+  clip: rect(1px 1px 1px 1px);
+  clip: rect(1px, 1px, 1px, 1px); }
+
+.ui-helper-reset {
+  margin: 0;
+  padding: 0;
+  border: 0;
+  outline: 0;
+  line-height: 1.3;
+  text-decoration: none;
+  font-size: 100%;
+  list-style: none; }
+
+.ui-helper-clearfix:after {
+  content: ".";
+  display: block;
+  height: 0;
+  clear: both;
+  visibility: hidden; }
+
+.ui-helper-clearfix {
+  display: inline-block; }
+
+/* required comment for clearfix to work in Opera \*/
+* html .ui-helper-clearfix {
+  height: 1%; }
+
+.ui-helper-clearfix {
+  display: block; }
+
+/* end clearfix */
+.ui-helper-zfix {
+  width: 100%;
+  height: 100%;
+  top: 0;
+  left: 0;
+  position: absolute;
+  opacity: 0;
+  filter: Alpha(Opacity=0); }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-disabled {
+  cursor: default !important; }
+
+/* Icons
+----------------------------------*/
+/* states and images */
+.ui-icon {
+  display: block;
+  text-indent: -99999px;
+  overflow: hidden;
+  background-repeat: no-repeat; }
+
+/* Misc visuals
+----------------------------------*/
+/* Overlays */
+.ui-widget-overlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%; }
+
+/*
+ * jQuery UI CSS Framework 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Theming/API
+ *
+ * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Helvetica,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=2px&bgColorHeader=7fbcfd&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=50&borderColorHeader=dae5c9&fcHeader=031634&iconColorHeader=031634&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=dae5c9&fcContent=031634&iconColorContent=adcc80&bgColorDefault=7fbcdf&bgTextureDefault=03_highlight_soft.png&bgImgOpacityDefault=100&borderColorDefault=dae5c9&fcDefault=7a994c&iconColorDefault=adcc80&bgColorHover=bddeff&bgTextureHover=03_highlight_soft.png&bgImgOpacityHover=25&borderColorHover=7fbcdf&fcHover=7a994c&iconColorHover=adcc80&bgColorActive=023063&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=dae5c9&fcActive=dae5c9&iconColorActive=454545&bgColorHighlight=ffffff&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=cccccc&fcHighlight=444444&iconColorHighlight=adcc80&bgColorError=ffffff&bgTextureError=01_flat.png&bgImgOpacityError=55&borderColorError=fa720a&fcError=222222&iconColorError=fa720a&bgColorOverlay=eeeeee&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=80&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=60&thicknessShadow=4px&offsetTopShadow=-4px&offsetLeftShadow=-4px&cornerRadiusShadow=0px
+ */
+/* Component containers
+----------------------------------*/
+.ui-widget {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 1.1em; }
+
+.ui-widget .ui-widget {
+  font-size: 1em; }
+
+.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
+  font-family: Helvetica, Arial, sans-serif;
+  font-size: 1em; }
+
+.ui-widget-content {
+  border: 1px solid #dae5c9;
+  background: white url(../images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
+  color: #031634; }
+
+.ui-widget-content a {
+  color: #031634; }
+
+.ui-widget-header {
+  border: 1px solid #dae5c9;
+  background: #7fbcfd url(../images/ui-bg_highlight-soft_50_7fbcfd_1x100.png) 50% 50% repeat-x;
+  color: #031634;
+  font-weight: bold; }
+
+.ui-widget-header a {
+  color: #031634; }
+
+/* Interaction states
+----------------------------------*/
+.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
+  border: 1px solid #dae5c9;
+  background: #7fbcdf url(../images/ui-bg_highlight-soft_100_7fbcdf_1x100.png) 50% 50% repeat-x;
+  font-weight: bold;
+  color: #7a994c; }
+
+.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
+  color: #7a994c;
+  text-decoration: none; }
+
+.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
+  border: 1px solid #7fbcdf;
+  background: #bddeff url(../images/ui-bg_highlight-soft_25_bddeff_1x100.png) 50% 50% repeat-x;
+  font-weight: bold;
+  color: #7a994c; }
+
+.ui-state-hover a, .ui-state-hover a:hover {
+  color: #7a994c;
+  text-decoration: none; }
+
+.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
+  border: 1px solid #dae5c9;
+  background: #023063 url(../images/ui-bg_glass_65_023063_1x400.png) 50% 50% repeat-x;
+  font-weight: bold;
+  color: #dae5c9; }
+
+.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
+  color: #dae5c9;
+  text-decoration: none; }
+
+.ui-widget :active {
+  outline: none; }
+
+/* Interaction Cues
+----------------------------------*/
+.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
+  border: 1px solid #cccccc;
+  background: white url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
+  color: #444444; }
+
+.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
+  color: #444444; }
+
+.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
+  border: 1px solid #fa720a;
+  background: white url(../images/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x;
+  color: #222222; }
+
+.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
+  color: #222222; }
+
+.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
+  color: #222222; }
+
+.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
+  font-weight: bold; }
+
+.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
+  opacity: .7;
+  filter: Alpha(Opacity=70);
+  font-weight: normal; }
+
+.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
+  opacity: .35;
+  filter: Alpha(Opacity=35);
+  background-image: none; }
+
+/* Icons
+----------------------------------*/
+/* states and images */
+.ui-icon {
+  width: 16px;
+  height: 16px;
+  background-image: url(../images/ui-icons_adcc80_256x240.png); }
+
+.ui-widget-content .ui-icon {
+  background-image: url(../images/ui-icons_adcc80_256x240.png); }
+
+.ui-widget-header .ui-icon {
+  background-image: url(../images/ui-icons_031634_256x240.png); }
+
+.ui-state-default .ui-icon {
+  background-image: url(../images/ui-icons_adcc80_256x240.png); }
+
+.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
+  background-image: url(../images/ui-icons_adcc80_256x240.png); }
+
+.ui-state-active .ui-icon {
+  background-image: url(../images/ui-icons_454545_256x240.png); }
+
+.ui-state-highlight .ui-icon {
+  background-image: url(../images/ui-icons_adcc80_256x240.png); }
+
+.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
+  background-image: url(../images/ui-icons_fa720a_256x240.png); }
+
+/* positioning */
+.ui-icon-carat-1-n {
+  background-position: 0 0; }
+
+.ui-icon-carat-1-ne {
+  background-position: -16px 0; }
+
+.ui-icon-carat-1-e {
+  background-position: -32px 0; }
+
+.ui-icon-carat-1-se {
+  background-position: -48px 0; }
+
+.ui-icon-carat-1-s {
+  background-position: -64px 0; }
+
+.ui-icon-carat-1-sw {
+  background-position: -80px 0; }
+
+.ui-icon-carat-1-w {
+  background-position: -96px 0; }
+
+.ui-icon-carat-1-nw {
+  background-position: -112px 0; }
+
+.ui-icon-carat-2-n-s {
+  background-position: -128px 0; }
+
+.ui-icon-carat-2-e-w {
+  background-position: -144px 0; }
+
+.ui-icon-triangle-1-n {
+  background-position: 0 -16px; }
+
+.ui-icon-triangle-1-ne {
+  background-position: -16px -16px; }
+
+.ui-icon-triangle-1-e {
+  background-position: -32px -16px; }
+
+.ui-icon-triangle-1-se {
+  background-position: -48px -16px; }
+
+.ui-icon-triangle-1-s {
+  background-position: -64px -16px; }
+
+.ui-icon-triangle-1-sw {
+  background-position: -80px -16px; }
+
+.ui-icon-triangle-1-w {
+  background-position: -96px -16px; }
+
+.ui-icon-triangle-1-nw {
+  background-position: -112px -16px; }
+
+.ui-icon-triangle-2-n-s {
+  background-position: -128px -16px; }
+
+.ui-icon-triangle-2-e-w {
+  background-position: -144px -16px; }
+
+.ui-icon-arrow-1-n {
+  background-position: 0 -32px; }
+
+.ui-icon-arrow-1-ne {
+  background-position: -16px -32px; }
+
+.ui-icon-arrow-1-e {
+  background-position: -32px -32px; }
+
+.ui-icon-arrow-1-se {
+  background-position: -48px -32px; }
+
+.ui-icon-arrow-1-s {
+  background-position: -64px -32px; }
+
+.ui-icon-arrow-1-sw {
+  background-position: -80px -32px; }
+
+.ui-icon-arrow-1-w {
+  background-position: -96px -32px; }
+
+.ui-icon-arrow-1-nw {
+  background-position: -112px -32px; }
+
+.ui-icon-arrow-2-n-s {
+  background-position: -128px -32px; }
+
+.ui-icon-arrow-2-ne-sw {
+  background-position: -144px -32px; }
+
+.ui-icon-arrow-2-e-w {
+  background-position: -160px -32px; }
+
+.ui-icon-arrow-2-se-nw {
+  background-position: -176px -32px; }
+
+.ui-icon-arrowstop-1-n {
+  background-position: -192px -32px; }
+
+.ui-icon-arrowstop-1-e {
+  background-position: -208px -32px; }
+
+.ui-icon-arrowstop-1-s {
+  background-position: -224px -32px; }
+
+.ui-icon-arrowstop-1-w {
+  background-position: -240px -32px; }
+
+.ui-icon-arrowthick-1-n {
+  background-position: 0 -48px; }
+
+.ui-icon-arrowthick-1-ne {
+  background-position: -16px -48px; }
+
+.ui-icon-arrowthick-1-e {
+  background-position: -32px -48px; }
+
+.ui-icon-arrowthick-1-se {
+  background-position: -48px -48px; }
+
+.ui-icon-arrowthick-1-s {
+  background-position: -64px -48px; }
+
+.ui-icon-arrowthick-1-sw {
+  background-position: -80px -48px; }
+
+.ui-icon-arrowthick-1-w {
+  background-position: -96px -48px; }
+
+.ui-icon-arrowthick-1-nw {
+  background-position: -112px -48px; }
+
+.ui-icon-arrowthick-2-n-s {
+  background-position: -128px -48px; }
+
+.ui-icon-arrowthick-2-ne-sw {
+  background-position: -144px -48px; }
+
+.ui-icon-arrowthick-2-e-w {
+  background-position: -160px -48px; }
+
+.ui-icon-arrowthick-2-se-nw {
+  background-position: -176px -48px; }
+
+.ui-icon-arrowthickstop-1-n {
+  background-position: -192px -48px; }
+
+.ui-icon-arrowthickstop-1-e {
+  background-position: -208px -48px; }
+
+.ui-icon-arrowthickstop-1-s {
+  background-position: -224px -48px; }
+
+.ui-icon-arrowthickstop-1-w {
+  background-position: -240px -48px; }
+
+.ui-icon-arrowreturnthick-1-w {
+  background-position: 0 -64px; }
+
+.ui-icon-arrowreturnthick-1-n {
+  background-position: -16px -64px; }
+
+.ui-icon-arrowreturnthick-1-e {
+  background-position: -32px -64px; }
+
+.ui-icon-arrowreturnthick-1-s {
+  background-position: -48px -64px; }
+
+.ui-icon-arrowreturn-1-w {
+  background-position: -64px -64px; }
+
+.ui-icon-arrowreturn-1-n {
+  background-position: -80px -64px; }
+
+.ui-icon-arrowreturn-1-e {
+  background-position: -96px -64px; }
+
+.ui-icon-arrowreturn-1-s {
+  background-position: -112px -64px; }
+
+.ui-icon-arrowrefresh-1-w {
+  background-position: -128px -64px; }
+
+.ui-icon-arrowrefresh-1-n {
+  background-position: -144px -64px; }
+
+.ui-icon-arrowrefresh-1-e {
+  background-position: -160px -64px; }
+
+.ui-icon-arrowrefresh-1-s {
+  background-position: -176px -64px; }
+
+.ui-icon-arrow-4 {
+  background-position: 0 -80px; }
+
+.ui-icon-arrow-4-diag {
+  background-position: -16px -80px; }
+
+.ui-icon-extlink {
+  background-position: -32px -80px; }
+
+.ui-icon-newwin {
+  background-position: -48px -80px; }
+
+.ui-icon-refresh {
+  background-position: -64px -80px; }
+
+.ui-icon-shuffle {
+  background-position: -80px -80px; }
+
+.ui-icon-transfer-e-w {
+  background-position: -96px -80px; }
+
+.ui-icon-transferthick-e-w {
+  background-position: -112px -80px; }
+
+.ui-icon-folder-collapsed {
+  background-position: 0 -96px; }
+
+.ui-icon-folder-open {
+  background-position: -16px -96px; }
+
+.ui-icon-document {
+  background-position: -32px -96px; }
+
+.ui-icon-document-b {
+  background-position: -48px -96px; }
+
+.ui-icon-note {
+  background-position: -64px -96px; }
+
+.ui-icon-mail-closed {
+  background-position: -80px -96px; }
+
+.ui-icon-mail-open {
+  background-position: -96px -96px; }
+
+.ui-icon-suitcase {
+  background-position: -112px -96px; }
+
+.ui-icon-comment {
+  background-position: -128px -96px; }
+
+.ui-icon-person {
+  background-position: -144px -96px; }
+
+.ui-icon-print {
+  background-position: -160px -96px; }
+
+.ui-icon-trash {
+  background-position: -176px -96px; }
+
+.ui-icon-locked {
+  background-position: -192px -96px; }
+
+.ui-icon-unlocked {
+  background-position: -208px -96px; }
+
+.ui-icon-bookmark {
+  background-position: -224px -96px; }
+
+.ui-icon-tag {
+  background-position: -240px -96px; }
+
+.ui-icon-home {
+  background-position: 0 -112px; }
+
+.ui-icon-flag {
+  background-position: -16px -112px; }
+
+.ui-icon-calendar {
+  background-position: -32px -112px; }
+
+.ui-icon-cart {
+  background-position: -48px -112px; }
+
+.ui-icon-pencil {
+  background-position: -64px -112px; }
+
+.ui-icon-clock {
+  background-position: -80px -112px; }
+
+.ui-icon-disk {
+  background-position: -96px -112px; }
+
+.ui-icon-calculator {
+  background-position: -112px -112px; }
+
+.ui-icon-zoomin {
+  background-position: -128px -112px; }
+
+.ui-icon-zoomout {
+  background-position: -144px -112px; }
+
+.ui-icon-search {
+  background-position: -160px -112px; }
+
+.ui-icon-wrench {
+  background-position: -176px -112px; }
+
+.ui-icon-gear {
+  background-position: -192px -112px; }
+
+.ui-icon-heart {
+  background-position: -208px -112px; }
+
+.ui-icon-star {
+  background-position: -224px -112px; }
+
+.ui-icon-link {
+  background-position: -240px -112px; }
+
+.ui-icon-cancel {
+  background-position: 0 -128px; }
+
+.ui-icon-plus {
+  background-position: -16px -128px; }
+
+.ui-icon-plusthick {
+  background-position: -32px -128px; }
+
+.ui-icon-minus {
+  background-position: -48px -128px; }
+
+.ui-icon-minusthick {
+  background-position: -64px -128px; }
+
+.ui-icon-close {
+  background-position: -80px -128px; }
+
+.ui-icon-closethick {
+  background-position: -96px -128px; }
+
+.ui-icon-key {
+  background-position: -112px -128px; }
+
+.ui-icon-lightbulb {
+  background-position: -128px -128px; }
+
+.ui-icon-scissors {
+  background-position: -144px -128px; }
+
+.ui-icon-clipboard {
+  background-position: -160px -128px; }
+
+.ui-icon-copy {
+  background-position: -176px -128px; }
+
+.ui-icon-contact {
+  background-position: -192px -128px; }
+
+.ui-icon-image {
+  background-position: -208px -128px; }
+
+.ui-icon-video {
+  background-position: -224px -128px; }
+
+.ui-icon-script {
+  background-position: -240px -128px; }
+
+.ui-icon-alert {
+  background-position: 0 -144px; }
+
+.ui-icon-info {
+  background-position: -16px -144px; }
+
+.ui-icon-notice {
+  background-position: -32px -144px; }
+
+.ui-icon-help {
+  background-position: -48px -144px; }
+
+.ui-icon-check {
+  background-position: -64px -144px; }
+
+.ui-icon-bullet {
+  background-position: -80px -144px; }
+
+.ui-icon-radio-off {
+  background-position: -96px -144px; }
+
+.ui-icon-radio-on {
+  background-position: -112px -144px; }
+
+.ui-icon-pin-w {
+  background-position: -128px -144px; }
+
+.ui-icon-pin-s {
+  background-position: -144px -144px; }
+
+.ui-icon-play {
+  background-position: 0 -160px; }
+
+.ui-icon-pause {
+  background-position: -16px -160px; }
+
+.ui-icon-seek-next {
+  background-position: -32px -160px; }
+
+.ui-icon-seek-prev {
+  background-position: -48px -160px; }
+
+.ui-icon-seek-end {
+  background-position: -64px -160px; }
+
+.ui-icon-seek-start {
+  background-position: -80px -160px; }
+
+/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
+.ui-icon-seek-first {
+  background-position: -80px -160px; }
+
+.ui-icon-stop {
+  background-position: -96px -160px; }
+
+.ui-icon-eject {
+  background-position: -112px -160px; }
+
+.ui-icon-volume-off {
+  background-position: -128px -160px; }
+
+.ui-icon-volume-on {
+  background-position: -144px -160px; }
+
+.ui-icon-power {
+  background-position: 0 -176px; }
+
+.ui-icon-signal-diag {
+  background-position: -16px -176px; }
+
+.ui-icon-signal {
+  background-position: -32px -176px; }
+
+.ui-icon-battery-0 {
+  background-position: -48px -176px; }
+
+.ui-icon-battery-1 {
+  background-position: -64px -176px; }
+
+.ui-icon-battery-2 {
+  background-position: -80px -176px; }
+
+.ui-icon-battery-3 {
+  background-position: -96px -176px; }
+
+.ui-icon-circle-plus {
+  background-position: 0 -192px; }
+
+.ui-icon-circle-minus {
+  background-position: -16px -192px; }
+
+.ui-icon-circle-close {
+  background-position: -32px -192px; }
+
+.ui-icon-circle-triangle-e {
+  background-position: -48px -192px; }
+
+.ui-icon-circle-triangle-s {
+  background-position: -64px -192px; }
+
+.ui-icon-circle-triangle-w {
+  background-position: -80px -192px; }
+
+.ui-icon-circle-triangle-n {
+  background-position: -96px -192px; }
+
+.ui-icon-circle-arrow-e {
+  background-position: -112px -192px; }
+
+.ui-icon-circle-arrow-s {
+  background-position: -128px -192px; }
+
+.ui-icon-circle-arrow-w {
+  background-position: -144px -192px; }
+
+.ui-icon-circle-arrow-n {
+  background-position: -160px -192px; }
+
+.ui-icon-circle-zoomin {
+  background-position: -176px -192px; }
+
+.ui-icon-circle-zoomout {
+  background-position: -192px -192px; }
+
+.ui-icon-circle-check {
+  background-position: -208px -192px; }
+
+.ui-icon-circlesmall-plus {
+  background-position: 0 -208px; }
+
+.ui-icon-circlesmall-minus {
+  background-position: -16px -208px; }
+
+.ui-icon-circlesmall-close {
+  background-position: -32px -208px; }
+
+.ui-icon-squaresmall-plus {
+  background-position: -48px -208px; }
+
+.ui-icon-squaresmall-minus {
+  background-position: -64px -208px; }
+
+.ui-icon-squaresmall-close {
+  background-position: -80px -208px; }
+
+.ui-icon-grip-dotted-vertical {
+  background-position: 0 -224px; }
+
+.ui-icon-grip-dotted-horizontal {
+  background-position: -16px -224px; }
+
+.ui-icon-grip-solid-vertical {
+  background-position: -32px -224px; }
+
+.ui-icon-grip-solid-horizontal {
+  background-position: -48px -224px; }
+
+.ui-icon-gripsmall-diagonal-se {
+  background-position: -64px -224px; }
+
+.ui-icon-grip-diagonal-se {
+  background-position: -80px -224px; }
+
+/* Misc visuals
+----------------------------------*/
+/* Corner radius */
+.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
+  -moz-border-radius-topleft: 2px;
+  -webkit-border-top-left-radius: 2px;
+  -khtml-border-top-left-radius: 2px;
+  border-top-left-radius: 2px; }
+
+.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
+  -moz-border-radius-topright: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -khtml-border-top-right-radius: 2px;
+  border-top-right-radius: 2px; }
+
+.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
+  -moz-border-radius-bottomleft: 2px;
+  -webkit-border-bottom-left-radius: 2px;
+  -khtml-border-bottom-left-radius: 2px;
+  border-bottom-left-radius: 2px; }
+
+.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
+  -moz-border-radius-bottomright: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+  -khtml-border-bottom-right-radius: 2px;
+  border-bottom-right-radius: 2px; }
+
+/* Overlays */
+.ui-widget-overlay {
+  background: #eeeeee url(../images/ui-bg_flat_0_eeeeee_40x100.png) 50% 50% repeat-x;
+  opacity: .80;
+  filter: Alpha(Opacity=80); }
+
+.ui-widget-shadow {
+  margin: -4px 0 0 -4px;
+  padding: 4px;
+  background: #aaaaaa url(../images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
+  opacity: .60;
+  filter: Alpha(Opacity=60);
+  -moz-border-radius: 0px;
+  -khtml-border-radius: 0px;
+  -webkit-border-radius: 0px;
+  border-radius: 0px; }
+
+                                                                                                                                                                                                                                                                                        /*
+* jQuery UI Resizable 1.8.16
+*
+* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+* http://docs.jquery.com/UI/Resizable#theming
+*/
+.ui-resizable {
+  position: relative; }
+
+.ui-resizable-handle {
+  position: absolute;
+  font-size: 0.1px;
+  z-index: 99999;
+  display: block; }
+
+.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
+  display: none; }
+
+.ui-resizable-n {
+  cursor: n-resize;
+  height: 7px;
+  width: 100%;
+  top: -5px;
+  left: 0; }
+
+.ui-resizable-s {
+  cursor: s-resize;
+  height: 7px;
+  width: 100%;
+  bottom: -5px;
+  left: 0; }
+
+.ui-resizable-e {
+  cursor: e-resize;
+  width: 7px;
+  right: -5px;
+  top: 0;
+  height: 100%; }
+
+.ui-resizable-w {
+  cursor: w-resize;
+  width: 7px;
+  left: -5px;
+  top: 0;
+  height: 100%; }
+
+.ui-resizable-se {
+  cursor: se-resize;
+  width: 12px;
+  height: 12px;
+  right: 1px;
+  bottom: 1px; }
+
+.ui-resizable-sw {
+  cursor: sw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  bottom: -5px; }
+
+.ui-resizable-nw {
+  cursor: nw-resize;
+  width: 9px;
+  height: 9px;
+  left: -5px;
+  top: -5px; }
+
+.ui-resizable-ne {
+  cursor: ne-resize;
+  width: 9px;
+  height: 9px;
+  right: -5px;
+  top: -5px; }
+
+                                                                                      /*
+* jQuery UI Selectable 1.8.16
+*
+* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+* http://docs.jquery.com/UI/Selectable#theming
+*/
+.ui-selectable-helper {
+  position: absolute;
+  z-index: 100;
+  border: 1px dotted black; }
+
+/*
+ * jQuery UI Accordion 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Accordion#theming
+ */
+/* IE/Win - Fix animation bug - #4615 */
+.ui-accordion {
+  width: 100%; }
+
+.ui-accordion .ui-accordion-header {
+  cursor: pointer;
+  position: relative;
+  margin-top: 1px;
+  zoom: 1; }
+
+.ui-accordion .ui-accordion-li-fix {
+  display: inline; }
+
+.ui-accordion .ui-accordion-header-active {
+  border-bottom: 0 !important; }
+
+.ui-accordion .ui-accordion-header a {
+  display: block;
+  font-size: 1em;
+  padding: .5em .5em .5em .7em; }
+
+.ui-accordion-icons .ui-accordion-header a {
+  padding-left: 2.2em; }
+
+.ui-accordion .ui-accordion-header .ui-icon {
+  position: absolute;
+  left: .5em;
+  top: 50%;
+  margin-top: -8px; }
+
+.ui-accordion .ui-accordion-content {
+  padding: 1em 2.2em;
+  border-top: 0;
+  margin-top: -2px;
+  position: relative;
+  margin-bottom: 2px;
+  overflow: auto;
+  display: none;
+  zoom: 1; }
+
+.ui-accordion .ui-accordion-content-active {
+  display: block; }
+
+/*
+ * jQuery UI Autocomplete 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Autocomplete#theming
+ */
+.ui-autocomplete {
+  position: absolute;
+  cursor: default; }
+
+/* workarounds */
+* html .ui-autocomplete {
+  width: 1px; }
+
+/* without this, the menu expands to 100% in IE6 */
+/*
+ * jQuery UI Menu 1.8.16
+ *
+ * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Menu#theming
+ */
+.ui-menu {
+  list-style: none;
+  padding: 2px;
+  margin: 0;
+  display: block;
+  float: left; }
+
+.ui-menu .ui-menu {
+  margin-top: -3px; }
+
+.ui-menu .ui-menu-item {
+  margin: 0;
+  padding: 0;
+  zoom: 1;
+  float: left;
+  clear: left;
+  width: 100%; }
+
+.ui-menu .ui-menu-item a {
+  text-decoration: none;
+  display: block;
+  padding: .2em .4em;
+  line-height: 1.5;
+  zoom: 1; }
+
+.ui-menu .ui-menu-item a.ui-state-hover,
+.ui-menu .ui-menu-item a.ui-state-active {
+  font-weight: normal;
+  margin: -1px; }
+
+/*
+ * jQuery UI Button 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Button#theming
+ */
+.ui-button {
+  display: inline-block;
+  position: relative;
+  padding: 0;
+  margin-right: .1em;
+  text-decoration: none !important;
+  cursor: pointer;
+  text-align: center;
+  zoom: 1;
+  overflow: visible; }
+
+/* the overflow property removes extra width in IE */
+.ui-button-icon-only {
+  width: 2.2em; }
+
+/* to make room for the icon, a width needs to be set here */
+button.ui-button-icon-only {
+  width: 2.4em; }
+
+/* button elements seem to need a little more width */
+.ui-button-icons-only {
+  width: 3.4em; }
+
+button.ui-button-icons-only {
+  width: 3.7em; }
+
+/*button text element */
+.ui-button .ui-button-text {
+  display: block;
+  line-height: 1.4; }
+
+.ui-button-text-only .ui-button-text {
+  padding: .4em 1em; }
+
+.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
+  padding: .4em;
+  text-indent: -9999999px; }
+
+.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
+  padding: .4em 1em .4em 2.1em; }
+
+.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
+  padding: .4em 2.1em .4em 1em; }
+
+.ui-button-text-icons .ui-button-text {
+  padding-left: 2.1em;
+  padding-right: 2.1em; }
+
+/* no icon support for input elements, provide padding by default */
+input.ui-button {
+  padding: .4em 1em; }
+
+/*button icon element(s) */
+.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
+  position: absolute;
+  top: 50%;
+  margin-top: -8px; }
+
+.ui-button-icon-only .ui-icon {
+  left: 50%;
+  margin-left: -8px; }
+
+.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
+  left: .5em; }
+
+.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
+  right: .5em; }
+
+.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
+  right: .5em; }
+
+/*button sets*/
+.ui-buttonset {
+  margin-right: 7px; }
+
+.ui-buttonset .ui-button {
+  margin-left: 0;
+  margin-right: -0.3em; }
+
+/* workarounds */
+button.ui-button::-moz-focus-inner {
+  border: 0;
+  padding: 0; }
+
+/* reset extra padding in Firefox */
+/*
+ * jQuery UI Dialog 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Dialog#theming
+ */
+.ui-dialog {
+  position: absolute;
+  padding: .2em;
+  width: 300px;
+  overflow: hidden; }
+
+.ui-dialog .ui-dialog-titlebar {
+  padding: .4em 1em;
+  position: relative; }
+
+.ui-dialog .ui-dialog-title {
+  float: left;
+  margin: .1em 16px .1em 0; }
+
+.ui-dialog .ui-dialog-titlebar-close {
+  position: absolute;
+  right: .3em;
+  top: 50%;
+  width: 19px;
+  margin: -10px 0 0 0;
+  padding: 1px;
+  height: 18px; }
+
+.ui-dialog .ui-dialog-titlebar-close span {
+  display: block;
+  margin: 1px; }
+
+.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
+  padding: 0; }
+
+.ui-dialog .ui-dialog-content {
+  position: relative;
+  border: 0;
+  padding: .5em 1em;
+  background: none;
+  overflow: auto;
+  zoom: 1; }
+
+.ui-dialog .ui-dialog-buttonpane {
+  text-align: left;
+  border-width: 1px 0 0 0;
+  background-image: none;
+  margin: .5em 0 0 0;
+  padding: .3em 1em .5em .4em; }
+
+.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
+  float: right; }
+
+.ui-dialog .ui-dialog-buttonpane button {
+  margin: .5em .4em .5em 0;
+  cursor: pointer; }
+
+.ui-dialog .ui-resizable-se {
+  width: 14px;
+  height: 14px;
+  right: 3px;
+  bottom: 3px; }
+
+.ui-draggable .ui-dialog-titlebar {
+  cursor: move; }
+
+/*
+ * jQuery UI Slider 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Slider#theming
+ */
+.ui-slider {
+  position: relative;
+  text-align: left; }
+
+.ui-slider .ui-slider-handle {
+  position: absolute;
+  z-index: 2;
+  width: 1.2em;
+  height: 1.2em;
+  cursor: default; }
+
+.ui-slider .ui-slider-range {
+  position: absolute;
+  z-index: 1;
+  font-size: .7em;
+  display: block;
+  border: 0;
+  background-position: 0 0; }
+
+.ui-slider-horizontal {
+  height: .8em; }
+
+.ui-slider-horizontal .ui-slider-handle {
+  top: -0.3em;
+  margin-left: -0.6em; }
+
+.ui-slider-horizontal .ui-slider-range {
+  top: 0;
+  height: 100%; }
+
+.ui-slider-horizontal .ui-slider-range-min {
+  left: 0; }
+
+.ui-slider-horizontal .ui-slider-range-max {
+  right: 0; }
+
+.ui-slider-vertical {
+  width: .8em;
+  height: 100px; }
+
+.ui-slider-vertical .ui-slider-handle {
+  left: -0.3em;
+  margin-left: 0;
+  margin-bottom: -0.6em; }
+
+.ui-slider-vertical .ui-slider-range {
+  left: 0;
+  width: 100%; }
+
+.ui-slider-vertical .ui-slider-range-min {
+  bottom: 0; }
+
+.ui-slider-vertical .ui-slider-range-max {
+  top: 0; }
+
+                                                   /*
+* jQuery UI Tabs 1.8.16
+*
+* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+* http://docs.jquery.com/UI/Tabs#theming
+*/
+.ui-tabs {
+  position: relative;
+  padding: .2em;
+  zoom: 1; }
+
+/* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
+.ui-tabs .ui-tabs-nav {
+  margin: 0;
+  padding: .2em .2em 0; }
+
+.ui-tabs .ui-tabs-nav li {
+  list-style: none;
+  float: left;
+  position: relative;
+  top: 1px;
+  margin: 0 .2em 1px 0;
+  border-bottom: 0 !important;
+  padding: 0;
+  white-space: nowrap; }
+
+.ui-tabs .ui-tabs-nav li a {
+  float: left;
+  padding: .5em 1em;
+  text-decoration: none; }
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
+  margin-bottom: 0;
+  padding-bottom: 1px; }
+
+.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
+  cursor: text; }
+
+.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
+  cursor: pointer; }
+
+/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
+.ui-tabs .ui-tabs-panel {
+  display: block;
+  border-width: 0;
+  padding: 1em 1.4em;
+  background: none; }
+
+.ui-tabs .ui-tabs-hide {
+  display: none !important; }
+
+/*
+ * jQuery UI Datepicker 1.8.16
+ *
+ * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+ * Dual licensed under the MIT or GPL Version 2 licenses.
+ * http://jquery.org/license
+ *
+ * http://docs.jquery.com/UI/Datepicker#theming
+ */
+.ui-datepicker {
+  width: 17em;
+  padding: .2em .2em 0;
+  display: none; }
+
+.ui-datepicker .ui-datepicker-header {
+  position: relative;
+  padding: .2em 0; }
+
+.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
+  position: absolute;
+  top: 2px;
+  width: 1.8em;
+  height: 1.8em; }
+
+.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
+  top: 1px; }
+
+.ui-datepicker .ui-datepicker-prev {
+  left: 2px; }
+
+.ui-datepicker .ui-datepicker-next {
+  right: 2px; }
+
+.ui-datepicker .ui-datepicker-prev-hover {
+  left: 1px; }
+
+.ui-datepicker .ui-datepicker-next-hover {
+  right: 1px; }
+
+.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
+  display: block;
+  position: absolute;
+  left: 50%;
+  margin-left: -8px;
+  top: 50%;
+  margin-top: -8px; }
+
+.ui-datepicker .ui-datepicker-title {
+  margin: 0 2.3em;
+  line-height: 1.8em;
+  text-align: center; }
+
+.ui-datepicker .ui-datepicker-title select {
+  font-size: 1em;
+  margin: 1px 0; }
+
+.ui-datepicker select.ui-datepicker-month-year {
+  width: 100%; }
+
+.ui-datepicker select.ui-datepicker-month,
+.ui-datepicker select.ui-datepicker-year {
+  width: 49%; }
+
+.ui-datepicker table {
+  width: 100%;
+  font-size: .9em;
+  border-collapse: collapse;
+  margin: 0 0 .4em; }
+
+.ui-datepicker th {
+  padding: .7em .3em;
+  text-align: center;
+  font-weight: bold;
+  border: 0; }
+
+.ui-datepicker td {
+  border: 0;
+  padding: 1px; }
+
+.ui-datepicker td span, .ui-datepicker td a {
+  display: block;
+  padding: .2em;
+  text-align: right;
+  text-decoration: none; }
+
+.ui-datepicker .ui-datepicker-buttonpane {
+  background-image: none;
+  margin: .7em 0 0 0;
+  padding: 0 .2em;
+  border-left: 0;
+  border-right: 0;
+  border-bottom: 0; }
+
+.ui-datepicker .ui-datepicker-buttonpane button {
+  float: right;
+  margin: .5em .2em .4em;
+  cursor: pointer;
+  padding: .2em .6em .3em .6em;
+  width: auto;
+  overflow: visible; }
+
+.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
+  float: left; }
+
+/* with multiple calendars */
+.ui-datepicker.ui-datepicker-multi {
+  width: auto; }
+
+.ui-datepicker-multi .ui-datepicker-group {
+  float: left; }
+
+.ui-datepicker-multi .ui-datepicker-group table {
+  width: 95%;
+  margin: 0 auto .4em; }
+
+.ui-datepicker-multi-2 .ui-datepicker-group {
+  width: 50%; }
+
+.ui-datepicker-multi-3 .ui-datepicker-group {
+  width: 33.3%; }
+
+.ui-datepicker-multi-4 .ui-datepicker-group {
+  width: 25%; }
+
+.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
+  border-left-width: 0; }
+
+.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
+  border-left-width: 0; }
+
+.ui-datepicker-multi .ui-datepicker-buttonpane {
+  clear: left; }
+
+.ui-datepicker-row-break {
+  clear: both;
+  width: 100%;
+  font-size: 0em; }
+
+/* RTL support */
+.ui-datepicker-rtl {
+  direction: rtl; }
+
+.ui-datepicker-rtl .ui-datepicker-prev {
+  right: 2px;
+  left: auto; }
+
+.ui-datepicker-rtl .ui-datepicker-next {
+  left: 2px;
+  right: auto; }
+
+.ui-datepicker-rtl .ui-datepicker-prev:hover {
+  right: 1px;
+  left: auto; }
+
+.ui-datepicker-rtl .ui-datepicker-next:hover {
+  left: 1px;
+  right: auto; }
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane {
+  clear: right; }
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane button {
+  float: left; }
+
+.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
+  float: right; }
+
+.ui-datepicker-rtl .ui-datepicker-group {
+  float: right; }
+
+.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
+  border-right-width: 0;
+  border-left-width: 1px; }
+
+.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
+  border-right-width: 0;
+  border-left-width: 1px; }
+
+/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
+.ui-datepicker-cover {
+  display: none;
+  /*sorry for IE5*/
+  display/**/: block;
+  /*sorry for IE5*/
+  position: absolute;
+  /*must have*/
+  z-index: -1;
+  /*must have*/
+  filter: mask();
+  /*must have*/
+  top: -4px;
+  /*must have*/
+  left: -4px;
+  /*must have*/
+  width: 200px;
+  /*must have*/
+  height: 200px;
+  /*must have*/ }
+
+/*
+* jQuery UI Progressbar 1.8.16
+*
+* Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
+* Dual licensed under the MIT or GPL Version 2 licenses.
+* http://jquery.org/license
+*
+* http://docs.jquery.com/UI/Progressbar#theming
+*/
+.ui-progressbar {
+  height: 2em;
+  text-align: left; }
+
+.ui-progressbar .ui-progressbar-value {
+  margin: -1px;
+  height: 100%; }
+
+.ui-tooltip, .qtip {
+  position: absolute;
+  left: -28000px;
+  top: -28000px;
+  display: none;
+  max-width: 280px;
+  min-width: 50px;
+  font-size: 10.5px;
+  line-height: 12px; }
+
+.ui-tooltip-fluid {
+  display: block;
+  visibility: hidden;
+  position: static!important;
+  float: left!important; }
+
+.ui-tooltip-content {
+  position: relative;
+  padding: 5px 9px;
+  overflow: hidden;
+  border: 1px solid #000001;
+  text-align: left;
+  word-wrap: break-word;
+  overflow: hidden; }
+
+.ui-tooltip-titlebar {
+  position: relative;
+  min-height: 14px;
+  padding: 5px 35px 5px 10px;
+  overflow: hidden;
+  border: 1px solid #000001;
+  border-width: 1px 1px 0;
+  font-weight: bold; }
+
+.ui-tooltip-titlebar + .ui-tooltip-content {
+  border-top-width: 0!important; }
+
+/*Default close button class */
+.ui-tooltip-titlebar .ui-state-default {
+  position: absolute;
+  right: 4px;
+  top: 50%;
+  margin-top: -9px;
+  cursor: pointer;
+  outline: medium none;
+  border-width: 1px;
+  border-style: solid; }
+
+* html .ui-tooltip-titlebar .ui-state-default {
+  top: 16px; }
+
+.ui-tooltip-titlebar .ui-icon, .ui-tooltip-icon .ui-icon {
+  display: block;
+  text-indent: -1000em; }
+
+.ui-tooltip-icon, .ui-tooltip-icon .ui-icon {
+  -moz-border-radius: 3px;
+  -webkit-border-radius: 3px;
+  border-radius: 3px; }
+
+.ui-tooltip-icon .ui-icon {
+  width: 18px;
+  height: 14px;
+  text-align: center;
+  text-indent: 0;
+  font: normal bold 10px/13px Tahoma, sans-serif;
+  color: inherit;
+  background: transparent none no-repeat -100em -100em; }
+
+/*Default tooltip style */
+.ui-tooltip-default .ui-tooltip-titlebar, .ui-tooltip-default .ui-tooltip-content {
+  border-color: #F1D031;
+  background-color: #FFFFA3;
+  color: #555; }
+
+.ui-tooltip-default .ui-tooltip-titlebar {
+  background-color: #FFEF93; }
+
+.ui-tooltip-default .ui-tooltip-icon {
+  border-color: #CCC;
+  background: #F1F1F1;
+  color: #777; }
+
+.ui-tooltip-default .ui-tooltip-titlebar .ui-state-hover {
+  border-color: #AAA;
+  color: #111; }
+
+div.book-wrapper section.book-sidebar {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box; }
+  div.book-wrapper section.book-sidebar ul#booknav {
+    font-size: 12px; }
+    div.book-wrapper section.book-sidebar ul#booknav a {
+      color: #000; }
+      div.book-wrapper section.book-sidebar ul#booknav a:hover {
+        color: #666; }
+    div.book-wrapper section.book-sidebar ul#booknav li {
+      background: none;
+      padding-left: 30px; }
+      div.book-wrapper section.book-sidebar ul#booknav li div.hitarea {
+        background-image: url("../images/treeview-default.gif");
+        margin-left: -22px;
+        position: relative;
+        top: 4px; }
+        div.book-wrapper section.book-sidebar ul#booknav li div.hitarea:hover {
+          filter: alpha(opacity=60);
+          opacity: 0.6; }
+      div.book-wrapper section.book-sidebar ul#booknav li ul {
+        background: none; }
+    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;
+      box-shadow: 0 1px 0 #eeeeee;
+      padding: 7px 7px 7px 30px; }
+div.book-wrapper section.book nav a {
+  padding: 0 22.652px; }
+div.book-wrapper section.book nav ul li {
+  background-color: #f2e9c3; }
+  div.book-wrapper section.book nav ul li.last {
+    display: block;
+    float: left; }
+    div.book-wrapper section.book nav ul li.last a {
+      border-left: 0;
+      border-right: 1px solid #e4d080;
+      -webkit-box-shadow: inset -1px 0 0 #faf7e9;
+      -moz-box-shadow: inset -1px 0 0 #faf7e9;
+      box-shadow: inset -1px 0 0 #faf7e9; }
+  div.book-wrapper section.book nav ul li.next {
+    display: block;
+    float: right; }
+  div.book-wrapper section.book nav ul li:hover {
+    background: none; }
+div.book-wrapper section.book nav.bottom-nav {
+  border-bottom: 0;
+  border-top: 1px solid #EDDFAA;
+  margin-bottom: -22.652px;
+  margin-top: 22.652px; }
+div.book-wrapper section.book section.page {
+  text-align: center; }
+  div.book-wrapper section.book section.page img {
+    border: 1px solid #dddddd;
+    max-width: 100%; }
+div.book-wrapper.closed section.book-sidebar {
+  width: 3.077%; }
+  div.book-wrapper.closed section.book-sidebar header#open_close_accordion {
+    padding: 0; }
+    div.book-wrapper.closed section.book-sidebar header#open_close_accordion a {
+      background-image: url("../images/slide-right-icon.png"); }
+    div.book-wrapper.closed section.book-sidebar header#open_close_accordion h2 {
+      padding: 0;
+      visibility: hidden;
+      width: 10px; }
+  div.book-wrapper.closed section.book-sidebar ul#booknav {
+    max-height: 100px;
+    overflow: hidden;
+    padding: 0;
+    visibility: hidden;
+    width: 10px; }
+div.book-wrapper.closed section.course-content {
+  width: 97.773%; }

From 9d638d2ac09266f5d5eb4a7928ff69c9b22ecd56 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 11 Jul 2012 16:12:33 -0400
Subject: [PATCH 2/8] Added some more style for cal view and nav bar

---
 cms/static/img/menu.png           | Bin 0 -> 95 bytes
 cms/static/img/noise.png          | Bin 0 -> 4878 bytes
 cms/static/sass/_base.scss        |  18 +++++---
 cms/static/sass/_calendar.scss    |  28 +++++++++----
 cms/static/sass/_layout.scss      |  66 ++++++++++++++++++++++++------
 cms/templates/widgets/header.html |   5 ++-
 6 files changed, 90 insertions(+), 27 deletions(-)
 create mode 100644 cms/static/img/menu.png
 create mode 100644 cms/static/img/noise.png

diff --git a/cms/static/img/menu.png b/cms/static/img/menu.png
new file mode 100644
index 0000000000000000000000000000000000000000..7449b34c1c0c2e11ddd7e4f353cf7b86e3071dc5
GIT binary patch
literal 95
zcmeAS@N?(olHy`uVBq!ia0vp@K+MI#1|;*}T{!}z)I41rLn>~)J-<+pfr01Hfp_+~
tvR#Xf8MY~Xa!qsGdGv&y)Bh_rvL~k<?K=Mc$a|m;22WQ%mvv4FO#s<BAVvTH

literal 0
HcmV?d00001

diff --git a/cms/static/img/noise.png b/cms/static/img/noise.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fa5168293e2cd6d5bee10ee9721a7cd1e4f94f1
GIT binary patch
literal 4878
zcmaJ_XH-*Lw*^6ZQK}Rngx(T*AQGemm97B+1u-E6LJ5f^Kq%5dnxG<rD2hmxs?uAK
zE{HUx2uLV`iV%t*MevLFyWaPHy!*}==j^@DSaYtm*P45sF;2pH>$BV(q8tni4BTet
z;0XG7o__1IvCyCE@~~w3AVM;AB-!HKNr5Oo41<vy-W3Bd!=XGd2n@<C=-O+HJ_7?2
z(9_P5<Y;9HMdNWG)NdOQ8AqU_>13zL1QgmELjt&BJUo42Kw2XO2=H`+0Uflh)T{_5
z7_8^HU_Xp)u(cgJ*c+|q20U#5&?iIb1UL){1t8;me2Gvp4EPr>ls^Cc8Vm&dWkT|X
z0skA6qt$tU3EmF_&<3fgqSbWN06OX*bxkb@1fl}aP*Ya}t7(AMHB{9hP)!Y}ni}Bm
z3rP3o=jIMYz|Z{ci@t&Zu_O`!3I+!T27&@LL3lq8u)3a}-fs>K4OO~@Dly2Hgd(f@
z5~cqzz%fL$pC^IjiT4HkW<<H-{Yfw&J<|Vf0Y~_U)|dEqn&=4wlTie)I!NvJmi`!8
zS^fW}INU$hL=pn?Kk@#b#6-Iw0tSr05b^$gXnNt?rGL93Ku!EGC=%Y!4v+Wwlg0B`
zJPA+4;t2o~TWx?93hn9pd;OQal@-*?mq<eSqA_N07?92Y^7M3r8fn0_jEvOJXlbZv
zs;ir->*~QZOf)sLG|s4-m}r>j{=vfWXn!2Wm-Gkg_77G=?O(CKrGO*QJ;O16o&gxQ
zGk$m+;IA!1J^wux_`mY~jdlCiSkz7b6$_>Z1O8pu|5fNeujuOeJ^e?v^u<5I$N19K
z?njq(=lX0E0|RfA8QjQ@{9)w*d!6-r;V$0BJb@tvL5W;Fcy8n^IrFSMgoc2uxl(_D
z2K;U^w?J+rLUhQG$y`HQK_fr69-DJ`5YXJ{zx_kx(JJLm2yOFQNEhv4^O(!>720L*
z$1-MowLTLXKb9*f4UM#xNvp>O)3mWNr!hPv|I@(Z8C>H^O}SZ`oXA*j2AJmlCUf?O
zjqYqrDFr`SQ?|eO06+Dv*!EyOQBZm6QON2S^9<061ewYR@g6ND(Ar`-uS6a>>ip~Q
zpuL`viDhSn8!|<GtG6T$3Ed&g2&p(ytxq42Ag&$p1e(1Q?h}aebAu4N-YI;_t@Y4^
z7q(DdH<w7jb)O968XK4Je|I5_a-}gKth7H%o5;>PV$~eHwXtuSB;-Hc;LpiB?Em5I
zDcVC(eO}aLE&eKHW$=l~S7<b4=}}1N()J|&ba*+Y@7`+R<1mgNTE0``_}ZDU5K8k(
z%_L%A=lh7w^!RhM$yJ`yKi852JJMYDe|{~gXkg(M-8sP3Omqn<B06YKRcs7)^CmGF
zSEdr=A7!p5XSf6_`m5vz|CkQ^70Uao!0N$bwV}MQ>SY0~R{=%n?vy8Ji+d{99)};+
zj~PslH25#uoh`j35%TT18e`LP61au%^V;gCjH}yDENuaW*#YMMp$k2?QIfbb)Xl|y
zqU81O7b;Ke<<FE%U+X>@7BXxmUoWcdwR13^a_a5H3YY2YTkjoQ_DT5lxz6UUbVb{)
z?9h$Zt4oi=x0iVJ7LEn}I{2}FJ=?;{E?w#3)IN<u>%FJCTwcGJHE8zE;L*gZXx9Cd
zUgpop*LP&w{h2{Vn30$r@^V@2_T<Or5Z3<Yy{{z)Lbl&NRC^zDdG6ZjTw-4~bxX>m
zjV2kia2&s=>GAeEfAHdckA`l^@Tn`|2V1YEeCt06QB1wVcV=(g9Sz@}@Hni626l;f
z)EPyy)MsgX@6GcX>>!`6rGKj)b6G8KT=nag2r2a*DX^*|j95YH5&7nN%*pp%H@_|K
z1ubPSxrD4}|DZ<mHbnD4d#vtjbUvo6HY~TjA%?Ads9w!Y0+}~|?~zXZuBjUN^^iCK
z8<Rx4Zhd{vxziJI!e=U|YFuIy5`Oq|&Dm-+aOV1w;6l7~%362-0|+nWJ}jh0SbRS!
zldgoxvP&<!Xd^#h+vCzy@MH+B8N#N2dvlO!sEAM2yzX+fS3dNHNa*gTjM<&y!bj$w
zBXkuk)+Pyq-wxI|avoPP7Cjx-bowJ52peDCdw_2d+4eUGi=zYI|D;X)PKWK73timF
z`$LGD0sT$Oh<m8^xZMM~Jm2EwZ61lg(eXtpOrlft7Jr0I2QQcT4(FLY_;$^c*0gDT
ze$xkexKcY4M{Lt%j}W0vyeyoluq{lP0b0Hp=U`8T5~zk0yj7}u|IXIfRo;Chpqn}>
zo8dh7<V&w|h2??Jrb|m`eR#%R<b=Ce;dr#@pkVvu7kbqA4?L&7Q6GgL?ouZ_Z;EPj
zSa;1SyNL8gUds0CRTR0bR48RNiL0GPxGOKQGCyDW*xYz(hZ+q7&F3sMZ;3rjM>2C7
ztw#yJRlOTMnrq4#NR4D=kz;(Q7Dqp39}YJ9z`pbjLcG5B{WaO(aP}tT<C@=4OfEU$
zz4&c-cHdKoSRsVnc&>w<wWYVv<x*-Vmh2G(^p6kNU#Z<Mb8L**jp76mATyzxES|}t
zDIA-O;QQCGX{)h!(e4#Z8|Ej}hFDWLN;{NFwd1$P6KZKup5r~H^SM$dm{X3-a;g*z
zORf#4Jf~+`vCNVI0TnFq*57I8Ii*q;yw4Xx!STymlb)VU-9DMA>5;NL^z>|9+*m2S
z$=JV&x*rT~6Lhd^m$5muqD4uKjtF}m{&T&XwUGEFKO=5`Hg(J;1g8X_pSI+wVo5vN
zzGZE3t@4b3MV0LK+Q;>4Yokv1qv>ZbD>o&>c2HjTR4Xs5=BcYekMQ_$u~ro%6Ol*a
ziK@8Ph4su>4nYncV+zVp=qz2LffPZRR;%?oB&0hV>TiC~;@X+`r~;TgE=oU4kL|)e
z&sVea%aQe~v=Y05uDQML<UBUeEhGqXtjw7?tGQ*2jjkLDh%%Hk=4Nzx>=B#71~k}R
zNTZ@CzYaqNWG7f#>)-AN3CpSSob_1Q)PW?KZ4gxX$8rLu<T>It#&sQeAhL#4Mlo5e
zm4YT24l>UCOC`?re)du+BARlU6>q){n(%IYOmW<&H(Sz`2GTW?8$A8zJSWg^>cbB9
zW-|jhX+9>pQAgNQRV6g8wuF9UQVvGyONRe^enTl`wo!+}d#2_3IIGZTMpRmah(jVP
zUwH3!zMhUau)w*2<k`i90nJ@<-Dap_E9^w9@vQLY&t92QmMFTeaD4J<s=)`kN_$7R
zhKlLVf~1t)LC$rR;XF)-d&?EkyRKP@?(r*q>B_<z(Yg|+c#L($d3Ji?-LoE}3-JLP
zgtdxUq~GE0lE=d-dZG`6AgO1{FIOu$GnJ5o=tV%(9SQgOQ03Vxz?KTnE4wsqC*(4~
z=b&wQK1(5#Ub`wr-~-$XHH#H~J-5cQ34FttUbqwIP^OPi!ZNl(A7(yJlkR49K?Rd6
zHQ8W2a@Xdpfw%paM|aV~YiuNXQ!3skGY-6<T6}P+i;Gjg#R+a29N`kHHoVgDrIO3_
z{G8o%bWK<E(TpDEi_h#7b%FWgF@0_4ES&tjg4oS^xr?iDO<b(4EhmqG9W0aGl|HA8
zn8o1eZJpAsQF0Pn;Lp5f4DGX@5Pj3v)i{@&YOse52wtD0Me@idl<7nc#rP^alv~Co
z>U31K8QXqBn#mBjJ0msa>$AH*X>FJ(NJKIYOFRfV+V>qTCUIfiwU5cC<>o?xuEfK^
zGdvS40H{%%C@790Z<>o4e@^mqRastfaaNHWf8M3lXC(1^jDbzGmi;3qLuO-zqdepl
zqY4ZBGOWfcSxu$wqz>}B<$Jt}EV1j!P2&5xd|H(j4;AdM>+vWPj0=4{b9cm<ZWW{r
zL_afp202@|F5;P~E!^Rcr80ecoKf7;`leI=^RtrjjVxq8p8;lKZ!cFkHzCub_zAmC
zP?Eh<k(6?|k+i}i8v!?Y9^grSbe8OAUG*5;2sy9+ZkfHw-~v~KmTn<ZE;88AsPzcr
zOWZO0+ur5#7p1D*O6GG@MAKYfYwIeYCf>xcl<!4B3s|IBJQ#fr-E!IDa(P{ZMx@P3
z#3fT0avZb-3%|b?z&w|Yv^Z_&#JC(ZRv<8SN45HLL6qQ$X9kzW;}R7&EyJnliM43c
z7elu{+C-bkJ0Wgv&lHu(*yrc7U%T;2K7T!(*N)kQbx>UFE~ir!nDyvRiWmg+4$(1t
zml3-E?WJZ+BoneYL6!I+`KCC(oOa;qRPyk%7jU*%QZvlv=F#}pOXL19*JIdR)vL(c
zgEIG8dzAS4Ie0I8;jyvAMJkv^=Q7>Hnj?!0+&4P-ZQSyjsW-6dqD5bY2c(b=Uu>Ub
z=xZOp9R}{XbtXPqitU9GGMiw*ExRM%K9Upp&Lm*k-=U)G9_TYF7yP_nXy+s{NizaD
zsZvdqdh6zd_ewSC1|s?sSwkd6(X_~MJ|!h)8LwIBqPW9K1j|Dy8IitrcExY{TkmXP
z@6=vlDGI5%_cE(xoH(*0m?x{6>=m*4Na5G0OGhN`wi#rlr-d308tM--vWg$uAnSx8
zYDB~27t2Lty^U3hp{4%J`uzP>uk=&oR*wxu&bjF0oYNQ)@qVSP#U*N}#IU^T?-yJy
zDL<Q&m215#WO`d*uo+w7$PyK6__F1=QP*o{xnYl~+L+`Xib$V)qWtT<-ls+;ne14L
zCJw{9@bQ9oO^6NAoZ(%s2rx=ov`>5ZD#NMgI-*^Y1KTAAzsM{XQr1pD^Qx6P2HEVc
zk0`NQW+j|GFQi-zR^o$nQnelyYUqBwvDHCsEGOcD>7%{MD4v2FdhxnS`Rx&3*bEbu
z$GjMq%S4JcqPg^)3XdKa2xmJU1U><`qmIBSFxFCj#ng;j<D%g2rXP=|a2&o~ex?|f
zUfFq~)q@P8nM^MDr<10~=SpP2vFR`8t^<E0n-u|6RRx}Ov>)uur!q!tj@tdIZ&i$Z
z_m#1?e!}shOe1mWt;=374fWASokGrjly91tzY=Wx2y9Snb|>dWepgk6{>ep!Fpqh}
z1+JQoadX?wB-vt96Uv}|*OM3WEA+3-0j%p_ewrL?4{=-()MwO7u<~TuC~6kx^mYCO
zdvj5X6=dpn+w~S71M=k3LUC;DH|5){8oca>U1In*gGUsSs!|eO%;u>W-j3H2JDXO9
z&AZHHc2q%lQT0j0>@D9*5i$M#0;WIItzX^81;{$xnM`BUyMn#{^U6oXS`}{Vo+rmM
z(e8c+McSG-_AFY-^<*m9)#8?ag}Vxfd+_efSI+A>mQnV<_&>SzIj0p33Nu78&l0EX
zz$s}jvjCh&qmsy<gw3m38sbO4P)|87rNys3t7MkChenNV0TN$xH1-@T0m$T3D{o!Y
ztU=weA0qN*p}ds?vbjW+q?8oBV0vwLyT{y+A9a`xZ9ukWej!%Ug=X;`<yCDlrcw0?
zk{l7Z@;5b8ExMW)LX|b|7{04&>g$TuInME33Kb!QMjRvR0o}o&JV<DSG~%9UB*7}p
zRC=O#hW(cc)#4@l><Jl4Y}ik+i7lB_1$?GL5_CciOxw@y-aq`ns`I1`%YWyEe`mM-
zUPp7lAoDnuQBqskUSRQpN-i9r@*X~J{`h8OkbF~#*ZXH-qv;Rq^hHB9xWiz(lP_~b
zxTfTcMC5ZMImK;!=E+$G9SKR!HF*iq?O$YMPJdC8KWDumpWbDWfWPnqpx@T07~&I+
z7keQU@1v{Krqb|KdoUApVQ{bIP6nWouMTij0b_w(SX!|Au72J*W3=Hj_w|GU;^4V1
zuWa6VAU`G+yv)gdF$k#9JH-r+Ve_sp-8qpbW}Nui>wdWeS5f=6EXmaaRcy|PtwpTv
z#TeF=*iD3czOubDNzrw17vbop%?|{o7u`G^$es9ffal%0mA?528_sh&x8BLji`@w5
z?VgA_w)A~B0`cwH?nbB<Vu;PSLyvkcGw8uOgXYj4c~CuBp<&Pu`I(LDNb=#S_V+UQ
zV&AtMwr0MT?Y~Y_o>=JAGJgtRv7MBuAh)c~)r*TH=4rz}$OSDkKyW8>t^glam)7SG
zab8@C86wy#3uq@L1<W=G!PLXzs}0QU&MBAdNP0L84+wj${`HH>%+wlQZj6lj4}gp4
AivR!s

literal 0
HcmV?d00001

diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 05014dbb7e..cb00dac83a 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -5,7 +5,7 @@ $body-font-family: "Open Sans", "Lucida Grande", "Lucida Sans Unicode", "Lucida
 $body-font-size: 14px;
 $body-line-height: 20px;
 
-$light-blue: #f0f8fa;
+$light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
 $orange: #f96e5b;
@@ -13,6 +13,14 @@ $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
 
+@mixin hide-text {
+  background-color: transparent;
+  border:           0;
+  color:            transparent;
+  font:             0/0 a;
+  text-shadow:      none;
+}
+
 // Base html styles
 html {
   height: 100%;
@@ -122,10 +130,10 @@ textarea {
   }
 }
 
-.wip {
-  outline: 1px solid #f00 !important;
-  position: relative;
-}
+// .wip {
+//   outline: 1px solid #f00 !important;
+//   position: relative;
+// }
 
 .hidden {
   display: none;
diff --git a/cms/static/sass/_calendar.scss b/cms/static/sass/_calendar.scss
index 4070766617..35609b2d56 100644
--- a/cms/static/sass/_calendar.scss
+++ b/cms/static/sass/_calendar.scss
@@ -1,13 +1,15 @@
 section.cal {
   @include box-sizing(border-box);
   @include clearfix;
-  padding: 25px;
+  padding: 20px;
 
   > header {
+    display: none;
     @include clearfix;
     margin-bottom: 10px;
     opacity: .4;
     @include transition;
+    text-shadow: 0 1px 0 #fff;
 
     &:hover {
       opacity: 1;
@@ -70,12 +72,15 @@ section.cal {
   ol {
     list-style: none;
     @include clearfix;
-    border-left: 1px solid lighten($dark-blue, 40%);
-    border-top: 1px solid lighten($dark-blue, 40%);
+    border: 1px solid lighten( $dark-blue , 30% );
+    background: #FFF;
     width: 100%;
     @include box-sizing(border-box);
     margin: 0;
     padding: 0;
+    @include box-shadow(0 0 5px lighten($dark-blue, 45%));
+    @include border-radius(3px);
+    overflow: hidden;
 
     > li {
       border-right: 1px solid lighten($dark-blue, 40%);
@@ -84,6 +89,7 @@ section.cal {
       float: left;
       width: flex-grid(3) + ((flex-gutter() * 3) / 4);
       background-color: $light-blue;
+      @include box-shadow(inset 0 0 0 1px lighten($light-blue, 8%));
 
       &:hover {
         li.create-module {
@@ -91,6 +97,10 @@ section.cal {
         }
       }
 
+      &:nth-child(4n) {
+        border-right: 0;
+      }
+
       header {
         border-bottom: 1px solid lighten($dark-blue, 40%);
         @include box-shadow(0 2px 2px $light-blue);
@@ -128,6 +138,7 @@ section.cal {
             color: #888;
             border-bottom: 0;
             font-size: 12px;
+            @include box-shadow(none);
           }
         }
       }
@@ -138,9 +149,11 @@ section.cal {
         padding: 0;
 
         li {
-          border-bottom: 1px solid darken($light-blue, 8%);
-          position: relative;
+          border-bottom: 1px solid darken($light-blue, 6%);
+          // @include box-shadow(0 1px 0 lighten($light-blue, 4%));
           overflow: hidden;
+          position: relative;
+          text-shadow: 0 1px 0 #fff;
 
           &:hover {
             background-color: lighten($yellow, 14%);
@@ -314,16 +327,13 @@ section.cal {
   @include box-sizing(border-box);
   opacity: .4;
   @include transition();
-  background: darken($light-blue, 2%);
 
   &:hover {
     opacity: 1;
     width: flex-grid(5) + flex-gutter();
-    background-color: transparent;
 
     + section.main-content {
       width: flex-grid(7);
-      opacity: .6;
     }
   }
 
@@ -340,6 +350,7 @@ section.cal {
       display: block;
 
       li {
+
         ul {
           display: inline;
         }
@@ -351,6 +362,7 @@ section.cal {
     li {
       @include box-sizing(border-box);
       width: 100%;
+      border-right: 0;
 
       &.create-module {
         display: none;
diff --git a/cms/static/sass/_layout.scss b/cms/static/sass/_layout.scss
index f4c9f63ea6..419f1df9d8 100644
--- a/cms/static/sass/_layout.scss
+++ b/cms/static/sass/_layout.scss
@@ -2,6 +2,8 @@ body {
   @include clearfix();
   height: 100%;
   font: 14px $body-font-family;
+  background-color: lighten($dark-blue, 62%);
+  background-image: url('/static/img/noise.png');
 
   > section {
     display: table;
@@ -11,28 +13,53 @@ body {
 
   > header {
     background: $dark-blue;
+    @include background-image(url('/static/img/noise.png'), linear-gradient(lighten($dark-blue, 10%), $dark-blue));
+    border-bottom: 1px solid darken($dark-blue, 15%);
+    @include box-shadow(inset 0 -1px 0 lighten($dark-blue, 10%));
+    @include box-sizing(border-box);
     color: #fff;
     display: block;
     float: none;
-    padding: 8px 25px;
+    padding: 0 25px;
+    text-shadow: 0 -1px 0 darken($dark-blue, 15%);
     width: 100%;
-    @include box-sizing(border-box);
-    -webkit-font-smoothing: antialiased;
 
     nav {
       @include clearfix;
 
-      h2 {
-        font-size: 14px;
-        text-transform: uppercase;
+      > a {
+        @include hide-text;
+        background: url('/static/img/menu.png') 0 center no-repeat;
+        border-right: 1px solid darken($dark-blue, 10%);
+        @include box-shadow(1px 0 0 lighten($dark-blue, 10%));
+        display: block;
         float: left;
-        margin: 0 15px 0 0;
+        height: 19px;
+        padding: 8px 10px 8px 0;
+        width: 14px;
+
+        &:hover, &:focus {
+          opacity: .7;
+        }
+      }
+
+      h2 {
+        border-right: 1px solid darken($dark-blue, 10%);
+        @include box-shadow(1px 0 0 lighten($dark-blue, 10%));
+        float: left;
+        font-size: 14px;
+        margin: 0;
+        text-transform: uppercase;
+        -webkit-font-smoothing: antialiased;
 
         a {
           color: #fff;
+          padding: 8px 20px;
+          display: block;
 
           &:hover {
-            color: rgba(#fff, .6);
+            background-color: rgba(darken($dark-blue, 15%), .5);
+            color: $yellow;
           }
         }
       }
@@ -48,21 +75,35 @@ body {
       ul {
         float: left;
         margin: 0;
+        padding: 0;
+        @include clearfix;
 
         &.user-nav {
           float: right;
+          border-left: 1px solid darken($dark-blue, 10%);
         }
 
         li {
-          @include inline-block();
+          border-right: 1px solid darken($dark-blue, 10%);
+          float: left;
+          @include box-shadow(1px 0 0 lighten($dark-blue, 10%));
 
           a {
-            padding: 8px 10px;
+            padding: 8px 20px;
             display: block;
-            margin: -8px 0;
 
             &:hover {
-              background-color: darken($dark-blue, 15%);
+              background-color: rgba(darken($dark-blue, 15%), .5);
+              color: $yellow;
+            }
+
+            &.new-module {
+              &:before {
+                @include inline-block;
+                content: "+";
+                font-weight: bold;
+                margin-right: 10px;
+              }
             }
           }
         }
@@ -78,6 +119,7 @@ body {
       float: left;
       @include box-shadow( -2px 0 0 darken($light-blue, 3%));
       @include transition();
+      background: #FFF;
     }
   }
 }
diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html
index c1c05671fa..f9322fb13d 100644
--- a/cms/templates/widgets/header.html
+++ b/cms/templates/widgets/header.html
@@ -1,13 +1,14 @@
 <%! from django.core.urlresolvers import reverse %>
 <header>
   <nav>
+    <a href="/">Home</a>
     <h2><a href="/">edX CMS: TODO:-course-name-here</a></h2>
     <ul>
       <li>
-        <a href="#" class="new-module wip">New Module</a>
+        <a href="#" class="new-module wip">Module</a>
       </li>
       <li>
-        <a href="#" class="new-module wip">New Unit</a>
+        <a href="#" class="new-module wip">Unit</a>
       </li>
     </ul>
 

From d53e4bd38fc1ca1ef3cd2afcd05a0080b661cfcd Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 12 Jul 2012 14:28:13 -0400
Subject: [PATCH 3/8] Added more styles includeing the index page more color
 changes and header styles

---
 cms/static/img/content-types/module.png | Bin 0 -> 1138 bytes
 cms/static/sass/_base.scss              |  12 ++--
 cms/static/sass/_content-types.scss     |   5 ++
 cms/static/sass/_index.scss             |  80 ++++++++++++++++++++++++
 cms/static/sass/_keyframes.scss         |  27 ++++++++
 cms/static/sass/_layout.scss            |   4 +-
 cms/static/sass/_section.scss           |   3 +
 cms/static/sass/_unit.scss              |  65 ++++++++++++-------
 cms/static/sass/base-style.scss         |   3 +-
 cms/templates/base.html                 |   2 +-
 cms/templates/course_index.html         |   1 +
 cms/templates/index.html                |   8 +++
 12 files changed, 180 insertions(+), 30 deletions(-)
 create mode 100644 cms/static/img/content-types/module.png
 create mode 100644 cms/static/sass/_index.scss
 create mode 100644 cms/static/sass/_keyframes.scss

diff --git a/cms/static/img/content-types/module.png b/cms/static/img/content-types/module.png
new file mode 100644
index 0000000000000000000000000000000000000000..643c12d1d99d9efb94d6e7f6149a0013444bd7ab
GIT binary patch
literal 1138
zcmbVMO-$2J9IpbyAWKjWiXrh)f?r{4yRF?;8Ek6@EU>YRMdppJeXt7suzj#WydWeZ
zTueN8F-D^|6B94SL?a|}&>JQuenc<Ego6i+XM(;mh8_qeHf`T~|Nei!|95X>(!K76
zlMMtxxRZTi7OzL}(|E{*-}CJkm+{h!5_vRajG~fcK_aFY1qhOwGzPO!Ql_uGft>_V
zQ&e+#lur%tvY~k;N5@;%OpGRo&hD})$>R`#0vuEI2)XfmnFOj5A&1!%oiYVjRQqNu
zI5d;a$ur|}SRuQ+Kxdi91R6vVC~FhC&6gwOHZPC&j+i3Bwh9`LkQJx$sSFSd3j)^b
z_sBHE0FLuA0hZ&K4&b91A4TJv^DqIP<#=BZ>|7+aW+|h5R_xiag-;Q(h>*!sRH;<*
zmi%7B8l#wSIP7rvd>*Xfv8Qz;l|8!MR%H;OEnBLIR6_?2qf{^^QG~>vRzlFsRBD%4
zw|5eSQ%02~lVZFyrD;xF+uAnD!ar{8scq+`O-N;-ZA@A+uE%Iw6^wJYzad8vd&3V}
zDlUpNAsX_e26dDaBP9OfRaAwi{UMyiV1N$#XfDJsAv)ym3C1~&j)yoV?5lF@g%xNq
z7UF^l!5?QBCc%W+KrGJrX)(wK5($B=Vw1X!BwdD8yDGN3gBAD1@`42=WLP=Fn5cF@
zrf49;E*d5fhB$CGCCRGp2+lbLs>CZoOPzvBk7a0JJHx!XhX-`{Uy)a^%Kv1I!p=}m
zd;HZdRT1t%XS>_{_^>-ZP{%W4;o*380kz@5x|bAVx$>vN=a=8tYFsW?mn-+9X~EsR
zP}>pRJibu(b~Sc&7<A3`ZVZAgm%sMg(e{qTsUzk}D|mXn**bN;czCt<#A{+8bDNI3
z^YyF0lB?@C-3Ml)zLuYLUz)6y%cmdGt@WEVUs)jBjXhXuAr|ki53H@UzVClD^5hl4
z&fgMiw&L=!JL%}inRosDvmciFgsAI9Ekhh^BtFhj;Y)UH)cFe}6KU~reB|11?m}Z1

literal 0
HcmV?d00001

diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index cb00dac83a..41424fe08f 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -8,7 +8,7 @@ $body-line-height: 20px;
 $light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
-$orange: #f96e5b;
+$orange: #ea5155;
 $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
@@ -41,15 +41,17 @@ input {
 }
 
 button, input[type="submit"], .button {
-  background-color: $orange;
-  border: 0;
+  @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+  @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
+  border-left: 1px solid lighten($dark-blue, 10%);
+  text-shadow: 0 -1px 0 darken($bright-blue, 10%);
   color: #fff;
   font-weight: bold;
   padding: 8px 10px;
   -webkit-font-smoothing: antialiased;
+  @include border-radius(4px);
 
-  &:hover {
-    background-color: shade($orange, 10%);
+  &:hover, &:focus {
   }
 }
 
diff --git a/cms/static/sass/_content-types.scss b/cms/static/sass/_content-types.scss
index 587646fb39..5fab0fe874 100644
--- a/cms/static/sass/_content-types.scss
+++ b/cms/static/sass/_content-types.scss
@@ -53,3 +53,8 @@
   @extend .content-type;
   background-image: url('../img/content-types/chapter.png');
 }
+
+.module a:first-child {
+  @extend .content-type;
+  background-image: url('/static/img/content-types/module.png');
+}
diff --git a/cms/static/sass/_index.scss b/cms/static/sass/_index.scss
new file mode 100644
index 0000000000..a3e210b558
--- /dev/null
+++ b/cms/static/sass/_index.scss
@@ -0,0 +1,80 @@
+body.index {
+  > header {
+    display: none;
+  }
+
+  > h1 {
+    font-weight: 300;
+    color: lighten($dark-blue, 40%);
+    text-shadow: 0 1px 0 #fff;
+    -webkit-font-smoothing: antialiased;
+    max-width: 600px;
+    text-align: center;
+    margin: 80px auto 30px;
+  }
+
+  section.main-container {
+    border-right: 3px;
+    background: #FFF;
+    max-width: 600px;
+    margin: 0 auto;
+    display: block;
+    @include box-sizing(border-box);
+    border: 1px solid lighten( $dark-blue , 30% );
+    @include border-radius(3px);
+    overflow: hidden;
+    @include bounce-in-animation(.8s);
+
+    header {
+      border-bottom: 1px solid lighten($dark-blue, 50%);
+      @include linear-gradient(#fff, lighten($dark-blue, 62%));
+      @include clearfix();
+      @include box-shadow( 0 2px 0 $light-blue, inset 0 -1px 0 #fff);
+      text-shadow: 0 1px 0 #fff;
+
+      h1 {
+        font-size: 14px;
+        padding: 8px 20px;
+        float: left;
+        color: $dark-blue;
+        margin: 0;
+      }
+
+      a {
+        float: right;
+        padding: 8px 20px;
+        border-left: 1px solid lighten($dark-blue, 50%);
+        @include box-shadow( inset -1px 0 0 #fff);
+        font-weight: bold;
+        font-size: 22px;
+        line-height: 1;
+        color: $dark-blue;
+      }
+    }
+
+    ol {
+      list-style: none;
+      margin: 0;
+      padding: 0;
+
+      li {
+        border-bottom: 1px solid lighten($dark-blue, 50%);
+
+        a {
+          display: block;
+          padding: 10px 20px;
+
+          &:hover {
+            color: $dark-blue;
+            background: lighten($yellow, 10%);
+            text-shadow: 0 1px 0 #fff;
+          }
+        }
+
+        &:last-child {
+          border-bottom: none;
+        }
+      }
+    }
+  }
+}
diff --git a/cms/static/sass/_keyframes.scss b/cms/static/sass/_keyframes.scss
new file mode 100644
index 0000000000..7661f18980
--- /dev/null
+++ b/cms/static/sass/_keyframes.scss
@@ -0,0 +1,27 @@
+@mixin bounce-in {
+  0% {
+    opacity: 0;
+    @include transform(scale(.3));
+  }
+
+  50% {
+    opacity: 1;
+    @include transform(scale(1.05));
+  }
+
+  100% {
+    @include transform(scale(1));
+  }
+}
+
+@-moz-keyframes bounce-in { @include bounce-in(); }
+@-webkit-keyframes bounce-in { @include bounce-in(); }
+@-o-keyframes bounce-in { @include bounce-in(); }
+@keyframes bounce-in { @include bounce-in();}
+
+@mixin bounce-in-animation($duration, $timing: ease-in-out) {
+  @include animation-name(bounce-in);
+  @include animation-duration($duration);
+  @include animation-timing-function($timing);
+  @include animation-fill-mode(both);
+}
diff --git a/cms/static/sass/_layout.scss b/cms/static/sass/_layout.scss
index 419f1df9d8..43308a973c 100644
--- a/cms/static/sass/_layout.scss
+++ b/cms/static/sass/_layout.scss
@@ -20,7 +20,7 @@ body {
     color: #fff;
     display: block;
     float: none;
-    padding: 0 25px;
+    padding: 0 20px;
     text-shadow: 0 -1px 0 darken($dark-blue, 15%);
     width: 100%;
 
@@ -117,7 +117,7 @@ body {
       @include box-sizing(border-box);
       width: flex-grid(9) + flex-gutter();
       float: left;
-      @include box-shadow( -2px 0 0 darken($light-blue, 3%));
+      @include box-shadow( -2px 0 0 lighten($dark-blue, 55%));
       @include transition();
       background: #FFF;
     }
diff --git a/cms/static/sass/_section.scss b/cms/static/sass/_section.scss
index fa08e02901..7558a2193b 100644
--- a/cms/static/sass/_section.scss
+++ b/cms/static/sass/_section.scss
@@ -1,6 +1,7 @@
 section#unit-wrapper {
   section.filters {
     @include clearfix;
+    display: none;
     opacity: .4;
     margin-bottom: 10px;
     @include transition;
@@ -52,6 +53,8 @@ section#unit-wrapper {
     display: table;
     border: 1px solid lighten($dark-blue, 40%);
     width: 100%;
+    @include border-radius(3px);
+    @include box-shadow(0 0 4px lighten($dark-blue, 50%));
 
     section {
       header {
diff --git a/cms/static/sass/_unit.scss b/cms/static/sass/_unit.scss
index d8613be3c2..8c42ba9d08 100644
--- a/cms/static/sass/_unit.scss
+++ b/cms/static/sass/_unit.scss
@@ -1,19 +1,19 @@
 section#unit-wrapper {
   > header {
-    border-bottom: 2px solid $dark-blue;
+    border-bottom: 1px solid lighten($dark-blue, 50%);
+    @include linear-gradient(#fff, lighten($dark-blue, 62%));
     @include clearfix();
-    @include box-shadow( 0 2px 0 darken($light-blue, 3%));
-    padding: 6px 20px;
+    @include box-shadow( 0 2px 0 $light-blue, inset 0 -1px 0 #fff);
+    text-shadow: 0 1px 0 #fff;
 
     section {
       float: left;
+      padding: 10px 20px;
 
       h1 {
-        font-size: 16px;
-        text-transform: uppercase;
-        letter-spacing: 1px;
+        font-size: 18px;
         @include inline-block();
-        color: $bright-blue;
+        color: $dark-blue;
         margin: 0;
       }
 
@@ -22,32 +22,55 @@ section#unit-wrapper {
         margin: 0;
 
         a {
-          text-indent: -9999px;
           @include inline-block();
-          width: 1px;
-          height: 100%;
+          font-size: 12px;
        }
       }
     }
 
     div {
-      float: right;
+      @include clearfix;
       color: #666;
+      float: right;
+      padding: 0 20px;
 
       a {
-        display: block;
         @include inline-block;
+        padding: 13px 20px;
 
-       &.cancel {
-         margin-right: 20px;
-         font-style: italic;
-         font-size: 12px;
-       }
+        &.cancel {
+          margin-right: 20px;
+          font-style: italic;
+          font-size: 12px;
+        }
 
-       &.save-update {
-         @extend .button;
-         margin: -6px -21px -6px 0;
-       }
+        &.save-update {
+          border-left: 1px solid lighten($dark-blue, 40%);
+          border-right: 1px solid lighten($dark-blue, 40%);
+          // @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+          color: $bright-blue;
+          @include linear-gradient(lighten($dark-blue, 50%), lighten($bright-blue, 55%));
+
+          // &:hover, &:focus {
+          //   color: $yellow;
+          //   @include linear-gradient($bright-blue, darken($bright-blue, 10%));
+          //   @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
+          // }
+        }
+        // &.save-update {
+        //   border-left: 1px solid lighten($dark-blue, 10%);
+        //   border-right: 1px solid lighten($dark-blue, 10%);
+        //   @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+        //   color: #fff;
+        //   @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
+        //   text-shadow: 0 -1px 0 darken($bright-blue, 10%);
+
+        //   &:hover, &:focus {
+        //     color: $yellow;
+        //     @include linear-gradient($bright-blue, darken($bright-blue, 10%));
+        //     @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
+        //   }
+        // }
       }
     }
   }
diff --git a/cms/static/sass/base-style.scss b/cms/static/sass/base-style.scss
index 35c02a4758..49a51a59fb 100644
--- a/cms/static/sass/base-style.scss
+++ b/cms/static/sass/base-style.scss
@@ -1,8 +1,9 @@
 @import 'bourbon/bourbon';
 @import 'vendor/normalize';
+@import 'keyframes';
 
 @import 'base', 'layout', 'content-types';
 @import 'calendar';
-@import 'section', 'unit';
+@import 'section', 'unit', 'index';
 
 @import 'module/module-styles.scss';
diff --git a/cms/templates/base.html b/cms/templates/base.html
index 96f881421a..dba7df95b9 100644
--- a/cms/templates/base.html
+++ b/cms/templates/base.html
@@ -15,7 +15,7 @@
     <meta name="path_prefix" content="${MITX_ROOT_URL}">
   </head>
 
-  <body>
+  <body class="<%block name='bodyclass'></%block>">
 
     <%include file="widgets/header.html"/>
     <%include file="courseware_vendor_js.html"/>
diff --git a/cms/templates/course_index.html b/cms/templates/course_index.html
index 92b5cc296c..e490ad7817 100644
--- a/cms/templates/course_index.html
+++ b/cms/templates/course_index.html
@@ -1,5 +1,6 @@
 <%inherit file="base.html" />
 <%block name="title">Course Manager</%block>
+<%include file="widgets/header.html"/>
 
 <%block name="content">
 <section class="main-container">
diff --git a/cms/templates/index.html b/cms/templates/index.html
index 2998cb8bd6..6e3cb648ae 100644
--- a/cms/templates/index.html
+++ b/cms/templates/index.html
@@ -1,8 +1,16 @@
 <%inherit file="base.html" />
+<%block name="bodyclass">index</%block>
 <%block name="title">Courses</%block>
 
 <%block name="content">
+<h1>edX Course Management</h1>
+
 <section class="main-container">
+  <header>
+    <h1>Courses</h1>
+    <a href="#" class="wip">+</a>
+  </header>
+
   <ol>
     %for course, url in courses:
     <li><a href="${url}">${course}</a></li>

From 1d5ce541402d32a5dcf608ab1a30c6cd2712b442 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 12 Jul 2012 16:38:37 -0400
Subject: [PATCH 4/8] Added styles for buttons

---
 cms/static/sass/_base.scss    | 14 +++++++------
 cms/static/sass/_section.scss | 11 +++++-----
 cms/static/sass/_unit.scss    | 38 +++++++++++------------------------
 3 files changed, 25 insertions(+), 38 deletions(-)

diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 41424fe08f..82e9a2c16d 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -8,7 +8,7 @@ $body-line-height: 20px;
 $light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
-$orange: #ea5155;
+$orange: #f96e5b;
 $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
@@ -41,17 +41,19 @@ input {
 }
 
 button, input[type="submit"], .button {
-  @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-  @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-  border-left: 1px solid lighten($dark-blue, 10%);
-  text-shadow: 0 -1px 0 darken($bright-blue, 10%);
+  background-color: $orange;
+  @include linear-gradient(adjust-hue($orange, 8%), $orange);
+  border: 1px solid darken($orange, 15%);
+  @include box-shadow(inset 0 0 0 1px adjust-hue($orange, 20%), 0 1px 0 #fff);
+  text-shadow: 0 1px 0 darken($orange, 10%);
   color: #fff;
   font-weight: bold;
-  padding: 8px 10px;
+  padding: 6px 20px;
   -webkit-font-smoothing: antialiased;
   @include border-radius(4px);
 
   &:hover, &:focus {
+    @include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%));
   }
 }
 
diff --git a/cms/static/sass/_section.scss b/cms/static/sass/_section.scss
index 7558a2193b..97818326be 100644
--- a/cms/static/sass/_section.scss
+++ b/cms/static/sass/_section.scss
@@ -61,16 +61,14 @@ section#unit-wrapper {
         background: #fff;
         padding: 6px;
         border-bottom: 1px solid lighten($dark-blue, 60%);
-        border-top: 1px solid lighten($dark-blue, 60%);
-        margin-top: -1px;
         @include clearfix;
 
         h2 {
           color: $bright-blue;
-          float: left;
-          font-size: 12px;
+          // float: left;
+          font-size: 14px;
           letter-spacing: 1px;
-          line-height: 19px;
+          // line-height: 20px;
           text-transform: uppercase;
           margin: 0;
         }
@@ -175,7 +173,6 @@ section#unit-wrapper {
           padding: 0;
 
           li {
-            border-bottom: 1px solid darken($light-blue, 8%);
             background: $light-blue;
 
             &:last-child {
@@ -184,6 +181,7 @@ section#unit-wrapper {
 
             &.new-module a {
               background-color: darken($light-blue, 2%);
+              border-bottom: 1px solid darken($light-blue, 8%);
 
               &:hover {
                 background-color: lighten($yellow, 10%);
@@ -202,6 +200,7 @@ section#unit-wrapper {
               li {
                 padding: 6px;
                 border-collapse: collapse;
+                border-bottom: 1px solid darken($light-blue, 8%);
                 position: relative;
 
                 &:last-child {
diff --git a/cms/static/sass/_unit.scss b/cms/static/sass/_unit.scss
index 8c42ba9d08..0ab0d1064d 100644
--- a/cms/static/sass/_unit.scss
+++ b/cms/static/sass/_unit.scss
@@ -32,45 +32,31 @@ section#unit-wrapper {
       @include clearfix;
       color: #666;
       float: right;
-      padding: 0 20px;
+      padding: 6px 20px;
 
       a {
         @include inline-block;
-        padding: 13px 20px;
 
         &.cancel {
           margin-right: 20px;
           font-style: italic;
           font-size: 12px;
+          padding: 6px 0;
         }
 
         &.save-update {
-          border-left: 1px solid lighten($dark-blue, 40%);
-          border-right: 1px solid lighten($dark-blue, 40%);
-          // @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-          color: $bright-blue;
-          @include linear-gradient(lighten($dark-blue, 50%), lighten($bright-blue, 55%));
+          padding: 6px 20px;
+          @include border-radius(3px);
+          border: 1px solid lighten($dark-blue, 40%);
+          @include box-shadow(inset 0 0 0 1px #fff);
+          color: $dark-blue;
+          @include linear-gradient(lighten($dark-blue, 60%), lighten($dark-blue, 55%));
 
-          // &:hover, &:focus {
-          //   color: $yellow;
-          //   @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-          //   @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-          // }
+          &:hover, &:focus {
+            @include linear-gradient(lighten($dark-blue, 58%), lighten($dark-blue, 53%));
+            @include box-shadow(inset 0 0 6px 1px #fff);
+          }
         }
-        // &.save-update {
-        //   border-left: 1px solid lighten($dark-blue, 10%);
-        //   border-right: 1px solid lighten($dark-blue, 10%);
-        //   @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-        //   color: #fff;
-        //   @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-        //   text-shadow: 0 -1px 0 darken($bright-blue, 10%);
-
-        //   &:hover, &:focus {
-        //     color: $yellow;
-        //     @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-        //     @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-        //   }
-        // }
       }
     }
   }

From 84272f3f8c25e93b1b3421d4eb2f3c175b4dfdf4 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Tue, 10 Jul 2012 16:33:36 -0400
Subject: [PATCH 5/8] Added Gemfile.lock to ignore

---
 lms/static/.gitignore | 1 +
 1 file changed, 1 insertion(+)

diff --git a/lms/static/.gitignore b/lms/static/.gitignore
index cec91505bb..afc42d5e7e 100644
--- a/lms/static/.gitignore
+++ b/lms/static/.gitignore
@@ -6,3 +6,4 @@
 *.DS_Store
 application.css
 ie.css
+Gemfile.lock

From b777d2c057e20fc83f1c17dfad6651494a660fb2 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Wed, 11 Jul 2012 16:12:33 -0400
Subject: [PATCH 6/8] Added some more style for cal view and nav bar

---
 cms/static/sass/_layout.scss      | 2 +-
 cms/templates/widgets/header.html | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/cms/static/sass/_layout.scss b/cms/static/sass/_layout.scss
index 43308a973c..b3c73d7d2a 100644
--- a/cms/static/sass/_layout.scss
+++ b/cms/static/sass/_layout.scss
@@ -20,7 +20,7 @@ body {
     color: #fff;
     display: block;
     float: none;
-    padding: 0 20px;
+    padding: 0 25px;
     text-shadow: 0 -1px 0 darken($dark-blue, 15%);
     width: 100%;
 
diff --git a/cms/templates/widgets/header.html b/cms/templates/widgets/header.html
index f9322fb13d..c0b9f9e3af 100644
--- a/cms/templates/widgets/header.html
+++ b/cms/templates/widgets/header.html
@@ -2,7 +2,7 @@
 <header>
   <nav>
     <a href="/">Home</a>
-    <h2><a href="/">edX CMS: TODO:-course-name-here</a></h2>
+    <h2><a href="#">edX CMS: TODO:-course-name-here</a></h2>
     <ul>
       <li>
         <a href="#" class="new-module wip">Module</a>

From 270f0f3ae4b28d9e85addda38d1be0c2adab8c7e Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 12 Jul 2012 14:28:13 -0400
Subject: [PATCH 7/8] Added more styles includeing the index page more color
 changes and header styles

---
 cms/static/sass/_base.scss          | 12 ++++++++-
 cms/static/sass/_content-types.scss |  5 ++++
 cms/static/sass/_layout.scss        |  2 +-
 cms/static/sass/_unit.scss          | 39 ++++++++++++++++++++---------
 4 files changed, 44 insertions(+), 14 deletions(-)

diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 82e9a2c16d..13bab02594 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -8,7 +8,7 @@ $body-line-height: 20px;
 $light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
-$orange: #f96e5b;
+$orange: #ea5155;
 $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
@@ -41,11 +41,18 @@ input {
 }
 
 button, input[type="submit"], .button {
+<<<<<<< HEAD
   background-color: $orange;
   @include linear-gradient(adjust-hue($orange, 8%), $orange);
   border: 1px solid darken($orange, 15%);
   @include box-shadow(inset 0 0 0 1px adjust-hue($orange, 20%), 0 1px 0 #fff);
   text-shadow: 0 1px 0 darken($orange, 10%);
+=======
+  @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+  @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
+  border-left: 1px solid lighten($dark-blue, 10%);
+  text-shadow: 0 -1px 0 darken($bright-blue, 10%);
+>>>>>>> Added more styles includeing the index page more color changes and header styles
   color: #fff;
   font-weight: bold;
   padding: 6px 20px;
@@ -53,7 +60,10 @@ button, input[type="submit"], .button {
   @include border-radius(4px);
 
   &:hover, &:focus {
+<<<<<<< HEAD
     @include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%));
+=======
+>>>>>>> Added more styles includeing the index page more color changes and header styles
   }
 }
 
diff --git a/cms/static/sass/_content-types.scss b/cms/static/sass/_content-types.scss
index 5fab0fe874..00af06d5ad 100644
--- a/cms/static/sass/_content-types.scss
+++ b/cms/static/sass/_content-types.scss
@@ -58,3 +58,8 @@
   @extend .content-type;
   background-image: url('/static/img/content-types/module.png');
 }
+
+.module a:first-child {
+  @extend .content-type;
+  background-image: url('/static/img/content-types/module.png');
+}
diff --git a/cms/static/sass/_layout.scss b/cms/static/sass/_layout.scss
index b3c73d7d2a..43308a973c 100644
--- a/cms/static/sass/_layout.scss
+++ b/cms/static/sass/_layout.scss
@@ -20,7 +20,7 @@ body {
     color: #fff;
     display: block;
     float: none;
-    padding: 0 25px;
+    padding: 0 20px;
     text-shadow: 0 -1px 0 darken($dark-blue, 15%);
     width: 100%;
 
diff --git a/cms/static/sass/_unit.scss b/cms/static/sass/_unit.scss
index 0ab0d1064d..38bd60f20e 100644
--- a/cms/static/sass/_unit.scss
+++ b/cms/static/sass/_unit.scss
@@ -32,31 +32,46 @@ section#unit-wrapper {
       @include clearfix;
       color: #666;
       float: right;
-      padding: 6px 20px;
+      padding: 0 20px;
 
       a {
         @include inline-block;
+        padding: 13px 20px;
 
         &.cancel {
           margin-right: 20px;
           font-style: italic;
           font-size: 12px;
-          padding: 6px 0;
         }
 
         &.save-update {
-          padding: 6px 20px;
-          @include border-radius(3px);
-          border: 1px solid lighten($dark-blue, 40%);
-          @include box-shadow(inset 0 0 0 1px #fff);
-          color: $dark-blue;
-          @include linear-gradient(lighten($dark-blue, 60%), lighten($dark-blue, 55%));
+          border-left: 1px solid lighten($dark-blue, 40%);
+          border-right: 1px solid lighten($dark-blue, 40%);
+          // @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+          color: $bright-blue;
+          @include linear-gradient(lighten($dark-blue, 50%), lighten($bright-blue, 55%));
 
-          &:hover, &:focus {
-            @include linear-gradient(lighten($dark-blue, 58%), lighten($dark-blue, 53%));
-            @include box-shadow(inset 0 0 6px 1px #fff);
-          }
+          // &:hover, &:focus {
+          //   color: $yellow;
+          //   @include linear-gradient($bright-blue, darken($bright-blue, 10%));
+          //   @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
+          // }
         }
+        // &.save-update {
+        //   border-left: 1px solid lighten($dark-blue, 10%);
+        //   border-right: 1px solid lighten($dark-blue, 10%);
+        //   @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
+        //   color: #fff;
+        //   @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
+        //   text-shadow: 0 -1px 0 darken($bright-blue, 10%);
+
+        //   &:hover, &:focus {
+        //     color: $yellow;
+        //     @include linear-gradient($bright-blue, darken($bright-blue, 10%));
+        //     @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
+        //   }
+        // }
+>>>>>>> Added more styles includeing the index page more color changes and header styles
       }
     }
   }

From 44168deffc779de02b6b5c76a8674b71063e5596 Mon Sep 17 00:00:00 2001
From: Kyle Fiedler <kfiedler@thoughtbot.com>
Date: Thu, 12 Jul 2012 16:38:37 -0400
Subject: [PATCH 8/8] Added styles for buttons

---
 cms/static/sass/_base.scss | 18 ++++--------------
 cms/static/sass/_unit.scss | 39 ++++++++++++--------------------------
 2 files changed, 16 insertions(+), 41 deletions(-)

diff --git a/cms/static/sass/_base.scss b/cms/static/sass/_base.scss
index 13bab02594..cad315f6e4 100644
--- a/cms/static/sass/_base.scss
+++ b/cms/static/sass/_base.scss
@@ -8,7 +8,7 @@ $body-line-height: 20px;
 $light-blue: #f0f7fd;
 $dark-blue: #50545c;
 $bright-blue: #3c8ebf;
-$orange: #ea5155;
+$orange: #f96e5b;
 $yellow: #fff8af;
 $cream: #F6EFD4;
 $mit-red: #933;
@@ -41,29 +41,19 @@ input {
 }
 
 button, input[type="submit"], .button {
-<<<<<<< HEAD
   background-color: $orange;
-  @include linear-gradient(adjust-hue($orange, 8%), $orange);
   border: 1px solid darken($orange, 15%);
+  @include border-radius(4px);
   @include box-shadow(inset 0 0 0 1px adjust-hue($orange, 20%), 0 1px 0 #fff);
-  text-shadow: 0 1px 0 darken($orange, 10%);
-=======
-  @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-  @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-  border-left: 1px solid lighten($dark-blue, 10%);
-  text-shadow: 0 -1px 0 darken($bright-blue, 10%);
->>>>>>> Added more styles includeing the index page more color changes and header styles
   color: #fff;
   font-weight: bold;
+  @include linear-gradient(adjust-hue($orange, 8%), $orange);
   padding: 6px 20px;
+  text-shadow: 0 1px 0 darken($orange, 10%);
   -webkit-font-smoothing: antialiased;
-  @include border-radius(4px);
 
   &:hover, &:focus {
-<<<<<<< HEAD
     @include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%));
-=======
->>>>>>> Added more styles includeing the index page more color changes and header styles
   }
 }
 
diff --git a/cms/static/sass/_unit.scss b/cms/static/sass/_unit.scss
index 38bd60f20e..0ab0d1064d 100644
--- a/cms/static/sass/_unit.scss
+++ b/cms/static/sass/_unit.scss
@@ -32,46 +32,31 @@ section#unit-wrapper {
       @include clearfix;
       color: #666;
       float: right;
-      padding: 0 20px;
+      padding: 6px 20px;
 
       a {
         @include inline-block;
-        padding: 13px 20px;
 
         &.cancel {
           margin-right: 20px;
           font-style: italic;
           font-size: 12px;
+          padding: 6px 0;
         }
 
         &.save-update {
-          border-left: 1px solid lighten($dark-blue, 40%);
-          border-right: 1px solid lighten($dark-blue, 40%);
-          // @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-          color: $bright-blue;
-          @include linear-gradient(lighten($dark-blue, 50%), lighten($bright-blue, 55%));
+          padding: 6px 20px;
+          @include border-radius(3px);
+          border: 1px solid lighten($dark-blue, 40%);
+          @include box-shadow(inset 0 0 0 1px #fff);
+          color: $dark-blue;
+          @include linear-gradient(lighten($dark-blue, 60%), lighten($dark-blue, 55%));
 
-          // &:hover, &:focus {
-          //   color: $yellow;
-          //   @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-          //   @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-          // }
+          &:hover, &:focus {
+            @include linear-gradient(lighten($dark-blue, 58%), lighten($dark-blue, 53%));
+            @include box-shadow(inset 0 0 6px 1px #fff);
+          }
         }
-        // &.save-update {
-        //   border-left: 1px solid lighten($dark-blue, 10%);
-        //   border-right: 1px solid lighten($dark-blue, 10%);
-        //   @include box-shadow(inset 0 0 0 1px lighten($bright-blue, 15%));
-        //   color: #fff;
-        //   @include linear-gradient(lighten($bright-blue, 10%), $bright-blue);
-        //   text-shadow: 0 -1px 0 darken($bright-blue, 10%);
-
-        //   &:hover, &:focus {
-        //     color: $yellow;
-        //     @include linear-gradient($bright-blue, darken($bright-blue, 10%));
-        //     @include box-shadow(inset 0 0 3px 1px lighten($bright-blue, 10%));
-        //   }
-        // }
->>>>>>> Added more styles includeing the index page more color changes and header styles
       }
     }
   }