/* line 7, base.scss */
img, div, a, input, label {
  behavior: url(iepngfix.htc);
}

/* #Global Page Layout
================================================== */
/* line 14, base.scss */
img, video, object {
  max-width: 100%;
}

/* line 19, base.scss */
img.profile-image {
  -webkit-border-radius: 500px;
  -moz-border-radius: 500px;
  -ms-border-radius: 500px;
  -o-border-radius: 500px;
  border-radius: 500px;
}

/* line 23, base.scss */
div.mini-profile img.school-subscribe {
  position: absolute;
  right: 0px;
  bottom: 0px;
}

/* line 29, base.scss */
div.redactor_dropdown, #redactor_modal {
  z-index: 100000000 !important;
}

/* line 33, base.scss */
.redactor_editor ul {
  list-style-type: disc !important;
}

/* line 37, base.scss */
.redactor_editor ol {
  list-style-type: decimal !important;
}

/* @group Badges */
/* line 43, base.scss */
.badge {
  font-size: 11.844px;
  font-weight: bold;
  line-height: 14px;
  color: #ffffff;
  vertical-align: baseline;
  white-space: nowrap;
  background-color: #999999;
}

/* line 52, base.scss */
.badge {
  padding: 1px 9px 2px;
  -webkit-border-radius: 9px;
  -moz-border-radius: 9px;
  -ms-border-radius: 9px;
  -o-border-radius: 9px;
  border-radius: 9px;
}

/* line 56, base.scss */
a.badge:hover {
  color: #ffffff;
  text-decoration: none;
  cursor: pointer;
}

/* line 61, base.scss */
.badge-important {
  background-color: #b94a48;
}

/* line 64, base.scss */
.badge-important[href] {
  background-color: #953b39;
}

/* line 67, base.scss */
.badge-warning {
  background-color: #f89406;
}

/* line 70, base.scss */
.badge-warning[href] {
  background-color: #c67605;
}

/* line 73, base.scss */
.badge-success {
  background-color: #468847;
}

/* line 76, base.scss */
.badge-success[href] {
  background-color: #356635;
}

/* line 79, base.scss */
.badge-info {
  background-color: #3a87ad;
}

/* line 82, base.scss */
.badge-info[href] {
  background-color: #2d6987;
}

/* line 85, base.scss */
.badge-inverse {
  background-color: #333333;
}

/* line 88, base.scss */
.badge-inverse[href] {
  background-color: #1a1a1a;
}

/* line 92, base.scss */
.btn .label,
.btn .badge {
  position: relative;
  top: -1px;
}

/* line 97, base.scss */
.btn-mini .label,
.btn-mini .badge {
  top: 0;
}

/* @end */
/* line 105, base.scss */
.feature {
  background-color: #e9e8e8;
  border-bottom: 1px solid #d1d1d1;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 111, base.scss */
.feature h1 {
  font-size: 2.3em;
  color: #383838;
  line-height: 1.2em;
}

/* line 117, base.scss */
.feature p {
  color: #383838;
}

/* line 121, base.scss */
#school-website {
  padding-left: 30px;
}

/* line 125, base.scss */
.feature b.button-icon.ex-link {
  top: 2px;
}

/* line 129, base.scss */
.well {
  background-color: #f5f5f5;
  border: 1px solid #eee;
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

/* line 142, base.scss */
.page,
#page {
  padding-right: 0px;
  padding-left: 0px;
  background-color: #fff;
  margin-top: 80px;
  height: 100%;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
  box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
}

/* line 152, base.scss */
#page {
  overflow: visible;
}

/* line 156, base.scss */
a.back-button {
  display: inline-block;
  width: 18px;
  height: 18px;
  overflow: hidden;
  text-indent: -9999px;
  background: url(../img/button-icons.png) no-repeat -7px -206px;
}

/* line 165, base.scss */
.inner-content {
  padding: 30px;
  position: relative;
  overflow: auto;
}

/* line 171, base.scss */
#form-signup {
  margin-top: 25px;
}

/* line 175, base.scss */
.columns {
  overflow: visible;
}

/* line 179, base.scss */
.column.two-thirds {
  width: 71.7%;
}

/* line 184, base.scss */
.right {
  float: right;
}

/* line 188, base.scss */
.left {
  float: left;
}

/* line 192, base.scss */
.column.one-third {
  float: left;
  width: 25.3125%;
  /* 243/1000  */
}

@media only screen and (max-width: 960px) {
  /* line 198, base.scss */
  .column.two-thirds, .column.one-third {
    width: 100%;
    display: block;
  }

  /* line 203, base.scss */
  .left, .right {
    float: none;
  }

  /* line 207, base.scss */
  .inner-content {
    padding: 20px;
  }
}
/* @group Page Header Bar */
/* line 215, base.scss */
div.page-header-bar {
  position: relative;
  height: 40px;
  line-height: 40px;
  background-color: #e9e8e8;
  padding: 0px 30px;
  border-top: 1px solid #fff;
  color: #666;
  overflow: hidden;
  vertical-align: middle;
}

/* line 228, base.scss */
div.page-header-bar a.back-button {
  position: absolute;
  left: 0px;
  top: 0px;
  height: 40px;
  width: 25px;
  background-position: -1px -195px;
}

/* line 237, base.scss */
div.page-header-bar.closed {
  border-top: 0px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-top-left-radius: 4px;
  border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-right-radius: 4px;
  border-top-right-radius: 4px;
}

/* line 242, base.scss */
div.page-header-bar a.right-button {
  display: block;
  position: absolute;
  top: 0px;
  right: 20px;
  line-height: 40px;
  height: 40px;
  color: #666;
  text-align: right;
  text-decoration: none;
}

/* line 254, base.scss */
div.page-header-bar a#hide-feature {
  width: 200px;
  padding-right: 30px;
  background: url(../img/button-icons.png) no-repeat right -29px;
}

/* line 260, base.scss */
div.page-header-bar a.browse-courses {
  font-size: .9em;
  padding-left: 30px;
  background: url(../img/button-icons.png) no-repeat 0 -229px;
}

/* line 266, base.scss */
div.school-actions {
  height: 40px;
}
/* line 269, base.scss */
div.school-actions a.button {
  position: relative;
}
/* line 271, base.scss */
div.school-actions a.button b.button-icon {
  top: -2px;
}

/* line 277, base.scss */
div.page-header-bar a#hide-feature.closed {
  background: url(../img/button-icons.png) no-repeat right 4px;
}

/* line 281, base.scss */
div.page-header-bar h2 {
  margin: 0px;
  padding: 0px;
  font-size: 1em;
}

/* @end */
/* @group Category Side Menu */
/* line 292, base.scss */
div.categories ul {
  margin: 0px;
  padding: 0px;
  margin-bottom: 40px;
  list-style: none;
}

/* line 299, base.scss */
div.category-header {
  background-color: #e9e8e8;
  padding: 10px;
  position: relative;
  text-align: center;
}

/* line 306, base.scss */
div.category-header h3 {
  color: #000;
  font: italic 1.2em/1em "ProximaNova-RegularIt", "Times New Roman", Times, serif;
  margin: 0px;
}

/* line 312, base.scss */
.bottom-arrow {
  border-color: #e9e8e8 transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  position: absolute;
  bottom: -19px;
  left: 45%;
}

/* line 323, base.scss */
div.categories-left-column {
  width: 22.3125%;
  position: absolute;
  left: 20px;
  top: 0px;
  min-height: 100%;
  padding: 0px;
}

/* line 332, base.scss */
div.categories {
  width: 100%;
  position: absolute;
  top: 30px;
  left: 0px;
  padding: 0px;
  margin: 0px;
  margin-bottom: 10px;
}

/* line 343, base.scss */
div.two-thirds-right {
  margin-left: 27.5%;
  margin-left: 27%;
}

/* line 349, base.scss */
div.categories.fixed {
  position: fixed;
  float: none;
  left: 20px;
}

/* line 355, base.scss */
div.categories ul li a {
  color: #666;
  text-decoration: none;
  padding-left: 10px;
  display: inline-block;
  width: 95%;
  padding-top: 5px;
  padding-bottom: 5px;
}

/* line 365, base.scss */
div.categories ul li a:hover {
  color: #333;
}

/* line 369, base.scss */
div.categories ul li.selected a {
  color: #333;
  font-weight: bold;
}

/* line 374, base.scss */
div.categories ul li {
  border-bottom: 1px solid #e9e8e8;
  line-height: 26px;
}

@media only screen and (max-width: 620px) {
  /* line 381, base.scss */
  div.categories-left-column {
    display: none;
  }

  /* line 386, base.scss */
  div.two-thirds-right,
  #catalog-courses {
    margin-left: 0px;
    width: 100% !important;
  }

  /* line 391, base.scss */
  .pw-course-grid .pw-course-thumb {
    margin-right: 15px;
    margin-bottom: 15px;
  }

  /* line 397, base.scss */
  .subscription-ad.catalog .subscribe-image-container {
    float: none;
    margin: 0px auto;
  }
  /* line 402, base.scss */
  .subscription-ad.catalog .subscribe-info {
    margin: 0px;
  }
}
@media only screen and (max-width: 455px) {
  /* line 412, base.scss */
  div.two-thirds-right,
  #catalog-courses {
    text-align: center;
  }

  /* line 415, base.scss */
  .pw-course-grid .pw-course-thumb {
    float: none !important;
    margin: 20px auto !important;
  }

  /* line 420, base.scss */
  #hide-feature {
    display: none;
  }

  /* line 424, base.scss */
  .bar-label {
    display: none;
  }
}
/* @end */
/* line 432, base.scss */
.browse {
  position: relative;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

/* @group Footer */
/* line 439, base.scss */
#footer {
  width: 100%;
  color: #e9e8e8;
  height: 60px;
  line-height: 60px;
  font-size: .9em;
}

/* line 447, base.scss */
#footer a {
  color: #e9e8e8;
}

/* line 451, base.scss */
#footer .left {
  position: absolute;
  left: 0px;
}

/* line 456, base.scss */
#footer .right {
  position: absolute;
  right: 0px;
}

/* @end */
/* #Basic Styles
================================================== */
/* line 466, base.scss */
html, body {
  margin: 0px;
  padding: 0px;
  border: 0px;
  height: 100%;
}

/* line 473, base.scss */
body {
  padding-top: 20px;
  font-family: "ProximaNova-Regular", Arial, Helvetica, Geneva, sans-serif;
  -webkit-font-smoothing: antialiased;
  -webkit-text-size-adjust: 100%;
  background-image: url(../img/bg/black-linen.png);
}

