/* Top */
/*
#settings_navbar .nav_links_wrapper .settings_navbar_link:hover{
  background: white;
  box-shadow: 0px 2px 5px #999;
  -moz-box-shadow: 0px 2px 5px #999;
  -webkit-box-shadow:  0px 2px 5px #999;
}
*/
/* Main */
/* Schools Banner */
/* Lower */
/*
.left-col .settings_message.class_information{
  top: -5px;
}

.left-col .settings_message.qna_settings{
  top: 315px;
}
.left-col .settings_message.manage_tags{
  top: 430px;
}
.left-col .settings_message.enroll_inst{
  top: 555px;
}
.left-col .settings_message.enroll_stud{
  top: 715px;
}
*/
/* Footer */
/* Interim Styling */
* {
  margin: 0;
  padding: 0;
}
* html .clearFix {
  height: 1%;
}
div {
  display: block;
}
body {
  background: #e4edf6;
  font-family: 'Lucida Grande', Tahoma, Helvetica, Arial, sans-serif;
  font-size: 13px;
}
body.settingsPage {
  background: #fff;
  color: #30424D;
}
body.blue {
  background: url(/images/splash/blue-body-bg.png) repeat;
}
body.blue #lower {
  margin-bottom: 15px;
}
body.blue #lower li {
  border: none;
}
body.blue #footer .page-container {
  padding-top: 0px;
  border-top: none;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  color: #C4D8E3;
}
body.blue #footer a {
  color: #C4D8E3;
}
.clearFix:after {
  clear: both;
  content: '.';
  display: block;
  font-size: 0px;
  height: 0px;
  line-height: 0;
  visibility: hidden;
}
.hidden {
  display: none;
}
.page-container {
  width: 960px;
  margin: 0 auto;
}
.calign {
  text-align: center;
}
.ralign {
  text-align: right;
}
.placeholder {
  color: #999;
}
.rightFloat {
  float: right;
}
#top {
  height: 75px;
  background: url(../images/splash/top-bg.png) repeat-x;
}
#logo-container {
  float: left;
}
#login-container {
  float: right;
  padding-top: 13px;
  font-size: 10px;
  color: #7DA0C4;
}
#login-container a {
  color: #7DA0C4;
}
#login-container .login-field {
  display: inline-block;
}
#login-container .login-field span {
  display: block;
  color: #7da0c4;
}
#login-container input {
  margin-right: 2px;
  width: 130px;
}
#login-container button {
  padding: 2px 5px;
  line-height: 14px;
}
input {
  padding: 2px;
}
textarea {
  padding: 2px;
}
#settings_navbar {
  background: #E0E3E4;
  height: 45px;
  width: 100%;
  position: absolute;
  top: 54px;
  z-index: 2;
  font-family: 'Lucida Grande', Lucida, Arial, sans-serif;
}
#settings_navbar .class_checklist {
  width: 170px;
  color: #7A7A7A;
  font-size: 11px;
  text-align: right;
  float: right;
  margin-right: 10px;
  margin-top: -37px;
}
#settings_navbar .class_checklist a {
  text-decoration: underline;
  color: #7A7A7A;
}
#settings_navbar .navbar-inner {
  min-height: 0px;
  padding-right: 0px;
  padding-left: 0px;
  background: transparent;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
#settings_navbar .navbar-inner .nav {
  margin: 0px;
}
#settings_navbar .nav_links_spacer {
  width: 100%;
  height: 20px;
  background: white;
  display: none;
}
#settings_navbar .nav_links_wrapper {
  width: 800px;
  margin: 0px auto;
}
#settings_navbar .nav_links_wrapper a {
  color: #2F414D;
  line-height: 1.25;
  float: none;
  padding: 0px;
  text-decoration: none;
  text-shadow: none;
}
#settings_navbar .nav_links_wrapper .settings_navbar_link {
  width: 100px;
  float: left;
  text-align: center;
  padding: 5px;
  height: 32px;
  cursor: pointer;
  font-size: 12px;
  font-weight: normal;
  padding-top: 8px;
}
#settings_navbar .nav_links_wrapper .settings_navbar_link a:hover {
  text-decoration: none;
}
#settings_navbar .nav_links_wrapper .settings_navbar_link.active {
  background: white;
  font-weight: bold;
}
#settings_navbar .nav_links_wrapper .settings_navbar_link.active a {
  background: white;
  box-shadow: none;
}
.pageContainerWrapper {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 100px;
}
#main {
  height: 413px;
  background: url(../images/splash/main-bg.png) repeat-x;
  text-shadow: 0 0 2px #27567A;
}
#main .page-container {
  width: 940px;
  padding: 0 10px;
}
#main-left {
  width: 50%;
  float: left;
}
#main-left > .content {
  padding-right: 10px;
  margin-top: 50px;
  margin-left: 35px;
}
#main-left #video-pane-2 {
  display: block;
  width: 410px;
  height: 302px;
  background: url(../images/splash/video-pane.png) left top no-repeat;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top: 1px solid #5490bb;
  border-bottom: 1px solid #557893;
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 2px #a7cdeb;
  -webkit-box-shadow: 0 1px 2px #a7cdeb;
  -moz-box-shadow: 0 1px 2px #a7cdeb;
}
#main-left #video-pane-2:hover {
  background-position: left -302px;
}
#main-left #video-pane-2:active {
  outline: none;
}
#main-left #video-pane {
  display: block;
  width: 410px;
  height: 302px;
  background: url(../images/splash/video-pane-adi-blue.png) left top no-repeat;
  cursor: pointer;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border-top: 1px solid #5490bb;
  border-bottom: 1px solid #557893;
  position: relative;
  text-decoration: none;
  box-shadow: 0 1px 2px #a7cdeb;
  -webkit-box-shadow: 0 1px 2px #a7cdeb;
  -moz-box-shadow: 0 1px 2px #a7cdeb;
}
#main-left #video-pane:hover {
  background-position: left -302px;
}
#main-left #video-pane:hover span {
  text-decoration: underline;
}
#main-left #video-pane:active {
  outline: none;
}
.video-pane span {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 25px;
  font-size: 11px;
  color: white;
  font-weight: bold;
  text-decoration: none;
}
#main-right {
  width: 50%;
  float: right;
  color: #c4d8e3;
}
#main-right > .content {
  padding-left: 10px;
  margin-top: 75px;
  margin-right: 50px;
}
#main-right #tagline {
  margin-bottom: 20px;
}
#main-right #tagline h1 {
  color: white;
  font-size: 32px;
  font-weight: normal;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
