/**
 *  CSS STYLES FOR GENERAL CONTENT
 */

/**
 * Font Awesome
 */

@font-face {
  font-family:'FontAwesome';
  src:url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot');
  src:url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.eot#iefix') format('embedded-opentype'),
  url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.woff') format('woff'),
  url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.ttf') format('truetype'),
  url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/font/fontawesome-webfont.svg#fontawesomeregular') format('svg');
  font-weight:normal;
  font-style:normal
}

.icon {
  font-family: 'FontAwesome';
  font-style: normal;
}

/**
 * CSS STYLES FOR CONTENT ELEMENTS
 */

/* styles only needed for the general layout */

* {
  margin: 0;
  padding: 0;
}

/* OPERA FIX */
html > br {
  display: none;
}

body {
  font-size: 13px;
  font-family: "myriad-pro", Arial, Helvetica, sans-serif;
  color: #333;
}

/* general styles */
.hide {
  position: absolute;
  left: -2000em;
}
.off {
  display: none !important;
  /* !important is ok here, since this class is used by js to toggle container display */
}
.inactive {
  opacity: 0.5 !important;
  cursor: default !important;
}
.clearfix {
  clear:both;
}
.floatbox_container {
  overflow: hidden;
}
.bold {
  font-weight: bold;
}
.grey_text {
  color: #bbbbbb;
}
img {
  border: 0;
}
.invisible {
  visibility: hidden;
}
/*** AJAX loading image ***/
#ajax_spinner_image {
  position: absolute;
  left: -100px;
}

/* general styles for content */
h1 {
  margin: 15px 0 30px 0;
  font-size: 28px;
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #000;
}
h2 {
  margin: 30px 0 15px 0;
  font-size: 20px;
  font-weight: normal;
  letter-spacing: 0.04em;
  color: #000;
}
h3 {
  margin: 20px 0 10px 0;
  padding: 0;
  font-size: 17px;
  font-weight: normal;
  letter-spacing: 0.04em;
  border: 0;
  color: #000;
}
h4 {
  margin: 20px 0 10px 0;
  font-size: 14px;
}
h5 {
  font-size: 12px;
}
.subtitle {
  display: block;
  margin-top: 2px;
  font-size: 70%;
  letter-spacing: 0;
  color: #333;
}
p, ul, ol {
  margin-bottom: 10px;
}
ol li {
  margin: 0 0 1.5em 1.5em;
}
ol ul, ol ol {
  margin-top: 0.5em;
}
li {
  margin: 0 0 0 1em;
  padding: 0;
}
blockquote {
  margin: 15px 0;
  font-style: normal;
}
blockquote p {
  margin: 0;
}
table {
  width: 95%;
}
table td {
  padding: 2px;
}
ul.links li {
  margin: 3px 0;
  padding: 0;
  list-style: none;
}




.help_cursor {
  border-bottom: 1px dotted #999;
  cursor: help;
}
.help_icon {
  padding: 2px 25px 2px 0;
  cursor: help;
  background: url('../images/helpIco_small.png') no-repeat 100% 50%;
}
.icon_only {
  display: inline-block;
  width: 16px;
  height: 16px;
  padding: 0;
  text-indent: -900em;
}



/*** POSITIONING & ALIGNMENT ***/
.content_indent {
  margin-left: 1.5em;
}
.content_floatbox {
  overflow: hidden;
  padding: 5px 0;
}
.content_float_left {
  display: inline;
  float: left;
  margin-right: 1em;
}
.content_float_right {
  display: inline;
  float: right;
  margin-left: 1em;
}
.align_left {
  text-align: left;
}
.align_right {
  text-align: right;
}
.align_center {
  text-align: center;
}
.float_container {
  width: 100%;
  overflow: hidden;
  margin-bottom: 10px;
}
.first_heading, .text_page .first_heading, .fh, .text_page .fh {
  margin-top: 0;
  padding-top: 0;
}
.no_margin {
  margin: 0;
}
.float_left {
  float: left;
  margin: 0 15px 5px 0;
}
.float_right {
  float: right;
  margin: 0 0 5px 15px;
}



/*** TABLES ***/
.data_table {
  width: 100%;
  margin: 15px 0 30px 0;
  border-collapse: collapse;
  border-bottom: 2px solid #BABABA;
  font-size: 12px;
}
.data_table th, .data_table td {
  padding: 10px;
}
.data_table thead {
  font-size: 14px;
  border-bottom: 2px solid #BABABA;
}
.data_table tbody {
  width: 90%;
}
.data_table td {
  border-bottom: 1px dotted #CCCCCC;
}
.data_table tr:last-child td {
  border: 0;
}
.data_table tr:nth-child(even) td {
  background-color: #f6f6f6;
}
.data_table tr:hover td {
  background-color: rgba(240,55,21,0.1);
}
.data_table tfoot {

}
.data_table .true {
  background: url('../images/checkmark_vsmallblack.png') no-repeat 50% 50%;
}
.data_table .false {
  background: url('../images/crossed_smallgrey.png') no-repeat 50% 50%;
}
.table_cap {
  max-height: 300px;
  overflow: auto;
  margin: 15px 0 30px 0;
  border: 1px solid #CCC;
}
.table_cap .data_table {
  margin: 0;
}



