/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *






































 */
html {
  font: normal 62.5% "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

body {
  margin: 0;
  padding: 0;
  font-size: 1.3em;
  color: #222;
  line-height: 170%;
  background: #fff1d1;
}

sup,
sub {
  vertical-align: 0;
  position: relative;
}

sup {
  bottom: 1ex;
}

sub {
  top: 0.8ex;
}

.clear {
  clear: both;
}

div.squeezer {
  position: relative;
  width: 762px;
  margin: 0 auto;
}

div.top_bar_squeezer {
  position: relative;
  width: 763px;
  margin: 0 auto;
}

a {
  color: #183f3f;
}

img {
  border: none;
  max-width: 100%;
}

.disabled * {
  opacity: 0.8 !important;
}

.floatLeft {
  float: left;
}

.floatRight {
  float: right;
}

.textRight {
  text-align: right;
}

.textCenter {
  text-align: center;
}

.textLeft {
  text-align: left;
}

/**** INLINE HELPER STYLES ****/
span.more-info {
  border-bottom: 1px dotted #afafef;
  cursor: help;
}

/**** HEADER *****/
#header {
  position: relative;
  padding: 1em 0;
}

#header h1 {
  margin: 0;
  background: url(/images/logo.gif) top left no-repeat;
  text-indent: -999px;
  overflow: hidden;
  width: 99px;
  height: 97px;
}

#header #credentials {
  float: right;
  background-color: #ffffff;
  color: #000000;
  min-width: 150px;
  padding: 0.75em;
  text-align: center;
  margin-top: 0;
}

#header .percentage_done_course {
  margin-top: 6px;
  border-top: 1px solid #ccc;
}

#header .percentage_done_course strong {
  font-weight: normal;
  font-size: 11px;
  width: calc(100% - 4px); /* 100% - (2px left padding + 2px right padding) */
}

#header .percentage_done_course .progress_bar {
  border: 1px solid #ccc;
  text-align: left;
  width: 100%;
  box-sizing: border-box;
  margin-bottom: 5px;
}

#header .percentage_done_course .progress-bar-message {
  margin: 0;
  font-style: italic;
  font-size: 0.9em;
  line-height: 130%;
}

#header .percentage_done_course .bar {
  background-color: #113311;
  color: white;
  font-size: 10px;
  line-height: 100%;
  padding: 1px 2px;
}

#header #title {
  float: left;
  margin: 15px 0 0 0px;
  padding: 8px 8px 8px 0px;
}

#header #title strong {
  font-weight: bold;
  font-size: 1.4em;
}

/* jQuery UI overrides for active timer alert dialog. */
.active-timer-alert {
  padding-top: 10px !important;
}

.active-timer-alert h2 {
  margin: 4px 0 10px 0 !important;
}

.dialog-active-timer-alert .ui-button {
  background: #0C8A0C !important;
  color: white !important;
}

.dialog-active-timer-alert .ui-button:hover {
  background: #60a656 !important;
}

.dialog-active-timer-alert .ui-dialog-titlebar {
  display: none !important;
}

.dialog-active-timer-alert .ui-dialog-buttonpane {
  padding: 0 !important;
}

.dialog-active-timer-alert .dialog-active-timer-alert {
  border: none;
}

.ui-widget-overlay {
  background: #000 !important;
  opacity: 0.5 !important;
  filter: Alpha(Opacity=50) !important;
  z-index: 9999;
}

/* jQuery Fancybox */
.fancybox-overlay {
  z-index: 99 !important;
}

/**** LOG IN *****/
ul.login li label {
  float: none !important;
  display: block !important;
  text-align: left !important;
  padding: 0 !important;
}

ul.login li input.form-control {
  width: 80%;
}

ul.login li ul {
  margin: 0 0 0 100px;
  padding: 0 0 0 50px;
}

ul.login li ul li {
  margin: 0;
  padding: 0;
}

div#login {
  width: 385px;
  float: left;
}

div#requirements {
  width: 280px;
  float: left;
}
div#requirements ul {
  padding-left: 30px;
}

/**** HEADER > LANGUAGE *****/
#language {
  position: absolute;
  top: 1em;
  right: 1em;
  color: #eee;
}

#language a {
  background-color: #ffffff;
  color: #000000;
  padding: 0.5em 0.75em;
}

/**** CONTENT *****/
#middle-container {
  background: #e5ffea url(/assets/page_back-03e7f0f4b5c4d6bcd3b2fada705883f043662c29e7830713b9e0609effeadfd6.gif) top center repeat-y;
  min-height: 400px;
  _height: 400px;
  padding-bottom: 1em;
}

#middle-container h1 {
  font: normal 1.9em "Trebuchet MS", Tahoma, Verdana, sans-serif !important;
  color: #445f7f;
  font-size: 18pt;
  border-bottom: none;
  padding-bottom: 10px;
}

#content {
  margin: 0 auto;
  padding: 2em 0;
  width: 680px;
  position: relative;
}

div.instructional-inline {
  background: url(/assets/icon_info_sm-3610dffa153b1956bb80131167525ed3deceaff58a049a8286dde137be1ce29b.gif) 5px 5px no-repeat #fff6e1;
  padding: 5px 5px 5px 30px;
  color: #784a14;
  font-size: 1em;
  min-height: 20px;
  _height: 20px;
  /* Rounded Corners. Won't work in IE. */
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  border: 1px solid #BCB393;
}

div.instructional-inline p {
  margin: 0 0 0.25em 0;
}

#content p.info, p.error {
  background: url(/assets/info_back-4fd346369447b5e3db055dd6aa4b6a7c607a0992aa48790e99a9424cfc1bd8dc.gif) bottom right no-repeat;
  padding: 1.2em 1.2em 1.2em 6.2em;
  position: relative;
  color: #784a14;
  font-size: 1em;
  min-height: 45px;
  max-width: 600px;
  _height: 45px;
}
#content p.info span.icon, p.error span.icon {
  display: block;
  background: url(/assets/icon_info-3b7edbb62b82bc7abca014a50167207fe9e1cea11d46fd9996657677123df8a7.gif) top left no-repeat;
  text-indent: -999px;
  overflow: hidden;
  width: 55px;
  height: 51px;
  position: absolute;
  top: 1.2em;
  left: 1.2em;
}

#content p.error {
  background: none;
  background-color: #990000;
  color: white;
}
#content p.error span.icon {
  background: url(/assets/icon_book-d8d958999462a9fa1e06ef103e6cd2e1387cdc872e15b62f3d238386b16dcbaf.gif) top left no-repeat;
}

#content p.taskinfo {
  width: 250px;
  float: left;
}

span.pagetask {
  background-image: url(/assets/icon_book-d8d958999462a9fa1e06ef103e6cd2e1387cdc872e15b62f3d238386b16dcbaf.gif) !important;
}

#content p.media {
  background: url(/assets/media_back-3213e62ba57d2c749a8e19cf303036e89e4ea62e0331e7ac69c48b079cffd7cd.gif) bottom right no-repeat;
  color: #002b5d;
  padding-bottom: 1.8em;
}

#content p.media span.icon {
  background-image: url(/assets/icon_sound-90e791e01d298fee00318e8d91742f268e78e00f71fa7d18cf9df8121c6427a8.gif);
}

span.quiztask {
  background-image: url(/assets/icon_test-f791aba4bf1b0515041e4af9d14b0d6bb8a69eb34acd31752d9fb3f1daa88881.gif) !important;
}

span.videotask {
  background-image: url(/assets/icon_camera-b805af1657fc09cde3edf9e4da317cf28e5642a4ac807f1ea6c3ddebed30fc20.gif) !important;
}

span.discussiontask {
  background-image: url(/assets/icon_speech-c069eb8b34c8340768e76fa69c4a23956ecc4537c0c948b0748295eb5d5b0d6e.gif) !important;
}

#content ul#breadcrumb {
  margin: 1em 0 4em 0;
  padding: 0;
  list-style: none;
}

#content ul#breadcrumb li {
  float: left;
  margin-right: 0.5em;
  background: url(/assets/arrow_right-5441be280b1d9551141d250957916ee54074d4eb893721e80df5612b1654a13f.gif) center right no-repeat;
  padding-right: 7px;
}

#content ul#breadcrumb li.no-link {
  padding-right: 15px;
}

#content ul#breadcrumb li a {
  padding: 0 0.5em 0 0;
  color: #000000;
  text-decoration: underline;
}

#content ul#breadcrumb li.last {
  background: none;
}

#content ul#breadcrumb li.last a {
  background: none;
  border: none;
  color: #183f3f;
  text-decoration: none;
}

#task-completion-spinner {
  display: block;
  width: 16px;
  height: 16px;
  margin: 32px 15px 29px;
  background: url(/assets/spinner-08f6e97e0d5c4247f84d53ebdbdb1de9919bc6a84c5cdaf9f668f8a35350bf54.gif) no-repeat;
  float: right;
}

p.completed, .notcompleted {
  padding: 10px;
  padding-left: 35px; /* Make room for the background icon */
  display: block;
  height: 24px;
  float: right;
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 10px;
}

p.completed {
  background-color: #eaf4e9;
  color: #135925;
  border: 1px solid #135925;
  font-weight: bold;
  font-size: 15px;
  background-image: url(/assets/tick-4960896c13887de02407e8dfe416c7e96b6804c7d00db1a3c4209507663d3f6d.gif);
}

p.notcompleted {
  background-color: #ffefef;
  color: #8f1212;
  font-size: 13px;
  border: none;
  font-weight: normal;
  background-image: url(/assets/cross-52d6f1c1f41116ca9361962908f1cc40e53c6f844ff90ec4ced31acb42bb7915.gif);
}