/* line 481, base.scss */
body.iframe-proxy {
  overflow: hidden;
  padding: 0px;
  margin: 0px;
}

/* #Typography
================================================== */
/* line 492, base.scss */
h1, h2, h3, h4, h5, h6 {
  color: #181818;
  font-family: "ProximaNova-Regular", Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
}

/* line 498, base.scss */
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
  font-family: "ProximaNova-Regular", Arial, Helvetica, Geneva, sans-serif;
  font-weight: inherit;
}

/* line 504, base.scss */
h1,
h1 a {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 14px;
}

/* line 511, base.scss */
h2,
h2 a {
  font-weight: inherit;
}

/* line 516, base.scss */
h3 {
  margin-bottom: 8px;
}

/* line 520, base.scss */
h4 {
  line-height: 30px;
  margin-bottom: 4px;
}

/* line 526, base.scss */
h5 {
  line-height: 24px;
}

/* line 530, base.scss */
h6 {
  line-height: 21px;
}

/* line 537, base.scss */
.subheader {
  color: #777;
}

/* used for labels within any gray nav bar */
/* line 543, base.scss */
a.bar-label, a.bar-label:visited,
.bar-label {
  color: #666;
  text-decoration: none;
  line-height: 40px;
}

/* line 549, base.scss */
#sub-bar-container div.admin-toggle-container span.bar-label {
  font-size: 1.1em;
}

/* line 553, base.scss */
p {
  margin: 0 0 14px 0;
}

/* line 557, base.scss */
p img {
  margin: 0;
}

/* line 561, base.scss */
p.lead {
  font-size: 21px;
  line-height: 27px;
  color: #777;
}

/* line 568, base.scss */
.italic-serif,
a.italic-serif {
  color: #464646;
  font-size: 1em;
}

/* line 574, base.scss */
em {
  font-style: italic;
}

/* line 578, base.scss */
strong {
  font-weight: bold;
}

/* line 582, base.scss */
small {
  font-size: 80%;
}

/* line 586, base.scss */
hr {
  border: solid #ddd;
  border-width: 1px 0 0;
  clear: both;
  margin: 10px 0 30px;
  height: 0;
}

/* #Links
================================================== */
/* #Lists
	Normalize list styles inside .content containers
================================================== */
/*	Blockquotes  */
/* line 608, base.scss */
.content blockquote cite {
  display: block;
}

/* line 612, base.scss */
.content blockquote cite:before {
  content: "\2014 \0020";
}

/* line 616, base.scss */
.content ul, .content ol {
  margin-bottom: 20px;
}

/* line 620, base.scss */
.content ul {
  padding-left: 20px;
  list-style: disc;
  list-style-position: outside;
  list-style-type: disc;
}

/* line 627, base.scss */
.content ol {
  list-style: decimal;
}

/* line 631, base.scss */
.content ol, .content ul.square, .content ul.circle, .content ul.disc {
  margin-left: 30px;
}

/* line 635, base.scss */
.content ul.square {
  list-style: square outside;
}

/* line 639, base.scss */
.content ul.circle {
  list-style: circle outside;
}

/* line 643, base.scss */
.content ul.disc {
  list-style: disc outside;
}

/* line 648, base.scss */
.content ul ul, .content ul ol,
.content ol ol, .content ol ul {
  margin: 4px 0 5px 30px;
  font-size: 90%;
}

/* line 654, base.scss */
.content ul ul li, .content ul ol li,
.content ol ol li, .content ol ul li {
  margin-bottom: 6px;
}

/* line 659, base.scss */
.content ul.large li {
  line-height: 21px;
}

/* line 663, base.scss */
.content li p {
  line-height: 21px;
}

/* #Images
================================================== */
/* line 672, base.scss */
img.scale-with-grid {
  max-width: 100%;
  height: auto;
}

/* #Buttons 
================================================== */
/* line 761, base.scss */
a.button {
  margin-right: 10px;
}

/* line 765, base.scss */
a.button.green {
  color: #7ca241;
}

/* line 769, base.scss */
div.center {
  margin: 0px auto;
}

/* line 773, base.scss */
a.button.icon {
  padding-left: 27px;
}

/* line 777, base.scss */
.button-icon {
  left: 6px;
  top: 0px;
  width: 16px;
  height: 33px;
  position: absolute;
  overflow: hidden;
}

/* line 786, base.scss */
.button-icon.watch {
  background: transparent url(../img/button-icons.png) no-repeat -7px -66px;
  /* 2 * 33  */
}

/* line 793, base.scss */
.button-icon.ex-link {
  background: transparent url(../img/button-icons.png) no-repeat -7px -132px;
  /* 3 * 33  */
}

/* line 800, base.scss */
.progressbar {
  background-color: #e1e1e1;
  height: 13px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  /* (
  
  height of inner div) / 2 + padding */
}

/* line 809, base.scss */
.progressbar div {
  width: 40%;
  /* Adjust with JavaScript */
  height: 11px;
  border-radius: 3px;
  border-bottom: 1px solid #908f8f;
  border-left: 1px solid #908f8f;
  border-top: 1px solid #c7c7c7;
  border-right: 1px solid #c7c7c7;
  background: #f7f7f7;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f7f7f7 0%, #efefef 6%, #dddddd 94%, #b2b2b2 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f7f7f7), color-stop(6%, #efefef), color-stop(94%, #dddddd), color-stop(100%, #b2b2b2));
  /*Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f7f7f7 0%, #efefef 6%, #dddddd 94%, #b2b2b2 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f7f7f7 0%, #efefef 6%, #dddddd 94%, #b2b2b2 100%);
  /* IE6-9 */
  background: linear-gradient(top, #f7f7f7 0%, #efefef 6%, #dddddd 94%, #b2b2b2 100%);
}

/* #Forms
================================================== */
/* @group UI Messages/Notes */
/* line 840, base.scss */
div.message {
  color: #333;
  padding: 20px 25px;
  margin: 20px 0px;
  background-color: #e8fce0;
  border: 1px solid #b7c8b2;
}

/* line 848, base.scss */
div.sticky-note {
  color: #333;
  padding: 15px 40px;
  position: relative;
  margin: 10px 0px;
  border: 1px solid #cecece;
  background: #fdf5e0;
}

/* wrapper for messages that show up in the dashboard */
/* line 858, base.scss */
div.dash-message {
  width: 90%;
  margin: auto;
  margin-top: 40px;
}

/* line 865, base.scss */
div.sticky-note .note-message {
  margin: 10px 0px;
}

/* line 870, base.scss */
div.note-message ul li, div.note-message ol li {
  line-height: 1.3em;
}

/* line 874, base.scss */
div.note-message ul, div.note-message ol {
  padding-left: 20px;
  margin-top: 8px;
  margin-bottom: 8px;
}

/* line 880, base.scss */
div.page-shadow {
  width: 100%;
  position: relative;
  height: 11px;
}

/* line 886, base.scss */
div.page-shadow.margin-bottom {
  margin-bottom: 15px;
}

/* line 891, base.scss */
ul#assignments div.page-shadow {
  position: absolute;
  bottom: -11px;
}

/* line 896, base.scss */
img.page-shadow-left {
  position: absolute;
  left: 0px;
  top: 0px;
}

/* line 902, base.scss */
img.page-shadow-right {
  position: absolute;
  right: 0px;
  top: 0px;
}

/* line 908, base.scss */
div.page-shadow-middle {
  width: 80%;
  margin: 0px auto;
  height: 5px;
  background: transparent url(../images/icons/page_shadow_middle.png) repeat-x;
}

/* line 917, base.scss */
div.sticky-note strong {
  font-weight: bold;
}

/* line 921, base.scss */
div.sticky-note ul {
  list-style-type: disc;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* line 927, base.scss */
div.sticky-note ol {
  margin-left: 20px;
  list-style-type: decimal;
}

/* line 932, base.scss */
div.sticky-note a.close {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  top: 10px;
  right: 10px;
  opacity: 1;
}
/* line 940, base.scss */
div.sticky-note a.close i {
  color: #d9cfba;
}

/* line 945, base.scss */
div.sticky-note-shadow {
  width: 90%;
  height: 20px;
  position: absolute;
  left: 0px;
  bottom: -20px;
  margin-left: 57px;
  background: url(../images/sticky-note-shadow.png) repeat-x;
}

/* line 955, base.scss */
div.sticky-note-shadow img {
  position: absolute;
  top: 0px;
  left: -207px;
}

/* line 961, base.scss */
#error-list li {
  line-height: 24px;
  background: url(../images/icons/left-arrow-bullet_red.png) no-repeat 0;
  list-style-type: none;
  padding-left: 30px;
  border-bottom: 1px solid #f4ecb8;
}

/* line 969, base.scss */
div.message h1 {
  font-size: 18px;
  margin-bottom: 5px;
}

/* line 974, base.scss */
div.message h3 {
  font-size: 14px;
}

/* line 978, base.scss */
div.message p {
  font-size: 14px;
}

/* line 982, base.scss */
div.message em {
  color: #666;
}

/* line 986, base.scss */
div.message a {
  font-size: 14px;
  text-decoration: underline;
}

/* @end */
/* @group Tipsy Errors */
/* line 1000, base.scss */
.tipsy.error {
  padding: 5px;
  font-size: 12px;
  position: absolute;
  z-index: 100000;
}

/* line 1007, base.scss */
.tipsy.error .tipsy-inner {
  padding: 5px 8px 4px 8px;
  background-color: #fef9ce;
  color: #333;
  max-width: 200px;
  text-align: center;
  border: 1px solid #999;
}

/* line 1016, base.scss */
.tipsy.error .tipsy-inner {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* line 1020, base.scss */
.tipsy.error .tipsy-arrow {
  position: absolute;
  background: url("../images/tipsy-error-yellow.png") no-repeat top left;
  width: 9px;
  height: 5px;
}

/* line 1027, base.scss */
.tipsy.error.tipsy-n .tipsy-arrow {
  top: 0;
  left: 50%;
  margin-left: -4px;
}

/* line 1033, base.scss */
.tipsy.error.tipsy-nw .tipsy-arrow {
  top: 0;
  left: 10px;
}

/* line 1038, base.scss */
.tipsy.error.tipsy-ne .tipsy-arrow {
  top: 0;
  right: 10px;
}

/* line 1043, base.scss */
.tipsy.error.tipsy-s .tipsy-arrow {
  bottom: 1px;
  left: 50%;
  margin-left: -8px;
  background-position: left bottom;
}

/* line 1050, base.scss */
.tipsy.error.tipsy-sw .tipsy-arrow {
  bottom: 0;
  left: 10px;
  background-position: bottom left;
}

/* line 1056, base.scss */
.tipsy.error.tipsy-se .tipsy-arrow {
  bottom: 0;
  right: 10px;
  background-position: bottom left;
}

/* line 1062, base.scss */
.tipsy.error.tipsy-e .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  right: 0;
  width: 5px;
  height: 9px;
  background-position: top right;
}