/* BOXES */
.content_box {
  margin: 0 0 15px 0;
  padding: 10px;
  border: 1px solid #BFBFBF;
}
.content_box .content_box_heading {
  margin: 0 0 15px 0;
  padding: 0;
  border: 0;
  color: #000;
}

.roundup_box {
  overflow: visible;
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #DFDFDF;
  background: #F2F2F2;
}
.roundup_title {
  margin: 0;
  padding: 5px 10px;
  border-bottom: 2px solid #333;
  font-size:20px;
  color: #FFF;
  background: #5d5d5d;
}
.roundup_list {
  margin: 0;
  padding: 15px;
  border-bottom: 2px solid #c2c2c2;
  list-style: none;
  background: #d8d8d8;
}
.roundup_list .roundup_item {
  margin: 0 0 5px 0;
  padding: 0 0 5px 25px;
  background: url('/themes/lecturio/images/checkmark_vsmallblack.png') no-repeat 0 0;
}

.text_page .info_box {
  margin: 5px;
  padding: 15px;
  border: 1px solid #DDD;
  color: #333;
  background: #ebebeb;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
  -moz-box-shadow: inset 1px 1px 0px rgba(255,255,255,0.3);
}
.info_box .box_heading {
  margin: -5px 0 7px 0;
  padding: 0 0 7px 0;
  border-bottom: 1px solid #DDD;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
.info_box .box_content :last-child {
  margin-bottom: 0;
}

/* TEXT SECTIONS */
.content_section_title {
  margin: 0 0 15px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #5d5d5d;
  font-weight: normal;
  font-size: 16px;
  color: #000;
}

/* BRAND SPECIFIC STYLES */
.lecturio_med .roundup_title {
  border-color: #4b6b3f;
  background: #7da86c;
}
.lecturio_med .roundup_list {
  border-color: #7da86c;
  background: #d0dfca;
}
.lecturio_med .roundup_item {
  background-image: url('/themes/lecturio/images/checkmark_lecturio_med.png');
}
.lecturio_med .content_section_title {
  border-color: #7da86c;
}

/* IMAGES */
.image_stack {
  width: 100%;
  overflow: hidden;
  margin: 0;
  padding: 0;
  list-style: none;
}
.image_stack .stack_item {
  padding: 0;
  margin: 0 0 20px 0;
}
.image_stack .stack_item:last-child {
  margin: 0;
}
.image_stack .stack_img {
  display: block;
}
/* TEXT */
.text_page .chapter_mark {
  border-bottom: 2px solid #BABABA;
  font-size: 22px;
  font-weight: normal;
  letter-spacing: 0.02em;
  color: #444;
}
.text_page p {
  line-height: 1.6em;
  margin-bottom: 1em;
}
.text_page p:last-child {
  margin-bottom: 0;
}
.testimonial {
  margin: 0 20px 15px 20px;
  padding: 0 0 15px 0;
  border-bottom: 1px dotted #D4D4D4;
  background: url('../images/bg_testimonials.png') no-repeat 100% 100%;
}
.testimonial:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border: 0;
}
.testimonial p {
  margin: 0 -15px;
  font: italic normal 16px/26px Calibri, sans-serif;
}
.testimonial cite {
  display: block;
  font-style: normal;
  color: #000;
}
.fine_print {
  font-size: 11px;
  font-weight: normal;
}
h1 .subtitle {
  font-size: 14px;
}

/* LISTS */
.bullet_list {
  margin: 0 0 1em 0;
  padding: 0 0 0 2px;
  list-style-type: disc;
  line-height: 1.4em;
}
.bullet_list > li {
  margin: 0 0 0.5em 1em;
}
.check_list {
  margin: 0;
  list-style: none;
  line-height: 1.5em;
  font-size: 13px;
}
.check_list > li {
  margin: 0 0 8px 0px;
  padding: 0 0 0 25px;
  background-repeat: no-repeat;
  background-position: 0 1px;
}
.files li {
  margin: 5px 0 5px 10px;
  padding: 0;
  list-style: none;
}
.checkbox_list {
  margin: 0;
  list-style: none;
  border: 1px solid #eee;
}
.checkbox_list li {
  margin: 0;
  padding: 10px 10px 10px 35px;
  border-bottom: 1px dotted #CCCCCC;
  background-repeat: no-repeat;
  background-position: 10px 10px;
}
.checkbox_list li:nth-child(even) {
  background-color: #f9f9f9;
}
.checkbox_list li:last-child {
  border: 0;
}
.checkbox_list .status {
  position: absolute;
  left: -900em;
}