a.mark-as-completed {
  display: block;
  height: 25px;
  float: right;
  background-color: #efefef;
  color: #222;
  font-weight: bold;
  border: 1px solid #e3e3e3;
  padding: 10px 10px 10px 35px;
  text-decoration: none;
  margin: 15px 0;
  line-height: 2;
  background-image: url(/assets/tick_grey-cee1a017142c7dd5dcd858295a0013c770ceeae2ffa5b5303bdda878afe0dd12.gif);
  background-repeat: no-repeat;
  background-size: 20px 20px;
  background-position: 10px;
}
a.mark-as-completed:hover {
  background-image: url(/assets/tick-4960896c13887de02407e8dfe416c7e96b6804c7d00db1a3c4209507663d3f6d.gif);
  background-color: #eaf4e9;
}

div.main {
  margin: 1em 0 2em 0;
  font-size: 1.1em;
}

div.main h1 {
  color: #445f7f;
  font-size: 15pt;
  border-bottom: 1px solid #e2e7ec;
  padding-bottom: 10px;
}

div.main h2 {
  color: #445f7f;
  font-size: 21px !important;
  font-weight: bold;
  margin: 30px 0 5px 0;
  border-bottom: none !important;
}

div.main h3 {
  font: normal 1.6em "Trebuchet MS", Tahoma, Verdana, sans-serif;
  color: #445f7f;
  border-bottom: 1px solid #e2e7ec;
  padding-bottom: 0.5em;
}

/* h3, h4 and h5 declarations also exist in body.css which is used for the editor. TODO - Cleanup */
h4 {
  color: black;
  font: normal 1.4em "Trebuchet MS", Tahoma, Verdana, sans-serif;
  margin: 1.5em 0 -0.2em 0;
}

h5 {
  color: #445f7f;
  font: normal 1.3em "Trebuchet MS", Tahoma, Verdana, sans-serif;
  margin: 1.5em 0 -0.2em 0;
}

.quiz h4 {
  border-bottom: 1px solid #e2e7ec;
  padding-bottom: 0.3em;
  margin-bottom: 0.5em;
}

h1.page-title,
h2,
h3 {
  font: normal 1.6em "Trebuchet MS", Tahoma, Verdana, sans-serif !important;
  color: #445f7f;
  border-bottom: 1px solid #e2e7ec !important;
  padding-bottom: 0.5em !important;
  margin-top: 0.83em !important;
}

h3 {
  font-size: 1.2em;
  padding-bottom: 0.2em;
  margin-top: 1.5em;
}

/****** Video Flowplayer ******/
#player {
  background: url(/assets/loading_video_player-7051a7a2cd2b107bb871af32ce3e9ef119f6ae93e0201910af130cf1d280fe1b.gif) #efefef 50% 50% no-repeat;
  margin: auto;
}

/*** MODULE LISTS ****/
#content ul#modules {
  list-style: none;
  margin: 2em 0;
  padding: 0;
}

#content ul#modules li {
  position: relative;
  white-space: nowrap;
  margin-bottom: 1.6em;
}

#content table.sectionbar {
  width: 100%;
}

#content table.sectionbar td.topic,
#content table.sectionbar td.section,
#content table.sectionbar td.toggle {
  background: #58799e;
  height: 30px !important;
  color: #fff;
  padding: 5px !important;
}

#content table.sectionbar td.section {
  width: 90px;
  font-weight: bold;
  font-size: 1.1em;
  padding-left: 15px !important;
}

#content table.sectionbar td.toggle {
  width: 90px;
}

#content table.sectionbar td.toggle a.open,
#content table.sectionbar td.toggle a.close {
  display: block;
  _display: inline-block;
  width: 140px;
  height: 29px;
  line-height: 29px;
  margin: 0;
  padding: 0;
  background-color: #334a67;
  color: white;
  text-decoration: none;
  text-align: center;
  border-radius: 4px;
}

#content ul#modules li table.section {
  margin: 5px 0 0 0;
  background: #fff;
  white-space: normal;
  color: #183f3f;
  width: 680px;
}

#content ul#modules li table.section tr.alt {
  background-color: #EFF7FF;
}

#content ul#modules li table.section td {
  padding: 1em 0;
}

#content ul#modules li table.section td.letter {
  font-weight: bold;
  font-size: 1.4em;
  padding: 0 1em;
  width: 20px;
}

#content ul#modules li table.section tr td.icon {
  padding-right: 2em;
  width: calc(60px + 2em); /* for icons */
}

#content ul#modules li table.section tr td.desc {
  width: 570px;
}

#content ul#modules li table.section tr.sub_task td.icon {
  padding-right: 2em;
  padding-left: 4em;
}

#content ul#modules li table.section td.check {
  padding: 1em 1em;
  width: 40px;
}

td.on {
  background: url(/assets/tick-4960896c13887de02407e8dfe416c7e96b6804c7d00db1a3c4209507663d3f6d.gif) center center no-repeat;
}

tr.alt td.on {
  background-color: #e5ffea;
}

#content ul#modules li table.section td.desc span {
  padding: 0.2em 0.4em;
  color: #fff;
  border-bottom: 1px solid #629C43;
  border-right: 1px solid #629C43;
}

div#notice {
  position: relative;
  border-top: 20px solid #fff;
  border-bottom: 25px solid #fff;
  margin: 5px 0 0 0;
  background: url(/assets/info_back-4fd346369447b5e3db055dd6aa4b6a7c607a0992aa48790e99a9424cfc1bd8dc.gif) bottom right no-repeat;
  padding: 1.6em 1.2em 1.6em 6.2em;
  color: #784a14;
  white-space: normal;
}

div#notice span.icon {
  display: block;
  background: url(/assets/icon_info-3b7edbb62b82bc7abca014a50167207fe9e1cea11d46fd9996657677123df8a7.gif) top left no-repeat;
  text-indent: -999px;
  overflow: hidden;
  width: 49px;
  height: 51px;
  position: absolute;
  top: 1.2em;
  left: 1.2em;
}

div#errorExplanation {
  border: 4px solid #990000;
  padding: 0.8em;
  margin-bottom: 1.2em;
  color: white;
  background-color: red;
}

div#errorExplanation h2 {
  color: white;
  border: none;
  background-color: #990000;
  padding: 0.2em;
  margin: 0;
  font-size: 1.2em;
}

div#errorExplanation ul {
  margin: 5px 0 0 20px;
  padding: 0;
}

div#errorExplanation ul li {
  padding: 0 3px 0 0;
}

.field_with_errors label {
  color: #dd0000;
}

input.field_with_errors,
textarea.field_with_errors,
div.field_with_errors input,
div.field_with_errors textarea {
  border: 2px solid red;
}

/* Styling the user and group pickers */
#recipient_id,
#recipient_group_id {
  width: 496px;
}

a.button {
  background: url(/assets/bg-gradient-ec6b97766d4520ad71df3370e1567fe91c6d27df7d6bcb7fcdc9b2e69234e9f4.gif) no-repeat left bottom;
  padding: 0.8em;
  border-top: 1px solid #efefef;
  border-right: 1px solid #dfdfdf;
  border-bottom: 1px solid #dfdfdf;
  border-left: 1px solid #efefef;
  text-decoration: none;
  font-weight: bold;
  margin: 0.5em;
}

a.button:hover {
  background: #e5fde9 !important;
}

/**** FOOTER ****/
#footer {
  margin-top: 0em;
  background: #fff1d1 url(/assets/footer_back-a62e055e8015064fc058efa1addf94d82f2fe061f62d5cf11e219be263837170.gif) top left repeat-x;
  padding: 2em 0;
  text-align: center;
}

/* DASHBOARD */
.group_selector {
  text-align: right;
}

#groups {
  margin: 0;
}

#groups h3 {
  margin: 0.5em 0;
}

#groups h4 {
  margin: 0.7em 0;
  padding: 0.2em;
  color: white;
  display: bl;
}

#groups h4.today {
  background-color: #ffe000;
}

#groups h4.yesterday {
  background-color: #ff9300;
}

#groups h4.lastweek {
  background-color: #a68cce;
}

#groups h4.lastmonth {
  background-color: #59bb63;
}

#group_progress_grid {
  width: 100%;
  overflow: auto;
  border: 1px solid #dfdfdf;
  margin: 1em 0 3em 0;
}

table.report {
  border-collapse: collapse;
  border: 1px solid #DFDFDF;
  margin-bottom: 20px;
}

table.report th {
  text-align: left;
}

table#progress_grid td,
table#progress_grid th,
table.report td,
table.report th {
  padding: 0.2em 0.3em !important;
  border-bottom: 1px solid #dfdfdf;
}

table#progress_grid td {
  min-width: 16px; /* for icons */
}

table#progress_grid td.prepost {
  text-align: center;
  width: 80px;
}

table#progress_grid th,
table.report th {
  background: #f3f3f3;
  padding: 0;
  margin: 0;
}

table#progress_grid th.even,
table.report th.even {
  background-color: #dde8f2;
}

table#progress_grid td.participant a,
table#progress_grid th.participant a {
  display: block;
}

#progress_grid .floating_column {
  position: sticky;
  left: 0;
  border-right: 1px solid #dfdfdf;
  white-space: nowrap;
}

td.floating_column {
  background-color: #fff;
  border-bottom: 1px solid #dfdfdf;
  line-height: 1;
}

div.filter_count {
  padding: 0.5em 1em;
  background: #efefef;
  margin-bottom: 10px;
  font-size: 1.2em;
  border-radius: 6px;
  border: 1px solid #dfdfdf;
}

h3.group_progress_header {
  border-bottom: solid 1px;
  font-size: 1em;
  font-weight: bold;
}

#groups-list_info {
  margin-bottom: 1.5em;
  padding: 5px 10px;
  background: #efefef;
  font-size: 0.9em;
  color: #333;
}

.list_info {
  font-size: 1.1em;
  float: right;
  text-align: right;
}

#groups-filter {
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  margin-bottom: 10px;
  height: 35px;
  line-height: 35px;
}

#groups-filter strong {
  font-size: 0.9em;
}

#search {
  width: 180px;
  float: left;
}

#filterrific_param_set_search_query {
  padding: 0.4em 0.5em;
  border: 1px solid #bbb;
  width: 110px;
  margin-left: 3px;
  /* Rounded Corners. Won't work in IE. */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

#group_state-filter {
  width: 150px;
  padding-top: 8px;
  float: left;
}