/* line 1071, base.scss */
.tipsy.error.tipsy-w .tipsy-arrow {
  top: 50%;
  margin-top: -4px;
  left: 0;
  width: 5px;
  height: 9px;
}

/* @end */
/* @group Shared Page Styles */
/* base for .in-page-header class used in Dashboard and Classes */
/* line 1085, base.scss */
div.in-page-header {
  display: block;
  position: relative;
  border-bottom: 1px solid #e8ebed;
  padding: 20px 20px;
}

/* line 1092, base.scss */
div.in-page-header h3 {
  font-weight: bold;
  font-size: 1.2em;
  color: #555;
}

/* base for subsribe badges */
/* line 1101, base.scss */
div.column.one-third.subscribe {
  text-align: center;
}

/* line 1105, base.scss */
#course-header.subscribe div.column.two-thirds.right {
  margin-top: 10px;
  padding-right: 22px;
  /*margin-top: 23px;
  padding-right: 25px;*/
}

/* base for in-page forms like the registration forms and create coursebook account forms */
/* line 1117, base.scss */
.form-container {
  background-color: #e9e8e8;
  position: relative;
  clear: both;
  overflow: auto;
  padding-bottom: 10px;
}

/* line 1125, base.scss */
.form-container .form-title {
  border-bottom: 1px solid #cacaca;
  outline: 1px solid #fff;
  margin-bottom: 15px;
}

/* line 1131, base.scss */
.form-footer {
  padding: 30px 55px;
}

/* line 1136, base.scss */
.form-footer span {
  font-style: italic;
  color: #1e1e1e;
}

/* line 1145, base.scss */
#form div.input-subline {
  margin-top: 5px;
  font-style: italic;
  color: #676868;
}

/* line 1151, base.scss */
#form div.input-subline a {
  color: #676868;
  text-decoration: underline;
}

/* line 1158, base.scss */
.form-container h2,
.form-container h3,
.form-container h2 {
  font: bold 1.2em Arial, Helvetica, Geneva, sans-serif;
  margin: 6px 0px 8px;
}

/* line 1163, base.scss */
.form-header {
  position: relative;
  padding-bottom: 10px;
}

/* line 1168, base.scss */
.form-title h1 {
  color: #171717;
  margin: 0px;
  line-height: 2.1em;
  font-size: 1.5em;
}

/* line 1175, base.scss */
.pad-left-right {
  padding: 0px 50px;
  overflow: hidden;
}

/* line 1180, base.scss */
div.field {
  /* Field size over-rides */
}
/* line 1182, base.scss */
div.field #id_first_name, div.field #id_last_name {
  width: 194px;
}

/* line 1190, base.scss */
#id_invites, #id_invite_message {
  min-height: 80px;
}

/* @end */
/* #Media Queries
================================================== */
/* Smaller than standard 960 (devices and browsers) */
/* Tablet Portrait size to standard 960 (devices and browsers) */
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 900px) {
  /* line 1217, base.scss */
  div.column.two-thirds.right {
    padding: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  /* line 1224, base.scss */
  .enrollment-features ul li {
    font-size: .8em;
    overflow: hidden;
    height: 38px;
  }

  /* line 1230, base.scss */
  #course-header div.column.two-thirds.right h1 {
    font-size: 2em;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */

/* line 25, ../client/app/global/views/styles/_colors.scss */
.progress-green {
  color: #3aba75;
}

/* #Global App Layout
    These styles should never be mofified in themes
================================================== */
/* line 9, global.scss */
div#wrapper {
  min-height: 100%;
}

/* line 13, global.scss */
#top-anchor {
  position: absolute;
  left: -99999999px;
  height: 0px;
}

/* line 19, global.scss */
iframe#page-proxy {
  position: relative;
  top: -10px;
}

/* line 24, global.scss */
div#back-to-top {
  background-color: #fff;
  display: block;
  width: 40px;
  height: 40px;
  overflow: hidden;
  position: fixed;
  bottom: 20px;
  right: 20px;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border: 1px solid #999;
  z-index: 1000000;
}

/* line 40, global.scss */
#back-to-top a.up-arrow {
  display: block;
  height: 40px;
  line-height: 40px;
  text-align: center;
  color: #999;
  text-decoration: none;
}

/* @group Login Form */
/* line 51, global.scss */
#login-window {
  width: 400px;
}

/* line 55, global.scss */
#login-container-page {
  max-width: 450px;
  text-align: center;
  margin-top: 20px;
  background-color: #fff;
  margin: 0px auto;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 64, global.scss */
div.outside-box {
  margin-bottom: 20px;
}

/* line 68, global.scss */
.sign-in-container {
  max-width: 450px;
  text-align: center;
  margin-top: 20px;
  background-color: #fff;
  margin: 0px auto;
  padding: 20px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 75, global.scss */
.sign-in-container div.field {
  width: 100%;
}

/* line 81, global.scss */
#login-container-page.reset-password-container {
  padding: 20px;
}

/* line 85, global.scss */
#login-container {
  text-align: center;
}

/* line 89, global.scss */
#fb-sign-in-prompt {
  display: inline;
  margin-left: 10px;
}

/* line 94, global.scss */
div.outside-box img.school-icon {
  -moz-box-shadow: 0px 0px 4px #ccc;
  -webkit-box-shadow: 0px 0px 6px #ccc;
  border: 3px solid #fafefc;
}

/* line 100, global.scss */
#login-container.window {
  margin: 0px;
}

/* line 104, global.scss */
#login-container img.school-icon {
  margin-bottom: 20px;
}

/* line 108, global.scss */
#loginForm p.info {
  margin-top: 20px;
  margin-bottom: 0px;
  color: #666;
}

/* line 114, global.scss */
form#login-form {
  text-align: left;
  width: 261px;
  margin: 0px auto;
  position: relative;
}

/* line 121, global.scss */
div.rule {
  border-bottom: 1px solid #cacaca;
  position: relative;
  height: 10px;
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}

/* line 130, global.scss */
div#fb-image-container {
  position: relative;
  width: 50px;
  height: 50px;
  display: inline-block;
}

/* line 137, global.scss */
div#fb-image-container img.fb-logo {
  position: absolute;
  width: 20px;
  height: 20px;
  bottom: -5px;
  right: -5px;
}

/* line 145, global.scss */
p.subtle {
  color: #666;
  font-size: .8em;
  font-style: italic;
}

/* line 151, global.scss */
#fb-login-status {
  min-height: 40px;
}

/* line 155, global.scss */
a.btn.btn-fb-login i {
  color: #fff;
}

/* line 159, global.scss */
a.btn.btn-fb-login {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-image: none;
  background-color: #294785;
  border-color: #0044cc #0044cc #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

/* line 168, global.scss */
div.rule span {
  position: absolute;
  background-color: #e9e8e8;
  font-size: .9em;
  color: #333;
  left: 10px;
  padding: 0px 5px;
}

/* line 177, global.scss */
.fb-login {
  margin: 20px 0px;
}

/* line 181, global.scss */
.fb-login img {
  vertical-align: middle;
}

/* line 184, global.scss */
.fb-login p {
  display: inline;
  margin-left: 10px;
  color: #333;
}

/* line 191, global.scss */
p.fb-connected {
  padding-left: 20px;
  background: url(../images/checked.png) no-repeat 0 0;
}

/* line 197, global.scss */
#loginForm div.rule em {
  color: #cacaca;
  padding: 0px 10px;
  background-color: #fff;
}

/* line 203, global.scss */
#login-form div.button-container {
  position: relative;
}

/* line 208, global.scss */
a#reset-password {
  color: #666;
  text-decoration: none;
  font-size: .8em;
  position: absolute;
  right: 0px;
  bottom: 5px;
}

/* line 218, global.scss */
div.outside-box {
  text-align: center;
  margin-top: 50px;
}

/* line 223, global.scss */
#login-container div.alert-message {
  margin-bottom: 20px;
}

/* @end */
/* @group App Messages */
/* line 233, global.scss */
.alert-message {
  padding: 10px 20px;
  color: #333;
  border: 1px solid #fff;
}

/* line 241, global.scss */
.alert-message h1,
.alert-message h2,
.alert-message h3 {
  font: 14px/21px Arial, Helvetica, Geneva, sans-serif;
  font-weight: bold;
  line-height: 1em;
}

/* line 247, global.scss */
.alert-message.info {
  background-color: #ddf4fb;
  border-style: solid;
  border-color: #c6edf9;
}

/* line 253, global.scss */
.alert-message.success {
  background-color: #d1eed1;
  border-style: solid;
  border-color: #bfe7bf;
}

/* line 259, global.scss */
.alert-message.error {
  background-color: #fddfde;
  border-style: solid;
  border-color: #fbc7c6;
}

/* line 265, global.scss */
.alert-message.warning {
  background-color: #fdf5d9;
  border-style: solid;
  border-color: #fceec1;
}

/* base form message box class */
/* line 272, global.scss */
.form-message-box {
  padding: 10px 10px 10px 25px;
  background-color: #feffff;
  font-size: 14px;
  margin: 10px 0px;
  height: auto;
}

/* line 280, global.scss */
.form-message-box.error {
  background-color: #fdf8d2;
}

/* @end */
/* @group Profile View & Settings */
/* line 295, global.scss */
#frmChangePassword #id_current_password, #frmChangePassword #id_password1, #frmChangePassword #id_password2 {
  width: 380px;
}

/* line 299, global.scss */
#frmUpdateProfile #id_email, #frmUpdateProfile #id_bio, #frmUpdateProfile #id_location {
  width: 380px;
}

/* line 303, global.scss */
#frmUpdateProfile #id_first_name, #frmUpdateProfile input#id_last_name {
  width: 181px;
}

/* @end */
/* @group Tabs */
/* line 312, global.scss */
ul.tabs li.heading {
  font: bold 16px/40px Helvetica, Arial, Geneva, sans-serif;
  color: #555;
  margin-right: 20px;
}

/* line 318, global.scss */
ul.tabs {
  display: block;
  height: 40px;
  z-index: 1;
}

/* line 324, global.scss */
ul.tabs li {
  display: block;
  float: left;
  height: 40px;
  line-height: 40px;
  position: relative;
}