/* NOTIFICATIONS AND ALERTS */
.notification, .confirmation, .success {
  margin: 10px 0;
  padding: 8px 10px 8px 35px;
  line-height: 17px;
  font-size: 14px;
  letter-spacing: 0.02em;
  color: #fff;
  background-color: #333;
  background-repeat: no-repeat;
  background-position: 7px 7px;
  text-shadow: 0 0 2px rgba(0,0,0,0.1);
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.notification a, .notification a:hover {
  color: #FFF;
}
.notification:first-child, .success:first-child {
  margin-top: 0;
}
#main > .notification:first-child {
  margin-bottom: 20px;
}
.notification.small {
  margin: 5px 0;
  padding: 4px 10px 4px 25px;
  line-height: 14px;
  font-size: 12px;
}
.notification.success {
  background-color: #4aa00d
}
.notification.error {
  background-color: #b32c0e;
}
.notification.undefined {
  background-color: #ccc;
}
.notify-container {
  padding: 10px;
  border: 1px solid #aaa;
  background: #eee;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.notify-container .flex_btn {
  float: right;
  margin: -10px 0 0 0;
  padding: 2px 10px;
}

.error_list {
  padding: 6px 20px 6px 45px;
  list-style: none;
  font-weight: bold;
  background: #f69c8c;
  clear: both;
}

.error_list.exclamation_mark {
  background: #f69c8c url('../images/icon_alert_extended.png') no-repeat 0 0;
  display: none;
}



/*** PROGRESS BASE STYLES ***/
.progress-bar {
  position: relative;
  z-index: 1;
  overflow: hidden;
  border: 1px solid #b2b2b2;
  text-align: center;
  color: #5d5d5d;
  background: #fff;
}
.progress-bar .total {
  position: relative;
  z-index: 10;
  display: block;
}
.progress-bar .completed {
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 100%;
  border: 1px solid #fff;
  text-indent: -900em;
  background: #e9e9e9;
  -moz-box-sizing: border-box; /* gecko */
  -webkit-box-sizing: border-box; /* khtml/webkit */
  -ms-box-sizing: border-box; /* IE */
  box-sizing: border-box;
}
.progress-info {
  margin: 5px 0 10px 0;
  font-size: 11px;
}




/*** CSS FOR HELP PAGE (FORMERLY KNOWN AS FAQ) ***/
.help_intro {
  margin: 0 15px 0 0;
}
.help_section {
  margin: 0 0 30px 0;
}
.help_section h4 {
  margin: 0 0 5px 0;
  font-size: 14px;
}
.help_section_link, .help_section_link:visited {
  display: block;
  min-height: 30px;
  padding: 2px 0 5px 45px;
  text-decoration: none;
  color: #222;
  background: url('../images/icons/help_categories.png') no-repeat 0 0;
}
.help_section_link:hover, .help_section_link:focus {
  text-decoration: underline;
  color: #000;
}
.allgemein .help_section_link {
  background-position: 0 -70px;
}
.universitaet .help_section_link {
  background-position: 0 -140px;
}
.funktionen .help_section_link {
  background-position: 0 -210px;
}
.registrierung .help_section_link {
  background-position: 0 -280px;
}
.bezahlung .help_section_link {
  background-position: 0 -350px;
}
.technik .help_section_link {
  background-position: 0 -420px;
}
.help_section p {
  margin: 0 0 5px 0;
  font-size: 12px;
}
.help_section_index {
  padding: 5px 15px;
  list-style: none;
  border: 3px solid #e9e9e9;
  background: #efefef;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}
.help_section_index li {
  margin: 5px 0;
  padding: 5px 0;
  line-height: 1.2em;
  border-bottom: 1px solid #e9e9e9;
}
.help_section_index li:last-child {
  border: 0;
}
.help_section_index a, .help_section_index a:visited {
  text-decoration: none;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.9);
}
.help_section_content h4 {
  margin: 20px 0 5px 0;
}
.help_section_content h4:first-child {
  margin: 0 0 5px 0;
}



/*** CSS FOR JOB PAGE ***/
.job_offer {
  margin: 0 0 30px 0;
}
.job_offer .job_title {
  min-height: 35px;
  margin: 0 0 5px 0;
  font-size: 14px;
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/icons/job_descriptions.png') no-repeat 0 0;
}
.job_offer .download_link {
  display: block;
  padding: 2px 0 5px 45px;
  text-decoration: none;
  color: #222;
}
.job_offer .download_link:hover, .job_offer .download_link:focus {
  text-decoration: underline;
  color: #000;
}
.job_offer .job_type {
  display: block;
  font-size: 10px;
  color: #555;
}
.job_offer .job_teaser {
  margin: 0 0px;
  font-size: 12px;
}
.application_process {
  margin: 0;
  padding: 10px 0 0 95px;
  list-style: none;
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/images/bewerbungsablauf_neu.png') no-repeat 0 0;
}
.application_process .application_step {
  min-height: 3em;
  margin: 0 0 31px 0;
  padding: 0;
}
.application_process .application_step:last-child {
  margin: 0;
}