#organization-filter {
  width: 150px;
  padding-top: 8px;
  float: left;
}

#filterrific_buttons {
  width: 170px;
  float: left;
}

#filterrific-spinner {
  padding-top: 4px;
}

a.filterrific-sorting_control {
  padding: 3px 7px;
  text-decoration: none;
  font-size: 0.9em;
  /* Rounded Corners. Won't work in IE. */
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  border-radius: 10px;
}

a:hover.filterrific-sorting_control {
  text-decoration: none;
  background: #dfdfdf;
}

a.filterrific-sorting_control.active {
  background-color: #333;
  color: white;
  text-decoration: none;
}

/* Dev Styles */
.even {
  background-color: #e5ffea;
}

.group_summary {
  padding-left: 20px;
}

.notice {
  color: red;
}

.active {
  text-decoration: none;
}

.group_progress {
  padding-bottom: 20px;
}

/****** EDITOR POPUPS *******/
#popup {
  padding: 0.5em;
  background: none !important;
}

#popup h1 {
  padding: 0;
  margin: 0;
  background: none !important;
}

.tip {
  border: 1px solid #c3c5f0;
  margin-bottom: 5px;
  padding: 3px 5px 3px 22px;
  line-height: 1.2em;
  background: #eaf2fb url(/assets/tip-bg-f41863baf7cbb7b812c2af667f4bc545e9860d7ea561e70cf7e69dfe511301f5.gif) no-repeat left top;
  color: #404240;
}

/****** GROUPS Forms ******/
.js-group_form_container {
  border: 1px solid #dfdfdf;
  background: url(/assets/new-group-bg-c268c61a13ef76c84172fb3fcbe9b0fc657d14d74461de603b51429ba86cc09a.png) no-repeat #eee;
  padding: 1em;
  margin: 1em 0;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.js-group_form_container .js-group_fields {
  float: left;
  width: 270px;
}

.js-group_form_container .js-group_reservations {
  float: right;
  width: 370px;
}

.js-group_form_container .js-group_reservations h3 {
  margin: 0;
}

.js-group_form_container .js-group_facilitators {
  float: right;
  width: 370px;
}

.js-group_form_container .js-group_facilitators h3 {
  margin: 0;
}

.ui-datepicker {
  line-height: 100%;
  /* jQuery UI Override */
}

.js-datepicker {
  background: url(/assets/calendar-b2bcd372b0e4b1bab0e03b6160f1523246793b29b3c7a8fac11ff874daa7ad1f.gif) no-repeat 99% 50% white;
  cursor: pointer;
  width: 200px;
}

.js-datepicker:hover {
  background: url(/assets/calendar-b2bcd372b0e4b1bab0e03b6160f1523246793b29b3c7a8fac11ff874daa7ad1f.gif) no-repeat 99% 50% #FFFADD;
}

.js-facilitator_form_container {
  padding: 0.5em;
  margin: 0;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #efefef;
}

.js-facilitator_form_container ul.form-vertical {
  float: left;
  margin-right: 10px;
}

/****** GROUPS AND SUB GROUPS *******/
#group h2 {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0.25em;
}

#group .menu {
  font-size: 1.1em;
  margin-bottom: 1em;
  padding: 0.2em 0.5em;
  border: 1px solid #ddd;
  background-color: #E6E6E6;
}

#add-facilitator {
  margin-left: 37px;
  margin-top: -8px;
  margin-bottom: 20px;
}

span.remove_x {
  color: #aaa;
}

span.remove_x a {
  color: #aaa;
  text-decoration: none;
}

span.remove_x a:hover {
  color: #B70000 !important;
}

#group-participants ul {
  padding: 0;
}

#group-sub_groups .admin-functions {
  margin-top: 5px;
  padding: 5px 10px;
}

.sub_group-participants {
  width: 295px;
  min-height: 30px;
  margin-left: 15px !important;
}

div.participant a.edit {
  float: right;
  cursor: hand;
  margin-top: 3px;
}

div.participant span {
  float: left;
  text-shadow: #fff 1px 2px 0px;
}

.not-draggable-participant,
.draggable-participant {
  margin-bottom: 5px;
  border: 1px solid #ccc;
}

.not-draggable-participant {
  padding: 2px 5px;
  background: #eee;
}

.draggable-participant {
  padding: 2px 5px 2px 27px;
  cursor: move;
  background: #eee url(/assets/drag-e1e08ca9e8a40f3c9168ff2807d8ed809a3589d61b97a5f87dda885b091d93bb.gif) no-repeat 3px center;
}

.draggable-participant:hover {
  background-color: #fdeec4;
}

.sub_group-card {
  padding: 0;
  background-color: #ddd;
  border: 1px solid #666;
  margin-bottom: 1em;
}

.sub_group-card h3 {
  padding: 4px;
  background-color: #333;
  color: white;
  font-size: 1em;
  margin: 0 !important;
}

.sub_group-card ul {
  margin-left: 0;
  padding-left: 0;
}

.sub_group-card li {
  list-style-type: none;
}

.sub-group-facilitations {
  padding: 10px 20px 5px 24px;
  border-bottom: 1px solid #ccc;
  color: #444;
  background-color: #f8f8f8;
  text-shadow: #fff 0px 2px 0px;
}

.sub-group-facilitations .show-facilitations ul {
  margin-left: 15px;
  margin-top: 5px;
}

.sub-group-facilitations .show-facilitations ul li {
  list-style-type: disc;
}

.sub-group-facilitations .edit-facilitations .facilitator_form_field {
  border-bottom: 2px solid #efefef;
  padding: 4px 0;
}

.sub-group-facilitations .edit-facilitations .actions {
  margin: 5px 0;
}

/* Quiz/Journal Participant Answers */
.participant_journal_answer {
  border: 1px solid #999;
  background: #F7F7F7;
  padding: 15px;
  margin-bottom: 10px;
}

#groups p {
  margin: 3px 15px 30px 15px;
}

/* Duplicate Styles Need To Go In body.css */
.salish-eye-red {
  color: #c41800 !important;
}

.Wizard1 {
  border: 1px solid #a3c89f;
  display: block;
  padding: 5px 5px 5px 70px;
  background: url(/assets/textbox_1-50ef5b96912c0057fb05de8e3f02db5f4847848bf8e8cd0d61d07a75ff4118c9.png) repeat-y;
  min-height: 55px;
}

.Wizard2 {
  border: 1px solid #c09797;
  display: block;
  padding: 5px 5px 5px 70px;
  background: url(/assets/textbox_2-e39d4507fdc78600b92a14ae4625ca4773150cd521e11a5c238a0911988aeb97.png) repeat-y;
  min-height: 55px;
}

.Wizard3 {
  border: 1px solid #9fa4c8;
  display: block;
  padding: 5px 5px 5px 70px;
  background: url(/assets/textbox_3-4920bf00e1a116fa6eae420ccb62829c978adb6618b43f4b9fc8ac720f6b12b2.png) repeat-y;
  min-height: 55px;
}

.Wizard5 {
  border: 1px solid #9fa4c8;
  display: block;
  padding: 5px 5px 5px 70px;
  background: url(/assets/textbox_5-c90662bbebc407a91fb8e66c675c31076bc62e5274bf9e0697621a1cfd5d5dbe.png) repeat-y;
  min-height: 55px;
}

.TextBox1 {
  border: 1px solid #B59860;
  display: block;
  padding: 5px;
  background: #FFFBC6;
  min-height: 55px;
}

.TextBox2 {
  border: 2px solid #333;
  display: block;
  padding: 5px;
  min-height: 55px;
}

.TextBox3 {
  border: 1px solid #c09797;
  display: block;
  padding: 5px 20px;
  background: url(/assets/textbox_6-22027f7ddc62134f9f5b223827586cb5bc541aa527685e826c8104c6f4448be4.png) repeat-y;
  min-height: 55px;
}

.narratives1 {
  display: block;
  padding: 15px 20px 0px 160px;
  background: url(/assets/textbox_4-977ac5729bd16c112f03c9c96c17ffb5c376ee3481b02af67d9634a3053e781f.png) repeat-y;
  min-height: 150px;
  font-size: 14px !important;
  line-height: 20px;
}

strong.highlight {
  background: #FFF4C5;
  font-weight: normal;
}

a strong.highlight,
a:link strong.highlight {
  text-decoration: underline;
}

.live-feed span {
  font-size: 0.8em;
  background: #aaa;
  color: #fff;
  padding: 3px 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

.live-feed span a {
  text-decoration: none;
  color: white;
}

.live-feed h4 {
  padding-top: 5px;
}

#reports ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

#reports ul {
  border-top: 1px #eee solid;
}

#reports ul.groups li {
  border-bottom: 1px #eee solid;
  background: #fff;
}

#reports ul.groups li a,
#reports ul.groups li a:link {
  color: #000;
}

#reports li {
  padding: 0;
  margin: 0;
}

#reports li a,
#reports li a:link {
  line-height: 2em;
  display: block;
  padding: 2px 5px;
}

#reports ul.groups li a:hover {
  background: #efefef;
}

ul.reports {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.reports li {
  background: #efefef;
  width: 150px;
  margin: 20px 10px 20px 10px;
  float: left;
}

ul.reports li h3 {
  font-size: 1em;
  margin: 0;
  padding: 5px;
  background: #5e7aa1;
  color: white;
  display: block;
}

ul.reports li p {
  font-size: 0.9em;
  line-height: 1.6em;
  color: #666;
  height: 90px;
  margin: 5px 5px 5px 5px;
}

ul.reports li a {
  display: block;
  font-weight: bold;
  padding: 5px;
}

#answers_report {
  width: 100%;
  border-collapse: collapse;
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
}

#answers_report td {
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  padding: 3px;
}

#quiz_analyzer li {
  padding-bottom: 20px;
}

a.world-switcher {
  margin-top: 3px;
  padding: 3px 8px;
  color: white;
  background: #2A0809;
  text-decoration: none;
  border: 1px solid #322426;
}

a.world-switcher.active {
  background: #0C350C;
  border: 1px solid #005100;
}