#main-right #blurb {
  margin-bottom: 20px;
}
#main-right a {
  color: #e3e1b6;
  font-weight: bold;
  text-decoration: none;
}
#main-right a:hover {
  text-decoration: underline;
}
#main-right #action-button {
  display: block;
  background: url(../images/splash/buttons/get-started-now-button.png) left top no-repeat;
  height: 49px;
  width: 258px;
  cursor: pointer;
}
#main-right #action-button:hover {
  background-position: left -49px;
}
#main-right #action-button:active {
  background-position: left -98px;
  outline: none;
}
#main-right #fall-reminder {
  margin-top: 10px;
  margin-bottom: 25px;
}
#main-right #fall-reminder span {
  display: inline-block;
  font-size: 12px;
  font-style: italic;
  text-align: center;
  width: 90px;
}
#main-right #fall-reminder a {
  background: url(../images/splash/buttons/get-fall-reminder-button.png) left top no-repeat;
  display: inline-block;
  height: 30px;
  width: 162px;
  margin-bottom: -10px;
  margin-left: 5px;
}
#main-right #fall-reminder a:hover {
  background-position: left -30px;
}
#main-right #fall-reminder a:active {
  background-position: left -60px;
}
#main-right #extra-persuasion {
  margin-top: -10px;
  margin-left: 40px;
  z-index: 1;
  position: relative;
}
#main-right #extra-persuasion a {
  display: block;
  width: 321px;
  height: 73px;
  background: url(/images/splash/stanford-prof-scrawl.png) top left no-repeat;
}
#main-right #extra-persuasion a:hover {
  background-position: bottom left;
}
.faq-link {
  color: #e3e1b6;
  text-decoration: none;
}
.faq-link:hover {
  text-decoration: underline;
}
#schools-banner {
  width: 700px;
  margin: 0 auto;
  text-align: center;
  height: 39px;
  line-height: 39px;
  margin-top: -20px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  background: url(../images/splash/banner-bg.png) repeat-x;
  color: #c4d8e3;
  margin-bottom: 20px;
  overflow: hidden;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 14px;
}
#schools-banner span {
  font-weight: bold;
  color: white;
}
#schools-banner .left-edge {
  float: left;
  width: 8px;
  height: 39px;
  background: url(../images/splash/banner-bg-left.png) no-repeat;
}
#schools-banner .right-edge {
  float: right;
  width: 8px;
  height: 39px;
  background: url(../images/splash/banner-bg-right.png) no-repeat;
}
#lower {
  margin-bottom: 30px;
}
#lower a {
  color: #568BBD;
  text-decoration: none;
}
#lower a:hover {
  text-decoration: underline;
}
#lower h1 {
  color: #568bbd;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-size: 28px;
  padding-bottom: 15px;
}
#lower h2 {
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #53595c;
  font-size: 18px;
  margin-bottom: 7px;
  margin-left: 10px;
}
#lower .page-container {
  width: 940px;
  padding: 0 10px;
}
#lower #contact-us {
  text-align: center;
  margin: -20px auto 20px auto;
  background: white;
  width: 600px;
  padding: 8px 0 10px;
  border-bottom-right-radius: 8px;
  -moz-border-radius-bottomright: 8px;
  border-bottom-left-radius: 8px;
  -moz-border-radius-bottomleft: 8px;
  border: 1px solid #D6DCE1;
  -webkkit-box-shadow: 0 1px 2px #CDD3D8;
  -moz-box-shadow: 0 1px 2px #CDD3D8;
  box-shadow: 0 1px 2px #CDD3D8;
}
#lower #contact-us .link {
  font-size: 14px;
  color: #1E4571;
  margin: 0 10px;
}
#lower #contact-us .link:last-child {
  margin-right: 0;
}
#lower #contact-us .dot-separator {
  color: #999;
}
#lower #contact-us-flyout {
  display: none;
  border-top: 1px solid #D6DCE1;
  margin: 10px 10px 0;
  padding: 10px 50px 0;
  text-align: left;
  background: white;
}
#lower #contact-us-thank-you {
  border-top: 1px solid #D6DCE1;
  margin-top: 10px;
  padding-top: 10px;
}
#lower .main-col {
  width: 620px;
  margin-right: 320px;
}
#lower .main-col li {
  list-style: none;
  background: white;
  margin-bottom: 8px;
  padding: 15px;
  border: 1px solid #d6dce1;
  -webkit-box-shadow: 0 1px 2px #cdd3d8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#lower .main-col .title {
  display: block;
}
#lower .main-col.no-sidebar {
  width: 100%;
  margin-right: 0;
}
#lower .side-col {
  width: 300px;
  float: right;
}
#lower .side-col #video-intro {
  margin-bottom: 10px;
  display: block;
  width: 300px;
  height: 221px;
  background: url(../images/splash/video-pane-sidebar.png) left top no-repeat;
}
#lower .side-col #video-intro:hover {
  background-position: 0 -221px;
}
#lower .side-col #video-intro-2 {
  margin-bottom: 10px;
  display: block;
  width: 300px;
  height: 221px;
  background: url(../images/splash/video-pane-adi-blue-sidebar.png) left top no-repeat;
}
#lower .side-col #video-intro-2:hover {
  background-position: 0 -221px;
}
#lower .side-col ul {
  list-style: none;
  background: white;
  margin-bottom: 8px;
  padding: 15px;
  border: 1px solid #d6dce1;
  -webkit-box-shadow: 0 1px 2px #cdd3d8;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}