/*** CSS FOR PARTNER PAGE ***/
.partner_list li {
  border-bottom: 1px dotted #ccc;
  padding-bottom: 20px;
}
.partner_list li:last-child {
  border-bottom: 0;
}
.partner_list .partner_teaser {
  margin: 0 0 15px 0;
  line-height: 1.5;
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.01em;
}
.partner_list .url {
  display: block;
  margin: 0 0 5px 0;
  line-height: 1em;
  color: #777;
}



/*** CSS FOR ELECT PAGE ***/
.elect {
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/elect/elect_guy.png') no-repeat 99% 50px;
}
.elect h1 {
  margin-bottom: 0;
  line-height: 1em;
  font-size: 24px;
}
.elect .subtitle {
  margin: 0 0 20px 0;
  font-size: 16px;
  color: #555;
}
.elect .elect_steps {
  margin-bottom: 0;
}
.elect_steps .step_1, .elect_steps .step_2, .elect_steps .step_3 {
  width: 220px;
  min-height: 210px;
  padding: 10px;
}
.elect_steps h2 {
  margin: 0 0 5px 10px;
  color: #333;
}
.elect_steps h3 {
  margin: 0 0 10px 0;
  border: 0;
  line-height: 1em;
  font-size: 14px;
  font-weight: bold;
  color: #E63712;
}
.elect_steps .step_1 h3, .elect_steps .step_2 h3, .elect_steps .step_3 h3 {
  height: 35px;
  padding: 0 0 0 45px;
  background: url('../images/icons/123_icons.png') no-repeat 0 0;
}
.elect_steps .step_2 h3 {
  background-position: 0 -70px;
}
.elect_steps .step_3 h3 {
  background-position: 0 -140px;
}
.elect_steps p {
  margin: 0;
}
.elect_demo {
  display: block;
  width: 220px;
  height: 162px;
  text-indent: -900em;
  background-repeat: no-repeat;
  box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.2);
}
.elect_demo:hover, .elect_demo:focus {
  outline: 0;
  background-position: 0 -162px;
}
.elect_customers {
  margin: 30px 0 20px 0;
}
.elect_customers h2 {
  margin: -5px 0 5px 0;
  font-size: 18px;
  font-weight: normal;
  letter-spacing: 0;
  color: #222;
}
.elect_testimonials {
  width: 458px;
  margin: 0 10px;
  border: 1px solid #d4d4d4;
  background: #EEE;
  text-shadow: 1px 1px 1px rgba(255,255,255,0.7);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.elect_testimonials h2 {
  margin: 0;
  padding: 4px 5px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #6a6a6a;
  color: #FFF;
  background: #777;
  background: #777 -moz-linear-gradient(center top , #7f7f7f, #6a6a6a);
  background: #777 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7f7f7f), to(#6a6a6a));
  text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.elect_testimonials blockquote {
  min-height: 205px;
  margin: 0;
  padding: 15px;
  line-height: 1.8em;
}
.elect_testimonials cite {
  display: block;
  margin: 0 0 10px 0;
  line-height: 1.2em;
  font-size: 11px;
  font-weight: normal;
}
.elect_testimonials img {
  float: left;
  margin: 0 15px 2px 0;
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.elect_testimonials strong {
  font-size: 14px;
}
.elect_testimonials .html_pager_navigation {
  overflow: hidden;
  margin: 0 15px;
  padding: 3px 2px 5px 2px;
  border-top: 1px dotted #d4d4d4;
}
.elect_testimonials .next_link {
  float: right;
}
.elect_testimonials .previous_link {
  float: left;
}
.elect .phone_cta {
  margin: -5px 0 0 15px;
  padding: 0 0 0 35px;
  line-height: 30px;
  font-size: 17px;
  background: url('../images/icons/phone.png') no-repeat 0 0%;
}
.elect_offer p {
  margin: 10px 10px 0 10px;
}
.elect_offer .new_info_box {
  min-height: 200px;
}
.elect_examples .grid_subrow {
  margin-bottom: 30px;
}
.elect_examples h4 {
  margin: 0 0 10px 5px;
  padding: 0;
  border: 0;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  color: #000;
}
.elect_examples .elect_demovideo {
  margin: 0;
  padding: 5px 9px 9px 9px;
}
.elect_examples .elect_demovideo h4 {
  display: block;
  margin: -5px -5px 0 -5px;
  padding: 5px 0;
  border: 0;
  font-size: 13px;
  font-weight: bold;
  text-align: center;
  color: #333;
  background: transparent;
  text-shadow: 1px 1px 1px #FFF;
}
.elect_examples .elect_example_link {
  display: block;
  width: 200px;
  height: 135px;
  text-indent: -900em;
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/elect/demo_konferenzen.jpg') no-repeat 50% 0;
  border-radius: 2px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  -moz-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
  -webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3);
}
.elect_examples .grid_subrow:last-child {
  margin-bottom: 0;
}
.elect_examples .elect_example_link:hover, .elect_examples .elect_example_link:focus {
  outline: 0;
  background-position: 50% -135px;
}



/*** GENERAL STYLES CREATED AFTER RELAUNCH ***/
.tooltip {
  max-width: 400px;
  padding: 10px 15px;
  border: 1px solid #c4c4c4;
  line-height: 1.8em;
  font-size: 12px;
  background: #FFF;
  border-radius: 6px;
  -moz-border-radius: 6px;
  -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3);
}
.tooltip h5 {
  margin: 0 0 5px 0;
  font-size: 16px;
  font-weight: normal;
  color: #333;
}
.tooltip-links {
  cursor: help;
}

.new_info_box {
  margin: 0 0 5px 0;
  padding: 14px;
  border: 1px solid #AAA;
  font-size: 14px;
  background: #e1e1e1;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.new_info_box h2, .new_info_box h3, .new_info_box h4 {
  margin: -15px -15px 15px -15px;
  padding: 5px;
  font-size: 18px;
  font-weight: normal;
  text-align: center;
  border: 1px solid #6a6a6a;
  color: #FFF;
  background: #777;
  background: #777 -moz-linear-gradient(center top , #7f7f7f, #6a6a6a);
  background: #777 -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7f7f7f), to(#6a6a6a));
  text-shadow: -1px -1px 1px rgba(0,0,0,0.2);
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  -moz-border-radius-topleft: 4px;
  -moz-border-radius-topright: 4px;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
}
.new_info_box p:last-child, .new_info_box ul:last-child, .new_info_box ol:last-child {
  margin-bottom: 0;
}
.vcard {
  margin: 0 0 15px 0;
}
.vcard_photo {
  float: left;
  width: 100px;
}
.vcard_details {
  margin: 0 0 0 115px;
}
.vcard_details dt {
  display: block;
  margin: 0 0 1px 0;
  font-weight: bold;
  line-height: 17px;
}
.vcard_details dd {
  display: block;
  margin: 0 0 5px 0;
  font-size: 12px;
  line-height: 15px;
}
.vcard_details dd:last-child {
  margin-bottom: 0;
}

.icon_phone, .icon_mail, .icon_skype, .icon_xing {
  padding: 0 0 0 22px;
  background: url('../images/icons/contact.png') no-repeat 0 0;
}
.icon_mail {
  background-position: 0 -100px;
}
.icon_skype {
  background-position: 0 -200px;
}
.icon_xing {
  background-position: 0 -300px;
}

.social_networks.medium  .sn_link {
  float:left;
  width:51px;
  height:51px;
  margin: 0 10px 0 0;
  text-indent:-900em;
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/icons/network_icons_m.png') no-repeat 5px 5px;
}
.social_networks.medium  .sn_link:focus {
  outline: 0;
}
.social_networks.medium  .sn_link:last-child {
  margin: 0;
}
.social_networks.medium .xing {
  background-position: -55px 5px;
}
.social_networks.medium .twitter {
  background-position: -115px 5px;
}
.social_networks.medium .blog {
  background-position: -175px 5px;
}
.social_networks.medium .youtube {
  background-position: -235px 5px;
}

.core_values {
  margin: 20px 0;
  padding: 10px 20px 20px 20px;
  border: 1px solid #5d5d5d;
}
.core_values h2 {
  margin: 0;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #ccc;
  font-size: 24px;
  text-align: center;
}
.core_values h3 {
  margin: 0 20px 0 0;
  padding-top: 15px;
  font-size: 18px;
}
.core_values p {
  margin: 0 20px 0 15px;
  color: #5d5d5d;
  font-size: 14px;
}


.new_checkmark_list {
  padding: 0;
  list-style: none;
}
.new_checkmark_list li {
  margin: 0 0 10px 0;
  padding: 0 0 0 25px;
  background: url('../images/checkmark_vsmallblack.png') no-repeat 0 2px;
}
.new_checkmark_list li:last-child {
  margin: 0;
}



/*** LANDING PAGE ***/
.lp_module {

}
.lp_header {
  height:360px;
  background: url('https://d24tigbl4jyjl7.cloudfront.net/images/marketing/lp_header1.jpg') no-repeat 0 0;
}
.lp_header h1 {
  margin: 30px 0 20px 30px;
  font-size: 46px;
}
.lp_header .lp_tagline {
  margin: 0 480px 20px 30px;
  font-size: 22px;
  line-height: 1.3em;
  color: #5d5d5d;
}
.lp_header .check_list {
  margin: 0 0 0 55px;
  font-size: 14px;
}
.lp_header .green_cta {
  float: left;
  width: 260px;
  margin: 20px 0 0 100px;
  line-height: 32px;
  padding: 6px 0 8px 0;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
.lp_trust {
  margin: 10px;
  padding: 10px 0;
  border-top: 1px dashed #ccc;
  border-bottom: 1px dashed #ccc;
  background: #f4f4f4;
}
.lp_features {
  width: 940px;
  margin: 0 0 40px 0;
  padding-bottom: 40px;
  border-bottom: 1px dashed #ccc;
}
.lp_features h2 {
  font-size: 22px;
  margin: 0 0 5px 30px;
}
.lp_features p {
  min-height: 72px;
  margin: 0 0 20px 30px;
  font-size: 15px;
  color: #5d5d5d;
}
.lp_features .lp_thumb {
  width: 230px;
  height: 140px;
  margin: 0 0 0 29px;
  border: 1px solid #ccc;
  padding: 5px;
  background: #FFF;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.lp_digest {
  margin-bottom: 40px;
  font-size: 15px;
  line-height: 1.618em;
}
.lp_digest img {
  margin: 5px 0 0 29px;
  border: 1px solid #ccc;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
}
.lp_digest h2 {
  font-size: 22px;
  margin: 0 30px 20px 30px;
}
.lp_digest p {
  margin: 0 30px 0 30px;
  color: #5d5d5d;
}
.lp_digest .green_cta {
  float: left;
  width: 260px;
  margin: 60px 0 0 30px;
  line-height: 32px;
  padding: 6px 0 8px 0;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}



.ad_sidebar_btn {
  position: fixed;
  z-index: 15;
  top: 30%;
  left: 0;
  width: 40px;
  height: 130px;
  text-indent: -900em;
  background: #e63912 url('https://d24tigbl4jyjl7.cloudfront.net/images/marketing/sidebar-ad-btn-30.png') no-repeat 0 0;
  cursor: pointer;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomright: 5px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  box-shadow: 0 0 6px rgba(0,0,0,0.25);
  -moz-box-shadow: 0 0 6px rgba(0,0,0,0.25);
  -webkit-box-shadow: 0 0 6px rgba(0,0,0,0.25);
}
.ad_sidebar {
  position: fixed;
  z-index: 15;
  top: 20%;
  width: 300px;
  padding: 265px 10px 10px 10px;
  border: 5px solid #fff;
  line-height: 1.5;
  color: #fff;
  background: #e63912 url('https://d24tigbl4jyjl7.cloudfront.net/images/marketing/sidebar-ad.jpg') no-repeat 0 0;
  text-shadow: 0 0 2px #990803;
  -moz-border-radius-topright: 6px;
  -moz-border-radius-bottomright: 6px;
  -webkit-border-top-right-radius: 6px;
  -webkit-border-bottom-right-radius: 6px;
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.ad_sidebar h2 {
  float: left;
  margin: -200px 0 0 -15px;
  padding: 5px 15px;
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0;
  color: #fff;
  background: #e63912;
}
.ad_sidebar .ad_countdown {
  margin: 10px 0 20px 0;
  text-align: center;
}
.ad_sidebar .time {
  margin: 0 0 0 10px;
  font-size: 24px;
  font-weight: bold;
  vertical-align: middle;
}
.ad_sidebar .ad_code {
  float: left;
  width: 140px;
  margin: -5px 20px 0 -10px;
  padding: 5px 0;
  line-height: 1.2;
  text-align: center;
  color: #000;
  background: #fff;
  text-shadow: none;
}
.ad_sidebar .code {
  display: block;
  font-size: 20px;
}
.ad_sidebar .sb_close {
  line-height: 1.2;
  text-shadow: none;
}



/*** A/B TEST STUFF ***/
.ratepay-off {
  display: none;
}
.ratepay-on {
  display: block;
}
li.ratepay-on {
  display: list-item;
}



/*** SHADOWBOX STYLES ***/
#sb-wrapper-inner {
  padding: 10px;
  border: 0;
}
#sb-loading {
  background-color: transparent;
}
#sb-body {
  background-color: #FFF;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4);
}
.sb_close {
  position: absolute;
  z-index: 10;
  top: 0;
  right: 5px;
  padding: 3px 17px 4px 4px;
  text-decoration: none;
  color: #777;
  background: url("../images/close_icon2.png") no-repeat 100% 5px;
}
.sb_close:hover, .sb_close:focus {
  outline: 0;
  color: #444;
  background-position: 100% -54px;
}
.sb_content {
  padding: 20px;
  font-size: 13px;
}
.sb_content p {
  line-height: 1.5em;
}
.sb_title {
  margin: 0 0 15px;
  font-size: 20px;
  font-weight: normal;
  color: #222222;
}

