revising markup and styling for oa_*.html templates:

* matches static template expected markup
* adds in missing classes
* revises indentation/nesting
* adds in system__element markup/styling for system-based DOM elements

apps/openassessment/templates/openassessmentblock/oa_base.html

@@ -12,7 +12,7 @@
 
 <div class="wrapper wrapper--openassessment theme--basic">
     <div class="openassessment" id="openassessment">
-
+        <div class="wrapper--grid">
             <h1 class="openassessment__title">
                 <span class="openassessment__title--super">
                     {{ title }}
@@ -77,4 +77,5 @@
             <!-- STATUS: problem grade -->
             {% include "openassessmentblock/oa_grade.html" %}
         </div>
+    </div>
 </div>

apps/openassessment/templates/openassessmentblock/oa_grade.html

@@ -18,6 +18,6 @@
 
     <div class="openassessment__grade__content">
         <span class="grade__value">{{ grade_state.value }}</span>
-        <p>{{ grade_state.message }}</p>
+        <p class="grade__description">{{ grade_state.message }}</p>
     </div>
 </div>

apps/openassessment/templates/openassessmentblock/oa_peer_assessment.html

@@ -9,41 +9,19 @@
 
  -->
 
-
 <!-- CASE: default/not started -->
-<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment">
-    <div id="peer_submission_uuid" hidden="true">{{ peer_submission.uuid }}</div>
-    <h2 class="step__title">
-        <span class="step__label">Evaluate Peers' Responses</span>
-        <span class="step__deadline">due <span class="date">January 30, 2014</span> at <span class="time">15:00 UTC</span></span>
-    </h2>
+<li id="openassessment__peer-assessment" class="openassessment__steps__step step--peer-assessment ui-toggle-visibility">
 
-    <span class="step__status">
-      <span class="step__status__label">This step's status:</span>
-      <span class="step__status__value">
-        <span class="step__status__value--completed">0</span> of
-        <span class="step__status__value--required">5</span> completed
+    <span class="system__element" id="peer_submission_uuid">
+        {{ peer_submission.uuid }}
     </span>