/* line 332, global.scss */
ul.tabs li.current {
  background: url(../img/global/tab-selected-arrow.png) no-repeat center bottom;
  height: 40px;
  top: -1px;
}

/* line 338, global.scss */
ul#classroom-tabs.tabs {
  position: relative;
  bottom: -1px;
}

/* line 343, global.scss */
ul.tabs li.pending-invites {
  padding-left: 9px;
}

/* line 347, global.scss */
ul.tabs li a {
  color: #777;
  text-shadow: #feffff 0 1px 0;
  padding: 0px 15px;
  text-decoration: none;
}

/* line 354, global.scss */
ul.tabs li.current a {
  color: #474747;
}

/* @end */
/* @group Admin UI */
/* line 366, global.scss */
span.admin a,
a.icon {
  padding-right: 3px;
  margin-right: 3px;
  display: block;
  font-size: 13px;
  text-decoration: none;
  font-weight: normal;
  float: left;
  color: #333;
  border: 1px solid #d1d1d1;
  height: 23px;
  width: 23px;
  text-indent: -10000px;
  background-color: #e9e8e8;
  -webkit-border-radius: 23px;
  -moz-border-radius: 23px;
  -ms-border-radius: 23px;
  -o-border-radius: 23px;
  border-radius: 23px;
}

/* line 389, global.scss */
a.icon.with-label {
  width: auto;
  text-indent: 0;
  padding-left: 25px;
  padding-right: 10px;
  border: 1px solid #fff;
  background-color: #f1f1f1;
  line-height: 22px;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
  -webkit-box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.5);
}

/* line 403, global.scss */
a.edit {
  background: #e9e8e8 url(../images/icons/edit.png) no-repeat 4px center;
}

/* line 407, global.scss */
a.move {
  background: #e9e8e8 url(../images/icons/move.png) no-repeat 4px center;
}

/* line 411, global.scss */
a.delete {
  background: #e9e8e8 url(../images/icons/delete.png) no-repeat 4px center;
}

/* line 415, global.scss */
a.settings {
  background: #e9e8e8 url(../images/icons/edit.png) no-repeat 4px center;
}

/* line 419, global.scss */
a.people {
  background: #e9e8e8 url(../img/edit-icons.png) no-repeat center -137px;
}

/* @end */
/* @group Progress */
/* line 427, global.scss */
div.progress-container {
  position: relative;
  width: 160px;
  height: 14px;
  text-align: center;
  overflow: hidden;
  background-color: #dadada;
  border: 0px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}

/* line 438, global.scss */
div.progress-container div.progress {
  height: 15px;
  z-index: 0;
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: #67c868;
  border: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
  -moz-border-radius-topleft: 3px;
  -webkit-border-top-left-radius: 3px;
  border-top-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  -webkit-border-bottom-left-radius: 3px;
  border-bottom-left-radius: 3px;
}

/* @end */
/* line 454, global.scss */
div.blockUI.blockMsg.blockElement {
  border: 0px;
  border-radius: 8px;
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
}

/* line 461, global.scss */
div.blockUI.blockMsg.blockElement span.loading-label {
  margin-left: 10px;
  color: #333;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
/* line 468, global.scss */
[data-icon]:before {
  font-family: 'action-step';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="ico-"]:before {
*/
/* line 485, global.scss */
.ico-to-do:before, .ico-take:before, .ico-submit:before, .ico-listen:before, .ico-attend:before, .ico-read:before, .ico-watch:before {
  font-family: 'action-step';
  speak: none;
  font-style: normal;
  font-weight: normal;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* line 493, global.scss */
.ico-to-do:before {
  content: "\e000";
}

/* line 496, global.scss */
.ico-take:before {
  content: "\e001";
}

/* line 499, global.scss */
.ico-submit:before {
  content: "\e002";
}

/* line 502, global.scss */
.ico-listen:before {
  content: "\e003";
}

/* line 505, global.scss */
.ico-attend:before {
  content: "\e004";
}

/* line 508, global.scss */
.ico-read:before {
  content: "\e005";
}

/* line 511, global.scss */
.ico-watch:before {
  content: "\e006";
}

/* Global Icons */
/* line 516, global.scss */
.ico-user, .ico-message, .ico-home, .ico-help, .ico-circle, .ico-bell, .ico-users {
  font-family: 'pathwright-global-icons';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
}

/* line 526, global.scss */
.ico-user:before {
  content: "\e000";
}

/* line 529, global.scss */
.ico-message:before {
  content: "\e001";
}

/* line 532, global.scss */
.ico-home:before {
  content: "\e002";
}

/* line 535, global.scss */
.ico-help:before {
  content: "\e003";
}

/* line 538, global.scss */
.ico-circle:before {
  content: "\e004";
}

/* line 541, global.scss */
.ico-bell:before {
  content: "\e005";
}

/* line 544, global.scss */
.ico-users:before {
  content: "\e006";
}

/* line 4, app-bar.scss */
#app-bar {
  padding-left: 15px;
  padding-right: 15px;
  z-index: 100000;
  font-size: 1.1em;
}
/* line 15, app-bar.scss */
#app-bar a.navbar-brand {
  font-size: 1em;
  padding-left: 34px;
}
/* line 18, app-bar.scss */
#app-bar a.navbar-brand.with-icon {
  height: 50px;
  background-position: left center;
  background-size: 24px 24px;
  background-repeat: no-repeat;
}
/* line 23, app-bar.scss */
#app-bar a.navbar-brand.with-icon:hover {
  background-position: left center !important;
}
/* line 31, app-bar.scss */
#app-bar #global-profile-badge a img {
  float: left;
  margin-right: 10px;
  margin-top: -2px;
}
/* line 42, app-bar.scss */
#app-bar ul.dropdown-menu.dropdown-inverse {
  background-color: #000;
  padding: 5px 8px;
}
/* line 47, app-bar.scss */
#app-bar ul.dropdown-menu.dropdown-inverse li.divider {
  background-color: #333333;
  border-color: #333333;
}
/* line 51, app-bar.scss */
#app-bar ul.dropdown-menu.dropdown-inverse li a {
  text-align: left;
  padding: 6px 10px;
  color: #999;
  background: none;
}
/* line 56, app-bar.scss */
#app-bar ul.dropdown-menu.dropdown-inverse li a:hover {
  color: #fff;
}
/* line 62, app-bar.scss */
#app-bar div.navbar-brand-menu-wrap {
  position: relative;
}
/* line 64, app-bar.scss */
#app-bar div.navbar-brand-menu-wrap ul.dropdown-menu.pages-menu {
  width: 100%;
  left: auto;
  right: 0px;
  top: 48px;
}
/* line 72, app-bar.scss */
#app-bar.headroom {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  transition: all .2s ease-in-out;
}
/* line 73, app-bar.scss */
#app-bar.headroom--unpinned {
  top: -100px;
}
/* line 74, app-bar.scss */
#app-bar.headroom--pinned {
  top: 0;
}

/* line 25, ../client/app/global/views/styles/_colors.scss */
.progress-green {
  color: #3aba75;
}