/* Environment notice bar */
#environment-bar {
  color: black;
  background: #fff9d8;
  position: relative;
  padding: 8px 0;
}

a.reflection-new {
  font-weight: bold;
  color: #bd6930;
  padding: 0.5em 0.75em;
  background: #faecc9;
  text-decoration: none;
}

a.reflection-new:hover {
  color: white;
  background: #d5662b;
}

/* Task attribute cloning */
.jstree_container .matching-course-type-for-cloning > a {
  background-color: #fffbcc;
}

.jstree_container .matching-task-for-cloning a {
  background-color: #fffbcc;
}

.question-for-answer {
  margin-bottom: 20px;
}
.question-for-answer h4 {
  padding: 10px 0px;
}

/* Images */
.image-left {
  float: left;
  margin-right: 1rem;
}

.image-right {
  float: right;
  margin: 0 0 10px 10px;
}

.image-border {
  border: 1px solid currentColor;
  border-radius: 2px;
  padding: 2px;
}

/* video.js overrides */
.video-js-container > .video-js {
  margin-left: auto;
  margin-right: auto;
}
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active,
.sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}
#add_task {
  border-top: 5px solid #ccc;
  padding: 0.8em;
  color: black;
  background: white;
}

#add_task ul {
  background-color: white;
  padding: 0;
  list-style-type: none;
}

#add_task h3 {
  margin: 0 0 1em 0;
}

#add_task ul li {
  background: none !important;
}

#add_task ul li label {
  width: 100px;
  float: left;
  text-align: right;
  padding-right: 10px;
  background-color: white;
}

#edit-task ul,
ul.form,
ul.form-vertical {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#edit-task ul li {
  margin-bottom: 1em;
}

#edit-task ul li label {
  display: block;
  font-weight: bold;
}

#edit-task ul li input.name {
  font-size: 1.2em;
}

#edit-task ul li input.summary {
  font-size: 1em;
}

#edit-task ul li textarea {
  height: 350px;
}

#edit-task ul li textarea.flv_code {
  height: 40px;
  color: gray;
  font-size: 0.8em;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  width: 95%;
}

#edit-task ul li textarea,
#edit-task ul li input {
  width: 100%;
  padding: 0.5em;
}

#edit-task ul li input.correct-answer-checkbox {
  width: 13px;
  margin: 1em 0.1em;
  vertical-align: middle;
}

#edit-task ul li input.delete-answer-checkbox {
  width: 13px;
  margin: 0.1em;
  vertical-align: middle;
}

#edit-task ul li label.correct-answer {
  float: none;
  display: inline;
  width: 13px;
  padding: 0;
  text-align: center;
}

#edit-task ul li input.radio {
  width: 25px;
  margin-left: 25px;
}

#edit-task ul li input.version {
  width: 120px;
  padding: 0.25em;
}
.admin-functions {
  padding: 10px;
  margin: 2em 0 0 0;
  text-align: right;
  background-color: #edffe3;
  border: 1px solid #ccc;
  clear: both;
}

.admin-functions a {
  font-size: 1em;
}

.admin-functions form.button_to {
  display: inline-block;
}
ul#articles {
  list-style: none;
  margin: 2em 0;
  padding: 0;
}
ul#articles li {
  position: relative;
  white-space: nowrap;
  margin-bottom: 1.6em;
}
ul#articles li table.section tr.alt {
  background: #EFF7FF;
}
ul#articles li table.section td {
  padding: 1em 0;
}
ul#articles li table.section td.icon {
  padding-right: 1em;
  padding-left: 1em;
}
ul#articles li table.section td.desc {
  width: 610px;
}
a#toggle_user_task_button {
  background: url(/assets/icon_flag_grey-a9bbc5f11d2ea7281797c2f03c11a19ccd827343a7e2acc668456731fb684757.gif) 5px 7px no-repeat #efefef;
  padding: 5px 8px 5px 27px;
  text-decoration: none;
  border-radius: 3px;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08);
  text-shadow: 0 1px 0 rgb(255, 255, 255);
  position: absolute;
  right: 0;
  top: 100px;
}

a#toggle_user_task_button:hover {
  background: url(/assets/icon_flag_green-1ad42c348fdd2466f4bd0ddc65ae3391b6a3348e8a4de2fb2b215244a4932c9c.gif) 5px 7px no-repeat #e3e3e3;
}

a#toggle_user_task_button.flagged {
  background: url(/assets/icon_flag_white-5a67f9eedf580442a40be407721f4e82e7fabb1c2d3140e4036f0e1c2ae9f3ff.gif) 5px 7px no-repeat #00b02a;
  color: white;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
  border: 1px solid #009105;
}

.has_new_journal_notifications, .has_journal_notifications, .has_old_journal_notifications {
  color: white;
  border-radius: 14px;
  width: 16px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  height: 16px;
  line-height: 1.3;
}

.has_new_journal_notifications {
  background: #49AF1D;
}

.has_journal_notifications {
  background: #FFE094;
  color: black;
}

.has_old_journal_notifications {
  background: #DC1818;
}

ul#notifications {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

ul#notifications li {
  margin: 0 0 0.75em 0;
  padding: 1em 0.5em 1em 80px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

ul#notifications li.comment {
  background: url(/assets/icon_new_comment-00ad37dc8a828bff0ffadbaafd2a456ac72c8163f7de796dc85c18d05a90484c.gif) 25px 10px no-repeat;
}
ul#notifications li.comment h2 {
  margin-top: 0 !important;
  padding-top: 0 !important;
}

ul#notifications li.journal_comment {
  background: url(/assets/icon_journal_comment-e43079aef53c2a9433ec37a339e7b04f34154334864f603cc6216dd379553ee7.gif) 25px 10px no-repeat;
}

ul#notifications li.alt {
  background-color: #f7f7f7;
}

ul#notifications li a.more {
  padding: 0.15em 0.25em;
  color: #988;
  margin-left: 5px;
}

ul#notifications li h4 {
  margin: 0;
}

ul#notifications li div.details {
  color: #aaa;
}

ul#notifications li h4 span {
  font-size: 0.6em;
  color: #e7a9a9;
  margin-left: 0.25em;
}

a#pos-right {
  position: absolute;
  right: 0;
  top: 140px;
}

.uncleared_notification {
  width: 12px;
  height: 12px;
  cursor: help;
  display: inline-block;
  margin: 0;
  border-radius: 50%;
  -moz-border-radius: 50%;
  -webkit-border-radius: 50%;
  margin-right: 2px;
}
.uncleared_notification.old_comments {
  background: #DC1818;
}
.uncleared_notification.aging_comments {
  background: #FFE094;
}
.uncleared_notification.new_comments {
  background: #49AF1D;
}

.errorExplanation h2 {
  margin-top: 0 !important;
}
.bulk_import_container {
  background: #efefef;
  border: 1px solid #aaa;
  overflow: auto;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  position: relative;
}

table.bulk_import {
  width: 100%;
  border-collapse: collapse;
}

.bulk_import_fixed_scroll_container {
  margin-left: 21em;
  overflow-x: scroll;
}

table.bulk_import .heading_col1 {
  position: absolute;
  top: auto;
  left: 0;
  width: 12em;
  margin-top: 2px;
}

table.bulk_import .heading_col2 {
  position: absolute;
  top: auto;
  left: 10em;
  width: 12em;
  margin-top: 2px;
}

table.bulk_import thead th {
  font-size: 0.8em;
  text-shadow: 0px 2px 0 white;
  line-height: 2;
  padding: 0;
  margin: 0;
}

table.bulk_import tbody td {
  padding: 0 3px;
  font-size: 0.9em;
}

table.bulk_import tbody td.first_name input {
  width: 10em;
}

table.bulk_import tbody td.last_name input {
  width: 10em;
}

table.bulk_import tbody td.email input {
  width: 15em;
}

table.bulk_import tbody td.phone input {
  width: 8em;
}

table.bulk_import tbody td.address1 input {
  width: 10em;
}

table.bulk_import tbody td.address2 input {
  width: 5em;
}

table.bulk_import tbody td.city input {
  width: 100px;
}

table.bulk_import tbody td.province input {
  width: 2em;
}

table.bulk_import tbody td.postal_code input {
  width: 4em;
}

table.bulk_import tbody td.authorizer_name input {
  width: 10em;
}

table.bulk_import tbody td.authorizer_email input {
  width: 15em;
}

table.bulk_import tbody td.authorizer_phone input {
  width: 8em;
}

table.bulk_import tbody td.employee_number input {
  width: 10em;
}

table.bulk_import .new,
table.bulk_import td.exists {
  width: 32px;
}

