/* 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) */