/* line 5, modals.scss */
.modal-view {
  /* Use for extenrnal field headings */
  /* @end */
  /* @group Profile View */
  /* Achievements */
  /* @end */
  /* @group Profile Edit */
  /* @end */
  /* @group School Settings */
  /* @end */
  /* @group Styles for Your Settings */
  /* @end */
  /* @group Student Payment Settings */
  /* @end */
  /* @group Invite Modal */
  /* @end */
  /* @group Grade Report */
  /* @end */
  /* @group Report Card Modal */
}
/* line 6, modals.scss */
.modal-view div.modal-footer {
  position: relative;
  padding: 5px 0px;
  text-align: right;
  width: 100%;
  background: none;
  border: none;
}
/* line 15, modals.scss */
.modal-view div.modal-footer button {
  margin-right: 10px;
}
/* line 19, modals.scss */
.modal-view a.delete-link {
  position: absolute;
  left: 15px;
  top: 10px;
  padding-left: 24px;
  background: url(../img/edit-icons.png) no-repeat -4px -74px;
  color: #671e1e;
}
/* line 28, modals.scss */
.modal-view div.profile-image {
  margin: 0px auto;
  position: relative;
}
/* line 33, modals.scss */
.modal-view div.profile-image img.school-subscribe {
  position: absolute;
  right: 8px;
  bottom: -8px;
}
/* line 40, modals.scss */
.modal-view div.modal-content {
  padding: 20px;
}
/* line 45, modals.scss */
.modal-view div.modal-page {
  width: 100%;
}
/* line 49, modals.scss */
.modal-view div.modal-header {
  padding: 10px 15px;
  padding-bottom: 0px;
  min-height: 40px;
  line-height: 40px;
  background-color: #ebebeb;
  border-bottom: 1px solid #d5d5d5;
}
/* line 58, modals.scss */
.modal-view div.button-bar {
  text-align: center;
}
/* line 62, modals.scss */
.modal-view div.modal-header h1 {
  font-size: 1.3em;
}
/* line 66, modals.scss */
.modal-view ul.modal-nav.tabs {
  padding: 0px;
}
/* line 70, modals.scss */
.modal-view ul.modal-nav.tabs li {
  line-height: 30px;
}
/* line 79, modals.scss */
.modal-view div.modal-page h1 {
  font-size: 1.5em;
  margin-bottom: 5px;
}
/* line 84, modals.scss */
.modal-view div.modal-page h2 {
  font-size: 1.0em;
  font-style: italic;
  font-weight: normal;
}
/* line 91, modals.scss */
.modal-view div.modal-page h3 {
  font-weight: bold;
  font-size: 1.2em;
  margin: 10px 0px;
}
/* line 98, modals.scss */
.modal-view div.notification-settings h3 {
  font-size: 1em;
}
/* line 102, modals.scss */
.modal-view div.notification-settings ul {
  margin: 0px;
  padding: 0px;
  list-style: none;
}
/* line 109, modals.scss */
.modal-view div.notification-settings ul.settings label {
  font-weight: normal;
}
/* line 115, modals.scss */
.modal-view .no-margin {
  margin: 0px;
}
/* line 120, modals.scss */
.modal-view div.modal-page .col-left {
  float: left;
  width: 145px;
}
/* line 125, modals.scss */
.modal-view div.modal-page .col-right {
  margin-left: 105px;
}
/* line 129, modals.scss */
.modal-view div.modal-view div#modal-message {
  font-size: .8em;
  font-style: italic;
  color: #666;
  display: inline;
  position: absolute;
  left: 10px;
  bottom: 0px;
}
/* line 139, modals.scss */
.modal-view div.modal-view div#modal-message.error {
  color: red;
}
/* line 143, modals.scss */
.modal-view div.modal-view div#modal-message.success {
  color: green;
}
/* line 153, modals.scss */
.modal-view #profile-achievements {
  margin-top: 20px;
  max-height: 400px;
  overflow-y: auto;
}
/* line 159, modals.scss */
.modal-view #profile-achievements table {
  width: 100%;
}
/* line 163, modals.scss */
.modal-view #profile-achievements table tr td {
  padding-bottom: 10px;
  padding-left: 10px;
}
/* line 168, modals.scss */
.modal-view #profile-achievements table tr td:first-child {
  padding-left: 0px;
  width: 40px;
}
/* line 173, modals.scss */
.modal-view #profile-achievements tr img {
  width: 40px;
  height: 40px;
}
/* line 178, modals.scss */
.modal-view td.progress {
  position: relative;
  padding-top: 15px;
  padding-bottom: 15px;
}
/* line 188, modals.scss */
.modal-view #profile-achievements td {
  vertical-align: middle;
}
/* line 192, modals.scss */
.modal-view #profile-info-container {
  overflow: auto;
}
/* line 195, modals.scss */
.modal-view #profile-info-container #profile-img-container {
  margin: 0px auto;
}
/* line 200, modals.scss */
.modal-view #profile-achievements h3 {
  font-size: 1.1em;
  margin: 10px 0px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ddd;
}
/* line 207, modals.scss */
.modal-view div.profile-info h1 em {
  position: relative;
  top: -2px;
  font-style: normal;
  font-weight: normal;
  font-size: .6em;
  color: #666;
}
/* line 216, modals.scss */
.modal-view div.profile-picture a {
  display: block;
  margin-top: 6px;
  font-size: 12px;
}
/* line 222, modals.scss */
.modal-view div.profile-picture img {
  width: 115px;
}
/* line 226, modals.scss */
.modal-view a.fb-connect {
  margin-top: 20px;
  font-size: .9em;
  padding-left: 35px;
  line-height: 30px;
  display: block;
  background: url(../img/social/fb-28x28.png) no-repeat left center;
  color: #3b5b99;
  text-decoration: none;
}
/* line 237, modals.scss */
.modal-view div#profile-img-container {
  position: relative;
  width: 115px;
  height: 115px;
  overflow: visible;
  cursor: pointer;
  text-align: center;
  -webkit-border-radius: 200px;
  -moz-border-radius: 200px;
  -ms-border-radius: 200px;
  -o-border-radius: 200px;
  border-radius: 200px;
}
/* line 248, modals.scss */
.modal-view #updateImage {
  color: #fff;
  width: 100%;
  text-align: center;
  text-decoration: none;
  font-size: .8em;
  position: absolute;
  bottom: 0px;
  background-color: #000;
}
/* line 259, modals.scss */
.modal-view div.profile-info p.description {
  font: 14px "ProximaNova-RegularIt", "Times New Roman", Times, serif;
  margin-top: 20px;
  margin-bottom: 20px;
  color: #3a3a3a;
}
/* line 266, modals.scss */
.modal-view div.content div.profile-picture em {
  color: #8d8d8d;
  font: italic 12px Helvetica, Arial, Geneva, sans-serif;
  margin-top: 6px;
}
/* line 272, modals.scss */
.modal-view div.profile-info ul.contact-links {
  list-style-type: none;
  padding: 0px;
  margin-top: 10px;
}
/* line 278, modals.scss */
.modal-view div.profile-info p {
  margin-top: 10px;
  margin-bottom: 15px;
  font-size: 14px;
  line-height: 18px;
  color: #5f5f5f;
}
/* line 287, modals.scss */
.modal-view ul.contact-links li {
  padding-left: 25px;
  margin-bottom: 5px;
  list-style-type: none;
}
/* line 293, modals.scss */
.modal-view ul.contact-links li.email {
  background: url(../images/icons/email.png) no-repeat 2px;
}
/* line 297, modals.scss */
.modal-view ul.contact-links li.facebook {
  background: url(../images/icons/facebook.png) no-repeat 2px;
}
/* line 301, modals.scss */
.modal-view ul.contact-links li.twitter {
  background: url(../images/icons/twitter.png) no-repeat 2px;
}
/* line 308, modals.scss */
.modal-view .registration-settings ul {
  margin-left: 5px;
}
/* line 317, modals.scss */
.modal-view #text-bio {
  width: 385px;
}
/* line 326, modals.scss */
.modal-view #school-edit-modal input {
  width: 400px;
}
/* line 330, modals.scss */
.modal-view #school-edit-modal #frmCreditPurchase input {
  width: 15px;
}
/* line 342, modals.scss */
.modal-view #notification-settings-form ul li.course-settings div.field.checkbox {
  margin: 0px;
}
/* line 350, modals.scss */
.modal-view .modal-content div.form-container {
  border: 1px solid #ddd;
  padding: 10px 20px;
}
/* line 355, modals.scss */
.modal-view .modal-content section {
  margin-bottom: 20px;
}
/* line 359, modals.scss */
.modal-view .modal-content section p {
  margin-bottom: 5px;
}
/* line 363, modals.scss */
.modal-view .modal-content section a.action {
  font-size: .8em;
}
/* line 367, modals.scss */
.modal-view table.payment-history .detail-row td {
  border-style: dashed;
}
/* line 370, modals.scss */
.modal-view table.payment-history .detail-row td span {
  margin-left: 30px;
}
/* line 374, modals.scss */
.modal-view h3#billing-questions {
  font-size: 1em;
  margin-top: 10px;
  color: #333;
}
/* line 386, modals.scss */
.modal-view #dialog-content-container {
  /*padding: 20px;*/
}
/* line 390, modals.scss */
.modal-view div#dialog-wrapper {
  padding: 0px;
  margin: 0px;
}
/* line 395, modals.scss */
.modal-view #logging-in {
  width: 100%;
  text-align: center;
  padding: 10px;
}
/* line 401, modals.scss */
.modal-view #logging-in img {
  margin-right: 10px;
}
/* line 405, modals.scss */
.modal-view #logging-in {
  color: #666;
  font-style: italic;
}
/* line 411, modals.scss */
.modal-view div.dialog-heading {
  overflow: hidden;
  line-height: 50px;
  height: 50px;
  position: relative;
  background: #f4f4f4;
  /* Old browsers */
  background: -moz-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #e5e5e5));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  /* IE10+ */
  background: linear-gradient(top, #f4f4f4 0%, #e5e5e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#e5e5e5',GradientType=0 );
  /* IE6-9 */
}
/* line 430, modals.scss */
.modal-view div.dialog-content {
  padding: 20px;
}
/* line 434, modals.scss */
.modal-view div.payment-area {
  width: 575px;
  padding: 15px;
  background-color: #fbf9da;
  margin-top: 10px;
}
/* line 441, modals.scss */
.modal-view div.payment-area div.submit-box {
  border-top: 1px solid #8d8d8d;
  padding-top: 8px;
}
/* line 446, modals.scss */
.modal-view div.payment-area ul {
  margin-bottom: 5px;
}
/* line 450, modals.scss */
.modal-view div.payment-area ul li {
  display: inline;
  color: #1e1e1e;
  font-size: 14px;
  padding-top: 2px;
}
/* line 457, modals.scss */
.modal-view div.payment-area ul li.total {
  display: inline;
  color: #1e1e1e;
  font-size: 15px;
  font-weight: bold;
}
/* line 464, modals.scss */
.modal-view span.solid-label {
  margin-left: 5px;
  margin-right: 5px;
  background-color: #898a8a;
  padding: 2px 7px;
  color: #f7f7f7;
  font-size: 12px;
  font-weight: bold;
  border: 1px solid #787a7a;
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}
/* line 479, modals.scss */
.modal-view div.dialog-content h2 {
  font-size: 14px;
  font-weight: bold;
  color: #373737;
  margin-bottom: 8px;
}
/* line 486, modals.scss */
.modal-view span.solid-label.error {
  background-color: #b33b3a;
  color: #e8ebed;
}
/* line 492, modals.scss */
.modal-view p.textarea-subtext {
  margin-top: 8px;
  padding-bottom: 0;
}
/* line 498, modals.scss */
.modal-view div.payment-area p.subtle {
  font-size: 12px;
}
/* line 502, modals.scss */
.modal-view div.box.gray-enclosed {
  padding: 20px 20px;
  background-color: #ecedee;
  margin-bottom: 15px;
}
/* line 508, modals.scss */
.modal-view div.box.gray-enclosed p {
  margin-bottom: 8px;
  font-size: 13px;
  color: #5f5f5f;
}
/* line 515, modals.scss */
.modal-view .model-footer a.delete-link {
  position: absolute;
  left: 5px;
}
/* line 521, modals.scss */
.modal-view div.payment-area h2 {
  font-size: 16px;
  font-weight: bold;
  color: #1e1e1e;
  margin-bottom: 10px;
}
/* line 528, modals.scss */
.modal-view button#send-invite:disabled {
  color: #b1b1b1;
}
/* line 532, modals.scss */
.modal-view #login-container img.school-icon {
  height: 70px;
  width: 70px;
  margin: 0px;
}
/* line 538, modals.scss */
.modal-view #loginForm h3 {
  font-size: 1.3em;
  margin-bottom: 15px;
  font-weight: bold;
}
/* line 546, modals.scss */
.modal-view ul#invite-email-list {
  list-style: none;
  width: 100%;
  overflow: hidden;
}
/* line 552, modals.scss */
.modal-view ul#invite-email-list li {
  display: inline-block;
  margin-left: 5px;
}
/* line 557, modals.scss */
.modal-view #personal-message h2 {
  font-size: 1em;
}
/* line 561, modals.scss */
.modal-view #invite-email-results {
  margin: 0px;
  margin-bottom: 10px;
}
/* line 573, modals.scss */
.modal-view table.minimal {
  width: 100%;
  margin-bottom: 20px;
}
/* line 578, modals.scss */
.modal-view div#grade-list.modal-page {
  width: 100%;
  height: 500px;
  overflow-y: scroll;
}
/* line 584, modals.scss */
.modal-view table.minimal tr td {
  border-top: 1px solid #ddd;
  padding: 5px 0px;
  vertical-align: middle;
}
/* line 590, modals.scss */
.modal-view table.minimal tr td h3 {
  font-size: 1em;
}
/* line 594, modals.scss */
.modal-view table.minimal thead tr th {
  text-align: left;
}
/* line 598, modals.scss */
.modal-view table.minimal tbody tr {
  cursor: pointer;
}
/* line 602, modals.scss */
.modal-view table.minimal tbody tr:hover td {
  background-color: #f4f4f4;
}
/* line 614, modals.scss */
.modal-view #report-card-header div.mini-profile {
  float: left;
  margin-right: 20px;
}
/* line 619, modals.scss */
.modal-view #report-card-header ul {
  display: inline-block;
}
/* line 623, modals.scss */
.modal-view #report-card-header ul li {
  color: #333;
}
/* line 627, modals.scss */
.modal-view #report-card-header ul li h3 {
  display: inline;
  font-weight: normal;
  font-size: .9em;
  color: #000;
  margin-right: 5px;
}
/* line 636, modals.scss */
.modal-view #step-list {
  max-height: 500px;
  overflow-y: scroll;
  border-top: 1px solid #333;
  margin-top: 20px;
}
/* line 643, modals.scss */
.modal-view #back-to-grade-report {
  text-align: center;
  display: block;
}
/* line 648, modals.scss */
.modal-view #report-card-header h1 {
  font-size: 2em;
}
/* line 653, modals.scss */
.modal-view table#step-data {
  width: 100%;
}
/* line 660, modals.scss */
.modal-view table#step-data th {
  font-size: .8em;
  border-bottom: 1px solid #ddd;
}
/* line 665, modals.scss */
.modal-view table#step-data td {
  color: #000;
  font-size: 1em;
  border-bottom: 1px solid #ddd;
}
/* line 671, modals.scss */
.modal-view span.alert {
  color: red;
}
/* line 675, modals.scss */
.modal-view span.subtle {
  color: #666;
}
/* line 679, modals.scss */
.modal-view table#step-data tr.heading td {
  padding-top: 10px;
}
/* line 684, modals.scss */
.modal-view table#step-data td h3 {
  color: #666;
  font-weight: normal;
}
/* line 692, modals.scss */
.modal-view#course-edit-modal div.col-left.profile-picture img {
  width: 115px;
  height: 115px;
  padding: 0px;
  margin: 0px;
}
/* line 699, modals.scss */
.modal-view#course-edit-modal .course-name {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
}
/* line 707, modals.scss */
.modal-view#invite-modal input.section-link-input {
  background-color: #fff;
  cursor: default;
  color: #333;
  padding: 0px 10px;
  height: 30px;
  line-height: 30px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  -ms-border-radius: 0px;
  -o-border-radius: 0px;
  border-radius: 0px;
}