table.bulk_import td.new span,
table.bulk_import td.exists span {
  font-size: 0.7em;
  color: white;
  padding: 2px 4px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

table.bulk_import td.new span {
  background: #0A0;
}

table.bulk_import td.exists span {
  background: #E26735;
}

table.bulk_import td input {
  width: 100%;
  border: 1px solid #ccc;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;
}
/* Blockquotes */
blockquote,
q {
  background-image: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 208 160" fill="none"%3E%3Cpath d="M207.99 18.5978C199.075 23.321 190.728 28.1427 182.951 33.0627C175.364 37.786 168.82 42.5092 163.319 47.2325C156.87 52.9397 151.558 59.0406 147.385 65.5351C143.212 72.0295 139.608 80.3936 136.573 90.6273H148.808C160.758 90.6273 169.294 93.6777 174.415 99.7786C179.727 105.879 182.382 112.669 182.382 120.148C182.382 129.594 178.873 138.647 171.855 147.306C164.836 155.769 155.257 160 143.117 160C130.219 160 120.64 156.261 114.38 148.782C108.31 141.304 105.275 131.464 105.275 119.262C105.275 103.321 108.595 88.8561 115.234 75.8672C121.873 62.8782 130.219 51.2669 140.272 41.0332C150.136 31.1931 160.379 23.0258 171.001 16.5314C181.813 10.0369 191.297 4.52645 199.454 0L207.99 18.5978ZM102.715 18.5978C93.7993 23.321 85.4532 28.1427 77.6761 33.0627C70.0887 37.786 63.5445 42.5092 58.0437 47.2325C51.5944 52.9397 46.2832 59.0406 42.1101 65.5351C37.937 72.0295 34.333 80.3936 31.298 90.6273H43.5327C55.4829 90.6273 64.0187 93.6777 69.1402 99.7786C74.4514 105.879 77.107 112.669 77.107 120.148C77.107 129.594 73.5978 138.647 66.5795 147.306C59.5611 155.769 49.982 160 37.8422 160C24.9436 160 15.3645 156.261 9.10489 148.782C3.03496 141.304 0 131.464 0 119.262C0 103.321 3.31949 88.8561 9.95847 75.8672C16.5975 62.8782 24.9436 51.2669 34.9969 41.0332C44.8605 31.1931 55.1035 23.0258 65.7259 16.5314C76.538 10.0369 86.0222 4.52645 94.1787 0L102.715 18.5978Z" fill="%23FAF5F0"/%3E%3C/svg%3E');
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 8rem;
  font-family: Georgia, "Times New Roman", Times, serif;
  font-style: italic;
  margin-block: 2rem;
  margin-inline: 0;
  min-height: 8rem;
  padding-top: 1rem;
  text-align: left;
}
blockquote div,
blockquote p,
q div,
q p {
  margin-bottom: 0;
}
blockquote div:first-child,
blockquote p:first-child,
q div:first-child,
q p:first-child {
  margin-top: 0;
}
blockquote div + div,
blockquote p + p,
blockquote div + p,
blockquote p + div,
q div + div,
q p + p,
q div + p,
q p + div {
  margin-top: 1em;
}
blockquote div:has(cite),
blockquote p:has(cite),
q div:has(cite),
q p:has(cite) {
  font-style: normal;
  line-height: normal;
  text-align: right;
}
blockquote cite,
q cite {
  font-style: normal;
}
.course-completion-dropout-graph {
  min-height: 300px;
  background: #efefef;
  margin-bottom: 40px;
}

ol.course-completion-report {
  list-style: none;
  margin: 0;
  padding: 0;
}

ol.course-completion-report li {
  display: block;
  width: 125px;
  min-height: 100px;
  margin-right: 5px;
  float: left;
}

ol.course-completion-report li span.module-position {
  text-align: center;
  color: #961b00;
  font-size: 1.5em;
  font-weight: bold;
  display: block;
}

ol.course-completion-report li span.module-name {
  color: #666;
  margin-top: 5px;
  font-size: 1em;
  letter-spacing: -0.1em;
  line-height: 1.2em;
  display: block;
  text-align: center;
}

ol.course-completion-report li span.module-dropout-count {
  font-weight: bold;
  font-size: 2em;
  color: #000;
  cursor: help;
  margin-left: -5px;
}
ul.course_list {
  list-style: none;
  padding-left: 0em;
}

ul.course_list li {
  padding: 0.75em;
  background: #efefef;
  margin-bottom: 1em;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

ul.course_list li h3 {
  font-size: 16px !important;
  margin: 0 0 4px 0 !important;
  border-bottom-color: #dfdfdf;
}

ul.course_list p.actions {
  font-size: 0.9em;
  margin-top: 0.1em;
}
.disabled-link {
  color: grey;
  text-decoration: underline;
}
h5.comments {
  background: black;
  color: white;
  padding: 0.4em;
  font-size: 1.1em;
  margin-bottom: 20px;
}

ul.discussion {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.discussion li {
  margin-bottom: 2em;
}

ul.discussion li.facilitator_meta_comment {
  margin-left: 4em;
  margin-right: 4em;
  margin-top: -2em;
}

ul.discussion li div.comment {
  padding: 15px;
  background-color: #e5fada;
  border-bottom: 2px solid #bdd5b3;
  border-right: 2px solid #c8e4b3;
  overflow-wrap: break-word;
}

ul.discussion li div.comment textarea {
  width: 100%;
  height: 100px;
}

ul.discussion li div.author {
  padding: 0 60px 0 60px;
  background: url(/assets/comment-9823d35c2d517bcd0df6e1a3c0e3ef567f7719bc9b5e8e8ebda5861522370cc3.gif) no-repeat left bottom;
}

ul.discussion li.alt div.author {
  text-align: right;
  background: url(/assets/comment-alt-9460e0d230d241e139a27f216f8a0e972a1cea3ece04931cdab7874936b41bc0.gif) no-repeat right bottom;
}

ul.discussion li.alt div.comment {
  background-color: #fdfacc;
  border-bottom: 2px solid #e8d195;
  border-right: 2px solid #ffe4b3;
}

div.new_comment h6 {
  margin: 0;
  font-size: 1.1em;
  border-bottom: 1px dotted #ccc;
  background-color: #efefef;
  padding: 0.3em;
}

div.new_comment em {
  font-size: 0.9em;
  color: #676767;
}

div.new_comment textarea {
  width: 98%;
  font-size: 1.1em;
  padding: 0.6em;
}

.mark_as_read {
  display: inline-block;
}

.negative-count {
  color: red;
}
form.edit_email_template ul.form-vertical li textarea {
  width: 100%;
  padding: 0.75em;
  height: 200px;
}

form.edit_email_template ul.form-vertical li.info span {
  font-size: 0.8em;
  padding: 0.25em 0.5em;
  margin-right: 0.35em;
  background-color: #FFF6DE;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}

form.edit_email_template ul.form-vertical li.info {
  margin-top: 0.35em;
}
ul.form li {
  margin-bottom: 0.8em;
  clear: both;
}

ul.form li label {
  float: left;
  width: 150px;
  padding: 0.5em;
  text-align: right;
  clear: both;
  line-height: 150%;
}

ul.reservations_form li {
  margin-bottom: 0;
}

ul.reservations_form li label {
  width: 180px !important;
}

ul.reservations_form div.seats {
  padding: 0.25em;
}

ul.form li p {
  float: left;
  margin: 7px 0 0 0;
}

ul.form li input {
  padding: 0.5em;
}

ul.form li.demographic {
  height: 25px;
}

ul.form li.info {
  padding: 0 0 0 165px;
  font-size: 1em;
  color: #888;
}

ul.form li.info.info-full {
  padding: 0 0 0 0px !important;
}

ul.form li.info p {
  margin: 0;
  padding: 0;
  margin-bottom: 1em;
}

ul.form li.inline-question {
  background: #efefef;
  padding: 1em;
  border: 1px solid #ccc;
}

ul.form li.inline-question.highlight {
  background: #fff4c5;
  border: none;
  color: #333;
}

ul.form li.inline-question p {
  margin: 0 10px 0 0;
}

ul.form li.inline-question select {
  margin: 2px 0 0 0;
}

ul.form img.info {
  cursor: help;
  margin-top: 5px;
}

ul.form li select {
  margin-top: 8px;
}

ul.form li #organization_prompt_indigenous_participants_upon_demographics {
  margin-top: 29px;
}

ul.form li#health_authority input.disabled {
  width: 400px;
}

span.required,
p.required {
  color: #d00;
}

/* Honeypot */
.field-wrapper {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  height: 0;
  width: 0;
  z-index: -1;
}

textarea.email-template-textarea,
textarea.proactive-template-textarea {
  font-family: Monaco, monospace;
  font-size: 0.923em;
  /* 12px */
  line-height: 1.2;
  color: #333;
}

input[type=text].datepicker {
  border: 1px solid #bbb;
  border-radius: 5px 5px 5px 5px;
  width: 125px;
  padding: 2px 4px;
}

/**** Forms: Vertical ****/
ul.form-vertical li {
  margin-bottom: 0.5em;
}

ul.form-vertical li.label {
  margin-bottom: 0;
  font-weight: bold;
}

ul.form-vertical li.info {
  margin: 0 0 0.5em 0;
  color: #888;
}

ul.form-vertical li.course_type select {
  width: 210px;
}

ul.form-vertical li.label label {
  text-shadow: #fff 1px 2px 0px;
}

ul.form-vertical li input {
  padding: 0.2em 0.5em;
}

ul.form-vertical li input[type=text],
ul.form-vertical li textarea,
ul.reservations_form input[type=text] {
  border: 1px solid #bbb;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
}
.generic-list-group {
  list-style: none;
  margin: 0;
  padding: 0;
}

.generic-list-group-item {
  margin: 0 0 1em 0;
  padding: 0.5em 1.5em;
  background: #f0f0f0;
  border-radius: 1em;
}

.generic-list-group-item-heading {
  color: #445f7f;
  font-size: 1.2em;
  line-height: 1;
  border-bottom: 1px solid #e2e7ec;
  margin: 1em 0 0 0;
  padding: 0 0 0.25em 0;
}
#glossary dt {
  font-size: 1.1em;
  font-weight: bold;
}

#glossary .highlighted {
  background: #fef5d8;
}

.glossary_term {
  background-color: #ffc;
  text-decoration: underline;
  font-weight: bold;
  cursor: help;
}
#impersonation-bar {
  color: white;
  background: black;
  border-bottom: 1px solid #622;
  position: relative;
  padding: 1em;
}

a#impersonation-actual_user,
a#impersonation-impersonated_user {
  padding: 3px 8px;
  color: white;
  background: #222;
  text-decoration: none;
  border: 1px solid #444;
}

a#impersonation-actual_user:hover,
a#impersonation-impersonated_user:hover {
  background: #333;
}

a#impersonation-actual_user {
  margin-right: 15px;
}

#impersonation-logged_in {
  width: 450px;
  text-align: right;
  float: right;
  color: #aaa;
}

ul#impersonation-list {
  position: absolute;
  right: 0;
  top: 26px;
  background: #222;
  z-index: 1;
  margin: 0;
  padding: 0;
  border: 1px solid #444;
  font-size: 0.8em;
  max-height: 300px;
  overflow-y: auto;
  overflow-x: hidden;
}

ul#impersonation-list li {
  border-bottom: 1px solid #333;
  list-style-type: none;
}

ul#impersonation-list li a {
  display: block;
  background: black;
  color: #666;
  text-decoration: none;
  margin: 0;
}