-    </span>
-{#</header>#}
-
-<div class="step__instruction">
-    <p>Please read and evaluate the following response from one of your peers in the course.</p>
-</div>
-
-<div class="step__content">
-    <ul class="list--peer-assessments">
-        <li class="list--peer-assessments__item">
-            <article class="peer-assessment" id="peer-assessment--001">
-                <header class="peer-assessment__header">
-                    <h3 class="peer-assessment__title">Assessment #
-                        <span class="peer-assessment__number--current">1</span> of
-                        <span class="peer-assessment__number--required">3</span>
-                    </h3>
 
-            <span class="peer-assessment__expected-time">
-              <span class="label">Expected Time Spent:</span>
-              <span class="value">20 Minutes</span>
+    <header class="step__header ui-toggle-visibility__control">
+        <h2 class="step__title">
+            <span class="step__counter"></span>
+            <span class="wrapper--copy">
+                <span class="step__label">Evaluate Peers' Responses</span>
+                <span class="step__deadline">due <span class="date">January 30, 2014</span> at <span class="time">15:00 UTC</span></span>
             </span>
                 </header>
 
@@ -84,14 +62,6 @@
                             </li>
                             {% endfor %}
 
-                            <!-- individual rubric question (text) -->
-                            <li class="field field--textarea assessment__rubric__question" id="assessment__rubric__question--004">
-                                <label for="assessment__rubric__question--004__value">Please provide any other feedback you have around this response</label>
-                                <textarea id="assessment__rubric__question--004__value" placeholder="I felt this response was..."></textarea>
-                            </li>
-                        </ol>
-                    </fieldset>
-
                         <ul class="list list--actions">
                             <li class="list--actions__item">
                                 <button type="submit" id="peer-assessment--001__assessment__submit" class="action action--submit">Submit your assessment &amp; move to response #2</button>
@@ -101,5 +71,5 @@
                 </article>
             </li>
         </ul>
-</div>
+    </div>
 </li>

apps/openassessment/templates/openassessmentblock/oa_response.html

@@ -19,10 +19,13 @@
     {%  block header %}
     <!--header class="step__header ui-toggle-visibility__control"-->
         <h2 class="step__title">
+            <span class="step__counter"></span>
+            <span class="wrapper--copy">
                 <span class="step__label">Your Response</span>
                 {% if formatted_due_datetime %}
                 <span class="step__deadline">due <span class="date">{{ formatted_due_datetime }}</span></span>
                 {% endif %}
+            </span>
         </h2>
 
     <span class="step__status">

apps/openassessment/templates/openassessmentblock/oa_self_assessment.html

@@ -12,17 +12,20 @@
 
 <!-- CASE: default/not started -->
 <li id="openassessment__self-assessment" class="openassessment__steps__step step--self-assessment">
-{#    <header class="step__header">#}
+    <header class="step__header">
         <h2 class="step__title">
+            <span class="step__counter"></span>
+            <span class="wrapper--copy">
                 <span class="step__title__label">Evaluate Your Response</span>
                 <span class="step__title__deadline">due <span class="date">January 31, 2014</span> at <span class="time">15:00 UTC</span></span>
+            </span>
         </h2>
 
         <span class="step__status">
           <span class="step__status__label">This step's status:</span>
           <span class="step_status_value">Incomplete</span>
         </span>
-{#    </header>#}
+    </header>
 
     <div class="step--content">
         <article class="self-assessment" id="self-assessment">

apps/openassessment/xblock/static/css/openassessment.css

 @import url(http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700);*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}/*!
  *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
  *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
- */@font-face{font-family:'FontAwesome';src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?v=4.0.3");src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/libs/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("../fonts/libs/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("../fonts/libs/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.wrapper--xblock{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock main,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary{display:block}.wrapper--xblock audio,.wrapper--xblock canvas,.wrapper--xblock progress,.wrapper--xblock video{display:inline-block;vertical-align:baseline}.wrapper--xblock audio:not([controls]){display:none;height:0}.wrapper--xblock [hidden],.wrapper--xblock template{display:none}.wrapper--xblock a{background:transparent}.wrapper--xblock a:active,.wrapper--xblock a:hover{outline:0}.wrapper--xblock abbr[title]{border-bottom:1px dotted}.wrapper--xblock b,.wrapper--xblock strong{font-weight:bold}.wrapper--xblock dfn{font-style:italic}.wrapper--xblock h1{font-size:2em;margin:0.67em 0}.wrapper--xblock mark{background:#ff0;color:#000}.wrapper--xblock small{font-size:80%}.wrapper--xblock sub,.wrapper--xblock sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wrapper--xblock sup{top:-0.5em}.wrapper--xblock sub{bottom:-0.25em}.wrapper--xblock img{border:0}.wrapper--xblock svg:not(:root){overflow:hidden}.wrapper--xblock figure{margin:1em 40px}.wrapper--xblock hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.wrapper--xblock pre{overflow:auto}.wrapper--xblock code,.wrapper--xblock kbd,.wrapper--xblock pre,.wrapper--xblock samp{font-family:monospace, monospace;font-size:1em}.wrapper--xblock button,.wrapper--xblock input,.wrapper--xblock optgroup,.wrapper--xblock select,.wrapper--xblock textarea{color:inherit;font:inherit;margin:0}.wrapper--xblock button{overflow:visible}.wrapper--xblock button,.wrapper--xblock select{text-transform:none}.wrapper--xblock button,.wrapper--xblock html input[type="button"],.wrapper--xblock input[type="reset"],.wrapper--xblock input[type="submit"]{-webkit-appearance:button;cursor:pointer}.wrapper--xblock button[disabled],.wrapper--xblock html input[disabled]{cursor:default}.wrapper--xblock button::-moz-focus-inner,.wrapper--xblock input::-moz-focus-inner{border:0;padding:0}.wrapper--xblock input{line-height:normal}.wrapper--xblock input[type="checkbox"],.wrapper--xblock input[type="radio"]{box-sizing:border-box;padding:0}.wrapper--xblock input[type="number"]::-webkit-inner-spin-button,.wrapper--xblock input[type="number"]::-webkit-outer-spin-button{height:auto}.wrapper--xblock input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper--xblock input[type="search"]::-webkit-search-cancel-button,.wrapper--xblock input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.wrapper--xblock fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.wrapper--xblock legend{border:0;padding:0}.wrapper--xblock textarea{overflow:auto}.wrapper--xblock optgroup{font-weight:bold}.wrapper--xblock table{border-collapse:collapse;border-spacing:0}.wrapper--xblock td,.wrapper--xblock th{padding:0}.wrapper--xblock *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video{margin:0;vertical-align:baseline;border:0;padding:0;outline:0}.wrapper--xblock abbr[title]{border-bottom:none;text-decoration:none;cursor:help}.list--actions:last-child,.list--docs:last-child,.list--steps:last-child,.list--controls:last-child,.list--fields:last-child,.list--help:last-child,.nav--wizard:last-child,.list--tips:last-child,.field--group:last-child,.openassessment .openassessment__prompt__copy>:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;margin-right:0;border-right:none;padding-right:0}.list--actions,.list--docs,.list--steps,.list--controls,.list--fields,.list--help,.nav--wizard,.list--tips,.field--group,.openassessment .openassessment__steps{list-style:none;margin:0;padding:0;text-indent:0}.sr,hr.divider,.nav--contents,.openassessment .openassessment__steps__step .step__status__label,.openassessment .openassessment__prompt__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-moz-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-o-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translateX(-40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInLeft{0%{-moz-transform:translateX(-40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInLeft{0%{-o-transform:translateX(-40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInRight{0%{-o-transform:translateX(40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUp{0%{-moz-transform:translateY(20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInUp{0%{-o-transform:translateY(20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-moz-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-o-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{-moz-transform:translateX(-4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{-o-transform:translateX(-4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{-moz-transform:translateX(4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{-o-transform:translateX(4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{-moz-transform:translateY(-4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{-o-transform:translateY(-4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInUp{0%{-moz-transform:translateY(4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInUp{0%{-o-transform:translateY(4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-4000px);opacity:0}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(-4000px);opacity:0}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(-4000px);opacity:0}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-4000px);opacity:0}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(4000px);opacity:0}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(4000px);opacity:0}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(4000px);opacity:0}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{transform:translateX(4000px);opacity:0}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-4000px);opacity:0}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-4000px);opacity:0}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-4000px);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{transform:translateY(-4000px);opacity:0}}@-webkit-keyframes rotateUp{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-90deg)}100%{-webkit-transform:rotate(-180deg)}}@-moz-keyframes rotateUp{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(-90deg)}100%{-moz-transform:rotate(-180deg)}}@-o-keyframes rotateUp{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-90deg)}100%{-o-transform:rotate(-180deg)}}@keyframes rotateUp{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}100%{transform:rotate(-180deg)}}@-webkit-keyframes rotateDown{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(180deg)}}@-moz-keyframes rotateDown{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(90deg)}100%{-moz-transform:rotate(180deg)}}@-o-keyframes rotateDown{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(90deg)}100%{-o-transform:rotate(180deg)}}@keyframes rotateDown{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes rotateCW{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotateCW{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes rotateCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}100%{-o-transform:rotate(360deg)}}@keyframes rotateCW{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotateCCW{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotateCCW{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(-180deg)}100%{-moz-transform:rotate(-360deg)}}@-o-keyframes rotateCCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-180deg)}100%{-o-transform:rotate(-360deg)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@-webkit-keyframes bounceIn{0%{opacity:0.0;-webkit-transform:scale(0.3)}50%{opacity:1.0;-webkit-transform:scale(1.05)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0.0;-moz-transform:scale(0.3)}50%{opacity:1.0;-moz-transform:scale(1.05)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0.0;-o-transform:scale(0.3)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0.0;transform:scale(0.3)}50%{opacity:1.0;transform:scale(1.05)}100%{transform:scale(1)}}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}50%{opacity:1.0;-webkit-transform:scale(1.05)}100%{opacity:0.0;-webkit-transform:scale(0.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}50%{opacity:1.0;-moz-transform:scale(1.05)}100%{opacity:0.0;-moz-transform:scale(0.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{opacity:0.0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}50%{opacity:1.0;transform:scale(1.05)}100%{opacity:0.0;transform:scale(0.3)}}.wrapper--xblock{background:#fefefe}.wrapper--xblock .copy-1{font-weight:300}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video,.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8,.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-weight:400}.wrapper--xblock strong,.wrapper--xblock .h2,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4,.wrapper--xblock .h6,.openassessment .openassessment__steps__step .step__title .step__counter:before{font-weight:600}.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__steps__step .step__status .copy{text-transform:uppercase;letter-spacing:0.025rem}.openassessment .openassessment__steps__step .step__status .ico{font-size:16px}.wrapper--xblock .h1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h2{font-size:21px;line-height:31.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3{font-size:18px;line-height:27px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h5{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h6{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h7{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.wrapper--xblock .copy-1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-2{font-size:18px;line-height:27px;color:#5f6269;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.openassessment .openassessment__grade .openassessment__grade__content .grade__description,.wrapper--xblock .copy-4{font-size:14px;line-height:21px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-5{font-size:12px;line-height:18px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__steps__step .step__status .copy,.wrapper--xblock .copy-6{font-size:11px;line-height:16.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__prompt__copy a{-webkit-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;transition:color 0.5s ease-in-out,border 0.5s ease-in-out;border-bottom:1px solid transparent;color:#74b3e9;text-decoration:none}.openassessment .openassessment__prompt__copy a:hover,.openassessment .openassessment__prompt__copy a:focus{color:#4fadfd;border-color:#4fadfd}.openassessment .openassessment__prompt__copy a:active,.openassessment .openassessment__prompt__copy a.is--current{color:#65abe7;border-color:#65abe7}.wrapper--grid{*zoom:1;max-width:100%;margin-left:auto;margin-right:auto}.wrapper--grid:before,.wrapper--grid:after{content:" ";display:table}.wrapper--grid:after{clear:both}.wrapper--openassessment{position:relative;background:#fefefe}.openassessment .openassessment__title{*zoom:1;display:block;margin-bottom:20px;border-bottom:4px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__title:before,.openassessment .openassessment__title:after{content:" ";display:table}.openassessment .openassessment__title:after{clear:both}.openassessment .openassessment__title--super{display:block;margin-bottom:5px}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__title--super{float:left;display:block;margin-right:2.35765%;width:65.88078%}.openassessment .openassessment__title--super:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__title--super{float:left;display:block;margin-right:2.35765%;width:65.88078%}.openassessment .openassessment__title--super:last-child{margin-right:0}}.openassessment .openassessment__title--sub{display:block}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__title--sub{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-top:5px;text-align:right}.openassessment .openassessment__title--sub:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__title--sub{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-top:5px;text-align:right}.openassessment .openassessment__title--sub:last-child{margin-right:0}}.openassessment .openassessment__steps{counter-reset:item}.openassessment .openassessment__steps__step{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__steps__step:last-child{padding-bottom:0;border-bottom:none}.openassessment .openassessment__steps__step .step__header{*zoom:1;display:block}.openassessment .openassessment__steps__step .step__header:before,.openassessment .openassessment__steps__step .step__header:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__header:after{clear:both}.openassessment .openassessment__steps__step .step__header:hover .step__deadline,.openassessment .openassessment__steps__step .step__header:hover .step__label{color:#5f6269}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__title .step__counter,.openassessment .openassessment__steps__step .step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;margin-right:10px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{display:block}.openassessment .openassessment__steps__step .step__status .step__status__value{border-radius:2px;padding:5px 10px;background:#d7d7d9;color:#f5f5f5}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status .step__status__value{display:block;margin-top:10px}}.openassessment .openassessment__steps__step .step__status .ico,.openassessment .openassessment__steps__step .step__status .copy{display:inline-block;vertical-align:bottom}.openassessment .openassessment__steps__step .step__status .ico{margin-right:5px}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status{position:relative;top:2px}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:4.82916%;width:30.11389%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}.openassessment .openassessment__steps__step.is--unavailable .step__status{display:none}.openassessment .openassessment__steps__step.is--unavailable .step__label{color:#afb0b4}.openassessment .openassessment__steps__step.is--unavailable .step__counter:before{color:#d7d7d9}.openassessment .openassessment__steps__step.is--collapsed .step__status__value{background:#d7d7d9}.openassessment .openassessment__steps__step.is--expanded{border-bottom-color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__header{margin-bottom:10px;border-bottom:2px solid #020203;padding-bottom:10px}.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__deadline,.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__label{color:#020203}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step.is--expanded .step__header{padding-bottom:0}}.openassessment .openassessment__steps__step.is--expanded .step__counter:before,.openassessment .openassessment__steps__step.is--expanded .step__title .step__deadline{color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value{background:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value .copy{color:#f5f5f5}.openassessment .openassessment__steps__step.is--incomplete .step__counter:before{color:#ff0}.openassessment .openassessment__steps__step.is--incomplete .step__status__value{background:#ff0}.openassessment .openassessment__steps__step.is--complete .step__counter:before{color:green}.openassessment .openassessment__steps__step.is--complete .step__status__value{background:green}.openassessment .openassessment__prompt{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__prompt__copy>*{margin-bottom:20px}.openassessment .openassessment__grade{*zoom:1;display:block;border-top:2px solid #d7d7d9;padding:20px;background:#f5f5f5}.openassessment .openassessment__grade:before,.openassessment .openassessment__grade:after{content:" ";display:table}.openassessment .openassessment__grade:after{clear:both}.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content{display:inline-block;vertical-align:top}.openassessment .openassessment__grade .openassessment__grade__title{color:#afb0b4}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__grade .openassessment__grade__title{margin-bottom:20px}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 1300px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}.openassessment .openassessment__grade .openassessment__grade__content .grade__value{margin-bottom:10px}.openassessment .openassessment__grade.is--incomplete{border-top-color:#ff0}.openassessment .openassessment__grade.is--complete{border-top-color:green}.view--placeholder{background:#fefefe;margin:40px 40px}
+ */@font-face{font-family:'FontAwesome';src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?v=4.0.3");src:url("../fonts/libs/font-awesome/fontawesome-webfont.eot?#iefix&v=4.0.3") format("embedded-opentype"),url("../fonts/libs/font-awesome/fontawesome-webfont.woff?v=4.0.3") format("woff"),url("../fonts/libs/font-awesome/fontawesome-webfont.ttf?v=4.0.3") format("truetype"),url("../fonts/libs/font-awesome/fontawesome-webfont.svg?v=4.0.3#fontawesomeregular") format("svg");font-weight:normal;font-style:normal}.fa{display:inline-block;font-family:FontAwesome;font-style:normal;font-weight:normal;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.fa-lg{font-size:1.33333em;line-height:0.75em;vertical-align:-15%}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-fw{width:1.28571em;text-align:center}.fa-ul{padding-left:0;margin-left:2.14286em;list-style-type:none}.fa-ul>li{position:relative}.fa-li{position:absolute;left:-2.14286em;width:2.14286em;top:0.14286em;text-align:center}.fa-li.fa-lg{left:-1.85714em}.fa-border{padding:.2em .25em .15em;border:solid 0.08em #eee;border-radius:.1em}.pull-right{float:right}.pull-left{float:left}.fa.pull-left{margin-right:.3em}.fa.pull-right{margin-left:.3em}.fa-spin{-webkit-animation:spin 2s infinite linear;-moz-animation:spin 2s infinite linear;-o-animation:spin 2s infinite linear;animation:spin 2s infinite linear}@-moz-keyframes spin{0%{-moz-transform:rotate(0deg)}100%{-moz-transform:rotate(359deg)}}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg)}}@-o-keyframes spin{0%{-o-transform:rotate(0deg)}100%{-o-transform:rotate(359deg)}}@-ms-keyframes spin{0%{-ms-transform:rotate(0deg)}100%{-ms-transform:rotate(359deg)}}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(359deg)}}.fa-rotate-90{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}.fa-rotate-180{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.fa-rotate-270{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:rotate(270deg);-moz-transform:rotate(270deg);-ms-transform:rotate(270deg);-o-transform:rotate(270deg);transform:rotate(270deg)}.fa-flip-horizontal{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(-1, 1);-moz-transform:scale(-1, 1);-ms-transform:scale(-1, 1);-o-transform:scale(-1, 1);transform:scale(-1, 1)}.fa-flip-vertical{filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=$rotation);-webkit-transform:scale(1, -1);-moz-transform:scale(1, -1);-ms-transform:scale(1, -1);-o-transform:scale(1, -1);transform:scale(1, -1)}.fa-stack{position:relative;display:inline-block;width:2em;height:2em;line-height:2em;vertical-align:middle}.fa-stack-1x,.fa-stack-2x{position:absolute;left:0;width:100%;text-align:center}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-glass:before{content:"\f000"}.fa-music:before{content:"\f001"}.fa-search:before{content:"\f002"}.fa-envelope-o:before{content:"\f003"}.fa-heart:before{content:"\f004"}.fa-star:before{content:"\f005"}.fa-star-o:before{content:"\f006"}.fa-user:before{content:"\f007"}.fa-film:before{content:"\f008"}.fa-th-large:before{content:"\f009"}.fa-th:before{content:"\f00a"}.fa-th-list:before{content:"\f00b"}.fa-check:before{content:"\f00c"}.fa-times:before{content:"\f00d"}.fa-search-plus:before{content:"\f00e"}.fa-search-minus:before{content:"\f010"}.fa-power-off:before{content:"\f011"}.fa-signal:before{content:"\f012"}.fa-gear:before,.fa-cog:before{content:"\f013"}.fa-trash-o:before{content:"\f014"}.fa-home:before{content:"\f015"}.fa-file-o:before{content:"\f016"}.fa-clock-o:before{content:"\f017"}.fa-road:before{content:"\f018"}.fa-download:before{content:"\f019"}.fa-arrow-circle-o-down:before{content:"\f01a"}.fa-arrow-circle-o-up:before{content:"\f01b"}.fa-inbox:before{content:"\f01c"}.fa-play-circle-o:before{content:"\f01d"}.fa-rotate-right:before,.fa-repeat:before{content:"\f01e"}.fa-refresh:before{content:"\f021"}.fa-list-alt:before{content:"\f022"}.fa-lock:before{content:"\f023"}.fa-flag:before{content:"\f024"}.fa-headphones:before{content:"\f025"}.fa-volume-off:before{content:"\f026"}.fa-volume-down:before{content:"\f027"}.fa-volume-up:before{content:"\f028"}.fa-qrcode:before{content:"\f029"}.fa-barcode:before{content:"\f02a"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-book:before{content:"\f02d"}.fa-bookmark:before{content:"\f02e"}.fa-print:before{content:"\f02f"}.fa-camera:before{content:"\f030"}.fa-font:before{content:"\f031"}.fa-bold:before{content:"\f032"}.fa-italic:before{content:"\f033"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-align-left:before{content:"\f036"}.fa-align-center:before{content:"\f037"}.fa-align-right:before{content:"\f038"}.fa-align-justify:before{content:"\f039"}.fa-list:before{content:"\f03a"}.fa-dedent:before,.fa-outdent:before{content:"\f03b"}.fa-indent:before{content:"\f03c"}.fa-video-camera:before{content:"\f03d"}.fa-picture-o:before{content:"\f03e"}.fa-pencil:before{content:"\f040"}.fa-map-marker:before{content:"\f041"}.fa-adjust:before{content:"\f042"}.fa-tint:before{content:"\f043"}.fa-edit:before,.fa-pencil-square-o:before{content:"\f044"}.fa-share-square-o:before{content:"\f045"}.fa-check-square-o:before{content:"\f046"}.fa-arrows:before{content:"\f047"}.fa-step-backward:before{content:"\f048"}.fa-fast-backward:before{content:"\f049"}.fa-backward:before{content:"\f04a"}.fa-play:before{content:"\f04b"}.fa-pause:before{content:"\f04c"}.fa-stop:before{content:"\f04d"}.fa-forward:before{content:"\f04e"}.fa-fast-forward:before{content:"\f050"}.fa-step-forward:before{content:"\f051"}.fa-eject:before{content:"\f052"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-plus-circle:before{content:"\f055"}.fa-minus-circle:before{content:"\f056"}.fa-times-circle:before{content:"\f057"}.fa-check-circle:before{content:"\f058"}.fa-question-circle:before{content:"\f059"}.fa-info-circle:before{content:"\f05a"}.fa-crosshairs:before{content:"\f05b"}.fa-times-circle-o:before{content:"\f05c"}.fa-check-circle-o:before{content:"\f05d"}.fa-ban:before{content:"\f05e"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-up:before{content:"\f062"}.fa-arrow-down:before{content:"\f063"}.fa-mail-forward:before,.fa-share:before{content:"\f064"}.fa-expand:before{content:"\f065"}.fa-compress:before{content:"\f066"}.fa-plus:before{content:"\f067"}.fa-minus:before{content:"\f068"}.fa-asterisk:before{content:"\f069"}.fa-exclamation-circle:before{content:"\f06a"}.fa-gift:before{content:"\f06b"}.fa-leaf:before{content:"\f06c"}.fa-fire:before{content:"\f06d"}.fa-eye:before{content:"\f06e"}.fa-eye-slash:before{content:"\f070"}.fa-warning:before,.fa-exclamation-triangle:before{content:"\f071"}.fa-plane:before{content:"\f072"}.fa-calendar:before{content:"\f073"}.fa-random:before{content:"\f074"}.fa-comment:before{content:"\f075"}.fa-magnet:before{content:"\f076"}.fa-chevron-up:before{content:"\f077"}.fa-chevron-down:before{content:"\f078"}.fa-retweet:before{content:"\f079"}.fa-shopping-cart:before{content:"\f07a"}.fa-folder:before{content:"\f07b"}.fa-folder-open:before{content:"\f07c"}.fa-arrows-v:before{content:"\f07d"}.fa-arrows-h:before{content:"\f07e"}.fa-bar-chart-o:before{content:"\f080"}.fa-twitter-square:before{content:"\f081"}.fa-facebook-square:before{content:"\f082"}.fa-camera-retro:before{content:"\f083"}.fa-key:before{content:"\f084"}.fa-gears:before,.fa-cogs:before{content:"\f085"}.fa-comments:before{content:"\f086"}.fa-thumbs-o-up:before{content:"\f087"}.fa-thumbs-o-down:before{content:"\f088"}.fa-star-half:before{content:"\f089"}.fa-heart-o:before{content:"\f08a"}.fa-sign-out:before{content:"\f08b"}.fa-linkedin-square:before{content:"\f08c"}.fa-thumb-tack:before{content:"\f08d"}.fa-external-link:before{content:"\f08e"}.fa-sign-in:before{content:"\f090"}.fa-trophy:before{content:"\f091"}.fa-github-square:before{content:"\f092"}.fa-upload:before{content:"\f093"}.fa-lemon-o:before{content:"\f094"}.fa-phone:before{content:"\f095"}.fa-square-o:before{content:"\f096"}.fa-bookmark-o:before{content:"\f097"}.fa-phone-square:before{content:"\f098"}.fa-twitter:before{content:"\f099"}.fa-facebook:before{content:"\f09a"}.fa-github:before{content:"\f09b"}.fa-unlock:before{content:"\f09c"}.fa-credit-card:before{content:"\f09d"}.fa-rss:before{content:"\f09e"}.fa-hdd-o:before{content:"\f0a0"}.fa-bullhorn:before{content:"\f0a1"}.fa-bell:before{content:"\f0f3"}.fa-certificate:before{content:"\f0a3"}.fa-hand-o-right:before{content:"\f0a4"}.fa-hand-o-left:before{content:"\f0a5"}.fa-hand-o-up:before{content:"\f0a6"}.fa-hand-o-down:before{content:"\f0a7"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-globe:before{content:"\f0ac"}.fa-wrench:before{content:"\f0ad"}.fa-tasks:before{content:"\f0ae"}.fa-filter:before{content:"\f0b0"}.fa-briefcase:before{content:"\f0b1"}.fa-arrows-alt:before{content:"\f0b2"}.fa-group:before,.fa-users:before{content:"\f0c0"}.fa-chain:before,.fa-link:before{content:"\f0c1"}.fa-cloud:before{content:"\f0c2"}.fa-flask:before{content:"\f0c3"}.fa-cut:before,.fa-scissors:before{content:"\f0c4"}.fa-copy:before,.fa-files-o:before{content:"\f0c5"}.fa-paperclip:before{content:"\f0c6"}.fa-save:before,.fa-floppy-o:before{content:"\f0c7"}.fa-square:before{content:"\f0c8"}.fa-bars:before{content:"\f0c9"}.fa-list-ul:before{content:"\f0ca"}.fa-list-ol:before{content:"\f0cb"}.fa-strikethrough:before{content:"\f0cc"}.fa-underline:before{content:"\f0cd"}.fa-table:before{content:"\f0ce"}.fa-magic:before{content:"\f0d0"}.fa-truck:before{content:"\f0d1"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-square:before{content:"\f0d3"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-plus:before{content:"\f0d5"}.fa-money:before{content:"\f0d6"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-up:before{content:"\f0d8"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-columns:before{content:"\f0db"}.fa-unsorted:before,.fa-sort:before{content:"\f0dc"}.fa-sort-down:before,.fa-sort-asc:before{content:"\f0dd"}.fa-sort-up:before,.fa-sort-desc:before{content:"\f0de"}.fa-envelope:before{content:"\f0e0"}.fa-linkedin:before{content:"\f0e1"}.fa-rotate-left:before,.fa-undo:before{content:"\f0e2"}.fa-legal:before,.fa-gavel:before{content:"\f0e3"}.fa-dashboard:before,.fa-tachometer:before{content:"\f0e4"}.fa-comment-o:before{content:"\f0e5"}.fa-comments-o:before{content:"\f0e6"}.fa-flash:before,.fa-bolt:before{content:"\f0e7"}.fa-sitemap:before{content:"\f0e8"}.fa-umbrella:before{content:"\f0e9"}.fa-paste:before,.fa-clipboard:before{content:"\f0ea"}.fa-lightbulb-o:before{content:"\f0eb"}.fa-exchange:before{content:"\f0ec"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-upload:before{content:"\f0ee"}.fa-user-md:before{content:"\f0f0"}.fa-stethoscope:before{content:"\f0f1"}.fa-suitcase:before{content:"\f0f2"}.fa-bell-o:before{content:"\f0a2"}.fa-coffee:before{content:"\f0f4"}.fa-cutlery:before{content:"\f0f5"}.fa-file-text-o:before{content:"\f0f6"}.fa-building-o:before{content:"\f0f7"}.fa-hospital-o:before{content:"\f0f8"}.fa-ambulance:before{content:"\f0f9"}.fa-medkit:before{content:"\f0fa"}.fa-fighter-jet:before{content:"\f0fb"}.fa-beer:before{content:"\f0fc"}.fa-h-square:before{content:"\f0fd"}.fa-plus-square:before{content:"\f0fe"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angle-down:before{content:"\f107"}.fa-desktop:before{content:"\f108"}.fa-laptop:before{content:"\f109"}.fa-tablet:before{content:"\f10a"}.fa-mobile-phone:before,.fa-mobile:before{content:"\f10b"}.fa-circle-o:before{content:"\f10c"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-spinner:before{content:"\f110"}.fa-circle:before{content:"\f111"}.fa-mail-reply:before,.fa-reply:before{content:"\f112"}.fa-github-alt:before{content:"\f113"}.fa-folder-o:before{content:"\f114"}.fa-folder-open-o:before{content:"\f115"}.fa-smile-o:before{content:"\f118"}.fa-frown-o:before{content:"\f119"}.fa-meh-o:before{content:"\f11a"}.fa-gamepad:before{content:"\f11b"}.fa-keyboard-o:before{content:"\f11c"}.fa-flag-o:before{content:"\f11d"}.fa-flag-checkered:before{content:"\f11e"}.fa-terminal:before{content:"\f120"}.fa-code:before{content:"\f121"}.fa-reply-all:before{content:"\f122"}.fa-mail-reply-all:before{content:"\f122"}.fa-star-half-empty:before,.fa-star-half-full:before,.fa-star-half-o:before{content:"\f123"}.fa-location-arrow:before{content:"\f124"}.fa-crop:before{content:"\f125"}.fa-code-fork:before{content:"\f126"}.fa-unlink:before,.fa-chain-broken:before{content:"\f127"}.fa-question:before{content:"\f128"}.fa-info:before{content:"\f129"}.fa-exclamation:before{content:"\f12a"}.fa-superscript:before{content:"\f12b"}.fa-subscript:before{content:"\f12c"}.fa-eraser:before{content:"\f12d"}.fa-puzzle-piece:before{content:"\f12e"}.fa-microphone:before{content:"\f130"}.fa-microphone-slash:before{content:"\f131"}.fa-shield:before{content:"\f132"}.fa-calendar-o:before{content:"\f133"}.fa-fire-extinguisher:before{content:"\f134"}.fa-rocket:before{content:"\f135"}.fa-maxcdn:before{content:"\f136"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-html5:before{content:"\f13b"}.fa-css3:before{content:"\f13c"}.fa-anchor:before{content:"\f13d"}.fa-unlock-alt:before{content:"\f13e"}.fa-bullseye:before{content:"\f140"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-v:before{content:"\f142"}.fa-rss-square:before{content:"\f143"}.fa-play-circle:before{content:"\f144"}.fa-ticket:before{content:"\f145"}.fa-minus-square:before{content:"\f146"}.fa-minus-square-o:before{content:"\f147"}.fa-level-up:before{content:"\f148"}.fa-level-down:before{content:"\f149"}.fa-check-square:before{content:"\f14a"}.fa-pencil-square:before{content:"\f14b"}.fa-external-link-square:before{content:"\f14c"}.fa-share-square:before{content:"\f14d"}.fa-compass:before{content:"\f14e"}.fa-toggle-down:before,.fa-caret-square-o-down:before{content:"\f150"}.fa-toggle-up:before,.fa-caret-square-o-up:before{content:"\f151"}.fa-toggle-right:before,.fa-caret-square-o-right:before{content:"\f152"}.fa-euro:before,.fa-eur:before{content:"\f153"}.fa-gbp:before{content:"\f154"}.fa-dollar:before,.fa-usd:before{content:"\f155"}.fa-rupee:before,.fa-inr:before{content:"\f156"}.fa-cny:before,.fa-rmb:before,.fa-yen:before,.fa-jpy:before{content:"\f157"}.fa-ruble:before,.fa-rouble:before,.fa-rub:before{content:"\f158"}.fa-won:before,.fa-krw:before{content:"\f159"}.fa-bitcoin:before,.fa-btc:before{content:"\f15a"}.fa-file:before{content:"\f15b"}.fa-file-text:before{content:"\f15c"}.fa-sort-alpha-asc:before{content:"\f15d"}.fa-sort-alpha-desc:before{content:"\f15e"}.fa-sort-amount-asc:before{content:"\f160"}.fa-sort-amount-desc:before{content:"\f161"}.fa-sort-numeric-asc:before{content:"\f162"}.fa-sort-numeric-desc:before{content:"\f163"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbs-down:before{content:"\f165"}.fa-youtube-square:before{content:"\f166"}.fa-youtube:before{content:"\f167"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-youtube-play:before{content:"\f16a"}.fa-dropbox:before{content:"\f16b"}.fa-stack-overflow:before{content:"\f16c"}.fa-instagram:before{content:"\f16d"}.fa-flickr:before{content:"\f16e"}.fa-adn:before{content:"\f170"}.fa-bitbucket:before{content:"\f171"}.fa-bitbucket-square:before{content:"\f172"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-up:before{content:"\f176"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-apple:before{content:"\f179"}.fa-windows:before{content:"\f17a"}.fa-android:before{content:"\f17b"}.fa-linux:before{content:"\f17c"}.fa-dribbble:before{content:"\f17d"}.fa-skype:before{content:"\f17e"}.fa-foursquare:before{content:"\f180"}.fa-trello:before{content:"\f181"}.fa-female:before{content:"\f182"}.fa-male:before{content:"\f183"}.fa-gittip:before{content:"\f184"}.fa-sun-o:before{content:"\f185"}.fa-moon-o:before{content:"\f186"}.fa-archive:before{content:"\f187"}.fa-bug:before{content:"\f188"}.fa-vk:before{content:"\f189"}.fa-weibo:before{content:"\f18a"}.fa-renren:before{content:"\f18b"}.fa-pagelines:before{content:"\f18c"}.fa-stack-exchange:before{content:"\f18d"}.fa-arrow-circle-o-right:before{content:"\f18e"}.fa-arrow-circle-o-left:before{content:"\f190"}.fa-toggle-left:before,.fa-caret-square-o-left:before{content:"\f191"}.fa-dot-circle-o:before{content:"\f192"}.fa-wheelchair:before{content:"\f193"}.fa-vimeo-square:before{content:"\f194"}.fa-turkish-lira:before,.fa-try:before{content:"\f195"}.fa-plus-square-o:before{content:"\f196"}.wrapper--xblock{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock main,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary{display:block}.wrapper--xblock audio,.wrapper--xblock canvas,.wrapper--xblock progress,.wrapper--xblock video{display:inline-block;vertical-align:baseline}.wrapper--xblock audio:not([controls]){display:none;height:0}.wrapper--xblock [hidden],.wrapper--xblock template{display:none}.wrapper--xblock a{background:transparent}.wrapper--xblock a:active,.wrapper--xblock a:hover{outline:0}.wrapper--xblock abbr[title]{border-bottom:1px dotted}.wrapper--xblock b,.wrapper--xblock strong{font-weight:bold}.wrapper--xblock dfn{font-style:italic}.wrapper--xblock h1{font-size:2em;margin:0.67em 0}.wrapper--xblock mark{background:#ff0;color:#000}.wrapper--xblock small{font-size:80%}.wrapper--xblock sub,.wrapper--xblock sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}.wrapper--xblock sup{top:-0.5em}.wrapper--xblock sub{bottom:-0.25em}.wrapper--xblock img{border:0}.wrapper--xblock svg:not(:root){overflow:hidden}.wrapper--xblock figure{margin:1em 40px}.wrapper--xblock hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}.wrapper--xblock pre{overflow:auto}.wrapper--xblock code,.wrapper--xblock kbd,.wrapper--xblock pre,.wrapper--xblock samp{font-family:monospace, monospace;font-size:1em}.wrapper--xblock button,.wrapper--xblock input,.wrapper--xblock optgroup,.wrapper--xblock select,.wrapper--xblock textarea{color:inherit;font:inherit;margin:0}.wrapper--xblock button{overflow:visible}.wrapper--xblock button,.wrapper--xblock select{text-transform:none}.wrapper--xblock button,.wrapper--xblock html input[type="button"],.wrapper--xblock input[type="reset"],.wrapper--xblock input[type="submit"]{-webkit-appearance:button;cursor:pointer}.wrapper--xblock button[disabled],.wrapper--xblock html input[disabled]{cursor:default}.wrapper--xblock button::-moz-focus-inner,.wrapper--xblock input::-moz-focus-inner{border:0;padding:0}.wrapper--xblock input{line-height:normal}.wrapper--xblock input[type="checkbox"],.wrapper--xblock input[type="radio"]{box-sizing:border-box;padding:0}.wrapper--xblock input[type="number"]::-webkit-inner-spin-button,.wrapper--xblock input[type="number"]::-webkit-outer-spin-button{height:auto}.wrapper--xblock input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}.wrapper--xblock input[type="search"]::-webkit-search-cancel-button,.wrapper--xblock input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}.wrapper--xblock fieldset{border:1px solid #c0c0c0;margin:0 2px;padding:0.35em 0.625em 0.75em}.wrapper--xblock legend{border:0;padding:0}.wrapper--xblock textarea{overflow:auto}.wrapper--xblock optgroup{font-weight:bold}.wrapper--xblock table{border-collapse:collapse;border-spacing:0}.wrapper--xblock td,.wrapper--xblock th{padding:0}.wrapper--xblock *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video{margin:0;vertical-align:baseline;border:0;padding:0;outline:0}.wrapper--xblock abbr[title]{border-bottom:none;text-decoration:none;cursor:help}.list--actions:last-child,.list--docs:last-child,.list--steps:last-child,.list--controls:last-child,.list--fields:last-child,.list--help:last-child,.nav--wizard:last-child,.list--tips:last-child,.field--group:last-child,.openassessment .openassessment__prompt__copy>:last-child{margin-bottom:0;border-bottom:none;padding-bottom:0;margin-right:0;border-right:none;padding-right:0}.list--actions,.list--docs,.list--steps,.list--controls,.list--fields,.list--help,.nav--wizard,.list--tips,.field--group,.openassessment .openassessment__steps{list-style:none;margin:0;padding:0;text-indent:0}.sr,hr.divider,.nav--contents,.system__element,.openassessment .openassessment__steps__step .step__status__label,.openassessment .openassessment__prompt__title{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{-webkit-transition:color 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out;transition:color 0.5s ease-in-out}@-webkit-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-moz-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-o-keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@keyframes fadeIn{0%{opacity:0.0}50%{opacity:0.5}100%{opacity:1.0}}@-webkit-keyframes fadeInLeft{0%{-webkit-transform:translateX(-40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInLeft{0%{-moz-transform:translateX(-40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInLeft{0%{-o-transform:translateX(-40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInLeft{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInRight{0%{-webkit-transform:translateX(40px);opacity:0}100%{-webkit-transform:translateX(0);opacity:1}}@-moz-keyframes fadeInRight{0%{-moz-transform:translateX(40px);opacity:0}100%{-moz-transform:translateX(0);opacity:1}}@-o-keyframes fadeInRight{0%{-o-transform:translateX(40px);opacity:0}100%{-o-transform:translateX(0);opacity:1}}@keyframes fadeInRight{0%{transform:translateX(40px);opacity:0}100%{transform:translateX(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{-webkit-transform:translateY(20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInUp{0%{-moz-transform:translateY(20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInUp{0%{-o-transform:translateY(20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInUp{0%{transform:translateY(20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeInDown{0%{-webkit-transform:translateY(-20px);opacity:0}100%{-webkit-transform:translateY(0);opacity:1}}@-moz-keyframes fadeInDown{0%{-moz-transform:translateY(-20px);opacity:0}100%{-moz-transform:translateY(0);opacity:1}}@-o-keyframes fadeInDown{0%{-o-transform:translateY(-20px);opacity:0}100%{-o-transform:translateY(0);opacity:1}}@keyframes fadeInDown{0%{transform:translateY(-20px);opacity:0}100%{transform:translateY(0);opacity:1}}@-webkit-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-moz-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-o-keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@keyframes fadeOut{0%{opacity:1.0}50%{opacity:0.5}100%{opacity:0.0}}@-webkit-keyframes slideInLeft{0%{-webkit-transform:translateX(-4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInLeft{0%{-moz-transform:translateX(-4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInLeft{0%{-o-transform:translateX(-4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInLeft{0%{transform:translateX(-4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInRight{0%{-webkit-transform:translateX(4000px);opacity:0}100%{-webkit-transform:translateX(0)}}@-moz-keyframes slideInRight{0%{-moz-transform:translateX(4000px);opacity:0}100%{-moz-transform:translateX(0)}}@-o-keyframes slideInRight{0%{-o-transform:translateX(4000px);opacity:0}100%{-o-transform:translateX(0)}}@keyframes slideInRight{0%{transform:translateX(4000px);opacity:0}100%{transform:translateX(0)}}@-webkit-keyframes slideInDown{0%{-webkit-transform:translateY(-4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInDown{0%{-moz-transform:translateY(-4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInDown{0%{-o-transform:translateY(-4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInDown{0%{transform:translateY(-4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideInUp{0%{-webkit-transform:translateY(4000px);opacity:0}100%{-webkit-transform:translateY(0)}}@-moz-keyframes slideInUp{0%{-moz-transform:translateY(4000px);opacity:0}100%{-moz-transform:translateY(0)}}@-o-keyframes slideInUp{0%{-o-transform:translateY(4000px);opacity:0}100%{-o-transform:translateY(0)}}@keyframes slideInUp{0%{transform:translateY(4000px);opacity:0}100%{transform:translateY(0)}}@-webkit-keyframes slideOutLeft{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(-4000px);opacity:0}}@-moz-keyframes slideOutLeft{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(-4000px);opacity:0}}@-o-keyframes slideOutLeft{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(-4000px);opacity:0}}@keyframes slideOutLeft{0%{transform:translateX(0)}100%{transform:translateX(-4000px);opacity:0}}@-webkit-keyframes slideOutRight{0%{-webkit-transform:translateX(0)}100%{-webkit-transform:translateX(4000px);opacity:0}}@-moz-keyframes slideOutRight{0%{-moz-transform:translateX(0)}100%{-moz-transform:translateX(4000px);opacity:0}}@-o-keyframes slideOutRight{0%{-o-transform:translateX(0)}100%{-o-transform:translateX(4000px);opacity:0}}@keyframes slideOutRight{0%{transform:translateX(0)}100%{transform:translateX(4000px);opacity:0}}@-webkit-keyframes slideOutUp{0%{-webkit-transform:translateY(0)}100%{-webkit-transform:translateY(-4000px);opacity:0}}@-moz-keyframes slideOutUp{0%{-moz-transform:translateY(0)}100%{-moz-transform:translateY(-4000px);opacity:0}}@-o-keyframes slideOutUp{0%{-o-transform:translateY(0)}100%{-o-transform:translateY(-4000px);opacity:0}}@keyframes slideOutUp{0%{transform:translateY(0)}100%{transform:translateY(-4000px);opacity:0}}@-webkit-keyframes rotateUp{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-90deg)}100%{-webkit-transform:rotate(-180deg)}}@-moz-keyframes rotateUp{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(-90deg)}100%{-moz-transform:rotate(-180deg)}}@-o-keyframes rotateUp{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-90deg)}100%{-o-transform:rotate(-180deg)}}@keyframes rotateUp{0%{transform:rotate(0deg)}50%{transform:rotate(-90deg)}100%{transform:rotate(-180deg)}}@-webkit-keyframes rotateDown{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(90deg)}100%{-webkit-transform:rotate(180deg)}}@-moz-keyframes rotateDown{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(90deg)}100%{-moz-transform:rotate(180deg)}}@-o-keyframes rotateDown{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(90deg)}100%{-o-transform:rotate(180deg)}}@keyframes rotateDown{0%{transform:rotate(0deg)}50%{transform:rotate(90deg)}100%{transform:rotate(180deg)}}@-webkit-keyframes rotateCW{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(180deg)}100%{-webkit-transform:rotate(360deg)}}@-moz-keyframes rotateCW{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(180deg)}100%{-moz-transform:rotate(360deg)}}@-o-keyframes rotateCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(180deg)}100%{-o-transform:rotate(360deg)}}@keyframes rotateCW{0%{transform:rotate(0deg)}50%{transform:rotate(180deg)}100%{transform:rotate(360deg)}}@-webkit-keyframes rotateCCW{0%{-webkit-transform:rotate(0deg)}50%{-webkit-transform:rotate(-180deg)}100%{-webkit-transform:rotate(-360deg)}}@-moz-keyframes rotateCCW{0%{-moz-transform:rotate(0deg)}50%{-moz-transform:rotate(-180deg)}100%{-moz-transform:rotate(-360deg)}}@-o-keyframes rotateCCW{0%{-o-transform:rotate(0deg)}50%{-o-transform:rotate(-180deg)}100%{-o-transform:rotate(-360deg)}}@keyframes rotateCCW{0%{transform:rotate(0deg)}50%{transform:rotate(-180deg)}100%{transform:rotate(-360deg)}}@-webkit-keyframes bounceIn{0%{opacity:0.0;-webkit-transform:scale(0.3)}50%{opacity:1.0;-webkit-transform:scale(1.05)}100%{-webkit-transform:scale(1)}}@-moz-keyframes bounceIn{0%{opacity:0.0;-moz-transform:scale(0.3)}50%{opacity:1.0;-moz-transform:scale(1.05)}100%{-moz-transform:scale(1)}}@-o-keyframes bounceIn{0%{opacity:0.0;-o-transform:scale(0.3)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{-o-transform:scale(1)}}@keyframes bounceIn{0%{opacity:0.0;transform:scale(0.3)}50%{opacity:1.0;transform:scale(1.05)}100%{transform:scale(1)}}@-webkit-keyframes bounceOut{0%{-webkit-transform:scale(1)}50%{opacity:1.0;-webkit-transform:scale(1.05)}100%{opacity:0.0;-webkit-transform:scale(0.3)}}@-moz-keyframes bounceOut{0%{-moz-transform:scale(1)}50%{opacity:1.0;-moz-transform:scale(1.05)}100%{opacity:0.0;-moz-transform:scale(0.3)}}@-o-keyframes bounceOut{0%{-o-transform:scale(1)}50%{opacity:1.0;-o-transform:scale(1.05)}100%{opacity:0.0;-o-transform:scale(0.3)}}@keyframes bounceOut{0%{transform:scale(1)}50%{opacity:1.0;transform:scale(1.05)}100%{opacity:0.0;transform:scale(0.3)}}.wrapper--xblock{background:#fefefe}.wrapper--xblock .copy-1{font-weight:300}.wrapper--xblock div,.wrapper--xblock span,.wrapper--xblock applet,.wrapper--xblock object,.wrapper--xblock iframe,.wrapper--xblock h1,.wrapper--xblock h2,.wrapper--xblock h3,.wrapper--xblock h4,.wrapper--xblock h5,.wrapper--xblock h6,.wrapper--xblock p,.wrapper--xblock blockquote,.wrapper--xblock pre,.wrapper--xblock a,.wrapper--xblock abbr,.wrapper--xblock acronym,.wrapper--xblock address,.wrapper--xblock big,.wrapper--xblock cite,.wrapper--xblock code,.wrapper--xblock del,.wrapper--xblock dfn,.wrapper--xblock em,.wrapper--xblock img,.wrapper--xblock ins,.wrapper--xblock kbd,.wrapper--xblock q,.wrapper--xblock s,.wrapper--xblock samp,.wrapper--xblock small,.wrapper--xblock strike,.wrapper--xblock strong,.wrapper--xblock sub,.wrapper--xblock sup,.wrapper--xblock tt,.wrapper--xblock var,.wrapper--xblock b,.wrapper--xblock u,.wrapper--xblock i,.wrapper--xblock center,.wrapper--xblock dl,.wrapper--xblock dt,.wrapper--xblock dd,.wrapper--xblock ol,.wrapper--xblock ul,.wrapper--xblock li,.wrapper--xblock fieldset,.wrapper--xblock form,.wrapper--xblock label,.wrapper--xblock legend,.wrapper--xblock table,.wrapper--xblock caption,.wrapper--xblock tbody,.wrapper--xblock tfoot,.wrapper--xblock thead,.wrapper--xblock tr,.wrapper--xblock th,.wrapper--xblock td,.wrapper--xblock article,.wrapper--xblock aside,.wrapper--xblock canvas,.wrapper--xblock details,.wrapper--xblock figcaption,.wrapper--xblock figure,.wrapper--xblock footer,.wrapper--xblock header,.wrapper--xblock hgroup,.wrapper--xblock menu,.wrapper--xblock nav,.wrapper--xblock section,.wrapper--xblock summary,.wrapper--xblock time,.wrapper--xblock mark,.wrapper--xblock audio,.wrapper--xblock video,.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8,.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-weight:400}.wrapper--xblock strong,.wrapper--xblock .h2,.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4,.wrapper--xblock .h6,.openassessment .openassessment__steps__step .step__title .step__counter:before{font-weight:600}.wrapper--xblock .h1,.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3,.wrapper--xblock .h5,.wrapper--xblock .h7,.openassessment .openassessment__steps__step .step__status .copy{text-transform:uppercase;letter-spacing:0.025rem}.openassessment .openassessment__steps__step .step__status .ico{font-size:16px}.wrapper--xblock .h1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h2{font-size:21px;line-height:31.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__title--super,.openassessment .openassessment__steps__step .step__title .step__counter:before,.wrapper--xblock .h3{font-size:18px;line-height:27px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content .grade__value,.wrapper--xblock .h4{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#020203}.wrapper--xblock .h5{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h6{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .h7{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.openassessment .openassessment__title--sub,.openassessment .openassessment__steps__step .step__title .step__deadline,.wrapper--xblock .h8{font-size:13px;line-height:19.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#afb0b4}.wrapper--xblock .copy-1{font-size:24px;line-height:36px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-2{font-size:18px;line-height:27px;color:#5f6269;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif}.openassessment .openassessment__prompt__copy,.wrapper--xblock .copy-3{font-size:16px;line-height:24px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.openassessment .openassessment__grade .openassessment__grade__content .grade__description,.wrapper--xblock .copy-4{font-size:14px;line-height:21px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#5f6269}.wrapper--xblock .copy-5{font-size:12px;line-height:18px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__steps__step .step__status .copy,.wrapper--xblock .copy-6{font-size:11px;line-height:16.5px;font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;color:#87898e}.openassessment .openassessment__prompt__copy a{-webkit-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;-moz-transition:color 0.5s ease-in-out,border 0.5s ease-in-out;transition:color 0.5s ease-in-out,border 0.5s ease-in-out;border-bottom:1px solid transparent;color:#74b3e9;text-decoration:none}.openassessment .openassessment__prompt__copy a:hover,.openassessment .openassessment__prompt__copy a:focus{color:#4fadfd;border-color:#4fadfd}.openassessment .openassessment__prompt__copy a:active,.openassessment .openassessment__prompt__copy a.is--current{color:#65abe7;border-color:#65abe7}.wrapper--grid{*zoom:1;max-width:100%;margin-left:auto;margin-right:auto}.wrapper--grid:before,.wrapper--grid:after{content:" ";display:table}.wrapper--grid:after{clear:both}.wrapper--openassessment{position:relative;background:#fefefe}.openassessment .openassessment__title{*zoom:1;display:block;margin-bottom:20px;border-bottom:4px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__title:before,.openassessment .openassessment__title:after{content:" ";display:table}.openassessment .openassessment__title:after{clear:both}.openassessment .openassessment__title--super{display:block;margin-bottom:5px}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__title--super{float:left;display:block;margin-right:2.35765%;width:65.88078%}.openassessment .openassessment__title--super:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__title--super{float:left;display:block;margin-right:2.35765%;width:65.88078%}.openassessment .openassessment__title--super:last-child{margin-right:0}}.openassessment .openassessment__title--sub{display:block}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__title--sub{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-top:5px;text-align:right}.openassessment .openassessment__title--sub:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__title--sub{float:left;display:block;margin-right:2.35765%;width:31.76157%;margin-top:5px;text-align:right}.openassessment .openassessment__title--sub:last-child{margin-right:0}}.openassessment .openassessment__steps{counter-reset:item}.openassessment .openassessment__steps__step{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__steps__step:last-child{padding-bottom:0;border-bottom:none}.openassessment .openassessment__steps__step .step__header{*zoom:1;display:block}.openassessment .openassessment__steps__step .step__header:before,.openassessment .openassessment__steps__step .step__header:after{content:" ";display:table}.openassessment .openassessment__steps__step .step__header:after{clear:both}.openassessment .openassessment__steps__step .step__header:hover .step__deadline,.openassessment .openassessment__steps__step .step__header:hover .step__label{color:#5f6269}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:4.82916%;width:65.05695%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__title{float:left;display:block;margin-right:2.35765%;width:74.41059%;vertical-align:middle}.openassessment .openassessment__steps__step .step__title:last-child{margin-right:0}}.openassessment .openassessment__steps__step .step__title .step__counter,.openassessment .openassessment__steps__step .step__title .wrapper--copy{display:inline-block;vertical-align:middle}.openassessment .openassessment__steps__step .step__title .step__counter:before{content:counter(item,decimal);counter-increment:item;margin-right:10px}.openassessment .openassessment__steps__step .step__title .step__label,.openassessment .openassessment__steps__step .step__title .step__deadline{display:block}.openassessment .openassessment__steps__step .step__status .step__status__value{border-radius:2px;padding:5px 10px;background:#d7d7d9;color:#f5f5f5}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status .step__status__value{display:block;margin-top:10px}}.openassessment .openassessment__steps__step .step__status .ico,.openassessment .openassessment__steps__step .step__status .copy{display:inline-block;vertical-align:bottom}.openassessment .openassessment__steps__step .step__status .ico{margin-right:5px}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step .step__status{position:relative;top:2px}}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:4.82916%;width:30.11389%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}@media screen and (min-width: 1300px){.openassessment .openassessment__steps__step .step__status{float:left;display:block;margin-right:2.35765%;width:23.23176%;margin-right:0;margin-top:5px;text-align:right}.openassessment .openassessment__steps__step .step__status:last-child{margin-right:0}}.openassessment .openassessment__steps__step.is--unavailable .step__status{display:none}.openassessment .openassessment__steps__step.is--unavailable .step__label{color:#afb0b4}.openassessment .openassessment__steps__step.is--unavailable .step__counter:before{color:#d7d7d9}.openassessment .openassessment__steps__step.is--collapsed .step__status__value{background:#d7d7d9}.openassessment .openassessment__steps__step.is--expanded{border-bottom-color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__header{margin-bottom:10px;border-bottom:2px solid #020203;padding-bottom:10px}.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__deadline,.openassessment .openassessment__steps__step.is--expanded .step__header:hover .step__label{color:#020203}@media screen and (max-width: 529px){.openassessment .openassessment__steps__step.is--expanded .step__header{padding-bottom:0}}.openassessment .openassessment__steps__step.is--expanded .step__counter:before,.openassessment .openassessment__steps__step.is--expanded .step__title .step__deadline{color:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value{background:#020203}.openassessment .openassessment__steps__step.is--expanded .step__status__value .copy{color:#f5f5f5}.openassessment .openassessment__steps__step.is--incomplete .step__counter:before{color:#ff0}.openassessment .openassessment__steps__step.is--incomplete .step__status__value{background:#ff0}.openassessment .openassessment__steps__step.is--complete .step__counter:before{color:green}.openassessment .openassessment__steps__step.is--complete .step__status__value{background:green}.openassessment .openassessment__prompt{margin-bottom:20px;border-bottom:2px solid #f5f5f5;padding-bottom:20px}.openassessment .openassessment__prompt__copy>*{margin-bottom:20px}.openassessment .openassessment__grade{*zoom:1;display:block;border-top:2px solid #d7d7d9;padding:20px;background:#f5f5f5}.openassessment .openassessment__grade:before,.openassessment .openassessment__grade:after{content:" ";display:table}.openassessment .openassessment__grade:after{clear:both}.openassessment .openassessment__grade .openassessment__grade__title,.openassessment .openassessment__grade .openassessment__grade__content{display:inline-block;vertical-align:top}.openassessment .openassessment__grade .openassessment__grade__title{color:#afb0b4}@media screen and (min-width: 530px) and (max-width: 759px){.openassessment .openassessment__grade .openassessment__grade__title{margin-bottom:20px}}@media screen and (min-width: 760px) and (max-width: 924px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 925px) and (max-width: 1299px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}@media screen and (min-width: 1300px){.openassessment .openassessment__grade .openassessment__grade__title{margin-right:20px}}.openassessment .openassessment__grade .openassessment__grade__content .grade__value{margin-bottom:10px}.openassessment .openassessment__grade.is--incomplete{border-top-color:#ff0}.openassessment .openassessment__grade.is--complete{border-top-color:green}.view--placeholder{background:#fefefe;margin:40px 40px}

apps/openassessment/xblock/static/sass/xb/elements/_base.scss

@@ -30,6 +30,13 @@ hr.divider,
   @extend %text-sr;
 }
 
+// --------------------
+// system-needed elements, but visually hidden
+// --------------------
+.system__element {
+  @extend %text-sr;
+}
+
 
 // --------------------
 // semantic lists used for UI