/* line 725, modals.scss */
#profile-edit-modal ul.tabs li.current, #course-edit-modal ul.tabs li.current {
  top: 1px;
}

/* line 736, modals.scss */
div.profile-info-form a {
  font-size: 12px;
}

img, div, a, input, label { behavior: url(iepngfix.htc) }

div.field input,
div.field textarea {
	border: 0px;
	font-size: 1em;
	resize: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


input:focus, textarea:focus {
	outline: none;

}

div.field textarea {
	min-height: 80px;
}


div.box {
	clear: both;

}

div.box.row {
	clear: both;
	padding: 0px;
	margin: 0px;
	border: 0px;
	margin-bottom: 5px;
	overflow: auto;
}

/*div.box.row div.field.textbox,
div.box.row div.field.password {
	margin-bottom: 0px;
}*/

div.box.row .field {
	display: block;
	float: left;
	margin-right: 10px;
	vertical-align: middle;
}


div.box.row .field.last {
	margin-right: 0px;
}

div.box.row div.box.group {
	float: left;
}

div.field {
	position: relative;
	display: inline-block;
	padding: 0px;
	margin: 0px 0 10px 0px;
	vertical-align: middle;
	
	

	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	
	*display: inline;
	zoom: 1;

}

div.field.radio {
	display: block;
}

div.field.textbox,
div.field.textarea,
div.field.date,
div.field.password {
	border: 1px solid #999;
	overflow: hidden;
	margin-bottom: 5px;
	background: #fff url(images/text-field-shadow.png) no-repeat scroll 0 -1px;
}

div.field.date {
	padding-right: 16px;
}

div.field.date a.dp-choose-date {
	position: absolute;
	right: 0px;
	top: 2px;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 5px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../img/global/calendar.png) no-repeat; 
}

div.field.date a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}


div.field.textbox,
div.field.date,
div.field.password {
	height: 30px;
}

div.field.inline {
	width: auto;
	margin: 0px;
}

div.field.inline {
	width: auto;
	margin: 0px;
}

div.field.selectbox.inline {
	display: inline-block;
	clear: none;
	*display: inline;
	zoom: 1;	
}


div.box.row .field.selectbox {
	width: auto;
	line-height: 30px;
}

div.box.row .field.selectbox {

}

div.box.row .radio-group {
	margin-left: 5px;
	float: left;
	height: 30px;
	overflow: hidden;
}

div.box.row .field.title {
	width: 90px;
}

form .textbox.last {
	margin-right: 0px;
}

div.field.checkbox {
	display: inline-block;
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: inherit;
	*display: inline;
	zoom: 1;	
}

.field label {
	font-weight: normal;
}


.field label.infield {
	position: absolute;
	left: 6px;
	top: 5px;
	z-index: 1;
	color: #666;
	font-size: 1em;
	background-color: #fff;
	font-weight: normal;
	pointer-events:none;
	/*line-height: 25px !important;*/
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='your_transparent.png', sizingMethod='scale');
	background:none !important;	
}

form div.checkbox label,
form div.radio label {
	position: relative;
	color: #333;
	font-size: 13px;
	width: auto;
	background-color: transparent;
}

form div.checkbox label {
	position: relative;
	display: inline-block;
	height: 20px;
	line-height: 15px;
	top: 0px;
	left: 2px;
	*display: inline;
	zoom: 1;	
}

.textbox input, 
.textarea textarea,
.date input,
.password input {
	height: 30px;
	width: 98%;
	margin-left: 4px;
	vertical-align: top;
}


div.field.error {
	border-color: red;
}

div.field.selectbox.error {
	color: red;
	width: 98%;
	margin-top: -2px;
	margin-left: 5px;

	height: 25px;
	line-height: 18px;
	font-size: 12px;
}

div.field.error {
	border: 1px solid #912320;
}

.field.textarea {
	clear: both;
	overflow: auto;
	padding: 0px;
	min-height: 58px;
	
	/* don't set specific widths */
	width: 98%;
}


.textarea textarea {
	margin: 0px;
	margin-left: 4px;
	margin-top: 4px;
	width: 98%;
	min-height: 50px;
	overflow: hidden;
}

input.transparent, textarea.transparent {
	background-color: transparent;
}

#cke_bottom_detail,
.cke_bottom { 
	display:none;
}

div.field.text,
div.field.richtext {
	width: 99%;
}

div.field.richtext label {
	position: relative;
	display: inline-block;
	margin-bottom: 5px;
}

div.field.richtext textarea {
	width: 100%;
	padding-bottom: 50px; /* extra space for ckeditor */
}

.field span.field-meta {
	position: absolute;
	top: 0px;
	right: 8px;
	text-transform: uppercase;
	font-size: 9px;
	line-height: 30px;
	color: #999;
	z-index: 1;
	letter-spacing: 1px;
}

.field span.field-valid-indicator {
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
	width: 15px;
	height: 15px;
	top: 8px;
	right: 8px;
	z-index: 1;
	background-image: url(images/correct.png);
	display: none;
}

.field.success span.field-valid-indicator {
	display: block;	
}

.field.success.no-inline-success-indicator span.field-valid-indicator {
	display: none;	
}

textarea#reading-rtf {
	width: 100%;
	min-height: 300px;
}

input#reading_embed_link {
	width: 80%;
	height: 30px;
	line-height: 30px;
}

/* @override http://connect.coursebook.com:8000/coursebook/media/styles/tipsy.css?c128e87f4c7fe09aecda */

.tipsy { font-size: 10px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* @group Error Styles (added by wmdmark) */

.error .tipsy-inner {
	background-color: #fceec1;
}
.error .tipsy-arrow {
	border-color: #fceec1;
}

/* @end */
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:999999; overflow:hidden;}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
background:#000;
}

#colorbox {
outline:0
}

#cboxContent {
    margin-top:32px;
    overflow:visible;
    background:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

.cboxIframe {
    background:#fff
}

#cboxError {
padding:50px;
border:1px solid #ccc
}

#cboxLoadedContent {
    background:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#cboxLoadingGraphic {
background:url(images/loading.gif) no-repeat center center
}

#cboxLoadingOverlay {
    background:#fff;
    border-radius: 4px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#cboxTitle {
position:absolute;
top:-22px;
left:0;
color:#000
}

#cboxCurrent {
position:absolute;
top:-22px;
right:205px;
text-indent:-9999px
}

#cboxPrevious,#cboxNext,#cboxSlideshow,#cboxClose {
border:0;
padding:0;
margin:0;
overflow:visible;
text-indent:-9999px;
width:20px;
height:20px;
position:absolute;
top:-20px;
background:url(images/controls.png) no-repeat 0 0
}

#cboxPrevious:active,#cboxNext:active,#cboxSlideshow:active,#cboxClose:active {
outline:0
}

#cboxPrevious {
background-position:0 0;
right:44px
}

#cboxPrevious:hover {
background-position:0 -25px
}

#cboxNext {
background-position:-25px 0;
right:22px
}

#cboxNext:hover {
background-position:-25px -25px
}

#cboxClose {
background-position:-50px 0;
right:0
}

#cboxClose:hover {
background-position:-50px -25px
}

.cboxSlideshow_on #cboxPrevious,.cboxSlideshow_off #cboxPrevious {
right:66px
}

.cboxSlideshow_on #cboxSlideshow {
background-position:-75px -25px;
right:44px
}

.cboxSlideshow_on #cboxSlideshow:hover {
background-position:-100px -25px
}

.cboxSlideshow_off #cboxSlideshow {
background-position:-100px 0;
right:44px
}

.cboxSlideshow_off #cboxSlideshow:hover {
background-position:-75px -25px
}

/* @override 
	http://web.coursebook.com:8000/coursebook/media/styles/datePicker.css?8e3f2737ac0976686e78
*/

table.jCalendar {
	background: #adaeae;
    border-collapse: separate;
    border-spacing: 2px;
    width: 200px;
}

input.dt-custom-time {
	border: 1px solid #999;
}
table.jCalendar th {
	background: #787979;
	color: #010101;
	font-weight: bold;
	padding: 3px 5px;
	text-align: center;
}