ul#impersonation-list li a:hover {
  background-color: #333;
  color: white;
}

ul#impersonation-list li.impersonation-group a {
  color: #ebf7f6;
  font-size: 0.9em;
  font-weight: bold;
  padding: 2px 8px;
  background-color: #200;
  text-shadow: 0px 0px 3px #cfdfdf;
  min-width: 250px;
}

ul#impersonation-list li.impersonation-group a:hover {
  background-color: #300;
  color: white;
}

ul#impersonation-list li.impersonation-subgroup {
  padding: 2px 8px;
  color: wheat;
  font-weight: bold;
}

ul#impersonation-list li.impersonation-participant a {
  padding: 0px 12px;
}

ul#impersonation-list li.impersonation-participant.active a {
  background-color: #444;
  color: #afafaf;
}
table.job_positions_report {
  width: 100%;
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
}

table.job_positions_report thead tr th {
  background: #f3f3f3;
  border: 1px solid #dfdfdf;
  text-align: left;
  padding: 0.5em;
  line-height: 1;
}

table.job_positions_report tbody tr td {
  border: 1px solid #dfdfdf;
  padding: 0.5em;
  line-height: 1;
}
table#log_entries {
  border-collapse: collapse;
  border: 1px solid #dfdfdf;
  margin-top: 1em;
}

table#log_entries th {
  border: 1px solid #dfdfdf;
  text-align: left;
  font-weight: bold;
  padding: 1em 0.5em;
  line-height: 0;
  background: #f3f3f3;
}

table#log_entries td {
  border: 1px solid #dfdfdf;
  padding: 0 0.5em;
  vertical-align: top;
}

table#log_entries td.date,
table#log_entries th.date {
  width: 8em;
}

table#log_entries td.date {
  background: #e5ffea;
}
table.manually_tracked_participants tbody tr.mtp-imp td {
  border-top: 1px solid #000;
}

table.manually_tracked_participants tbody tr.mtp-imp.reconcilable td.show-rec-status-bg {
  background-color: #cfc;
}

table.manually_tracked_participants tbody tr.mtp-imp.matched td.show-rec-status-bg {
  background-color: #cdf;
}

table.manually_tracked_participants tbody tr.mtp-imp.pre_processed td.show-rec-status-bg {
  background-color: #fcc;
}

table.manually_tracked_participants tbody tr.mtp-imp td.conflict {
  background-color: #fcc;
}
#resources {
  background-color: #f3f3f3;
  padding: 15px;
  margin: 60px 0 10px 10px;
  border-left: 1px solid #e3e3e3;
  border-top: 1px solid #e3e3e3;
  border-right: 1px solid #cbcbcb;
  border-bottom: 1px solid #cbcbcb;
}

#resources h3 {
  padding: 0;
  margin: 0;
  border: none;
  font-size: 1.4em;
}

#resources ul {
  margin: 10px 0 0 0;
  padding: 0 0 0 5px;
}

#resources ul li {
  list-style-type: none;
  padding: 0 0 0 20px;
}

#resources ul li.file {
  background: url(/assets/bullet_disk-800ec4478fe256fe2cb4833ca72e5e280e2c28fb8d6cc89e45ec724a1bbdf91c.png) no-repeat 0% 50%;
}

#resources ul li.url {
  background: url(/assets/bullet_go-42ac6f786e6d496d709f623229ca9737992f2a39cc60250a598b337680d54beb.png) no-repeat 0% 50%;
}

#facilitator_details {
  margin-bottom: 25px;
}

#facilitator_contact {
  width: 340px;
  float: left;
}

#facilitator_address {
  width: 340px;
  float: left;
}

#compose_message {
  text-align: right;
  margin: 1.5em 0;
}

table.messages {
  border-top: 1px solid #b8cbc2;
  border-right: 1px solid #a9b5b9;
  border-left: 1px solid #b8cbc2;
}

table.messages td,
table.messages th {
  padding: 0.2em 0 0.2em 0.5em;
}

table.messages td {
  border-bottom: 1px solid #ccc;
}

table.messages th {
  background-color: #b6d9a6;
  color: #71886e;
  text-align: left;
}

.hover {
  background-color: #e5fde9 !important;
  cursor: pointer;
  cursor: hand;
}

table.messages tr.odd {
  background-color: #fff;
}

table.messages tr.even {
  background-color: #f9f9f9;
}

div.table_container {
  overflow: hidden;
  max-height: 32rem;
  border-bottom: 1px solid #B8CBC2;
}

table.messages > tbody {
  display: block;
  width: 100%;
  max-height: 300px;
  overflow: auto;
}

table.messages > thead tr {
  display: block;
}

table.messages > thead th,
table.messages tbody td {
  width: 168px;
}

table.messages > thead th:first-child,
table.messages tbody td:first-child {
  width: 172px;
}

table.messages > tbody tr {
  height: auto;
}

ul.message {
  list-style-type: none;
  margin: 1.5em 0;
  padding: 0;
  border: 1px solid #eee;
}

ul.message form > li {
  list-style-type: none;
  margin-bottom: 0.2em;
  border-bottom: 1px solid #efefef;
  background: url(/assets/bg-gradient-ec6b97766d4520ad71df3370e1567fe91c6d27df7d6bcb7fcdc9b2e69234e9f4.gif) no-repeat left bottom;
  padding: 0.2em 0.5em;
}

ul.message li label {
  width: 80px;
  display: block;
  float: left;
  text-align: right;
  margin-right: 1em;
  font-weight: bold;
}

ul.message li input {
  font-size: 1em;
  padding: 0.1em;
}

ul.message li input[type=text] {
  width: 492px;
  height: 24px;
  border: 1px solid #aaaaaa;
}

ul.message li.body {
  padding: 1.6em;
  background-color: white !important;
  border-bottom: none;
  margin-bottom: 0;
}

ul.message li.body textarea {
  width: 98%;
  margin: 0;
  min-height: 200px;
  font-size: 1em !important;
  padding: 0.5em;
}

ul.message li.body {
  font-size: 1.2em;
}

ul.message li.body p {
  margin-top: 0;
}

ul.message li.submit {
  padding: 1em;
  text-align: right;
  border-top: 1px solid #eee;
}
.n-message-list .n-message-actions {
  text-align: right;
  margin-bottom: 1.25em;
}

.n-message-form {
  border-bottom: 1px solid #ccc;
  padding-bottom: 3em;
  margin-bottom: 3em;
}
.n-message-form .field {
  margin-bottom: 1.5em;
}
.n-message-form .field label {
  display: block;
  font-weight: bold;
  font-size: 1em;
  line-height: 1.5;
}
.n-message-form .field textarea.text-area {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.5;
  padding: 0.25em 0.5em;
  box-sizing: border-box;
}
.n-message-form .field input.input {
  width: 100%;
  font-size: 1.2em;
  line-height: 1.5;
  padding: 0.25em 0.5em;
  box-sizing: border-box;
}
.n-message {
  border: 1px solid #ccc;
  padding: 1.25em 1.5em 0 1.25em;
  margin-bottom: 1.5em;
}
.n-message .n-message-header {
  border-bottom: 1px solid #ccc;
  padding: 0 0 1em 0;
}
.n-message .n-message-header .n-message-header-title {
  font-weight: bold;
  font-size: 1.25em;
  color: #000;
}
.n-message .n-message-header .n-message-header-item {
  color: #333;
}
#mp3 {
  padding: 1em;
  background-color: #efefef;
  border-right: 2px solid #d6d6d6;
  border-bottom: 2px solid #dcdcdc;
}

#mp3 #asap {
  width: 25px;
  height: 25px;
  margin-right: 5px;
  float: left;
}

#mp3 #asap.french {
  margin-bottom: 40px;
}

#mp3 p {
  margin: 0;
}
#nav {
  background: #e5ac3d url(/assets/menu_back-6455913fab2ad4cc90359d1fa6968847de9be4d538be073215f577fc0cc0cfc7.gif) top left repeat-x;
  border-top: 1px solid #fff;
}

#nav ul {
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

#nav ul li {
  float: left;
  background: #c88709 url(/assets/tab_off_right-2ce1304407da28a5470752d1b468e21104c5ac20cabb3a5d16674423dba92b12.gif) top right no-repeat;
  margin: 0.5em 2px 0 0;
}

#nav ul li a {
  display: block;
  padding: 0.5em;
  background: url(/assets/tab_off_left-f4921bd0f1c14f85fcbca0d6af8b6c181960b8b5427e7b67fe3a486070ca68ce.gif) top left no-repeat;
  color: #eee;
  text-decoration: none;
}

#nav ul li a .new_item_count {
  color: white;
  font-size: 10px;
}

#nav ul li.selected {
  background-image: url(/assets/tab_on_right-66ece01b9dc233d509eef105bda782ce4b39498bfaf7ce2e35aff51c6ca9006a.gif);
  background-color: #fff;
}

#nav ul li.selected a {
  background-image: url(/assets/tab_on_left-fd1e8930bd70237c4dbaf19709c0e7450562fae6cf259b786b3fb702124b3529.gif);
  color: #555;
}

.training-closing-date {
  float: right;
  margin-top: 7px;
  border: 1px solid white;
  padding: 2px 6px;
  color: white;
  font-size: 9px;
  text-align: center;
  line-height: 1.1;
}

.new_item_count {
  display: inline-block;
  text-align: center;
  line-height: 1.5;
  background-color: red;
  border-radius: 12px;
  padding: 0 6px;
  font-size: 11px;
}

#skip-navigation-link a {
  background: #fff;
  display: block;
  padding: 0.5em 1em;
  position: fixed;
  top: 0.5em;
  left: 0.5em;
  z-index: 9999;
}
.pagination {
  background: transparent;
  width: 100%;
  float: left;
  /* self-clearing method: */
}

.pagination a,
.pagination span,
.pagination em {
  padding: 0.2em 0.5em;
  display: block;
  float: left;
  margin-right: 1px;
  background: white;
}

.pagination span.disabled {
  color: #999;
  border: 1px solid #DDD;
}