/*** Product reviews ***/
#reviews {
  display: none;
}
.reviews-container {
  padding: 15px;
}
.reviews-container .sb_close {
  top: 5px;
  right: 10px;
}
.reviews-title {
  font-size: 24px;
  font-weight: bold;
  text-align: center;
  display: block;
  width: 100%;
}

.average-rating,
.reviews-rating-separator {
  border-top: 1px solid #000;
}
.average-rating {
  margin: 30px 0 10px;
  text-align: center;
  position: relative;
}
.average-rating .text {
  margin: -13px 0 0 -133px;
  left: 50%;
  padding: 0 10px;
  position: absolute;
  background: #FFF;
  font-size: 20px;
}
.average-rating .rating_new {
  margin-top: 15px;
}
.average-rating .rating_new .icon {
  font-size: 27px;
}
.average-rating .rating_new span {
  font-size: 20px;
  color: #7E828D;
  position: absolute;
  margin: 2px 0 0 10px;
}
.reviews-list {
  overflow: auto;
  max-height: 455px;
}
#reviews_inline .reviews-list {
  max-height: none;
}
.review {
  margin: 20px 15px 35px 0;
}
#reviews_inline .review {
  margin-right: 0;
}
.review-info {
  padding: 0 0 4px 90px;
  font-size: 14px;
  font-style: italic;
}
.review-info .name {
  font-weight: bold;
  font-size: 20px;
}
.review-info .time, .review-info .product-name {
  color: #666;
}
.review-container {
  border: 1px solid #B0B0B0;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.review-container h3 {
  margin: 10px 0 0 15px;
  font-weight: bold;
}
.review-container .review-content {
  padding: 15px;
}
.review-container .avatar {
  position: relative;
  margin: -37px 0 0 10px;
}
.review-container .avatar .cover {
  background: url('../images/home_page/v3/avatar-cover.png') left top no-repeat;
  width: 74px;
  height: 74px;
}
.review-container .avatar img {
  position: absolute;
  margin: 7px 0 0 7px;

  /* image width or height divided by 2 */
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
}
.review-container .avatar.default .cover {
  background-image: url('../images/home_page/v3/avatar-default.png');
}
.review-container .rating_new {
  position: relative;
  margin: -30px 0 0 88px;
}
.review-container .rating_new .icon {
  font-size: 20px;
}
.reviews-rating-overview {
  margin: 20px 15px 0 0;
}
.reviews-rating-overview .review-container {
  padding: 15px;
}
.reviews-rating-overview .rating_new {
  margin: 10px 0 0;
}
.reviews-rating-separator {
  margin: 15px 15px 0 0;
}
.sidebar-reviews {
  border-bottom: 1px solid #B0B0B0;
  margin-bottom: 20px;
}
.rating_new .icon {
  color: #FFAE00;
  font-size: 24px;
  font-style: normal;
}