#lower .side-col li {
  padding: 15px 0 10px;
  border-bottom: 1px solid #d6dce1;
}
#lower .side-col li:first-child {
  padding-top: 0;
}
#lower .side-col li:last-child {
  border-bottom: none;
  padding-bottom: 0;
}
#lower .side-col li .link-wrapper {
  text-align: right;
}
#lower .side-col li .description {
  font-size: 11px;
}
#lower .side-col li a {
  display: inline-block;
  margin-top: 5px;
  width: 90px;
  height: 22px;
  background: url(../images/splash/watch-now-button.png) left top no-repeat;
}
#lower .side-col li a:first-child {
  margin-top: 0;
}
#lower .side-col li a:hover {
  background-position: left -22px;
}
#lower .side-col li a:active {
  background-position: left -44px;
  outline: none;
}
#lower .side-col li a.read {
  background: url(../images/splash/read-now-button.png) left top no-repeat;
}
#lower .side-col li a.read:hover {
  background-position: left -22px;
}
#lower .side-col li a.read:active {
  background-position: left -44px;
  outline: none;
}
#lower .side-col li a.listen {
  background: url(../images/splash/listen-now-button.png) left top no-repeat;
}
#lower .side-col li a.listen:hover {
  background-position: left -22px;
}
#lower .side-col li a.listen:active {
  background-position: left -44px;
  outline: none;
}
#lower ul {
  color: #53595C;
}
#lower li .title {
  color: #568bbd;
  font-weight: bold;
}
#lower li .details {
  color: #9fa6ae;
  font-size: 11px;
}
#lower li .description {
  display: block;
  margin-top: 8px;
}
#lower .form {
  background: #f5f5f5;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}