.pagination em {
  font-weight: bold;
  background: #501208;
  color: white;
  border: 1px solid #501208;
}

.pagination a {
  text-decoration: none;
  color: #501208;
  border: 1px solid #501208;
}

.pagination a:hover,
.pagination a:focus {
  color: #300;
  border-color: #300;
  background-color: #efefef;
}

.pagination .page_info {
  background: #2E6AB1;
  color: white;
  padding: 0.4em 0.6em;
  width: 22em;
  margin-bottom: 0.3em;
  text-align: center;
}

.pagination .page_info b {
  color: #300;
  background: #6aa6ed;
  padding: 0.1em 0.25em;
}

.pagination:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

* html .pagination {
  height: 1%;
}

*:first-child + html .pagination {
  overflow: hidden;
}
table#participants_report td {
  font-size: 0.9em;
}

table#participants_report td span.email,
table#participants_report td span.group {
  font-size: 1em;
}

table#participants_report td span.group_membership_completion {
  color: #ccc;
  font-size: 0.9em;
}

table#participants_report td span.last-seen {
  font-size: 0.9em;
  color: #999;
}

table#participants_report td span.group {
  padding-left: 20px;
  background: url(/assets/icon_group-8c60af0b1801563071b03f6a435cd99ed09f4b1474c26d43605ca619286c2598.gif) no-repeat 0% 50%;
}

table#participants_report td span a {
  text-decoration: none;
  color: #888;
}

table#participants_report td span a:hover {
  text-decoration: underline;
}
table.participation_history {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1em;
}

table.participation_history th {
  text-align: left;
  padding: 0.5em;
  background: #efefef;
}

table.participation_history td {
  padding: 0.5em;
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
}

table.participation_history td.course_type_name {
  width: 175px;
}

table.participation_history td.group_membership_status {
  width: 220px;
}

table.participation_history td.group_membership_status .download_certificate {
  font-size: 12px;
}
.btn, a.phrasebook-link {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  text-decoration: none;
}

.btn:hover, a.phrasebook-link:hover,
.btn:focus,
a.phrasebook-link:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active, a.phrasebook-link:active,
.btn.active,
a.active.phrasebook-link {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, a.disabled.phrasebook-link,
.btn[disabled],
a[disabled].phrasebook-link,
fieldset[disabled] .btn,
fieldset[disabled] a.phrasebook-link {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}

.btn-default .badge {
  color: white;
  background-color: #333333;
}

.btn-primary {
  color: white;
  background-color: #322e36;
  border-color: #252228;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #19171a;
  border-color: #070607;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #322e36;
  border-color: #252228;
}

.btn-primary .badge {
  color: #322e36;
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: white;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: white;
}

.btn-info {
  color: white;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: white;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: white;
}

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: white;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: white;
}

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: white;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-group-footer {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
  text-align: right;
}

a.phrasebook-link {
  color: white;
  background-color: #445f7f;
  border-color: #445f7f;
}
a.phrasebook-link:hover, a.phrasebook-link:focus, a.phrasebook-link:focus-visible {
  color: white;
  text-decoration: none;
}
a.phrasebook-link:hover, a.phrasebook-link:focus-visible {
  font-weight: bold;
  letter-spacing: 0.5px;
}

.phrasebook-container {
  border: 1px solid #ccc;
  display: block;
  padding: 0 1em;
  margin-top: 1em;
  background: #fff;
  text-align: left;
}

.phrasebook-group {
  text-align: center;
}

.phrasebook-wrapper {
  margin-bottom: 1em;
}
.btn, a.timeline-link {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857;
  border-radius: 4px;
  text-decoration: none;
}

.btn:hover, a.timeline-link:hover,
.btn:focus,
a.timeline-link:focus {
  color: #333333;
  text-decoration: none;
}

.btn:active, a.timeline-link:active,
.btn.active,
a.active.timeline-link {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.btn.disabled, a.disabled.timeline-link,
.btn[disabled],
a[disabled].timeline-link,
fieldset[disabled] .btn,
fieldset[disabled] a.timeline-link {
  cursor: not-allowed;
  pointer-events: none;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none;
}

.btn-default {
  color: #333333;
  background-color: white;
  border-color: #cccccc;
}

.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad;
}

.btn-default:active,
.btn-default.active,
.open > .btn-default.dropdown-toggle {
  background-image: none;
}

.btn-default.disabled,
.btn-default.disabled:hover,
.btn-default.disabled:focus,
.btn-default.disabled:active,
.btn-default.disabled.active,
.btn-default[disabled],
.btn-default[disabled]:hover,
.btn-default[disabled]:focus,
.btn-default[disabled]:active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default,
fieldset[disabled] .btn-default:hover,
fieldset[disabled] .btn-default:focus,
fieldset[disabled] .btn-default:active,
fieldset[disabled] .btn-default.active {
  background-color: white;
  border-color: #cccccc;
}

.btn-default .badge {
  color: white;
  background-color: #333333;
}

.btn-primary {
  color: white;
  background-color: #322e36;
  border-color: #252228;
}

.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  color: white;
  background-color: #19171a;
  border-color: #070607;
}

.btn-primary:active,
.btn-primary.active,
.open > .btn-primary.dropdown-toggle {
  background-image: none;
}

.btn-primary.disabled,
.btn-primary.disabled:hover,
.btn-primary.disabled:focus,
.btn-primary.disabled:active,
.btn-primary.disabled.active,
.btn-primary[disabled],
.btn-primary[disabled]:hover,
.btn-primary[disabled]:focus,
.btn-primary[disabled]:active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary,
fieldset[disabled] .btn-primary:hover,
fieldset[disabled] .btn-primary:focus,
fieldset[disabled] .btn-primary:active,
fieldset[disabled] .btn-primary.active {
  background-color: #322e36;
  border-color: #252228;
}

.btn-primary .badge {
  color: #322e36;
  background-color: white;
}

.btn-success {
  color: white;
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  color: white;
  background-color: #449d44;
  border-color: #398439;
}

.btn-success:active,
.btn-success.active,
.open > .btn-success.dropdown-toggle {
  background-image: none;
}

.btn-success.disabled,
.btn-success.disabled:hover,
.btn-success.disabled:focus,
.btn-success.disabled:active,
.btn-success.disabled.active,
.btn-success[disabled],
.btn-success[disabled]:hover,
.btn-success[disabled]:focus,
.btn-success[disabled]:active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success,
fieldset[disabled] .btn-success:hover,
fieldset[disabled] .btn-success:focus,
fieldset[disabled] .btn-success:active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c;
}

.btn-success .badge {
  color: #5cb85c;
  background-color: white;
}

.btn-info {
  color: white;
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  color: white;
  background-color: #31b0d5;
  border-color: #269abc;
}

.btn-info:active,
.btn-info.active,
.open > .btn-info.dropdown-toggle {
  background-image: none;
}

.btn-info.disabled,
.btn-info.disabled:hover,
.btn-info.disabled:focus,
.btn-info.disabled:active,
.btn-info.disabled.active,
.btn-info[disabled],
.btn-info[disabled]:hover,
.btn-info[disabled]:focus,
.btn-info[disabled]:active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info,
fieldset[disabled] .btn-info:hover,
fieldset[disabled] .btn-info:focus,
fieldset[disabled] .btn-info:active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da;
}

.btn-info .badge {
  color: #5bc0de;
  background-color: white;
}

.btn-warning {
  color: white;
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  color: white;
  background-color: #ec971f;
  border-color: #d58512;
}

.btn-warning:active,
.btn-warning.active,
.open > .btn-warning.dropdown-toggle {
  background-image: none;
}

.btn-warning.disabled,
.btn-warning.disabled:hover,
.btn-warning.disabled:focus,
.btn-warning.disabled:active,
.btn-warning.disabled.active,
.btn-warning[disabled],
.btn-warning[disabled]:hover,
.btn-warning[disabled]:focus,
.btn-warning[disabled]:active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning,
fieldset[disabled] .btn-warning:hover,
fieldset[disabled] .btn-warning:focus,
fieldset[disabled] .btn-warning:active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236;
}

.btn-warning .badge {
  color: #f0ad4e;
  background-color: white;
}

.btn-danger {
  color: white;
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  color: white;
  background-color: #c9302c;
  border-color: #ac2925;
}

.btn-danger:active,
.btn-danger.active,
.open > .btn-danger.dropdown-toggle {
  background-image: none;
}

.btn-danger.disabled,
.btn-danger.disabled:hover,
.btn-danger.disabled:focus,
.btn-danger.disabled:active,
.btn-danger.disabled.active,
.btn-danger[disabled],
.btn-danger[disabled]:hover,
.btn-danger[disabled]:focus,
.btn-danger[disabled]:active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger,
fieldset[disabled] .btn-danger:hover,
fieldset[disabled] .btn-danger:focus,
fieldset[disabled] .btn-danger:active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a;
}

.btn-danger .badge {
  color: #d9534f;
  background-color: white;
}

.btn-lg {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-block {
  display: block;
  width: 100%;
}

.btn-block + .btn-block {
  margin-top: 5px;
}

input[type=submit].btn-block,
input[type=reset].btn-block,
input[type=button].btn-block {
  width: 100%;
}

.btn-group-footer {
  border-top: 1px solid #cccccc;
  padding-top: 15px;
  text-align: right;
}

a.timeline-link {
  color: white;
  background-color: #445f7f;
  border-color: #445f7f;
}

.timeline-container {
  margin-top: 1em;
}
.popup_image {
  background-color: #ffc;
  text-decoration: underline;
  font-weight: bold;
  cursor: help;
}
#content .quiz .question {
  margin-bottom: 3em;
}

#content .quiz .question .question-header {
  color: black;
  font: normal 1em "Trebuchet MS", Tahoma, Verdana, sans-serif;
  margin: 1.5em 0 0.5em 0;
  padding-bottom: 0.3em;
  border-bottom: 1px solid #e2e7ec;
}

#content .quiz .question p {
  margin-bottom: 0;
}

#content .quiz .question fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

