Merge pull request #314 from MITx/kf-cms-style

Style for CMS

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%;
@@ -34,14 +42,18 @@ input {
 
 button, input[type="submit"], .button {
   background-color: $orange;
-  border: 0;
+  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);
   color: #fff;
   font-weight: bold;
-  padding: 8px 10px;
+  @include linear-gradient(adjust-hue($orange, 8%), $orange);
+  padding: 6px 20px;
+  text-shadow: 0 1px 0 darken($orange, 10%);
   -webkit-font-smoothing: antialiased;
 
-  &:hover {
-    background-color: shade($orange, 10%);
+  &:hover, &:focus {
+    @include box-shadow(inset 0 0 6px 1px adjust-hue($orange, 30%));
   }
 }
 
@@ -122,10 +134,10 @@ textarea {
   }
 }
 
-.wip {
-  outline: 1px solid #f00 !important;
-  position: relative;
-}
+// .wip {
+//   outline: 1px solid #f00 !important;
+//   position: relative;
+// }
 
 .hidden {
   display: none;

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;

cms/static/sass/_content-types.scss

@@ -53,3 +53,13 @@
   @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');
+}
+
+.module a:first-child {
+  @extend .content-type;
+  background-image: url('/static/img/content-types/module.png');
+}

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;
+        }
+      }
+    }
+  }
+}

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);
+}

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 20px;
+    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;
+              }
             }
           }
         }
@@ -76,8 +117,9 @@ 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;
     }
   }
 }

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,22 +53,22 @@ 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 {
         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;
         }
@@ -172,7 +173,6 @@ section#unit-wrapper {
           padding: 0;
 
           li {
-            border-bottom: 1px solid darken($light-blue, 8%);
             background: $light-blue;
 
             &:last-child {
@@ -181,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%);
@@ -199,6 +200,7 @@ section#unit-wrapper {
               li {
                 padding: 6px;
                 border-collapse: collapse;
+                border-bottom: 1px solid darken($light-blue, 8%);
                 position: relative;
 
                 &:last-child {

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,41 @@ 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: 6px 20px;
 
       a {
-        display: block;
         @include inline-block;
 
-       &.cancel {
-         margin-right: 20px;
-         font-style: italic;
-         font-size: 12px;
-       }
+        &.cancel {
+          margin-right: 20px;
+          font-style: italic;
+          font-size: 12px;
+          padding: 6px 0;
+        }
 
-       &.save-update {
-         @extend .button;
-         margin: -6px -21px -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%));
+
+          &:hover, &:focus {
+            @include linear-gradient(lighten($dark-blue, 58%), lighten($dark-blue, 53%));
+            @include box-shadow(inset 0 0 6px 1px #fff);
+          }
+        }
       }
     }
   }

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';

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"/>

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">

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>

cms/templates/widgets/header.html

@@ -1,13 +1,14 @@
 <%! from django.core.urlresolvers import reverse %>
 <header>
   <nav>
-    <h2><a href="/">edX CMS: TODO:-course-name-here</a></h2>
+    <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>
 

lms/static/.gitignore

@@ -5,4 +5,5 @@
 *.orig
 *.DS_Store
 application.css
-ie.css
+ie.css
+Gemfile.lock

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%; }