/*** COMMON ***/
.right {
  float: right;
}

.left {
  float: left;
}

.clr {
  clear: both;
}

.text-right {
  text-align: right;
}



a.link_button {
  display: inline-block;
  padding: 4px 12px;
  margin-bottom: 0;
  line-height: 20px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid #cccccc;
  border-bottom-color: #b3b3b3;
  -moz-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  text-decoration: none;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #7cc400;
  background-image: linear-gradient(to bottom, #7cc400, #53a300);
  background-repeat: repeat-x;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
}

a.link_button:hover {
  color: #ffffff;
  background-color: #53a300;
  text-decoration: none;
  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
  transition: background-position 0.1s linear;
  outline: 0;
}

.xing-button-89 .xing-button-89-img {
  display: block;
  float: left;
  width: 89px;
  height: 26px;
  background: url("../images/new_inner_pages/xing-button-login-89-v2.png") 0 0 no-repeat;
  margin: 4px 0 0 10px;
}

.xing-button-89 .xing-button-89-text {
  color: #FFF;
  font-size: 13px;
  vertical-align: middle;
  line-height: 26px;
  display: block;
  padding-left: 40px;
}

.xing-button-89 .xing-button-89-img:hover {
  background: url("../images/new_inner_pages/xing-button-login-89-hover-v2.png") 0 0 no-repeat;
}

.facebook-button-89 .facebook-button-89-img {
  display: block;
  float: left;
  width: 89px;
  height: 26px;
  background: url("../images/new_inner_pages/facebook-button-login-89-v2.png") 0 0 no-repeat;
  margin: 4px 0 0 20px;
}

.facebook-button-89 .facebook-button-89-text {
  color: #FFF;
  font-size: 13px;
  vertical-align: middle;
  line-height: 26px;
  display: block;
  padding-left: 40px;
}

.facebook-button-89 .facebook-button-89-img:hover {
  background: url("../images/new_inner_pages/facebook-button-login-89-hover-v2.png") 0 0 no-repeat;
}

.facebook-button-224-payment-abo {
  margin: 5px 0 0 10px;
}

a.xing-button-89:hover{
 background-position: 0 -26px;
}

/*** JQUERY UI ***/
.ui-widget {
  font-family: inherit;
  font-size: 15px;
}
.ui-widget-overlay {
  background: #000;
  opacity: 0.6;
}
.ui-dialog {
  padding: 0;
  border: 0;
  background: transparent;
}
.ui-dialog .ui-dialog-content {
  overflow: hidden;
  padding: 0;
}
.ui-autocomplete {
  background: #EEEEEE;
}

.ui-autocomplete.header_lecturio_searchstr {
  border-color: #8a8a8a;
  background: #fff;
  -webkit-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
  box-shadow: 0 0px 4px rgba(0, 0, 0, 0.4);
  border-radius: 0;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
  background: #fdf5ce;
}

.ui-state-hover.header_lecturio_searchstr,
.ui-widget-content.header_lecturio_searchstr .ui-state-hover,
.ui-widget-header.header_lecturio_searchstr .ui-state-hover,
.ui-state-focus.header_lecturio_searchstr
.ui-widget-content.header_lecturio_searchstr .ui-state-focus,
.ui-widget-header.header_lecturio_searchstr .ui-state-focus {
  background: #e6e6e6;
}

.ui-widget-content.header_lecturio_searchstr a {
  color: #383d41;
}

.ui-menu.header_lecturio_searchstr .ui-menu-item a.ui-state-hover {
  border-color: #e6e6e6;
  border-radius: 0;
  color: #383d41;
}

.author-list {
  overflow: auto;
}
.author-list .author_box,
.lecture_sidebar_new .author_box {
  background-color: #fbfbfb;
  border-radius: 3px 3px 3px 3px;
  margin-bottom: 20px;
  padding: 10px;
  line-height: 150%;
}
.author-list .author_box {
  margin: 0;
}
.author-list .author {
  margin: 10px;
}

.author-list .author_box .name,
.lecture_sidebar_new .author_box .name {
  font-size: 20px;
  font-weight: bold;
  text-decoration: none;
  color: #556484;
}

.author-list .author_box .name:hover,
.lecture_sidebar_new .author_box .name:hover {
  text-decoration: underline;
  color: #174cca;
}

.author-list .author_box img,
.lecture_sidebar_new .author_box img {
  margin: 10px;
  width: 80px;
  height: 80px;
  border: 3px solid transparent;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}

.author-list .author .show_more_link,
.author-list .author .show_less_link,
.lecture_sidebar_new .author .show_more_link,
.lecture_sidebar_new .author .show_less_link {
  display: block;
  background: none;
  padding: 0;
}

.author-list .author {
  text-align: center;
  width: 238px;
  float: left;
}

.green-btn,
.green-btn:focus,
.green-btn:hover {
  margin: 3px 20px 3px 0;
  padding: 4px 10px;
  border: 1px solid #3b800a;
  font-weight: bold;
  color: #fff;
  background: #62b212;
  background: linear-gradient(to bottom, #7bc617, #4aa00d);
  background: -moz-linear-gradient(top, #7bc617, #4aa00d);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#7bc617), to(#4aa00d));
  background: -o-linear-gradient(top, #7bc617, #4aa00d);
  text-shadow: 0 0 3px rgba(0,0,0,0.4);
  box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #b4e122;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #b4e122;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #b4e122;
  text-decoration: none;
  cursor: pointer;
}

.green-btn:focus,
.green-btn:hover {
  outline: 0;
  border-color: #295a07;
  background: #44990c;
  background: linear-gradient(to bottom, #54b310, #348309);
  background: -moz-linear-gradient(top, #54b310, #348309);
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#54b310), to(#348309));
  background: -o-linear-gradient(top, #54b310, #348309);
  box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #8acf16;
  -moz-box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #8acf16;
  -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3), inset 0 1px 1px #8acf16;
}

.profile_message_box {
  background: none repeat scroll 0 0 #ffae00;
  border-radius: 5px;
  padding: 10px;
  float: left;
}

.banned-user {
  text-align: center;
  width: auto;
  margin: 20px auto 0;
  font-size: 18px;
}

.submit-loader {
  float: left;
  width: 32px;
  height: 32px;
  margin: 0 0 24px 132px;
  padding: 0;
  background: url("../images/spinner.gif");
}

.line_after_header {
    background: url("../images/Test-CoursePageMakeover-Jun2013/dark_wall_pattern.jpg") repeat-x scroll 0 -30px #FFFFFF;
    width: auto;
    width: 100%;
    height: 25px;
    position: absolute;
    margin-left: -50px;
}

.landing_course #page_margin {margin-top: 60px;}

/* styles copied form bootstrap (http://getbootstrap.com/examples/theme/) */

/* info message */
.alert {
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 30px 45px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.25) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.2);
}

.alert-info {
    background-color: #D9EDF7;
    background-image: linear-gradient(to bottom, #D9EDF7 0px, #B9DEF0 100%);
    background-repeat: repeat-x;
    border-color: #9ACFEA;
    color: #31708F;
}

.alert p {
    margin: 0;
}

.btn {
    background-image: none;
    border: 1px solid rgba(0, 0, 0, 0);
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    margin-bottom: 0;
    padding: 6px 12px;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
}

.btn-default {
    background-color: #FFFFFF;
    background-image: linear-gradient(to bottom, #FFFFFF 0px, #E0E0E0 100%);
    background-repeat: repeat-x;
    border-color: #CCCCCC;
    color: #333333;
    text-shadow: 0 1px 0 #FFFFFF;
}

#jwPlayerOptinMessage form input[type="text"] {
  width: 250px;
  height: 30px;
  border: 1px solid #9ACFEA;
}

#jwPlayerOptinMessage label {
  font-size: 14px;
  width: 180px;
  display: inline-block;
}

#jwPlayerOptinMessage .form-container, #jwPlayerChoiceRemindLater {
  margin-top: 5px;
}

#jwPlayerOptinMessage .messageName {
  font-size: 14px;
  font-weight: bold;
}

#jwPlayerOptinMessage .jwFormsContainer {
  width: 565px;
}