#content .quiz .question ul {
  margin: 1.3em 0 0 1.3em;
  padding: 0;
  list-style: none;
}

#content .quiz .question input[type=radio] {
  margin-top: 6px;
  float: left;
}

#content .quiz .question label {
  margin-left: 25px;
  display: block;
}

#content .quiz .question .question-header label {
  margin-left: 0px;
}

#content .quiz .question textarea,
#content .main textarea {
  width: 100%;
  height: 150px;
  margin-top: 0.5em;
}

#content .quiz hr {
  margin-top: 2.5em;
  height: 4px;
  color: #ccc;
  background-color: #ccc;
}

p.submit {
  text-align: right;
}
div.closing_text {
  padding: 0.6em;
}

div.closing_text textarea {
  font-size: 1em;
  padding: 0.2em;
  height: 150px !important;
  width: 640px !important;
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
}

ul#quizbuilder {
  margin-top: 1em;
  margin-bottom: 1em;
}

ul#quizbuilder li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul#quizbuilder li a {
  display: none;
}

ul#quizbuilder li:hover {
  background-color: #fefdd6;
}

ul#quizbuilder li {
  padding: 0.25em;
}

ul#quizbuilder li a {
  display: inline;
}

ul#quizbuilder li label {
  font-weight: bold;
  float: left;
  padding: 0.25em;
}

ul#quizbuilder li textarea {
  font-family: "Lucida Grande", Tahoma, Verdana, Arial, sans-serif;
  width: 560px;
  font-size: 1.1em;
  height: 60px;
  padding: 0.2em;
  border: 1px solid #dfdfdf;
}

ul#quizbuilder li.answer div.multiple_choice {
  width: 400px;
}

ul#quizbuilder li.answer div.multiple_choice label {
  font-weight: bold;
  float: left;
  padding: 0.25em;
}

ul#quizbuilder li.answer div.multiple_choice input {
  width: 70px;
}

ul#quizbuilder div.multiple_choice {
  background: #eee;
  padding: 5px;
  width: 558px;
  margin-bottom: 5px;
}

ul#quizbuilder div.multiple_choice label {
  width: 548px;
  font-weight: bold;
  font-size: 1em;
  padding: 0.2em;
  display: block;
}

ul#quizbuilder li.multiple div.multiple_choice textarea {
  clear: both;
  padding: 0.2em;
  font-size: 1em;
  height: 200px;
  width: 548px;
  display: block;
}

ul#quizbuilder li.multiple > div {
  margin-left: 32px;
}

ul#quizbuilder li.answer textarea {
  width: 400px !important;
  height: 100px;
}

ul#quizbuilder .answer-label-section {
  width: 5%;
}

ul#quizbuilder .question-answer-section {
  width: 75%;
}

ul#quizbuilder .delete-answer-section {
  width: 10%;
}

ul#quizbuilder .delete-answer {
  margin-top: 68px;
}

ul#quizbuilder .delete-question {
  width: 560px;
}

ul#quizbuilder li.multiple ul {
  margin-top: 10px;
}

a.add-question {
  border: 1px solid #ccc;
  background: #efefef url(/assets/icon_add-925b0763111fd6d9ce38557df9c6166ea78c238326ceeb94ed6470c09da2e6a0.png) 3px 50% no-repeat;
  padding: 0.25em 0.25em 0.25em 22px;
  text-decoration: none;
}

a.add-question:hover {
  background-color: #fefdd6;
}

.QuestionHeadingText {
  border: 1px solid #ccc;
  background: #efefef;
  padding: 0 10px;
}

ul#quizbuilder li.question_heading {
  border-top: 2px solid black;
  border-bottom: 2px solid black;
  margin: 20px 0;
  padding: 0 20px;
}

ul#quizbuilder li.question_heading h3 {
  margin: 5px 0;
}

h2.correct,
h2.incorrect {
  font-size: 1.4em;
}

h2.correct {
  color: green;
}

h2.incorrect {
  color: red;
}
.register h2 {
  background: url(/assets/reg_header_bg-9f809acb46b215f4830d628b907dc026958e57020b60941511dad9c092beb308.gif) repeat-x;
  color: white;
  padding: 0.5em 1em;
  margin-top: 1em;
  margin-bottom: 0;
  font-size: 1.2em;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5);
  clear: both;
}

.register h2.inactive {
  background: url(/assets/reg_header_bg_inactive-b367887a46720751ee41b06d636f633a29cc5a7a9058eae741b8d4654c34cead.gif) repeat-x;
}

.register div.info {
  border-left: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
  border-bottom: 1px solid #afafaf;
  background: url(/assets/reg_info_bg-7e57e42fda9681545dc11bf3538c91689d7aa44196bb62e38cbc657ccf73a88a.gif) repeat-x #e8e8e8;
  padding-top: 0.5em;
  margin-top: -1px;
  margin-bottom: 1em;
}

.register div.info p {
  margin: 0 1em 0.5em 1em;
  color: #333;
}

table.course-cost {
  width: 40%;
  float: left;
  margin: 0 0 0 75px;
  border-collapse: collapse;
}

table.course-cost td.label {
  font-weight: bold;
}

table.course-cost td {
  padding: 0.5em;
  font-size: 1.1em;
  border-bottom: 1px solid #ccc;
}

div.payment-gateway-logo {
  width: 40%;
  float: left;
  margin: 1em 0 0 20px;
}

.voucher_info {
  padding: 20px;
  background-color: #e8ffe8;
  border: 3px solid #009600;
  margin-bottom: 20px;
}

#registration_notices .rss-box ul.rss-items {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#registration_notices .rss-box ul.rss-items li.rss-item {
  background: #e9f6ff;
  border: 1px solid #bfc2cc;
  margin-bottom: 10px;
  padding: 10px;
}

#registration_notices .rss-box .rss-title {
  display: none;
}
.task_find_replace_list_item .highlighted {
  font-family: monospace;
  line-height: 1.2em;
  background: #fafafa;
  border: 1px solid #eee;
  padding: 1em;
  max-height: 10em;
  overflow-y: auto;
  margin-bottom: 1em;
  color: #bbb;
}

.task_find_replace_list_item strong {
  color: #000;
}

.task_find_replace_list_item .replaced strong.highlight {
  background: #e0e0b0;
}

.task-completion-threshold {
  text-align: right;
  margin-bottom: 1em;
  color: #666;
}
.task-navigation {
  padding: 1em;
  text-align: center;
  background-color: #fff;
  clear: both;
}

.task-navigation a,
.task-navigation .next-disabled {
  color: #2f2f2f;
  width: 150px;
  padding: 0.5em;
  float: right;
  text-decoration: none;
}

.task-navigation a:hover {
  text-decoration: underline;
}

.task-navigation a.next {
  text-align: left;
  margin-left: 10px;
  background: url(/assets/next_task-45380a3500be630eebec8b69cf75f0e74ad6e7d9ddcc2b5ac7dc7f9932449798.gif) no-repeat 0% 50%;
}

.task-navigation a.previous {
  text-align: right;
  background: url(/assets/previous_task-40cded2de4ca4562f8f33e2e086434fccf9790b6a4c99f4e42b09e29e9584f6b.gif) no-repeat 100% 50%;
}

.task-navigation .next-disabled {
  text-align: left;
  margin-left: 10px;
  background: url(/assets/next_task_deactivated-b17e8c77c448a597cb76ab9ab964cad7881f23ddb44e5b8addda0c9274440941.gif) no-repeat 0% 50%;
  color: #ccc;
}
.training_payments_pagination {
  margin: 1.5em 0;
}
.training_payments_pagination:before, .training_payments_pagination:after {
  content: " ";
  display: table;
}
.training_payments_pagination:after {
  clear: both;
}
a.transcript-link {
  display: block;
  margin-top: 0.75em;
}

div.transcript-container {
  border: 1px solid #bababa;
  display: block;
  padding: 0 1em;
  margin-top: 1em;
  background: #f3f3f3;
  text-align: left;
}
#searchbox {
  width: 300px;
  margin-top: 8px;
  float: right;
  text-align: right;
  position: relative;
}

#searchbox #user-search {
  /* Rounded Corners. Won't work in IE. */
  -moz-border-radius: 9px;
  -webkit-border-radius: 9px;
  border-radius: 9px;
  padding: 3px 7px;
  border: 1px solid #aaa;
  width: 150px;
  padding-right: 23px;
}

#search-spinner {
  position: absolute;
  right: 5px;
  top: 4px;
}

#search-results {
  position: absolute;
  right: 1px;
  background: #fff;
  text-align: left;
}

#search-results p,
#search-results div.group-result {
  margin: 0;
  padding: 0;
  font-size: 0.8em;
  padding: 0 5px;
  line-height: 1.2em;
  height: 15px;
}

#search-results div.group-result {
  clear: both;
  position: relative;
  display: block;
}

#search-results div.group-result.registered a #search-results div.group-result.registered span {
  color: #007;
}

#search-results div.group-result.completed a,
#search-results div.group-result.completed span {
  color: #070;
}

#search-results div.group-result.removed a,
#search-results div.group-result.removed span {
  color: #ccc;
  text-decoration: line-through;
}

#search-results div.group-result a.edit {
  float: left;
  padding-right: 4px;
}

#search-results div.group-result .group_display_name {
  float: left;
  padding: 3px 0;
  clear: after;
}

#search-results div.group-result .current_module_number {
  position: absolute;
  right: 5px;
  top: 3px;
}

#search-results p.main {
  font-size: 1em;
}

#search-results p.small {
  font-size: 0.7em;
}

#search-results ul {
  padding: 0;
  margin: 0;
  border-top: 1px #ccc solid;
  border-left: 1px #ccc solid;
  -moz-box-shadow: 1px 2px 6px #ccc;
  -webkit-box-shadow: 1px 2px 6px #ccc;
  box-shadow: 1px 2px 6px #ccc;
}

#search-results li {
  list-style: none;
  border-bottom: 1px #ccc solid;
  border-right: 1px #ccc solid;
  padding: 5px 0;
  min-width: 275px;
}

#search-results li:hover {
  background: #efefef;
}