table.jCalendar td {
	background: #f8f9fa;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #fefacf;
	color: #000;
}
table.jCalendar td.selected.dp-hover {
	background: #fefacf;
	color: #333;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #c4c6c6;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* Time picker */
.ui-timepicker-list { overflow-y: auto; height: 150px; width: 6.5em; background: #fff; border: 1px solid #ddd; margin: 0; padding: 0; }
.ui-timepicker-list.ui-timepicker-with-duration { width: 11em; }
.ui-timepicker-duration { margin-left: 5px; color: #888; }
.ui-timepicker-list:hover .ui-timepicker-duration { color: #888; }
.ui-timepicker-list li { padding: 3px 0 3px 5px; cursor: pointer; white-space: nowrap; color: #000; list-style: none; margin: 0; }
.ui-timepicker-list:hover .ui-timepicker-selected { background: #fff; color: #000; }
li.ui-timepicker-selected, .ui-timepicker-list li:hover, .ui-timepicker-list:hover .ui-timepicker-selected:hover { background: #1980EC; color: #fff; }
li.ui-timepicker-selected .ui-timepicker-duration, .ui-timepicker-list li:hover .ui-timepicker-duration { color: #ccc; }

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #fff;
	font-size: 10px;
	padding: 2px;
	width: 200px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 10000;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
/*
 * LaTeX Math in pure HTML and CSS -- No images whatsoever
 * v0.xa
 * by Jay and Han
 * Lesser GPL Licensed: http: //www.gnu.org/licenses/lgpl.html
 * 
 * This file is automatically included by mathquill.js
 * 
 */

/*
@font-face {
  font-family: Symbola;
  src: url(font/Symbola.eot);
  src: local("Symbola Regular"), local("Symbola"),
    url(font/Symbola.ttf) format("truetype"),
    url(font/Symbola.otf) format("opentype"),
    url(font/Symbola.svg#webfont7MzkO3xs) format("svg");
}
*/

#mathquill-canvas {
  background-color: #fff;
}

.mathquill-editable, .mathquill-embedded-latex .mathquill-editable {
  display: -moz-inline-box;
  display: inline-block;
  border: 1px solid gray;
  padding: 2px;
}
.mathquill-embedded-latex .mathquill-editable {
  margin: 1px;
}
.mathquill-textbox {
  overflow-x: auto;
  overflow-y: hidden; /*so IE8 won't show a vertical scrollbar*/
}
.mathquill-editable.empty, .mathquill-editable * {
  cursor: text;
}

.mathquill-editable .textarea {
  position: relative;
  display: inline; /*so Firefox 3.6 (Gecko 1.9.2) won't wrap the box to 2 lines*/
}
.mathquill-editable .textarea textarea {
  position: absolute;
  z-index: -1;
  height: 1px;
  width: 1px;
  opacity: 0;
  border: none;
  outline: none;
}

.mathquill-editable .cursor {
  border-left: 1px solid black;
  margin-right: -1px;
  display: inline;
  position: relative;
  z-index: 1;
}
.mathquill-editable .cursor.blink {
  visibility: hidden;
}
.mathquill-editable.empty:after, .mathquill-textbox:after, .mathquill-rendered-math .empty:after {
  visibility: hidden;
  content: 'c';
}
/*separated from above because unrecognized pseudoclasses invalidate the entire selector*/
.mathquill-editable .cursor:only-child:after,
.mathquill-editable .textarea+.cursor:last-child:after {
  visibility: hidden;
  content: 'c';
}

.mathquill-editable .selection,
.mathquill-editable .selection .mathquill-rendered-math,
.mathquill-editable .selection sup, .mathquill-editable .selection sub {
  background: #B4D5FE;
  background: Highlight;
  color: HighlightText;
  border-color: HighlightText;
}
.mathquill-editable .selection.blur,
.mathquill-editable .selection.blur .mathquill-rendered-math,
.mathquill-editable .selection.blur sup,.mathquill-editable .selection.blur sub {
  background: #CCC;
  background: rgba(0, 0, 0, .2);
  color: black;
  border-color: black;
}
.mathquill-editable .selection .selection.blur,
.mathquill-editable .selection .selection.blur sup,
.mathquill-editable .selection .selection.blur sub {
  background: #ABF;
}
.mathquill-editable .selection.blur .selection.blur,
.mathquill-editable .selection.blur .selection.blur sup,
.mathquill-editable .selection.blur .selection.blur sub {
  background: #AAA;
  background: rgba(0, 0, 0, .2);
}

.mathquill-textbox, .mathquill-rendered-math {
  white-space: pre-wrap;
  font-family: Symbola, "Times New Roman", serif;
}
.mathquill-rendered-math {
  font-variant: normal;
  font-weight: normal;
  font-style: normal;
  font-size: 115%;
  line-height: 1;
  display: -moz-inline-box;
  display: inline-block;
  -moz-user-select: none;
}
.mathquill-rendered-math var, .mathquill-rendered-math .nonSymbola {
  font-family: "Times New Roman", serif;
}
.mathquill-rendered-math * {
  font-size: inherit;
  line-height: inherit;
  display: -moz-inline-box;
  display: inline-block;
  margin: 0;
  padding: 0;
  border-color: black;
}
.mathquill-editable.hasCursor,
.mathquill-rendered-math .latex-command-input.hasCursor {
  border-color: ActiveBorder;
}
.mathquill-editable.hasCursor, .mathquill-editable .hasCursor {
  -webkit-box-shadow: #68B4DF 0 0 3px 2px;
  -moz-box-shadow: #68B4DF 0 0 3px 2px;
  box-shadow: #68B4DF 0 0 3px 2px;
}

.mathquill-rendered-math .empty {
  background: #ccc;
}
.mathquill-rendered-math.empty {
  background: transparent;
}

.mathquill-rendered-math .text {
  display: inline;
  font-size: 87%;
}

.mathquill-rendered-math var { /* variables, in case the user does something weird to their <var>'s */
  font-style: italic;
  font-weight: normal;
}
.mathquill-rendered-math var.florin { /* florin looks so much better than italic f */
  margin: 0 -.1em;
}

.mathquill-rendered-math big {
  font-size: 125%;
}

.mathquill-rendered-math sup, .mathquill-rendered-math sub {
  position: relative;
  font-size: 90%;
}
.mathquill-rendered-math sup {
  vertical-align: .5em;
}
.mathquill-rendered-math sub {
  vertical-align: -.4em;
}
.mathquill-rendered-math sup.nthroot {
  margin-right: -.6em;
  margin-left: .2em;
  min-width: .5em;
}
.mathquill-rendered-math sup.limit, .mathquill-rendered-math sub.limit,
.mathquill-rendered-math sup.nthroot {
  font-size: 80%;
}
.mathquill-rendered-math sup.limit, .mathquill-rendered-math sup.nthroot {
  vertical-align: .8em;
}
.mathquill-rendered-math sub.limit {
  vertical-align: -.6em;
}

.mathquill-rendered-math .binary-operator {
  padding: 0 .2em;
}
.mathquill-rendered-math .unary-operator {
  padding-left: .2em;
}
.mathquill-rendered-math sup .binary-operator,
.mathquill-rendered-math sub .binary-operator {
  padding: 0 .1em;
}
.mathquill-rendered-math sup .unary-operator,
.mathquill-rendered-math sub .unary-operator {
  padding-left: .1em;
}

.mathquill-rendered-math .fraction {
  font-size: 90%;
  text-align: center;
  vertical-align: -.5em;
  padding: 0 .1em;
}
.mathquill-rendered-math .fraction, x:-moz-any-link { /* Firefox 2 (and older?) only */
  display: -moz-groupbox; /* because display:inline-block is FUBAR in Gecko < 1.9.0 */
}
.mathquill-rendered-math .fraction, x:-moz-any-link, x:default { /* Firefox 3+ (Gecko 1.9.0+) */
  display: inline-block;
}
.mathquill-rendered-math .numerator, .mathquill-rendered-math .denominator {
  display: block;
}
.mathquill-rendered-math .numerator {
  border-bottom: 1px solid; /* black is too black, contrasts with antialised text */
  padding: 0 .1em;
}
.mathquill-rendered-math .denominator {
  border-top: 1px solid;
  float: right; /* take out of normal flow to manipulate baseline */
  width: 100%;
}

.mathquill-rendered-math sup .fraction, .mathquill-rendered-math sub .fraction {
  font-size: 70%;
  vertical-align: -.4em;
}
.mathquill-rendered-math sup .numerator, .mathquill-rendered-math sub .numerator {
  border-bottom: none;
  padding-bottom: 0;
}
.mathquill-rendered-math sup .denominator, .mathquill-rendered-math sub .denominator {
  padding-top: 0;
}

.mathquill-rendered-math .latex-command-input {
  color: inherit;
  font-family: "Courier New", monospace;
  border: 1px solid gray;
  padding-right: 1px;
  margin-right: 1px;
  margin-left: 2px;
}
.mathquill-rendered-math .latex-command-input:before {
  content: '\\';
}
.mathquill-rendered-math .latex-command-input.empty {
  background: transparent;
}

.mathquill-rendered-math .sqrt-prefix {
  vertical-align: top;
  position: relative;
  top: 2px;
}
.mathquill-rendered-math .sqrt-stem {
  border-top: 1px solid;
  margin-top: 1px;
  padding-left: 2px;
  padding-right: .2em;
  margin-right: .1em;
}

.mathquill-rendered-math .paren {
  vertical-align: bottom;
  position: relative;
}

.mathquill-rendered-math .array {
  vertical-align: middle;
  text-align: center;
}

.mathquill-rendered-math .array > span {
  display: block;
}

.mathquill-rendered-math .non-italicized-function {
  padding-right: .2em;
}

/*.mathquill-rendered-math .not {
  margin-right: -.75em;
}*/


/*
 * editor/toolbar styles
 */

.mathquill-editor {
  padding: 0 4px 10px;
  width: 680px;
  display: inline-block;
}
.mathquill-toolbar {
  font-family: sans-serif, Arial, Verdana;
  font-size: 1em;
  margin: 0 -4px 10px;
  position: relative;
  overflow: hidden;
  z-index: 101;
}
.mathquill-tab-bar {
  padding: 8px 8px 2px 16px;
  margin: 0 0 -2px;
  line-height: 1.5;
  font-size: 9pt;
  list-style: none;
  overflow: hidden;
  display: block;
  background: #aaa;
}
.mathquill-tab-bar li {
  color: #555;
  background: #ccc;
  border-color: #999;
  border-width: 1px 1px 0 1px;
  border-style: solid;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
  -webkit-border-radius-topright: 4px;
  -webkit-border-radius-topleft: 4px;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  margin: 0 4px 0 0;
  float: left;
  top: 1px;
  height: 2em;
  overflow: hidden;
  position: relative;
}
.mathquill-tab-bar li.mathquill-tab-selected {
  background: #e8e8e8;
  border-color: #999;
}
.mathquill-tab-bar li a {
  padding: 0 8px;
  line-height: 2em;
  color: #000;
  text-decoration: none;
  cursor: default;
  display: block;
}
*:first-child+html .mathquill-tab-bar li a { /* IE7 only */
  padding: 0 7px;
}
.mathquill-tab-bar a span {
  padding: 0 6px 0 0;
  line-height: inherit;
  font-weight: bold;
}
.mathquill-toolbar-panes {
  border-top: 1px solid #999;
  border-bottom: 1px solid #aaa;
  background: #e8e8e8;
}
.mathquill-tab-pane {
  margin: 0 -100% 0 0;
  width: 100%;
  visibility: hidden;
  float: left;
}
.mathquill-tab-pane-selected {
  visibility: visible;
  margin: 0;
}
.mathquill-tab-pane ul {
  margin: 0;
  padding: 6px 12px;
  overflow: hidden;
  line-height: 1;
  list-style: none;
}
.mathquill-tab-pane li {
  overflow: hidden;
  display: block;
  float: left;
  height: 1.5em;
  margin: 0 -4px 3px;
  padding: 4px 6px 0;
  text-align: center;
  background: #eee;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}
.mathquill-tab-pane li.mathquill-button-spacer {
  background: transparent;
  border-color: transparent;
  width: 10px;
}
.mathquill-tab-pane li a {
  display: block;
  font-size: 0.9em;
  font-weight: bold;
  width: 1.5em;
  height: 1.4em;
}
.mathquill-tab-pane li a:hover {
  background-color: #adcddf;
}
.mathquill-toolbar * {
  cursor: default !important;
}
/* line 25, ../client/app/global/views/styles/_colors.scss */
.progress-green {
  color: #3aba75;
}

/* line 4, share.scss */
#affiliate-share-window {
  width: 800px;
  background-color: #FFFFFF;
  margin: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
/* line 12, share.scss */
#affiliate-share-window .modal-header {
  -moz-border-radius-topleft: 8px;
  -webkit-border-top-left-radius: 8px;
  border-top-left-radius: 8px;
  -moz-border-radius-topright: 8px;
  -webkit-border-top-right-radius: 8px;
  border-top-right-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 30px 40px;
}
/* line 18, share.scss */
#affiliate-share-window .modal-header h1 {
  font-weight: normal;
  font-size: 1.8em;
  margin-top: 5px;
  margin-bottom: 0px;
}
/* line 24, share.scss */
#affiliate-share-window .modal-header img {
  width: 120px;
  height: 120px;
  float: left;
  margin-right: 20px;
}
/* line 31, share.scss */
#affiliate-share-window .modal-header p {
  padding-top: 8px;
  clear: right;
  line-height: 1.5em;
}
/* line 37, share.scss */
#affiliate-share-window .modal-header input {
  width: 150px;
  padding: 5px 10px;
  font-size: 12px;
  border: 1px dashed #b3b3b3;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
}
/* line 46, share.scss */
#affiliate-share-window .modal-header button.close {
  position: absolute;
  right: 15px;
  top: 15px;
  background-color: transparent;
}
/* line 55, share.scss */
#affiliate-share-window .modal-body {
  padding: 0px;
  overflow: hidden;
  -moz-border-radius-bottomleft: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-transition: height 0.3s ease-in;
  -moz-transition: height 0.3s ease-in;
  -o-transition: height 0.3s ease-in;
  transition: height 0.3s ease-in;
}
/* line 60, share.scss */
#affiliate-share-window .modal-body h3 {
  margin-top: 0px;
  font-size: 1em;
  line-height: 1em;
  font-weight: bold;
}
/* line 67, share.scss */
#affiliate-share-window .modal-body #invite-contacts-message {
  margin: 10px 40px;
}
/* line 71, share.scss */
#affiliate-share-window .modal-body .share-options {
  padding: 0px 0px;
  background-color: #ebebeb;
  margin: 0px;
}
/* line 77, share.scss */
#affiliate-share-window .modal-body ul.nav-pills {
  margin-bottom: 0px;
  padding-top: 7px;
  padding-bottom: 7px;
  padding-left: 40px;
  padding-right: 40px;
  border-top: none;
  border-bottom: 1px solid #cacaca;
  outline: 1px solid #fff;
  font-size: 14px;
}
/* line 90, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li a {
  margin-top: 5px;
  display: block;
  height: 24px;
  line-height: 24px;
  color: #333;
  padding: 0px 10px;
  padding-left: 28px;
  margin-right: 10px;
  background-image: url(../img/social/share-icons.png);
  background-repeat: no-repeat;
  background-size: 24px auto;
}
/* line 103, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li a#share-email {
  background-position: 0px -24px;
}
/* line 107, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li a#share-twitter {
  background-position: 0px -0px;
}
/* line 111, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li a#share-facebook {
  background-position: 0px -48px;
}
/* line 117, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li.label {
  color: #666666;
  text-shadow: none;
  background-color: transparent;
}
/* line 123, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li.active a {
  color: #000;
  font-weight: bold;
  background-color: transparent;
}
/* line 129, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li:first-child {
  line-height: 35px;
  margin-right: 10px;
}
/* line 130, share.scss */
#affiliate-share-window .modal-body ul.nav-pills li:first-child a {
  padding-left: 0px;
}
/* line 146, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails {
  padding: 0px 40px;
}
/* line 148, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails textarea {
  width: 100%;
  min-height: 80px;
}
/* line 153, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails h3 {
  font-size: 1.5em;
}
/* line 157, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers {
  padding: 0px;
  margin-bottom: 10px;
}
/* line 160, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li {
  list-style: none;
  display: inline;
}
/* line 163, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a {
  text-decoration: underline;
  font-size: .9em;
  margin-right: 5px;
  display: inline-block;
  height: 20px;
  line-height: 22px;
  color: #333;
}
/* line 176, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.gmail {
  background-position: 2px 0px;
}
/* line 177, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.windowslive {
  background-position: 0px -20px;
}
/* line 178, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.yahoo {
  background-position: 0px -40px;
}
/* line 179, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.aol {
  background-position: 0px -58px;
}
/* line 180, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.addressbook {
  background-position: 0px -78px;
}
/* line 181, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-emails ul.providers li a.outlook {
  background-position: 0px -97px;
}
/* line 186, share.scss */
#affiliate-share-window .modal-body div#invite-contacts-email {
  padding: 0px 40px;
}
/* line 191, share.scss */
#affiliate-share-window .modal-body #invite-contacts {
  padding: 20px 0px;
  overflow: hidden;
}
/* line 196, share.scss */
#affiliate-share-window .modal-body textarea#emails-to-parse {
  color: #666;
  font-size: 1em;
  height: 80px;
  border: 1px solid #999;
  padding: 5px 10px;
  width: 100%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  -ms-border-radius: 2px;
  -o-border-radius: 2px;
  border-radius: 2px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 206, share.scss */