#lower .form .details {
  font-size: 11px;
  color: #999;
  font-family: 'Lucida Grande', Lucida, Arial, sans-serif;
}
#lower .form table {
  width: 100%;
  border-spacing: 0;
  border-bottom: 1px dotted #999;
  padding-bottom: 15px;
  margin-bottom: 15px;
  vertical-align: middle;
}
#lower .form table.no-bottom-border {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
#lower .form .form-field {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 5px;
}
#lower .form .display-school .selected-item {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#lower .form .display-classes .search-item {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
#lower .form .form-field.checkbox-field {
  margin: 10px 0;
}
#lower .form #terms-of-use-field {
  border-top: 1px dotted #999;
  padding-top: 15px;
  margin-top: 15px;
}
#lower .form .section {
  border-top: 1px solid #d7d7d7;
}
#lower .form .section table:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
#lower .form .section .left-column {
  float: left;
  width: 165px;
  padding: 15px 15px 15px 20px;
  color: #4f545a;
  font-size: 15px;
  font-weight: bold;
}
#lower .form .section .right-column {
  float: right;
  width: 663px;
  min-height: 30px;
  padding: 15px 20px 15px 15px;
  background: white;
}
#lower .form .section .right-column .input-region {
  width: 400px;
}
#lower .action-buttons {
  border-top: 1px dotted #999;
  padding-top: 15px;
  margin-top: 15px;
}
#lower button {
  padding: 8px 10px 8px;
  cursor: pointer;
}
#lower table.selected-item .class-number {
  font-weight: bold;
  display: inline;
}
#lower table.selected-item .class-title {
  margin-bottom: 5px;
  display: inline;
}
#lower table.selected-item .class-instructors {
  margin-bottom: 5px;
}
#lower table.selected-item .class-enrollment {
  font-style: italic;
  color: #888;
}
#lower .display-school .selected-item .school-name {
  font-weight: bold;
  display: inline;
  line-height: 30px;
  height: 30px;
}
#lower .subtitle {
  color: #999;
  font-family: Lucida Grande, Tahoma, Arial, sans-serif;
  font-size: 11px;
  margin-bottom: 20px;
}
#lower p {
  margin: 15px 0;
  line-height: 1.2;
}
.modal a {
  color: #568BBD;
  text-decoration: none;
}
.modal a:hover {
  text-decoration: underline;
}
.modal .action-buttons {
  border-top: 1px dotted #999;
  padding-top: 15px;
  margin-top: 15px;
}
.modal button {
  padding: 8px 10px 8px;
  cursor: pointer;
}
.form {
  font-family: 'Helvetica Nueue', Helvetica, Arial, sans-serif;
}
.form a {
  color: #568BBD;
  text-decoration: none;
}
.form h1 {
  margin-bottom: 10px;
}
.form .instructions {
  color: #6f767e;
  margin-bottom: 10px;
}
.form .error-message {
  color: red;
  margin-left: 105px;
}
.form .form-field {
  margin-bottom: 5px;
}
.form .form-field label {
  width: 100px;
  display: block;
  float: left;
  font-weight: bold;
  text-align: right;
  margin-right: 5px;
  margin-top: 3px;
}
.form .form-field label span {
  color: #6f767e;
  font-size: 11px;
  font-weight: normal;
}
.form .form-field input[type="text"] {
  width: 360px;
  border: 1px solid black;
  padding: 4px 4px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #969Ca1;
}
.form .form-field textarea {
  width: 360px;
  border: 1px solid black;
  padding: 4px 4px 5px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #969Ca1;
  resize: vertical;
  min-height: 40px;
  max-height: 120px;
}
.form .form-field.buttons button {
  padding: 2px 8px 3px !important;
  font-size: 13px !important;
}
.form .form-field.buttons .submit-button {
  margin-left: 30px !important;
  float: right !important;
}
.form .form-field.buttons .cancel-button {
  font-weight: normal !important;
}
body.no-main #lower {
  min-height: 412px;
  padding-top: 20px;
  background: url(/images/splash/blue-top-bg.png) top left repeat-x;
}
#fall_reminder_form {
  width: 476px;
  overflow: hidden;
}
#fall_reminder_form .thankYou {
  margin: 20px;
  line-height: 1.4;
}
.form-field.buttons {
  margin-top: 10px !important;
}
#lower.no-sidebar .main-col {
  width: 100%;
  margin-right: 0;
}
.settings_message {
  background: #FFF7CE;
  border: 1px solid #ECD877;
  color: #757240;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 10px;
  width: 150px;
  position: relative;
  float: right;
}
.text-input-wrapper {
  background: white url(/images/dashboard/qa-panel/gradients/gradient-content-editor.png) top left repeat-x;
  border: 1px solid #bbb;
  padding: 7px;
}
.text-input-wrapper input[type='text'] {
  background: transparent;
  width: 100%;
  border: none;
  margin: 0;
  padding: 0;
  font-size: 13px;
}
.text-input-wrapper.access-code {
  margin-top: 7px;
  display: inline-block;
  width: 192px;
  padding: 4px;
  font-size: 12px;
  border-color: red;
}
.form-help-text {
  color: #888;
}
button.disabled {
  cursor: default !important;
}
.modal.alert {
  width: 500px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  color: #333;
}
.modal.alert h1 {
  text-align: center;
}
.modal.alert p {
  margin: 1em 0;
}
#footer {
  text-align: center;
  font-size: 11px;
  color: #a1aab3;
  margin-bottom: 40px;
}
#footer .page-container {
  padding-top: 30px;
  border-top: 1px solid #c8d4df;
  -webkit-box-shadow: inset 0 1px 0 #fff;
  -moz-box-shadow: inset 0 1px 0 #fff;
}
#footer a {
  color: #a1aab3;
  text-decoration: none;
}
#footer a:hover {
  text-decoration: underline;
}
#footer ul {
  list-style: none;
}
#footer ul li {
  display: inline-block;
  padding: 0 4px;
}
#footer strong {
  color: #53595c;
}
img {
  border: none;
}
#PageOverview #lower-content {
  margin-bottom: 50px;
  padding: 0;
}
#PageOverview #lower-content .box-section {
  background: #D5E9F2;
  border: 1px solid #3D76A4;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  box-shadow: 0 0 5px #98c7e6;
  -webkit-box-shadow: 0 0 5px #98c7e6;
  -moz-box-shadow: 0 0 5px #98c7e6;
  color: #30424D;
}
#PageOverview #lower-content h4 {
  margin-bottom: 5px;
}
#PageOverview #lower-content p {
  margin-bottom: 10px;
}
#PageOverview #lower-content .left-col {
  float: left;
  width: 175px;
  margin: 10px 0px;
  font-size: 13px;
}
#PageOverview #lower-content .left-col ul {
  list-style: none;
}
#PageOverview #lower-content .left-col ul a {
  text-decoration: none;
}
#PageOverview #lower-content .left-col ul li {
  border-radius: 5px 0 0 5px;
  -moz-border-radius: 5px 0 0 5px;
  -webkit-border-radius: 5px 0 0 5px;
  margin: 2px -10px 2px 0;
  padding: 5px 10px;
}
#PageOverview #lower-content .left-col ul li:hover {
  background: #EBF5FA;
}
#PageOverview #lower-content .left-col ul li.selected {
  background: white;
  font-weight: bold;
}
#PageOverview #lower-content .right-col {
  float: right;
  width: 175px;
  margin: 10px;
}
#PageOverview #lower-content .main-col {
  background: white;
  margin-left: 0px;
  padding: 0px;
  border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -webkit-border-radius: 0 10px 10px 0;
}
#PageOverview #lower-content .main-col h3 {
  font-size: 22px;
  margin-bottom: 15px;
}
#PageOverview #lower-content .main-col h4 {
  border-top: 3px solid #30424D;
  border-bottom: 1px solid #30424D;
  font-size: 16px;
  margin-bottom: 5px;
  padding: 3px 5px;
}
#PageOverview #lower-content .main-col .tagsTutorial {
  font-weight: normal;
  font-size: 12px;
  margin-left: 10px;
}
#PageOverview #lower-content .main-col button {
  padding: 2px 5px 3px;
}
#PageOverview #lower-content .main-col .class_settings_button {
  background: #74798C;
  font-weight: 500;
  padding: 7px 15px;
  text-shadow: 2px 1px 1px #333;
  font-size: 12px;
  color: white;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  text-align: center;
  cursor: pointer;
  margin: 0px auto;
  float: left;
  margin-right: 5px;
}
#PageOverview #lower-content .main-col .class_settings_button:hover {
  background: #9094A2;
}
#PageOverview #lower-content .main-col .class_settings_button.small_buttons {
  padding: 3px 9px;
}
#PageOverview #lower-content .main-col .form-table {
  border-spacing: 0px 0px;
  border: 0px;
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}
#PageOverview #lower-content .main-col .form-table table {
  border-spacing: 0px 0px;
  border: 0px;
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}
#PageOverview #lower-content .main-col .form-table tr {
  display: table-row;
  vertical-align: inherit;
}
#PageOverview #lower-content .main-col .form-table tbody {
  display: table-row-group;
  vertical-align: top;
  border-top: 110px solid transparent;
  margin-top: -110px;
}
#PageOverview #lower-content .main-col .form-table .class_section_preview tbody {
  border-top: 0;
  margin-top: 0;
}
#PageOverview #lower-content .main-col .form-table .roster-list tbody {
  border-top: 0;
  margin-top: 0;
}
#PageOverview #lower-content .main-col .form-table .roster-list td {
  padding: 2px 0;
}
#PageOverview #lower-content .main-col .form-table .roster-list .roster-person .name {
  margin-right: 4px;
  color: #333F44;
}
#PageOverview #lower-content .main-col .form-table .roster-list .roster-person .email {
  font-size: 12px;
  font-style: italic;
}
#PageOverview #lower-content .main-col .form-table .roster-list .form-actions {
  border: none;
}
#PageOverview #lower-content .main-col .form-table td {
  padding: 3px 0px;
  vertical-align: inherit;
  display: table-cell;
  width: 250px;
}
#PageOverview #lower-content .main-col .form-table td.checkbox {
  padding: 3px 0px;
  vertical-align: inherit;
  display: table-cell;
  width: 250px;
}
#PageOverview #lower-content .main-col .form-table td.left_column {
  width: 200px;
  padding-right: 20px;
}
#PageOverview #lower-content .main-col .form-table .form-label {
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: left;
  width: auto;
  display: inline;
}
#PageOverview #lower-content .main-col .form-table .form-row.first {
  margin-top: 5px;
}
#PageOverview #lower-content .main-col .form-table .form-label.topAlign {
  vertical-align: top;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow {
  background: url(../images/splash/arrow-blue-blue.png) left top no-repeat;
  float: left;
  height: 30px;
  width: 22px;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow.left.active {
  background: url(../images/splash/arrow-blue-green.png) left top no-repeat;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow.right.active {
  background: url(../images/splash/arrow-red-blue.png) left top no-repeat;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow.center.add {
  background: url(../images/splash/arrow-green-blue.png) left top no-repeat;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow.center.drop {
  background: url(../images/splash/arrow-blue-red.png) left top no-repeat;
}
#PageOverview #lower-content .main-col .form-table .form-actions .arrow.left {
  margin-left: 33px;
}
#PageOverview #lower-content .main-col .form-table .form-actions .step {
  background: #D5E9F2;
  float: left;
  height: 30px;
  width: 200px;
  color: white;
  font-size: 13px;
  line-height: 2.2;
}
#PageOverview #lower-content .main-col .form-table .form-actions .step span {
  font-weight: 500;
}
#PageOverview #lower-content .main-col .form-table .form-actions .step.one.active {
  background: #6ABA85;
}
#PageOverview #lower-content .main-col .form-table .form-actions .step.two.active {
  background: #BC5B60;
}
#PageOverview #lower-content .main-col .form-table .form-actions td {
  padding: 3px;
  text-align: center;
}
#PageOverview #lower-content .main-col .form-table .form-actions .right-actions {
  float: none;
}
#PageOverview #lower-content .main-col .form-table .form-actions .right-actions button {
  margin-left: 1px;
}
#PageOverview #lower-content .main-col .form-table .form-actions .confirmation {
  display: none;
  line-height: 26px;
  float: left;
}
#PageOverview #lower-content .main-col .form-table .form-data {
  width: 600px;
  width: 550px;
}
#PageOverview #lower-content .main-col .form-table .form-data select {
  margin-top: 1px;
}
#PageOverview #lower-content .main-col .form-table .form-data.input_present {
  float: left;
}
#PageOverview #lower-content .main-col .form-table input[type="text"] {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  padding: 5px 3px;
  width: 292px;
  color: #333;
}
#PageOverview #lower-content .main-col .form-table textarea {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  max-height: 500px;
  padding: 5px 4px;
  resize: vertical;
  width: 521px;
}
#PageOverview #lower-content .main-col .form-table .fakeInput {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#PageOverview #lower-content .main-col .form-table #StudentRoster input[type="text"] {
  padding: 1px;
  width: 30px;
}
#PageOverview #lower-content .main-col .form-table .text-wrapper {
  background: white;
  border: none;
  padding: 0;
}
#PageOverview #lower-content .main-col .form-table .text-wrapper.permalink {
  line-height: 13px;
  font-style: italic;
}
#PageOverview #lower-content .main-col .form-table .form-spacer td {
  padding: 5px 0px;
}
#PageOverview #lower-content .main-col .form-table input[type="checkbox"] {
  float: left;
  margin-top: 2px;
  width: 20px;
  margin-left: 0px;
}
#PageOverview #lower-content .main-col .form-table .checkboxLabel {
  display: block;
  margin-left: 22px;
}
#PageOverview #lower-content .main-col .form-table .explanation {
  color: #959a9f;
  display: block;
  font-family: Lucida Grande, Lucida, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
#PageOverview #lower-content .main-col .form-table .explanation .icon {
  float: left;
}
#PageOverview #lower-content .main-col .form-table .explanation .text {
  margin-left: 15px;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section #feedback_content {
  padding: 4px 0 6px 0;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tag_row {
  margin-bottom: 10px;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tag_row:last-child {
  margin-bottom: 0;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tag_container {
  width: 300px;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tag {
  padding: 4px 8px;
  font-weight: 500;
  font-size: 12px;
  border-radius: 3px;
  background: #d3e9f0;
  color: #598bc3;
  max-width: 280px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tag_input {
  display: block;
  width: 200px;
  height: 22px;
  border-radius: 3px;
  padding: 2px 5px;
  margin: 0 10px 0 0;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .remove_link {
  font-size: 12px;
  margin-top: 2px;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .add_btn {
  padding: 1px 5px;
  position: relative;
  top: 3px;
}
#PageOverview #lower-content .main-col .form-table .duplicate_feedback_section .feedback_tags_container {
  margin-bottom: 15px;
}
#PageOverview #lower-content .main-col .form-table .timer_length_container {
  padding-left: 15px;
}
#PageOverview #lower-content .main-col .form-table .timer_length_wrapper {
  margin: 3px 0 3px 0;
}
#PageOverview #lower-content .main-col .form-table .timer_length_wrapper span {
  display: inline-block;
  margin-right: 10px;
}
#PageOverview #lower-content .main-col .form-table .timer_length_wrapper label {
  display: inline-block;
  font-weight: 500;
  margin-right: 10px;
}
#PageOverview #lower-content .main-col .form-table .timer_length_wrapper label:last-child {
  margin-right: 0;
}
#PageOverview #lower-content .main-col .form-table .timer_length_wrapper label input {
  margin-right: 5px;
  vertical-align: unset;
}
#PageOverview #lower-content .main-col .form-table .default_timer_container {
  margin: 4px 0 2px 0;
}
#PageOverview #lower-content .main-col .form-table .default_timer_container label {
  display: inline-block;
}
#PageOverview #lower-content .main-col .form-table .default_timer_container input {
  float: none;
  vertical-align: unset;
}
#PageOverview #lower-content .main-col .form-table .explanation.inline {
  display: inline;
}
#PageOverview #lower-content .main-col .form-table td.form-actions {
  padding: 3px;
  text-align: center;
}
#PageOverview #lower-content .main-col .form-table .error {
  color: #900;
  display: none;
}
#PageOverview #lower-content .main-col .form-table .radioButtonInput {
  display: inline-block;
  margin-top: 2px;
}
#PageOverview #lower-content .main-col .form-table .radioButtonInput .radioButtonItem {
  display: inline-block;
  margin-right: 0px;
  min-width: 60px;
  text-align: left;
}
#PageOverview #lower-content .main-col .form-table .radioButtonInput .radioButtonItem label {
  display: inline-block;
}
#PageOverview #lower-content .main-col .form-table .radioButtonInput .radioButtonItem input {
  margin: 0px;
}
#PageOverview #lower-content .main-col .form-table .radioButtonInput .radioButtonItem:last-child {
  margin-right: 0;
}
#PageOverview #lower-content .main-col .form-table .showFieldExplanation {
  margin-left: 3px;
}
#PageOverview #lower-content .main-col .form-table .showFieldExplanation span {
  display: none;
}
#PageOverview #lower-content .main-col .form-table .showFieldExplanation:hover span {
  display: inline;
}
#PageOverview #lower-content .main-col .form-table .topicItem {
  border-bottom: 1px dotted #d0d5da;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