#affiliate-share-window .modal-body textarea#emails-to-parse placeholder {
  color: #666;
}
/* line 211, share.scss */
#affiliate-share-window .modal-body .message-preview {
  color: #666;
  padding: 10px 0px;
  background-color: #fff;
  margin: 0px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  border: 1px solid #cccccc;
  margin-bottom: 10px;
}
/* line 219, share.scss */
#affiliate-share-window .modal-body .message-preview h3 {
  font-weight: normal;
  color: #666;
  padding-left: 20px;
}
/* line 224, share.scss */
#affiliate-share-window .modal-body .message-preview textarea {
  font-size: .9em;
  border: 1px dashed #b3b3b3;
  border-left: 0px;
  border-right: 0px;
  padding: 5px 20px;
  width: 100%;
  min-height: 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* line 235, share.scss */
#affiliate-share-window .modal-body .message-preview .email-footer {
  padding-left: 20px;
}

/* line 244, share.scss */
.affiliate-prompt {
  padding: 10px 20px;
  color: #000;
  border: 1px solid #ddd;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

/* line 252, share.scss */
.nav li.affiliate {
  font-size: .7em;
  text-transform: uppercase;
}
/* line 255, share.scss */
.nav li.affiliate a {
  position: relative;
  top: 11px;
  color: #333 !important;
  height: 16px !important;
  line-height: 1px !important;
  border: 1px solid #ddc05c;
  background-color: #c8a12c;
  text-shadow: 1px 1px 1px #e6d086;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #c8a12c), color-stop(100%, #ddc05c));
  background: -webkit-linear-gradient(bottom, #c8a12c, #ddc05c);
  background: -moz-linear-gradient(bottom, #c8a12c, #ddc05c);
  background: -o-linear-gradient(bottom, #c8a12c, #ddc05c);
  background: linear-gradient(bottom, #c8a12c, #ddc05c);
}
/* line 268, share.scss */
.nav li.affiliate a:hover {
  color: #000 !important;
  background-color: #ddc05c;
  background: -webkit-gradient(linear, 50% 100%, 50% 0%, color-stop(0%, #e6d086), color-stop(100%, #efe0b0));
  background: -webkit-linear-gradient(bottom, #e6d086, #efe0b0);
  background: -moz-linear-gradient(bottom, #e6d086, #efe0b0);
  background: -o-linear-gradient(bottom, #e6d086, #efe0b0);
  background: linear-gradient(bottom, #e6d086, #efe0b0);
}

/* line 3, content-reset.scss */
.content-reset p {
  line-height: 1.1em;
}
/* line 6, content-reset.scss */
.content-reset a {
  color: #4e668c;
  text-decoration: underline;
}
/* line 12, content-reset.scss */
.content-reset ol {
  list-style-type: decimal;
}
/* line 13, content-reset.scss */
.content-reset ul {
  list-style-type: disc;
}
/* line 15, content-reset.scss */
.content-reset ol, .content-reset ul {
  padding-left: 1em;
  margin: 0px;
}
/* line 21, content-reset.scss */
.content-reset blockquote {
  font-style: italic;
  margin: 0 0 20px;
  padding: 9px 20px 0 19px;
  border-left: 1px solid #ddd;
}
/* line 28, content-reset.scss */
.content-reset code, .content-reset pre {
  font-family: Menlo, Monaco, monospace, sans-serif;
}