#PageOverview #lower-content .main-col .form-table .topicItem .topicMenu {
  width: 208px;
}
#PageOverview #lower-content .main-col .form-table .defaultTopicItem {
  display: block;
}
#PageOverview #lower-content .main-col .form-table .newTopicItem {
  line-height: 1;
  margin-bottom: 3px;
}
#PageOverview #lower-content .main-col .form-table select {
  margin-right: 5px;
}
#PageOverview #lower-content .main-col .form-table .howManyText {
  color: #959a9f;
  display: inline-block;
  margin-right: 5px;
}
#PageOverview #lower-content .main-col .form-table .topicCountMenu {
  display: inline-block;
}
#PageOverview #lower-content .main-col .form-table .removeButton {
  display: none;
}
#PageOverview #lower-content .main-col .form-table .topicInput {
  margin-right: 5px;
  margin-bottom: 3px;
  width: 200px !important;
  display: none;
}
#PageOverview #lower-content .main-col .form-table .tagInput {
  margin-right: 5px;
  margin-bottom: 3px;
  width: 250px !important;
}
#PageOverview #lower-content .main-col #student-table input[type="checkbox"] {
  float: left;
  margin-top: 3px;
}
#PageOverview #lower-content .main-col #student-table label {
  float: left;
}
#PageOverview #lower-content .main-col #instructor-table input[type="checkbox"] {
  float: left;
  margin-top: 3px;
}
#PageOverview #lower-content .main-col #instructor-table label {
  float: left;
}
#PageOverview #lower-content .main-col #toggleFormExplanations {
  line-height: 28px;
  margin-left: 15px;
}
#PageOverview #lower-content .main-col .UIMessage {
  background: #FFF7CE;
  border: 1px solid #ECD877;
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
#PageOverview #lower-content .main-col .UIMessage h6 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
  text-decoration: underline;
}
#PageOverview #lower-content .main-col a.tag {
  font-family: 'Lucida Grande', Lucida, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  padding: 5px 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-shadow: none;
  border: none;
  color: #448ab6;
  margin-top: 2px;
  background: #d2e8f1;
}
#PageOverview #lower-content .main-col a.tag:hover {
  text-decoration: none;
  background: #448ab6;
  color: white;
}
#PageOverview #lower-content .main-col a.tag:active {
  background: #448ab6;
  color: white;
}
#PageOverview #lower-content .form-table .class_clone_options {
  width: 300px;
  margin: 0px auto;
}
#PageOverview #lower-content .main-col.showExplanations .showFieldExplanation {
  display: none;
}
.settingsPage #PageOverview {
  margin-top: 50px;
}
.settingsPage #PageOverview #lower-content {
  padding: 0 0 50px 0;
  margin-bottom: 0;
}
.settingsPage #PageOverview #lower-content .left-col {
  width: 215px;
  margin: 10px;
}
.settingsPage #PageOverview #lower-content .main-col {
  margin-left: 215px;
  padding: 15px;
}
.settingsPage #PageOverview #lower-content .main-col .form-table tr {
  display: table-row;
}
.settingsPage #PageOverview #lower-content .main-col .form-table td {
  display: table-cell;
  padding: 3px 0px;
  vertical-align: middle;
}
.settingsPage #PageOverview #lower-content .form-row p {
  font-size: 14px;
  margin: 0 auto 10px;
  width: 670px;
}
.settingsPage #PageOverview h1 {
  font-size: 22px;
  margin-bottom: 15px;
  margin-top: 20px;
  color: #484a4c;
  text-shadow: 0 0 0;
}
.settingsPage h1 {
  font-size: 22px;
  margin-bottom: 15px;
}
.settingsPage h2 {
  border-top: 1px solid #ddd;
  color: #484a4c;
  font-size: 18px;
  text-align: center;
  margin-bottom: 15px;
  margin-top: 10px;
  padding-top: 15px;
  text-transform: none;
  font-weight: bold;
  display: block;
}
.settingsPage .tagsTutorial {
  font-weight: normal;
  font-size: 12px;
  margin-left: 10px;
  float: right;
  margin-left: -150px;
}
.settingsPage ul.UIActions {
  list-style: none;
  margin: 20px auto 0;
  width: 250px;
}
.settingsPage ul.UIActions li:first-child {
  margin-right: 15px;
  list-style: none;
}
.settingsPage ul.UIActions li:last-child {
  padding-top: 13px;
}
.settingsPage ul.UIActions .submit {
  font-size: 15px;
  letter-spacing: 0.02em;
  padding: 5px 20px;
}
.settingsPage ul.UIActions a.cancel {
  display: block;
  margin-top: 10px;
}
.settingsPage #no_copied_posts_confirmation ul.UIActions {
  width: auto;
  margin-top: 0;
}
.settingsPage #no_copied_posts_confirmation ul.UIActions a.UIButton.cancel {
  font-size: 15px;
  letter-spacing: 0.02em;
  padding: 5px 20px;
  margin-top: 0;
  font-weight: normal;
}
.settingsPage #no_copied_posts_confirmation ul.UIActions li {
  padding: 5px 0;
}
.settingsPage #no_copied_posts_confirmation .content {
  text-align: center;
}
.settingsPage .form-buttons {
  border-top: 1px solid #ddd;
}
.settingsPage .introText {
  font-size: 14px;
  margin: 0 auto 10px;
  width: 670px;
}
.settingsPage .enableDisable .radioButtonItem {
  float: left;
  clear: left;
  min-height: 25px;
}
.settingsPage .enableDisable .explanation {
  margin-left: 65px;
  max-width: 600px;
  min-height: 25px;
}
.settingsPage .enableDisable .explanation .text {
  margin-left: 0;
  margin-top: 2px;
}
.settingsPage .form-table {
  border-spacing: 0px 0px;
  border: 0px;
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}
.settingsPage .form-table input[type="radio"] {
  padding: 0 3px;
  box-shadow: 0 0 0;
}
.settingsPage .form-table input[type="checkbox"] {
  padding: 0 3px;
  box-shadow: 0 0 0;
}
.settingsPage .form-table input[type="text"] {
  color: #484a4c;
  padding: 5px 3px;
  width: 292px;
  color: #333;
}
.settingsPage .form-table input[type="text"]:disabled {
  color: #808080;
}
.settingsPage .form-table textarea {
  color: #484a4c;
}
.settingsPage .form-table textarea:disabled {
  color: #808080;
}
.settingsPage .form-table select {
  margin-right: 5px;
}
.settingsPage .form-table select:disabled {
  color: #808080;
}
.settingsPage .form-table input[type="text"]#class-join_code {
  width: 150px;
}
.settingsPage .form-table input[type="text"]#class-number {
  width: 150px;
}
.settingsPage .form-table input[type="text"]#class-enrollment {
  width: 150px;
}
.settingsPage .form-table input[type="text"]#class-start-date {
  width: 150px;
}
.settingsPage .form-table input[type="text"]#class-name {
  margin-right: -80px;
  width: 370px;
}
.settingsPage .form-table .form-label {
  padding-bottom: 0;
  vertical-align: middle;
  padding-top: 5px;
  font-weight: bold;
  padding-right: 10px;
  padding-bottom: 0px;
  text-align: left;
  width: auto;
  display: inline;
  padding-bottom: 10px;
  text-align: right;
  width: 150px;
  float: none;
}
.settingsPage .form-table #ClassContent .form-label {
  vertical-align: top;
}
.settingsPage .form-table #ClassContent .twoColumns .form-label {
  padding-right: 10px;
  width: 80px;
}
.settingsPage .form-table .sideBySide table {
  margin-left: 225px;
  width: auto;
}
.settingsPage .form-table .sideBySide table .form-data {
  padding-right: 20px;
}
.settingsPage .form-table .sideBySide table .form-label {
  width: auto;
  white-space: nowrap;
}
.settingsPage .form-table .sideBySide div.form-label {
  width: auto;
  vertical-align: middle;
  float: left;
  display: table;
  margin-bottom: 5px;
  margin-left: 15px;
  margin-right: 10px;
}
.settingsPage .form-table .sideBySide div.form-data {
  width: auto;
  vertical-align: middle;
  float: left;
  display: table;
  margin-bottom: 5px;
}
.settingsPage .form-table .sideBySide td {
  width: auto;
  vertical-align: middle;
}
.settingsPage .form-table table {
  border-spacing: 0px 0px;
  border: 0px;
  border-collapse: collapse;
  font-size: 13px;
  width: 100%;
}
.settingsPage .form-table div.form-label {
  float: left;
}
.settingsPage .form-table .error {
  color: #900;
  display: none;
}
.settingsPage .form-table .twoColumns td {
  padding: 5px 0;
}
.settingsPage button {
  padding: 2px 5px 3px;
}
.settingsPage .form-label.topAlign {
  vertical-align: top;
}
.settingsPage tr.topAlign .form-label {
  vertical-align: top;
}
.settingsPage tr.topAlign td {
  vertical-align: top;
}
.settingsPage .form-actions .arrow {
  background: url(../images/splash/arrow-blue-blue.png) left top no-repeat;
  float: left;
  height: 30px;
  width: 22px;
}
.settingsPage .form-actions .arrow.left.active {
  background: url(../images/splash/arrow-blue-green.png) left top no-repeat;
}
.settingsPage .form-actions .arrow.right.active {
  background: url(../images/splash/arrow-red-blue.png) left top no-repeat;
}
.settingsPage .form-actions .arrow.center.add {
  background: url(../images/splash/arrow-green-blue.png) left top no-repeat;
}
.settingsPage .form-actions .arrow.center.drop {
  background: url(../images/splash/arrow-blue-red.png) left top no-repeat;
}
.settingsPage .form-actions .arrow.left {
  margin-left: 33px;
}
.settingsPage .form-actions .step {
  background: #D5E9F2;
  float: left;
  height: 30px;
  width: 200px;
  color: white;
  font-size: 13px;
  line-height: 2.2;
}
.settingsPage .form-actions .step span {
  font-weight: 500;
}
.settingsPage .form-actions .step.one.active {
  background: #6ABA85;
}
.settingsPage .form-actions .step.two.active {
  background: #BC5B60;
}
.settingsPage .form-actions .right-actions {
  float: none;
}
.settingsPage .form-actions .right-actions button {
  margin-left: 1px;
}
.settingsPage .form-actions .confirmation {
  display: none;
  line-height: 26px;
  float: left;
  line-height: 18px;
}
.settingsPage .form-data {
  width: 300px;
  padding-bottom: 5px;
  padding-top: 5px;
}
.settingsPage .form-data select {
  margin-top: 1px;
}
.settingsPage input[type="text"] {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.settingsPage textarea {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  max-height: 500px;
  padding: 5px 4px;
  resize: vertical;
  width: 521px;
}
.settingsPage .fakeInput {
  border: 1px solid #90959A;
  box-shadow: inset 0 2px 6px #d0d5da;
  -webkit-box-shadow: inset 0 2px 6px #d0d5da;
  -moz-box-shadow: inset 0 2px 6px #d0d5da;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.settingsPage .text-wrapper {
  background: white;
  border: none;
  padding: 0;
}
.settingsPage .text-wrapper.permalink {
  line-height: 13px;
  font-style: italic;
}
.settingsPage .form-spacer td {
  padding: 5px 0px;
}
.settingsPage input[type="checkbox"] {
  float: left;
  margin-top: 2px;
  width: 20px;
  margin-left: 0px;
}
.settingsPage .checkboxLabel {
  display: block;
  margin-left: 22px;
}
.settingsPage .explanation {
  color: #959a9f;
  display: block;
  font-family: Lucida Grande, Lucida, Helvetica Neue, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: normal;
}
.settingsPage .explanation .icon {
  float: left;
}
.settingsPage .explanation .text {
  margin-left: 15px;
}
.settingsPage .explanation.inline {
  display: inline;
}
.settingsPage td.form-actions {
  padding: 3px;
  text-align: center;
}
.settingsPage td.form-actions td {
  padding: 3px;
  text-align: center;
}
.settingsPage .radioButtonInput {
  display: inline-block;
  margin-top: 2px;
}
.settingsPage .radioButtonItem {
  display: inline-block;
  margin-right: 0px;
  min-width: 60px;
  text-align: left;
}
.settingsPage .radioButtonItem label {
  display: inline-block;
}
.settingsPage .radioButtonItem input {
  margin: 0px;
}
.settingsPage .radioButtonItem:last-child {
  margin-right: 0;
}
.settingsPage .showFieldExplanation {
  margin-left: 3px;
}
.settingsPage .showFieldExplanation span {
  display: none;
}
.settingsPage .showFieldExplanation:hover span {
  display: inline;
}
.settingsPage .topicItem {
  border-bottom: 1px dotted #d0d5da;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.settingsPage .topicItem .topicMenu {
  width: 208px;
}
.settingsPage .defaultTopicItem {
  display: none;
}
.settingsPage .newTopicItem {
  line-height: 1;
  margin-bottom: 3px;
}
.settingsPage .howManyText {
  color: #959a9f;
  display: inline-block;
  margin-right: 5px;
  display: none;
}
.settingsPage .topicCountMenu {
  display: none;
}
.settingsPage .removeButton {
  display: none;
}
.settingsPage .topicInput {
  margin-right: 5px;
  margin-bottom: 3px;
  width: 200px !important;
  display: none;
}
.settingsPage .tagInput {
  margin-right: 5px;
  margin-bottom: 3px;
  width: 200px !important;
}
.settingsPage .UIMessage {
  background: #FFF7CE;
  border: 1px solid #ECD877;
  color: #333;
  font-size: 12px;
  margin-bottom: 10px;
  padding: 10px;
  position: relative;
}
.settingsPage .UIMessage h6 {
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
  text-decoration: underline;
}
.settingsPage a.tag {
  font-family: 'Lucida Grande', Lucida, Arial, sans-serif;
  cursor: pointer;
  display: inline-block;
  font-size: 10px;
  line-height: 12px;
  padding: 5px 7px;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  text-shadow: none;
  border: none;
  color: #448ab6;
  margin-top: 2px;
  background: #d2e8f1;
}
.settingsPage a.tag:hover {
  text-decoration: none;
  background: #448ab6;
  color: white;
}
.settingsPage a.tag:active {
  background: #448ab6;
  color: white;
}
.settingsPage a.tag.selected {
  background: #448ab6;
  color: white;
}
.settingsPage .twoColumnsTr td {
  border-top: 1px solid #DDDDDD;
  padding-top: 10px;
}
.settingsPage .twoColumnsTr h2 {
  border-top: none;
  margin-top: 0;
}
.settingsPage .twoColumns {
  float: left;
  padding: 0 20px 0 40px;
  width: 42%;
}
.settingsPage .twoColumns:last-child {
  border-left: 1px solid #DDDDDD;
  padding: 0 0 0 20px;
}
.settingsPage .twoColumns p {
  font-size: 14px;
}
.errorMsg {
  background: none repeat scroll 0 0 #EED8D8;
  border: 1px solid #950101;
  border-radius: 3px 3px 3px 3px;
  color: #333333;
  display: none;
  margin-bottom: 5px;
  margin-right: 190px;
  padding: 10px;
  text-align: center;
  text-shadow: 0 1px 0 white;
}
.errorMsgDiv .errorMsg {
  display: block;
}
.errorMsgDiv .form-label {
  color: #950101;
  padding-top: 30px;
}
.add-drop-message {
  background: url(../images/splash/add-drop-questionmark.png) left top no-repeat;
  height: 13px;
  width: 13px;
  float: left;
  margin-left: 5px;
  padding: 2px;
}
#save_access_code_modal.access_code_error {
  border-color: #a94442;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}