/*  ------------------- T h u m b n a i l ------------------------------------*/
.lec_thumb {
  display: inline-block;
  float: left;
  text-align: left;
  margin: 0 auto;
  width: 156px;
  margin-bottom: 5px;
}
.lec_thumb > a,
.lec_thumb > a:hover {
  font-size: 10px;
  color: #333333;
  display: block;
  position: relative;
  text-decoration: none;
}
.lec_thumb i {
  float: right;
  font-size: 10px;
}
.lec_thumb .author {
  float: left;
  margin-top: 3px;
  color: #d32027;
  font-size: 11px;
  font-weight: bold;
}
.lec_thumb .author i {
  float: inherit;
  font-style: italic;
}
.lec_thumb .author i img {
  align: top;
}
.lec_thumb > a:hover .thumb_title {
  text-decoration: underline;
}
.lec_thumb > a > div:first-child,
.lec_thumb_shadow {
  float: left;
  margin-bottom: 2px;
}
.lec_thumb_img {
  width: 154px;
  height: 96px;
  display: block;
  position: relative;
  float: right;
  background-color: white;
  border: 1px solid #dddddd;
  margin: 0;
  padding: 0;
  border-spacing: 0;
  font-family: "Trebuchet MS", "Helvetica Neue", Helvetica, Arial, sans-serif;
  /*font-family:Arial;*/
  font-size: 10px;
  text-shadow: #222222 1px 1px 2px;
  color: white;
  vertical-align: bottom;
}
.lec_thumb_img > u {
  position: absolute;
  display: block;
  left: 0;
  bottom: 0;
  padding-bottom: 2px;
  width: 100%;
  text-align: right;
  text-decoration: none;
  background: url(https://static.viidea.com/r.f39c74d281//common/img/transp.dark.png);
}
.lec_thumb_img > b {
  /*font-weight:normal;
	font-size:11px;*/
  position: absolute;
  bottom: 15px;
  left: 6px;
  height: 14px;
  width: 140px;
  color: #ffffaa;
}
.lec_thumb_img > img {
  display: block;
  float: right;
  clear: right;
  padding-right: 3px;
}
.lec_thumb_img > img:first-child {
  padding-top: 7px;
}
a .lec_thumb_img:hover,
a .lec_thumb_img > u:hover,
a .lec_thumb_img > b:hover {
  text-decoration: none;
}
.thumb_short {
  /* extended descriptions as oppose to short */
  display: none;
}
img.spotlight {
  position: absolute;
  top: -12px;
  right: -8px;
  z-index: 10;
  display: none;
}
img.spotlight.opaque {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#idx_categories.hoverable img.spotlight {
  right: -30px;
}
#idx_events .hoverable img.spotlight {
  right: -1px;
}
#idx_events .hoverable a {
  display: block;
}
.hoverable a {
  position: relative;
}
/* ----- S m a l l   T h u m b s ------ */
.lec_hint_thumb {
  float: left;
  width: 75px;
  height: 47px;
  overflow: hidden;
  margin: 0 5px 2px 0;
  border: 1px solid #c4c0c0;
}
.lec_hint_thumb img {
  width: 81px;
  height: 53px;
  position: relative;
  top: -3px;
  left: -3px;
}
.lec_hint_thumb small {
  height: 13px;
  float: right;
  position: relative;
  top: -19px;
  padding: 0 2px 2px 2px;
  text-align: right;
  color: white;
  background: url(https://static.viidea.com/r.f39c74d281//common/img/transp.dark.png);
  z-index: 2;
}
img.lang-flag {
  margin-right: 2px;
}
/* basic colors */
.palette {
  display: block;
  /*width: 30px;*/
  height: 50px;
  list-style: none;
}
.palette .color {
  width: 50px;
  height: 0;
  margin: 0 20px 0 0;
  padding-top: 50px;
  border: 4px solid #fff;
  border-bottom-width: 20px;
  font-size: 9px;
  line-height: 18px;
  float: left;
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5);
}
.palette .color.primary {
  background: #003e73;
}
.palette .color.secondary {
  background: #000086;
}
.palette .color.border {
  background: #0e0e62;
}
.palette .color.metadata {
  background: #0d385d;
}
.palette .color.text {
  background: #1f1f46;
}
/* body */
:-moz-any-link:focus {
  outline: none;
}
body {
  background-image: url('https://static.viidea.com/r.f39c74d281//chrome/img/bg-pattern.png');
  background: -moz-radial-gradient(50% 50%, circle, #ffffff 100px, rgba(255, 255, 255, 0.1) 600px), url('https://static.viidea.com/r.f39c74d281//chrome/img/bg-pattern.png') repeat 0 100%;
  background: -webkit-gradient(radial, center center, 0, center center, 800, from(#ffffff), to(rgba(255, 255, 255, 0))), url('https://static.viidea.com/r.f39c74d281//chrome/img/bg-pattern.png') repeat 0 100%;
  z-index: 1;
}
p,
input,
label {
  color: #1f1f46;
}
h1,
h2,
h3,
h4,
h5 {
  color: #002240;
}
a {
  color: #002240;
}
a:hover {
  color: #001425;
}
p a {
  text-decoration: underline;
}
.span6.center {
  float: none;
  margin: 0 auto;
}
.center {
  text-align: center;
}
.right {
  text-align: right;
}
.right {
  text-align: right;
}
.clear-left {
  clear: left;
}
/* top-navigation */
.navbar-background {
  background-color: #003e73;
  border-bottom: 4px solid #000086;
}
.navbar {
  height: auto;
}
/* regression fix for https://github.com/twitter/bootstrap/issues/2437 */
.navbar h1 a {
  color: white;
}
#logo {
  margin-top: 10px;
  height: 40px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}
#logo img {
  display: inline-block;
  max-height: 40px;
  max-width: 100%;
  vertical-align: middle;
}
#logo a {
  color: #ffffff;
  text-decoration: none;
  font-family: "Helvetica Neue", "HelveticaNeue", sans-serif;
  font-size: 28px;
  font-weight: 300;
  line-height: 33px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
#logo #masterback {
  display: block;
  float: left;
  margin-left: -131px;
  width: 130px;
}
#logo #masterback.touch {
  width: 30px;
  margin-left: -30px;
  position: relative;
}
@media only screen and (max-width: 768px) {
  #logo #masterback.touch {
    left: 10px;
  }
}
#logo #masterback div {
  height: 30px;
  margin-right: 10px;
  /*padding-right:10px;*/
  padding-top: 10px;
  /*border-right:1px solid rgba(255,255,255,0.5);*/
  /*border-right:1px solid #46542B;*/
  visibility: hidden;
  float: right;
}
#logo #masterback.touch div {
  visibility: visible;
  padding-right: 0;
  border-right: none;
}
#logo:hover #masterback div {
  visibility: visible;
}
#logo #masterback .sprite {
  background-color: transparent;
  background-position: -150px -1637px;
  height: 25px !important;
  width: 20px;
  opacity: 0.6;
  filter: alpha(opacity=60);
}
#logo #masterback:hover .sprite {
  opacity: 1;
  filter: alpha(opacity=1);
}
#header {
  /*padding: 12px 0 11px 0;*/
  margin-bottom: 0;
  min-height: 60px;
}
.user_nav {
  float: right;
}
/* top-search */
#header #search {
  float: right;
  height: 25px;
  margin-top: 15px;
  padding-left: 10px;
}
#header #search #searchinput {
  margin-right: 5px;
}
@media (max-width: 1200px) {
  #header #search #searchinput {
    width: 120px;
  }
}
@media (max-width: 980px) {
  #header #search #searchinput {
    width: 80px;
  }
}
#header #search input {
  height: 19px;
  line-height: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-left: 5px;
  float: left;
}
#wrap {
  margin-top: 40px;
}
/* new style top menu */
#navbuttons {
  height: 29px;
  background-color: #000086;
  margin-bottom: 55px;
}
#navbuttons ul {
  list-style-type: none;
  height: 29px;
  margin: 0px 0px 0px 0px;
}
#navbuttons ul li {
  display: block;
  float: left;
  border-left: 1px solid #0000b9;
  border-top: none;
  border-bottom: none;
  height: 29px;
}
#navbuttons ul li:hover {
  background-color: rgba(255, 255, 255, 0.2);
}
#navbuttons ul li a {
  color: inherit;
  padding: 5px 15px 5px 15px;
  line-height: 30px;
  text-decoration: none;
}
#navbuttons ul li.selected {
  background-color: #000053;
}
#navbuttons ul li.selected a {
  color: #ffffff;
}
@media (max-width: 940px) {
  #navbuttons ul li a {
    padding: 5px 10px 0 10px;
  }
}
#navbuttons li.last {
  border-right: 1px solid #0000b9;
}
#navbuttons li.buy {
  font-weight: bold;
}
#navbuttons ul li {
  color: #ffffff;
  font-size: 14px;
}
#navbuttons ul li:hover {
  color: #ffffff;
}
#navbuttons li.orange {
  float: right;
}
/* user menu on top */
#user_menu {
  color: #ffffff;
  padding-top: 20px;
  float: right;
  text-align: right;
  font-size: 14px;
}
#user_menu a {
  color: #ffffff;
  text-decoration: none;
  font-size: 14px;
}
#user_menu a:hover {
  color: #e5e5e5;
  text-decoration: underline;
}
/* top-menu */
#menu-container {
  margin-bottom: 25px;
}
#menu-container.noitems {
  margin-bottom: 35px;
}
#menu-container .menu_extra,
form.menu_extra {
  float: right;
  display: block;
  height: 30px;
  line-height: 29px;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 10px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  background-color: #FFFFFF;
  border: 1px solid #0e0e62;
  border-top: none;
  list-style-type: none;
}
#menu-container .menu_extra a {
  text-decoration: none;
  font-size: 14px;
  line-height: 29px;
  color: #0e0e62;
}
#menu {
  /*margin: auto;*/
  /* override bootstrap */
}
#menu li {
  float: left;
  list-style-type: none;
}
#menu li a {
  /* styling of outside box */
  display: block;
  height: 30px;
  line-height: 29px;
  background-color: #FFFFFF;
  padding-left: 25px;
  padding-right: 25px;
  margin-right: 10px;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
  border: 1px solid #0e0e62;
  border-top: none;
  /* text styling */
  font-size: 14px;
  color: #0e0e62;
  text-decoration: none;
}
#menu li a:hover {
  color: #FFFFFF;
  background-color: #003e73;
}
#login-menu {
  position: relative;
  float: right;
}
#login-menu li {
  list-style-type: none;
}
#login-menu li a {
  display: block;
  height: 30px;
  line-height: 29px;
  padding-left: 25px;
  padding-right: 25px;
  background-color: #003e73;
  border: 1px solid #0e0e62;
  border-top: none;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 14px;
  width: 100px;
  -webkit-transition: background-color 0.3s ease-out;
  -moz-transition: background-color 0.3s ease-out;
  -o-transition: background-color 0.3s ease-out;
  transition: background-color 0.3s ease-out;
}
#login-menu li a:hover {
  color: #0e0e62;
  background-color: #FFFFFF;
}
#login-menu #profile.closed a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#menu-container .row {
  height: 31px;
  overflow: visible;
}
#login-menu aside {
  left: auto;
  right: auto;
  top: 31px;
  position: absolute;
  z-index: 10;
  display: none;
  overflow: visible;
}
#login-menu aside ul {
  margin-left: auto;
}
#login-menu aside #logout a {
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
#user_menu a.user_menu_logout {
  font-size: 10px;
  text-transform: uppercase;
  vertical-align: 2px;
  border-width: 1px;
  border-style: solid;
  padding: 2px 4px;
  opacity: .75;
}
#user_menu a.user_menu_logout:hover {
  text-decoration: none;
  opacity: 1;
}
/* footer */
.spacer {
  border-top: 4px solid #003e73;
  border-bottom: 1px solid #000086;
  padding-left: 0px;
}
#footer {
  margin-top: 60px;
}
#footer #about {
  margin-top: 40px;
  margin-bottom: 40px;
}
#footer #links {
  /*padding-top: 35px;*/
  text-align: right;
  position: relative;
  min-height: 55px;
}
#footer #links a {
  text-decoration: none;
  color: #002240;
  font-size: 14px;
}
#footer #links a:hover {
  color: #001425;
  text-decoration: underline;
}
.dot {
  color: #003e73;
  margin-left: 5px;
  margin-right: 5px;
}
#poweredby {
  text-align: right;
}
.manage-content-link {
  color: #333;
  font-size: 12px;
  margin-right: 10px;
}
/* content */
#featured-big {
  background-color: #FFFFFF;
  border: 1px solid #1f1f46;
  -moz-box-shadow: 0px 0px 10px #999;
  -webkit-box-shadow: 0px 0px 10px #999;
  box-shadow: 0px 0px 10px #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 30px;
}
#featured-big .left-border {
  border-left: 1px solid black;
}
#featured-big .image {
  padding: 10px 10px 5px 10px;
  width: 100%;
}
#featured-description {
  padding: 25px 25px 0 0;
}
#featured-description h2 {
  font-style: normal;
}
#featured-description p {
  /*padding-bottom: 20px;*/
}
#featured-description ul {
  list-style-type: none;
}
#featured-description li {
  font-size: 16px;
  line-height: 29px;
}
#featured-description h2 a {
  text-decoration: none;
}
/* fan style featured */
#fan ul {
  margin-left: auto;
  -webkit-border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  border-radius: 0 4px 4px 0;
  background-color: #000086;
  color: #ffffff;
}
#fan .screenshot {
  height: 348px;
  float: right;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
#fan li {
  overflow: hidden;
  white-space: nowrap;
}
#fan li a {
  height: 20px;
  color: white;
  border: 1px solid grey;
  border-left: none;
  line-height: 24px;
  font-size: 14px;
  font-weight: bold;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#fan li:last-child a {
  height: 30px;
}
#fan li:last-child a:hover {
  height: 29px;
  margin-bottom: 1px;
}
#fan .span4w {
  width: 320px;
}
#fan li a:hover,
#fan li a.selected {
  color: black;
  background-color: #d0d0cd;
  background-image: linear-gradient(top, #d1d1cd 35%, #97989d 79%);
  background-image: -o-linear-gradient(top, #d1d1cd 35%, #97989d 79%);
  background-image: -moz-linear-gradient(top, #d1d1cd 35%, #97989d 79%);
  background-image: -webkit-linear-gradient(top, #d1d1cd 35%, #97989d 79%);
  background-image: -ms-linear-gradient(top, #d1d1cd 35%, #97989d 79%);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.35, #d1d1cd), color-stop(0.79, #97989d));
}
#fan .nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-radius: 0 3px 0 0;
  -moz-border-radius: 0 3px 0 0;
  border-radius: 0 3px 0 0;
  border-top: none;
}
#fan .nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-radius: 0 0 3px 0;
  -moz-border-radius: 0 0 3px 0;
  border-radius: 0 0 3px 0;
  border-bottom: none;
}
#fan .screenshot-div {
  position: relative;
}
#fan .meta_banner {
  background: #000000 transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: rgba(0, 0, 0, 0.6);
  /* modern browsers */
  /* For IE 5.5 - 7*/
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  left: 0px;
  bottom: 0px;
  color: white;
  width: 100%;
  line-height: 30px;
  margin-top: -4px;
  z-index: 10;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-left-radius: 3px;
}
#fan .meta_banner .inner {
  padding: 10px 10px 10px 20px;
}
#fan .meta_banner h4 {
  line-height: 32px;
  color: white;
  font-style: normal;
  font-size: 20px;
}
#fan .meta_banner a,
#fan .meta_banner a:visited {
  color: white;
  text-decoration: none;
}
.meta_banner a:hover {
  text-decoration: underline;
}
#fan .widthw {
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
}
#fan .slide {
  height: 175px;
  vertical-align: top;
}
#fan {
  margin-left: 20px;
}
@media (max-width: 979px) {
  #fan .span4w {
    width: 248px;
  }
  #fan .screenshot {
    height: 268px;
  }
  #fan li a {
    height: 17px;
    line-height: 17px;
    font-size: 12px;
  }
  #fan li:last-child a {
    height: 15px;
    line-height: 14px;
  }
  #fan li:last-child a:hover {
    height: 14px;
    margin-bottom: 1px;
  }
  #fan .meta_banner {
    line-height: 20px;
  }
  #fan .meta_banner h4 {
    line-height: 20px;
    font-size: 16px;
  }
}
@media (min-width: 980px) {
  #fan .span4w {
    width: 320px;
  }
  #fan .screenshot {
    height: 349px;
  }
  #fan li a {
    height: 21px;
    line-height: 21px;
    font-size: 14px;
  }
  #fan li:last-child a {
    height: 25px;
    line-height: 25px;
  }
  #fan li:last-child a:hover {
    height: 24px;
    margin-bottom: 1px;
  }
  #fan .meta_banner {
    line-height: 30px;
  }
  #fan .meta_banner h4 {
    line-height: 32px;
    font-size: 20px;
  }
  #fan .slide {
    height: 228px;
  }
}
@media (min-width: 1200px) {
  #fan .evt_top_featured {
    width: 620px;
    padding-left: 90px;
  }
}
/* front page */
.news h3 {
  text-align: center;
  padding-bottom: 35px;
}
.news img {
  float: left;
  padding-right: 10px;
}
.news a.title {
  padding-bottom: 20px;
  text-decoration: none;
}
.news .title {
  color: #002240;
  line-height: 24px;
  padding-bottom: 25px;
}
.news .author {
  display: block;
}
.news p {
  display: block;
  clear: both;
}
.readmore {
  display: block;
  margin-bottom: 10px;
  font-size: 12px;
  margin-top: 15px;
}
.last-added {
  padding-bottom: 20px;
}
/* listing */
.list-description {
  border: 1px solid #1f1f46;
  background-color: #FFFFFF;
  display: block;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 36px;
  margin-top: 1px;
  margin-left: 1px;
}
.list-description .top-thumb {
  /*border-bottom: 1px solid #776E5C;*/
  width: 100%;
}
.list-description .description {
  padding: 10px;
}
.list-description ul,
.list-description ul {
  list-style-type: none;
}
.list-four img {
  width: 100%;
  padding: 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.list-four h2 {
  padding-top: 60px;
}
.list-four h2:first-child {
  padding-top: 15px;
}
.list-description h3 {
  font-size: 15px;
  line-height: 21px;
  font-style: none;
  padding-bottom: 5px;
}
/* video banner */
.videobanner hgroup {
  margin: 2.5em 0;
  text-align: center;
}
.videobanner hgroup h1 {
  margin: 0;
  font-size: 28px;
}
.videobanner hgroup .subhead {
  margin: 0;
  font-weight: 300;
  font-size: 18px;
  line-height: 27px;
}
.videobanner h2 {
  color: #6c8092;
}
/* commercial event */
#cevent_top {
  margin-bottom: 50px;
  padding-bottom: 50px;
  background-image: -moz-linear-gradient(top, rgba(229, 229, 229, 0), #dddcd8);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(229, 229, 229, 0)), to(#dddcd8));
  background-image: -webkit-linear-gradient(top, rgba(229, 229, 229, 0), #dddcd8);
  background-image: -o-linear-gradient(top, rgba(229, 229, 229, 0), #dddcd8);
  background-image: linear-gradient(to bottom, rgba(229, 229, 229, 0), #dddcd8);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00e5e5e5', endColorstr='#ffdddcd8', GradientType=0);
  border-bottom: 1px solid #0e0e62;
}
h1.cevent {
  text-align: center;
  font-size: 30px;
  margin-bottom: 20px;
}
h3.cevent {
  font-size: 28px;
  margin-bottom: 50px;
  color: #1f1f46;
  /* @text_contrast ; */
}
h3.title {
  margin-bottom: 30px;
  font-size: 22px;
}
.cevent div.last-added {
  width: 200px;
  float: left;
}
/*.cevent div:nth-child(odd) {*/
.odd {
  clear: left;
}
.cevent div.featured-lectures {
  display: block;
  padding-bottom: 30px;
}
.cevent div.featured-lectures.last {
  margin-right: 0px;
}
/*.cevent div.featured-lectures:nth-of-type(odd) {clear: left;}*/
.featured-lectures .evt_top_featured {
  margin: 0;
}
.featured-lectures .evt_top_featured img {
  margin-right: 0;
}
.cevent div.featured-lectures a {
  text-decoration: none;
}
.cevent-author img {
  float: right;
}
.cevent div.featured-lectures a:hover {
  text-decoration: underline;
}
.cevent div.featured-lectures span {
  color: #1f1f46;
}
.cevent div.featured-lectures span.language {
  color: #fff;
}
.cevent-about {
  padding-bottom: 100px;
  text-align: justify;
}
.cevent-about p {
  /*padding-bottom: 20px;*/
  font-size: 16px;
}
.cevent h4 {
  font-style: normal;
  padding-top: 15px;
  font-size: 20px;
  line-height: 28px;
}
.cevent h4.author {
  display: block;
  font-size: 18px;
  font-weight: bold;
  font-style: normal;
}
.talks h4 {
  padding-top: 0;
}
.featured-lectures img {
  /*-webkit-box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.1);
-moz-box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.1);
box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.1);
padding: 0 !important;
margin-right: 20px;
*/
}
.featured-lectures a:hover img {
  /*-webkit-box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.3);
-moz-box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.3);
box-shadow: 0px 0px 5px 3px rgba(00, 00, 00, 0.3);
*/
}
.speakers .cevent-author h4 {
  font-size: 21px;
}
.author,
.date-published,
.duration {
  font-size: 14px;
}
.date-published,
.duration {
  white-space: nowrap;
}
#nav_evt_buttons {
  padding-bottom: 40px;
  /*display: table;*/
  display: none;
}
#nav_evt_buttons span a {
  width: 230px;
  font-size: 17px;
}
#drilldown_loc {
  opacity: 0.3;
}
#drilldown_loc:hover {
  opacity: 1;
}
#login_form_table {
  margin-top: 20px;
}
.site_accounts form label {
  width: 220px;
  text-align: left;
}
/* generic listings */
/* first we set border shadow on our outer container */
.evt_top_featured .thumb_container {
  display: block;
  line-height: 0px;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.evt_top_featured a.thumb_container:hover {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}
.widthss,
.widthslide {
  width: 50%;
  vertical-align: top;
}
.widthw492 {
  width: 100%;
}
.evt_top_featured .thumb_container,
.evt_top_featured .thumb_container img {
  height: 169px;
  /* height: 124px */
  background-color: black;
  text-align: center;
}
.evt_top_featured.restricted .thumb_container,
.evt_top_featured.restricted .thumb_container img {
  height: 340px;
}
.span4-5 {
  width: 340px;
}
@media (max-width: 979px) {
  .span4-5 {
    width: 259px;
  }
  .evt_top_featured .thumb_container,
  .evt_top_featured .thumb_container img {
    height: 130px;
    /*height: 95px;*/
  }
  .evt_top_featured.restricted .thumb_container,
  .evt_top_featured.restricted .thumb_container img {
    height: 260px;
  }
}
@media (min-width: 980px) {
  .evt_top_featured .thumb_container,
  .evt_top_featured .thumb_container img {
    height: 170px;
    /*height: 125px;*/
  }
  .evt_top_featured.restricted .thumb_container,
  .evt_top_featured.restricted .thumb_container img {
    height: 340px;
  }
}
@media (min-width: 1200px) {
  .span4-5 {
    width: 420px;
  }
  .evt_top_featured .thumb_container,
  .evt_top_featured .thumb_container img {
    height: 210px;
    /*height: 155px;*/
  }
  .evt_top_featured.restricted .thumb_container,
  .evt_top_featured.restricted .thumb_container img {
    height: 420px;
  }
}
/* featured listing */
#cevent_top .evt_top_featured {
  position: relative;
  margin-bottom: 20px;
}
#cevent_top .btn {
  display: block;
  margin-top: -50px;
}
#cevent_top a.awesome {
  display: block;
}
/* old style button */
#cevent_top .meta_banner {
  background: #000000 transparent;
  /* Fallback for web browsers that doesn't support RGBa */
  background-color: rgba(0, 0, 0, 0.6);
  /* modern browsers */
  /* For IE 5.5 - 7 OMFG, really? */
  /* For IE 8*/
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
  position: absolute;
  left: 0px;
  bottom: 0px;
  color: white;
  width: 100%;
  -webkit-border-bottom-right-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-bottomright: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
img.widthss,
img.widthss246 {
  -webkit-border-top-left-radius: 3px;
  -webkit-border-bottom-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-bottomleft: 3px;
  border-top-left-radius: 3px;
  border-bottom-left-radius: 3px;
}
img.widthslide,
img.widthslide246 {
  -webkit-border-top-right-radius: 3px;
  -webkit-border-bottom-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  -moz-border-radius-bottomright: 3px;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
img.widthw,
img.widthw492 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
#cevent_top .meta_banner .inner {
  padding: 10px 10px 10px 20px;
}
#cevent_top .meta_banner h4 {
  line-height: 26px;
  color: white;
  font-style: normal;
  font-size: 20px;
}
#cevent_top .meta_banner a,
#cevent_top .meta_banner a:visited {
  color: white;
  text-decoration: none;
}
.meta_banner a:hover {
  text-decoration: underline;
}
#cevent_top .evt_top_featured .thumb_container,
#cevent_top .evt_top_featured .thumb_container img,
#restricted .evt_top_featured .thumb_container,
#restricted .evt_top_featured .thumb_container img {
  height: 230px;
}
.thumb_container {
  position: relative;
}
.access_sticker {
  display: block;
  position: absolute;
  color: white;
  font-weight: bold;
  color: white !important;
}
.cevent div.featured-lectures .thumb_container .access_sticker {
  left: 0px;
  bottom: 0px;
  padding: 14px 10px 14px 12px;
}
#cevent_top .evt_top_featured .thumb_container .access_sticker {
  left: 0;
  top: 0;
  font-size: 14px;
  padding: 14px 12px 16px 12px;
}
.access_sticker.private {
  background: #a82424;
  /* fallback IE8 */
  background: rgba(168, 36, 36, 0.9);
}
.access_sticker.open {
  background: #8cbe37;
  /* fallback IE8 */
  background: rgba(140, 190, 55, 0.9);
}
.access_sticker.pass {
  background: #3737a1;
  /* fallback IE8 */
  background: rgba(160, 160, 55, 0.9);
}
.access_sticker.reg,
.access_sticker.pay,
.access_sticker.coupon,
.access_sticker.fac {
  background: #be8c37;
  /* fallback IE8 */
  background: rgba(190, 140, 55, 0.9);
}
.access_sticker.edit,
.access_sticker.staff {
  background: #646464;
  /* fallback IE8 */
  background: rgba(100, 100, 100, 0.9);
}
.access_sticker-corner {
  display: block;
  height: 0;
  width: 0;
  border: 28px solid transparent;
  position: absolute;
  top: 0;
  right: 0;
  border-bottom-color: transparent !important;
  border-left-color: transparent !important;
  color: white;
  line-height: 30px;
  z-index: 100;
  -webkit-transition: 0.15s all ease-in-out;
  -moz-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}
.access_sticker-corner .sprite {
  position: absolute;
  width: 20px;
  height: 20px;
  display: block;
  top: -23px;
  right: -23px;
  background-image: url('/site/generate/chrome/sprite_0e0e62.png');
}
.access_sticker-corner.private {
  border-color: #a82424;
  /* fallback IE8 */
  border-color: rgba(168, 36, 36, 0.9);
}
.access_sticker-corner.private .sprite {
  background-position: 70px -1670px;
}
.access_sticker-corner.open {
  border-color: #8cbe37;
  /* fallback IE8 */
  border-color: rgba(140, 190, 55, 0.9);
}
.access_sticker-corner.open .sprite {
  background-position: 70px -1690px;
}
.access_sticker-corner.pass {
  border-color: #a0a037;
  /* fallback IE8 */
  border-color: rgba(160, 160, 55, 0.9);
}
.access_sticker-corner.pass .sprite {
  background-position: 70px -1710px;
}
.access_sticker-corner.reg,
.access_sticker-corner.pay,
.access_sticker-corner.coupon,
.access_sticker-corner.fac {
  border-color: #be8c37;
  /* fallback IE8 */
  border-color: rgba(190, 140, 55, 0.9);
}
.access_sticker-corner.reg .sprite,
.access_sticker-corner.pay .sprite,
.access_sticker-corner.coupon .sprite,
.access_sticker-corner.fac .sprite {
  background-position: 70px -1730px;
}
.access_sticker-corner.edit,
.access_sticker-corner.staff {
  border-color: #646464;
  /* fallback IE8 */
  border-color: rgba(100, 100, 100, 0.9);
}
.access_sticker-corner.edit .sprite,
.access_sticker-corner.staff .sprite {
  background-position: 70px -1750px;
}
img.widthslide246 {
  width: 310px;
}
/* fallback IE8 */
@media (max-width: 979px) {
  #cevent_top .evt_top_featured .thumb_container,
  #cevent_top .evt_top_featured .thumb_container img,
  #restricted .evt_top_featured .thumb_container,
  #restricted .evt_top_featured .thumb_container img {
    height: 176px;
  }
  img.widthslide246 {
    width: 238px;
  }
}
@media (min-width: 980px) {
  #cevent_top .evt_top_featured .thumb_container,
  #cevent_top .evt_top_featured .thumb_container img,
  #restricted .evt_top_featured .thumb_container,
  #restricted .evt_top_featured .thumb_container img {
    height: 230px;
  }
  img.widthslide246 {
    width: 310px;
  }
}
@media (min-width: 1200px) {
  #cevent_top .evt_top_featured .thumb_container,
  #cevent_top .evt_top_featured .thumb_container img,
  #restricted .evt_top_featured .thumb_container,
  #restricted .evt_top_featured .thumb_container img {
    height: 285px;
  }
  img.widthslide246 {
    width: 385px;
  }
}
.flex-thumb {
  position: relative;
  margin-bottom: 2.5em;
}
.flex-thumb-link {
  display: block;
  position: relative;
}
.flex-thumb-link h4 {
  padding-top: 5px;
  font-size: 16px;
  line-height: 24px;
}
a.flex-thumb-link:hover h4 {
  text-decoration: underline;
}
.flex-thumb-container {
  position: relative;
  display: block;
  overflow: hidden;
  background: #000;
  height: 0;
  padding-top: 35.5%;
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
  -webkit-transition: 0.15s all ease-in-out;
  -moz-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
}
a.flex-thumb-link:hover .flex-thumb-container {
  -webkit-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
  box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.3);
}
.flex-thumb-container img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto 0;
  display: block;
  width: 50%;
}
.flex-thumb-container img.widthw {
  width: 100%;
}
.flex-thumb-container img.widthss,
.flex-thumb-container img.widthw,
.flex-thumb-container img.widthslide246,
.flex-thumb-container img.widthw,
.flex-thumb-container img.widthw492 {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
.flex-thumb-container img.slide {
  right: 0;
}
.flex-thumb-container.narrow {
  padding-top: 73%;
}
.flex-thumb-link .access_sticker-corner:before,
.flex-thumb-link .access_sticker-corner:after {
  -webkit-transition: 0.15s all ease-in-out;
  -moz-transition: 0.15s all ease-in-out;
  transition: 0.15s all ease-in-out;
  opacity: 0;
  top: -28px;
  display: block;
  position: absolute;
  visibility: hidden\9;
  /* IE 8 HACK */
}
.flex-thumb-link .access_sticker-corner:before {
  content: attr(title);
  background: #000;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  height: 26px;
  line-height: 26px;
  white-space: nowrap;
  padding: 0 0 0 10px;
  right: 48px;
}
.flex-thumb-link .access_sticker-corner:after {
  content: "";
  height: 0;
  width: 0;
  border: 13px solid transparent;
  border-bottom-color: #000;
  border-left-color: #000;
  border-bottom-color: rgba(0, 0, 0, 0.6);
  border-left-color: rgba(0, 0, 0, 0.6);
  right: 22px;
}
.flex-thumb-link:hover .access_sticker-corner:before {
  opacity: 1;
  visibility: visible;
  right: 28px;
}
.flex-thumb-link:hover .access_sticker-corner:after {
  opacity: 1;
  visibility: visible;
  right: 2px;
}
@media (min-width: 980px) {
  .flex-thumb-link h4 {
    position: absolute;
    bottom: 0;
    padding: 3px 2.5%;
    width: 95%;
    color: white;
    background: #002240;
    background: rgba(0, 0, 0, 0.5);
    -webkit-transition: 0.15s all ease-in-out;
    -moz-transition: 0.15s all ease-in-out;
    transition: 0.15s all ease-in-out;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  }
  a.flex-thumb-link:hover h4 {
    background: rgba(0, 0, 0, 0.6);
  }
}
.evt_top1 .evt_btn_top > a {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}
.evt_btn_top {
  margin-top: 20px;
  width: 100%;
}
.evt_top2 img {
  float: right;
}
#nav_evt_buttons span {
  display: table-cell !important;
  text-align: center !important;
}
.midbtn {
  margin: 0 auto;
}
.testimonial strong {
  font-size: 16px;
  line-height: 26px;
  display: block;
  margin-bottom: 10px;
  text-align: justify;
}
.testimonial em {
  display: block;
  text-align: right;
  margin-bottom: 15px;
}
.cevent-author {
  display: block;
  float: left;
  padding-bottom: 50px;
  clear: both;
}
.cevent-author h4 {
  font-size: 24px;
  font-style: normal;
  font-weight: bold;
  padding-bottom: 10px;
}
#evt_featured_speakers {
  display: table;
  padding-bottom: 50px;
}
.evt_featured_speakers_container {
  display: table-cell;
  text-align: center;
}
/* lecture */
.tabbutton {
  background-color: transparent;
  height: 33px;
  min-width: 10em;
  float: left;
  margin-right: 1em;
  padding: 5px 6px 0px 6px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #ccc;
  border: 1px solid #1f1f46;
}
ul.meta {
  margin-bottom: 15px;
}
ul.meta li {
  display: inline;
  color: ;
}
#player-container {
  text-align: center;
  -moz-box-shadow: 0px 0px 10px #999;
  -webkit-box-shadow: 0px 0px 10px #999;
  box-shadow: 0px 0px 10px #999;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  margin-bottom: 20px;
  padding: 10px;
  background-color: #000000;
  border: 1px solid #1f1f46;
}
#player-container.span12 {
  width: 918px;
  /* 940 - 2*10px of padding - 2*1px of border */
}
@media (min-width: 1200px) {
  #player-container.span12 {
    width: 1148px;
  }
}
@media (max-width: 979px) {
  #player-container.span12 {
    width: 704px;
  }
}
#player-container #current_slide {
  /* the following two lines are a clearfix hack: http://www.quirksmode.org/css/clearing.html */
  overflow: hidden;
  position: relative;
  min-width: 150px;
  height: 360px;
  float: right;
}
#player-container #current_slide > img {
  position: absolute;
  top: 0;
  left: 0;
}
/*#player-container #current_slide>img.current{}*/
#player-container img {
  /*width: 100%;*/
}
#take_screenshot {
  color: #FFFFFF;
}
#video_player {
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
}
#video_player_embed,
#video_player_embed video {
  height: 300px;
}
@media (min-width: 980px) {
  #video_player_embed,
  #video_player_embed video {
    height: 370px;
  }
}
@media (min-width: 1200px) {
  #video_player_embed,
  #video_player_embed video {
    height: 445px;
  }
}
#video_player_embed #video_error {
  color: white;
}
#video_player_embed #video_error a {
  color: #ccf;
}
#video_player_embed object {
  outline: 0;
}
#details {
  padding-top: 20px;
  margin-bottom: 60px;
}
#details h3.title {
  padding-top: 30px;
  font-size: 22px;
}
#buttons {
  display: table;
}
#buttons > a {
  color: #1f1f46;
  background-color: transparent;
  height: 33px;
  min-width: 10em;
  float: left;
  margin-right: 1em;
  padding: 5px 6px 0px 6px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #ccc;
  border: 1px solid #1f1f46;
}
#buttons.single > a {
  height: 25px;
  width: auto;
  float: none;
  margin-right: 0;
  padding: 0 0 0 5px;
  text-align: inherit;
  box-shadow: none;
  border: none;
}
#buttons a.selected,
#buttons a:hover {
  color: #0e0e62;
  background-color: #FFFFFF;
  border-color: #0e0e62;
}
#buttons.single > a,
#buttons.single a.selected,
#buttons.single a:hover {
  border: none;
  cursor: default;
  background-color: transparent;
  text-decoration: none;
  font-weight: bold;
  padding-left: 5px;
}
#buttons a.staff {
  background-color: #e8ffe8;
}
#buttons a.staff.selected,
#buttons a.staff:hover {
  background-color: #d0ffd0;
}
#buttons > a {
  display: none;
}
#buttons > a:last-child {
  margin-right: 0px;
}
.partlist_wrapper {
  /*display: table; No! brakes thumb widths! */
  margin: 0 auto;
}
.partlist_wrapper h3 {
  text-align: center;
  margin-bottom: 10px;
}
.partlist_thumb {
  float: left;
  padding: 5px;
  border-radius: 5px;
}
#details .partlist_thumb a {
  text-decoration: none;
}
#details .partlist_thumb .nowplaying {
  display: none;
}
#details .partlist_thumb.current {
  background-color: #e9f2fa;
}
#details .partlist_thumb.current .nowplaying {
  display: block;
  text-align: center;
  font-style: italic;
}
.slide-list li {
  list-style-type: none;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
}
.slide-list li:nth-child(odd) {
  background-color: #F2F2F2;
}
#downloads li {
  list-style-type: none;
}
#downloads li a {
  text-decoration: none;
  font-family: Helvetica, Arial, sans-serif;
  line-height: 24px;
  font-size: 14px;
  color: black;
}
#downloads li a:hover {
  text-decoration: underline;
  color: #002240;
}
.lecture h3 {
  text-align: center;
}
.comments label {
  text-align: right;
  display: block;
  width: 100px;
  float: left;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 14px;
  padding-right: 10px;
}
.comments input {
  height: 19px;
  line-height: 15px;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  padding-left: 5px;
}
.comments textarea {
  width: 300px;
  height: 200px;
  vertical-align: top;
}
.related img {
  float: left;
  padding: 10px;
}
.related .title {
  padding-top: 5px;
  display: block;
}
.related a {
  text-decoration: none;
}
.sync_list {
  /*height: 340px;*/
  /*width: 25em;*/
  float: left;
  display: block;
  padding-right: 2em;
  list-style-type: none;
  border-spacing: 0 2px 0 2px;
  /*		-moz-column-width: 20em;
		-moz-column-gap: 2em;
		-webkit-column-width: 20em;
		-webkit-column-gap: 2em;
		column-width: 20em;
		column-gap: 2em;
*/
}
.sync_list a {
  color: #333;
}
.sync_list a:hover {
  color: #222;
}
.sync_list td {
  padding: 2px;
  padding-left: 2.5em;
  text-indent: -2.2em;
  border-radius: 2px;
  min-width: 25em;
  max-width: 40em;
  vertical-align: top;
}
.sync_list tr.even {
  background-color: white;
}
.sync_list tr.odd {
  background-color: #e8e8e8;
  background-color: rgba(0, 0, 0, 0.033);
}
.sync_list td:hover {
  /* hovering */
  background-color: rgba(0, 0, 0, 0.075);
}
.sync_list a:hover {
  /* hovering */
  text-decoration: underline;
}
.sync_list .current,
.sync_list .current:hover {
  background-color: #003059;
  -webkit-transition: all 1s ease-in-out;
  -moz-transition: all 1s ease-in-out;
  -o-transition: all 1s ease-in-out;
  -ms-transition: all 1s ease-in-out;
}
.sync_list .current a {
  color: white;
  text-decoration: none;
}
#details h2 {
  padding-bottom: 20px;
}
#details #syncs {
  /*height: 350px;*/
  /*width: 100%;*/
  overflow: auto;
  overflow-y: hidden;
  padding-bottom: 10px;
  -webkit-overflow-scrolling: touch;
}
#details #syncs h3 {
  text-align: center;
  width: 100%;
}
#details #lec_desc_edit,
#details #lec_desc_authors {
  /*
		height: 310px;
		overflow-x: auto;
    overflow-y: visible;
		column-width: 30em;
*/
  /*
    column-count: 2;
		-moz-column-width: 30em;
		-moz-column-gap: 2em;
		-webkit-column-width: 30em;
		-webkit-column-gap: 2em;
		column-gap: 2em;
    padding:10px;
	}
  #details #lec_desc_edit p,
  #details #lec_desc_authors p{
    orphans: 3;
    widows: 3;
*/
  width: 50em;
}
#details #author_info {
  column-break-before: auto;
  column-break-after: avoid;
  column-break-inside: avoid;
  -webkit-column-break-inside: avoid;
  margin-bottom: 0.5em;
  margin-top: 1em;
}
#details #author_desc,
#details #author_desc p:first-child {
  column-break-before: avoid;
  column-break-after: auto;
  margin-bottom: 1em;
}
#details #summary-slide-list #syncs {
  overflow: hidden;
}
/* staff */
#staff,
.staff {
  font-size: 10pt;
  font-family: times;
  background: #e8ffe8;
  margin: 0;
  padding: 3px 5px 3px 5px;
}
div.staff,
div#staff {
  border: #c0ffc0 1px solid;
}
#staff table {
  /*border-spacing: 0px;*/
  /*background-color: #FFFFFF;*/
}
#lecture_explorer {
  /*background-color: #FFFFFF;*/
}
/* embed/share */
textarea.embed {
  width: 500px;
  height: 40px;
}
/* nojs */
#nojs-description {
  display: none;
}
ul.nojs-slides li {
  display: inline;
  list-style-type: none;
  padding-right: 10px;
}
/* share buttongs on public lectures */
#share {
  float: right;
}
#share a.selected,
#share a:hover {
  background-color: transparent;
}
/* hooks from VLN features */
.thumb_title img {
  padding-right: 4px;
}
/* sprites */
.sprite {
  padding-left: 0px !important;
  border: none;
  display: inline-block;
  background-image: url('/site/generate/chrome/sprite_0e0e62.png?b=f39c74d281');
}
.contrast {
  background-image: url('/site/generate/chrome/sprite_0e0e62.png?b=f39c74d281');
}
.white {
  background-image: url('/site/generate/chrome/sprite_ffffff.png?b=f39c74d281');
}
#cevent_top .author .sprite,
#fan .author .sprite {
  background-position: -150px -35px;
  width: 25px;
  height: 20px;
}
.author .sprite {
  background-position: -10px -233px;
  width: 20px;
  height: 20px;
}
#cevent_top .date-published .sprite,
#fan .date-published .sprite {
  background-position: -150px -66px;
  width: 25px;
  height: 20px;
}
.date-published {
  margin-left: 10px;
}
.date-published .sprite {
  background-position: -10px -66px;
  width: 20px;
  height: 20px;
}
.license {
  margin-left: 10px;
}
.license .sprite {
  background-position: -10px -206px;
  width: 20px;
  height: 20px;
}
#cevent_top .duration .sprite,
#fan .duration .sprite {
  background-position: -150px -96px;
  width: 20px;
  height: 20px;
}
.duration {
  margin-left: 10px;
}
.duration .sprite {
  background-position: -10px -96px;
  width: 20px;
  height: 20px;
}
.category .sprite {
  background-position: -10px -206px;
  width: 25px;
  height: 20px;
}
.oleft {
  background-position: -80px -690px;
  width: 45px;
  height: 20px;
}
.oright {
  background-position: -80px -710px;
  width: 45px;
  height: 20px;
  margin-left: 15px!important;
}
#searchbtn {
  background-position: -150px -7px;
  background-color: transparent;
  width: 20px;
  height: 25px !important;
}
#profile .sprite {
  background-position: -150px -1478px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  float: right;
}
#profile:hover .sprite {
  background-position: -80px -1478px;
  background-color: transparent;
  width: 20px;
  height: 20px;
  float: right;
}
#summarybtn .sprite {
  background-position: -10px -439px;
  width: 30px;
  height: 25px;
}
#summarybtn.selected .sprite,
#summarybtn:hover .sprite {
  background-position: -80px -439px;
}
#abstractbtn .sprite {
  background-position: -10px -479px;
  width: 30px;
  height: 25px;
}
#abstractbtn.selected .sprite,
#abstractbtn:hover .sprite {
  background-position: -80px -479px;
}
#authorsbtn .sprite {
  background-position: -10px -32px;
  width: 30px;
  height: 25px;
}
#authorsbtn.selected .sprite,
#authorsbtn:hover .sprite {
  background-position: -80px -32px;
}
#videopartsbtn .sprite {
  background-position: -10px -516px;
  width: 30px;
  height: 25px;
}
#videopartsbtn.selected .sprite,
#videopartsbtn:hover .sprite {
  background-position: -80px -516px;
}
#slidesbtn .sprite {
  background-position: -10px -549px;
  width: 30px;
  height: 25px;
}
#slidesbtn.selected .sprite,
#slidesbtn:hover .sprite {
  background-position: -80px -549px;
}
#downloadsbtn .sprite {
  background-position: -10px -589px;
  width: 35px;
  height: 25px;
}
#downloadsbtn.selected .sprite,
#downloadsbtn:hover .sprite {
  background-position: -80px -589px;
}
#embedbtn .sprite {
  background-position: -10px -621px;
  width: 30px;
  height: 25px;
}
#embedbtn.selected .sprite,
#embedbtn:hover .sprite {
  background-position: -80px -621px;
}
#metabtn .sprite {
  background-position: -10px -439px;
  width: 30px;
  height: 25px;
}
#metabtn.selected .sprite,
#metabtn:hover .sprite {
  background-position: -80px -439px;
}
#uploadbtn .sprite {
  background-position: -10px -439px;
  width: 30px;
  height: 25px;
}
#uploadbtn.selected .sprite,
#uploadbtn:hover .sprite {
  background-position: -80px -439px;
}
#screenshotbtn .sprite {
  background-position: -10px -439px;
  width: 30px;
  height: 25px;
}
#screenshotbtn.selected .sprite,
#screenshotbtn:hover .sprite {
  background-position: -80px -439px;
}
#statsbtn .sprite {
  background-position: -10px -1859px;
  width: 30px;
  height: 25px;
}
#statsbtn.selected .sprite,
#statsbtn:hover .sprite {
  background-position: -80px -1859px;
}
.twitter .sprite {
  background-position: -10px -938px;
  width: 40px;
  height: 40px;
}
.twitter:hover .sprite {
  background-position: -80px -938px;
  width: 40px;
  height: 40px;
}
.facebook .sprite {
  background-position: -10px -1138px;
  width: 40px;
  height: 40px;
}
.facebook:hover .sprite {
  background-position: -80px -1138px;
  width: 40px;
  height: 40px;
}
.stumbleupon .sprite {
  background-position: -10px -1188px;
  width: 40px;
  height: 40px;
}
.stumbleupon:hover .sprite {
  background-position: -80px -1188px;
  width: 40px;
  height: 40px;
}
.google .sprite {
  background-position: -10px -1338px;
  width: 40px;
  height: 40px;
}
.google:hover .sprite {
  background-position: -80px -1338px;
  width: 40px;
  height: 40px;
}
.linkedin .sprite {
  background-position: -10px -1508px;
  width: 40px;
  height: 40px;
}
.linkedin:hover .sprite {
  background-position: -80px -1508px;
  width: 40px;
  height: 40px;
}
.email .sprite {
  background-position: -10px -1558px;
  width: 40px;
  height: 40px;
}
.email:hover .sprite {
  background-position: -80px -1558px;
  width: 40px;
  height: 40px;
}
#authorsbtn .sprite,
#summarybtn .sprite,
#abstractbtn .sprite,
#slidesbtn .sprite,
#downloadsbtn .sprite,
#embedbtn .sprite,
#metabtn .sprite,
#uploadbtn .sprite,
#screenshotbtn .sprite,
#sharebtn .sprite,
#videopartsbtn .sprite,
#statsbtn .sprite {
  vertical-align: -4px;
}
.slidesdl .sprite {
  background-position: -10px -359px;
  width: 35px;
  height: 25px;
}
.videodl .sprite {
  background-position: -10px -399px;
  width: 35px;
  height: 25px;
}
/* forms */
form label {
  width: 105px;
  text-align: right;
  padding-right: 10px;
  display: inline-block;
}
/* disable our forms hack for janitor */
.fluid-container form label {
  width: auto;
  text-align: left;
  padding: auto;
  display: block;
}
label[for=id_email] {
  width: 110px;
  font-weight: bold;
}
form label.wide {
  width: 130px;
}
.login-button {
  padding: 5px 15px 5px 15px;
  float: right;
}
/* drilldown-browsing */
form#browse_form label {
  text-align: left;
  display: inline;
  padding-right: 0;
}
form#browse_form input[type='checkbox'] {
  margin-right: 3px;
}
form#browse_form select {
  width: 80px;
}
form#browse_form .dd_cnt {
  text-align: right;
}
/* add lecture form */
#id_desc {
  vertical-align: text-top;
}
/* login */
#login_form_table label {
  width: 120px;
}
/*5.8.2 Button color code (replaces Awsome buttons)*/
.cta-button {
  display: block;
  margin: 1px auto;
  padding: 8px 2.5% 8px 2.5%;
  width: 95%;
  /* change if needed */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000086;
  color: #e5e5ff;
  border: 1px solid #000064;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 185, 0.5)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
}
.cta-button:hover {
  color: #ffffff;
  border-color: #050530;
  border-bottom-color: #020218;
  text-decoration: none;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 236, 0.75)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: 0 1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.cta-button:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 134, 0)), to(rgba(0, 0, 236, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -o-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
}
.cta-button.cta-facebook {
  color: white;
  background-color: #3B5999;
  border-color: #3B5999;
}
.facebook-icon {
  background-image: url('https://static.viidea.com/r.f39c74d281//chrome/img/static-sprite.png');
  background-repeat: no-repeat;
  display: inline-block;
  vertical-align: top;
  background-position: -90px 3px;
  width: 32px;
  height: 32px;
}
.facebook-icon.small {
  width: 16px;
  height: 16px;
  background-position: -125px -16px;
}
.cta-button.inline {
  display: inline;
  font-size: inherit;
  font-weight: normal;
  padding: 5px 5px 5px 10px;
  white-space: nowrap;
}
.cta-button.inline.goto {
  font-size: 15px;
}
.cta-button.inline.goto .sprite {
  display: inline-block;
  height: 20px;
  width: 10px;
  vertical-align: middle;
  background-position: 65px -1771px;
}
.showmore .cta-button.inline {
  margin-left: 2em;
}
.cta-button.big {
  height: 58px;
  font-size: 30px;
  line-height: 58px;
  width: 84%;
}
/* share css */
#player_share {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  border-bottom-right-radius: 0px;
  background-color: #FFFFFF;
  border: 1px solid #0e0e62;
}
.video_player_share {
  padding: 10px;
}
.video_player_share input:focus,
.video_player_share textarea:focus {
  border-color: #000086;
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
}
.video_player_share .text .right {
  margin-bottom: -6px;
  font-size: 11px;
}
.video_player_share .ta {
  margin-left: 0px;
}
.video_player_share textarea {
  width: 100%;
  min-height: 4.4em;
  margin-bottom: 0px;
  resize: none;
}
.video_player_share .url {
  position: relative;
  left: 10px;
}
.video_player_share .url span {
  margin-left: 0px;
}
.video_player_share .url label {
  display: inline-block;
  line-height: 18px;
}
.video_player_share .url input[name=time] {
  float: right;
}
.video_player_share .url input[name=time].disabled {
  background-color: #999999;
}
.video_player_share .url input[name=time] input[name=url] {
  margin-bottom: 0px;
}
.video_player_share .share {
  position: relative;
  left: 5px;
  margin-right: -20px;
}
.video_player_share .share div {
  margin-bottom: 5px;
}
.video_player_share .share span.sprite {
  padding-right: 0px;
}
@media (min-width: 1200px) {
  .video_player_share .share {
    left: 10px;
  }
  .video_player_share .share span.sprite {
    padding-right: 5px;
  }
}
.video_player_share .close {
  float: right;
  position: relative;
  right: 35px;
  top: -5px;
  height: 0;
  width: 23px;
  padding-top: 23px;
  background: url('https://static.viidea.com/r.f39c74d281//chrome/img/static-sprite.png') no-repeat -3px -1px;
  overflow: hidden;
  opacity: .7;
}
.video_player_share .close:hover {
  opacity: 1;
}
.sharebtn-float {
  float: right;
  position: relative;
  bottom: -40px;
  margin-top: -40px;
}
.sharebtn-float #sharebtn {
  background-color: transparent;
  height: 33px;
  min-width: 10em;
  float: left;
  margin-right: 1em;
  padding: 5px 6px 0px 6px;
  text-align: center;
  text-decoration: none;
  border-radius: 3px;
  box-shadow: 0px 0px 5px #ccc;
  border: 1px solid #1f1f46;
  background: #000086 url('https://static.viidea.com/r.f39c74d281//chrome/img/static-sprite.png') no-repeat left bottom;
  color: #fff;
  margin-right: -1px;
  box-shadow: 0px 0px 0px;
  right: 0px;
  position: relative;
  -webkit-transition: background-color 0.5s ease-in-out;
  -moz-transition: background-color 0.5s ease-in-out;
  -ms-transition: background-color 0.5s ease-in-out;
  -o-transition: background-color 0.5s ease-in-out;
  transition: background-color 0.5s ease-in-out;
}
.sharebtn-float #sharebtn.expanded {
  border-top-width: 0px;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  background-color: #0000b9;
}
.sharebtn-float #sharebtn.expanded:before,
.sharebtn-float #sharebtn.expanded:after {
  content: "";
  width: 0;
  height: 0;
  display: block;
  border: 8px solid transparent;
  border-bottom-color: #0e0e62;
  position: absolute;
  top: -17px;
  left: 50%;
  margin-left: -8px;
}
.sharebtn-float #sharebtn.expanded:after {
  border-bottom-color: #0000b9;
  top: -16px;
}
.sharebtn-float #sharebtn .sprite {
  background: url('https://static.viidea.com/r.f39c74d281//chrome/img/static-sprite.png') no-repeat -60px 0;
  width: 30px;
  height: 25px;
}
.sharebtn-float #sharebtn .time {
  opacity: 1;
  -webkit-transition: opacity 0.5s ease-in-out;
  -moz-transition: opacity 0.5s ease-in-out;
  -ms-transition: opacity 0.5s ease-in-out;
  -o-transition: opacity 0.5s ease-in-out;
  transition: opacity 0.5s ease-in-out;
}
.sharebtn-float #sharebtn .time.fadeout {
  opacity: 0;
}
/* Event block */
.event-block {
  margin-bottom: 2.5em;
}
.event-block > hr.last {
  height: 2px;
  border: none;
  color: #0e0e62;
  background-color: #0e0e62;
}
.event-block .title {
  font-size: 2em;
  font-weight: bold;
}
.event-block .showmore {
  display: block;
  text-align: right;
  font-size: 15px;
  line-height: 3em;
}
.event-block .featured-lectures h4 {
  font-size: 1.2em;
  margin-top: .5em;
}
.event-block.event_single h2.title {
  margin-bottom: 1em;
}
.event-block.event_single h3.title {
  font-size: 21px;
  margin-bottom: 15px;
}
.event-block.event_single .listing_text {
  margin-bottom: 1.5em;
}
.more-lectures span.sprite {
  vertical-align: middle;
  width: 10px;
  height: 20px;
  background-position: -15px -1771px;
}
/* Event listing */
dl.event-meta {
  overflow: hidden;
  margin-top: 0;
  clear: both;
}
dl.event-meta dt {
  float: left;
  clear: left;
  color: #888;
  font-weight: normal;
  width: 30%;
  padding-right: 5%;
  margin: 0;
  text-align: right;
}
dl.event-meta dd {
  float: left;
  width: 65%;
  margin: 0;
}
dl.event-meta:not(:first-child) {
  margin-top: 1.25em;
  border-top: 1px solid #ccc;
  padding-top: 1.25em;
}
/* Popup sign-in */
.campaign-restricted-popup {
  -webkit-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
  border: 1px solid #999999;
  border-radius: 4px;
}
.campaign-restricted-popup h3 {
  color: black;
}
.campaign-header {
  border-radius: 4px;
  padding: 10px;
  padding-bottom: 6px;
  text-align: center;
  background-color: #e5e5e5;
}
.campaign-header h1 {
  font-size: 22px;
}
.campaign-footer {
  padding-top: 4em;
  clear: both;
  color: #6c8092;
}
.campaign-content {
  padding: 15px;
  text-align: center;
}
.campaign-content h2 {
  color: #6c8092;
  margin: 15px;
  font-weight: 300;
  font-size: 22px;
  line-height: 27px;
}
.campaign-content p.description {
  padding: 15px 50px 4em 50px;
  font-size: 14px;
}
.campaign-content p.firsttime {
  margin-top: -5px;
  font-weight: bold;
}
.campaign-content form label {
  display: block;
  width: 100%;
  text-align: center;
  font-size: 14px;
}
.campaign-content form input[type=text] {
  font-size: 18px;
  padding: 7px;
}
.campaign-content form input#id_email,
.campaign-content form input#id_coupon {
  text-align: center;
  padding: 7px;
  font-size: 18px;
  width: 466px;
}
.campaign-content form input[type=submit] {
  text-align: center;
  float: none;
}
.campaign-content .register-additional {
  width: 482px;
  margin: 0 auto;
}
.campaign-content .register-additional label {
  margin: 0px 0px 0px 2px;
  padding: 0px;
  text-align: left;
}
.campaign-content .register-additional label[for=id_tos],
.campaign-content .register-additional label[for=id_mailoptin] {
  margin-left: 20px;
}
.campaign-content .register-additional .half {
  width: 228px;
  float: left;
}
.campaign-content .register-additional.optin {
  margin-top: 5px;
  margin-bottom: 5px;
}
.campaign-content input[type=reset],
.campaign-content input[type=submit] {
  display: block;
  margin: 1px auto;
  padding: 8px 2.5% 8px 2.5%;
  width: 95%;
  /* change if needed */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000086;
  color: #e5e5ff;
  border: 1px solid #000064;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 185, 0.5)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  width: 105px;
  font-size: 16px;
  line-height: 32px;
}
.campaign-content input[type=reset]:hover,
.campaign-content input[type=submit]:hover {
  color: #ffffff;
  border-color: #050530;
  border-bottom-color: #020218;
  text-decoration: none;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 236, 0.75)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: 0 1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.campaign-content input[type=reset]:active,
.campaign-content input[type=submit]:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 134, 0)), to(rgba(0, 0, 236, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -o-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
}
.campaign-content input[type=reset].cta-facebook,
.campaign-content input[type=submit].cta-facebook {
  color: white;
  background-color: #3B5999;
  border-color: #3B5999;
}
.campaign-content input[type=reset] {
  background-color: #E0E0E0;
  color: black;
  border: 1px solid #999999;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e0e0e0), to(#b9b9b9));
  background-image: -webkit-linear-gradient(top, #e0e0e0, #b9b9b9);
  background-image: -moz-linear-gradient(top, #e0e0e0, #b9b9b9);
  background-image: -o-linear-gradient(top, #e0e0e0, #b9b9b9);
  background-image: -ms-linear-gradient(top, #e0e0e0, #b9b9b9);
  background-image: linear-gradient(top, #e0e0e0, #b9b9b9);
}
.campaign-content .register-buttons {
  float: right;
  text-align: left;
}
.campaign-content .register-status {
  text-align: left;
}
.campaign-content a.popup-close {
  width: 200px;
}
.evt_top_featured.restricted {
  position: relative;
}
.evt_top_featured.restricted .overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 100;
}
.evt_top_featured.restricted .overlay .overlay-content {
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.7);
  position: absolute;
  width: auto;
  top: 0px;
  right: 0px;
  left: 0px;
  bottom: 0;
  color: white;
}
.evt_top_featured.restricted .overlay .overlay-content h1,
.evt_top_featured.restricted .overlay .overlay-content h2,
.evt_top_featured.restricted .overlay .overlay-content h3 {
  color: white;
}
.evt_top_featured.restricted .overlay .overlay-content h3 {
  margin-top: 5%;
  font-weight: normal;
}
.evt_top_featured.restricted .overlay .overlay-content .buttons {
  padding-top: sem;
  width: 50%;
  min-width: 600px;
  margin: 0 auto;
}
.evt_top_featured.restricted .overlay .overlay-content .buttons .grey {
  background-color: #E0E0E0;
  color: black;
  border: 1px solid #999999;
}
@media (max-width: 979px) {
  .evt_top_featured.restricted .overlay .overlay-content .buttons {
    padding-top: 2.5em;
  }
}
@media (min-width: 980px) {
  .evt_top_featured.restricted .overlay .overlay-content .buttons {
    padding-top: 6em;
  }
}
@media (min-width: 1200px) {
  .evt_top_featured.restricted .overlay .overlay-content .buttons {
    padding-top: 9.5em;
  }
}
.evt_top_featured.restricted .overlay .overlay-content .buttons .detail {
  font-size: 13px;
  font-weight: bold;
  line-height: 30px;
}
.evt_top_featured.restricted .overlay .overlay-content .buttons .detail a {
  color: white;
  text-decoration: underline;
}
.evt_top_featured.restricted .overlay .overlay-content form label {
  color: white;
  font-size: 16px;
  font-weight: bold;
  display: block;
  float: none;
  width: auto;
  text-align: center;
}
.evt_top_featured.restricted .overlay .overlay-content form input {
  font-size: 18px;
  padding: 7px;
  text-align: center;
}
.evt_top_featured.restricted .overlay .overlay-content form input[type=text] {
  width: 466px;
}
.evt_top_featured.restricted .overlay .overlay-content form input[type=submit] {
  display: block;
  margin: 1px auto;
  padding: 8px 2.5% 8px 2.5%;
  width: 95%;
  /* change if needed */
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  font-size: 20px;
  line-height: normal;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #000086;
  color: #e5e5ff;
  border: 1px solid #000064;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 185, 0.5)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 185, 0.5), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.01) inset;
  height: 36px;
  width: 105px;
  font-size: 16px;
  line-height: 30px;
  margin-top: 0px;
}
.evt_top_featured.restricted .overlay .overlay-content form input[type=submit]:hover {
  color: #ffffff;
  border-color: #050530;
  border-bottom-color: #020218;
  text-decoration: none;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 236, 0.75)), to(rgba(0, 0, 134, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -o-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  background-image: linear-gradient(top, rgba(0, 0, 236, 0.75), rgba(0, 0, 134, 0));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67), 0 1px 0 rgba(255, 255, 255, 0.1) inset;
  text-shadow: 0 1px 0 #000000;
  text-shadow: 0 -1px 0 #000000;
}
.evt_top_featured.restricted .overlay .overlay-content form input[type=submit]:active {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(rgba(0, 0, 134, 0)), to(rgba(0, 0, 236, 0.75)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -moz-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -o-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: -ms-linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  background-image: linear-gradient(top, rgba(0, 0, 134, 0), rgba(0, 0, 236, 0.75));
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.67) inset;
}
.evt_top_featured.restricted .overlay .overlay-content form input[type=submit].cta-facebook {
  color: white;
  background-color: #3B5999;
  border-color: #3B5999;
}
.evt_top_featured.restricted.postroll .thumb_container {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  display: block;
}
.evt_top_featured.restricted.postroll .postroll-link {
  font-size: 14px;
}
.evt_top_featured.restricted.postroll .postroll-link img {
  width: 155px !important;
  position: relative;
}
.evt_top_featured.restricted.postroll .postroll-link .action-overlay {
  content: " ";
  display: none;
  background: rgba(14, 14, 98, 0.75) url('https://static.viidea.com/r.f39c74d281//chrome/img/postroll-sprite.png') no-repeat 50% 36px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}
.evt_top_featured.restricted.postroll .postroll-link h3 {
  margin: 0 0 .5em 0;
  min-height: 54px;
  font-weight: bold;
}
.evt_top_featured.restricted.postroll .postroll-link .postroll-views {
  margin-top: 1em;
  color: #aaa;
}
.evt_top_featured.restricted.postroll .postroll-link .media_img {
  position: relative;
}
.evt_top_featured.restricted.postroll .postroll-link .duration {
  position: absolute;
  padding: .25em .5em;
  background: #000;
  background: rgba(0, 0, 0, 0.7);
  bottom: 0;
  right: 0;
  font-size: 12px;
}
.evt_top_featured.restricted.postroll .postroll-link:hover h3 {
  text-decoration: underline;
}
.evt_top_featured.restricted.postroll .postroll-link:hover .action-overlay {
  display: block;
}
.evt_top_featured.restricted.postroll .overlay-content .span6 .section {
  padding: 8em 2em 1em 2em;
}
@media (max-width: 979px) {
  .evt_top_featured.restricted.postroll .overlay-content .span6 .section {
    padding-top: 1em;
  }
}
@media (min-width: 980px) {
  .evt_top_featured.restricted.postroll .overlay-content .span6 .section {
    padding-top: 8em;
  }
}
@media (min-width: 1200px) {
  .evt_top_featured.restricted.postroll .overlay-content .span6 .section {
    padding-top: 11em;
  }
}
.evt_top_featured.restricted.postroll .overlay-content .span6 .section h2 {
  margin-bottom: 1em;
  font-weight: bold;
  color: #aaa;
}
.evt_top_featured.restricted.postroll .overlay-content .span6 .section a {
  text-decoration: none;
  color: white;
}
.evt_top_featured.restricted.postroll .overlay-content .span6.r {
  margin-left: -2px;
}
.evt_top_featured.restricted.postroll .overlay-content .span6.r .section {
  padding-left: 2.5em;
}
.evt_top_featured.restricted.postroll .overlay-content .span6.r .action-overlay {
  background-position: 50% -48px;
}
.evt_top_featured.restricted.postroll .overlay-content .postroll-share-text {
  text-align: center;
  color: #aaa;
  background: url('https://static.viidea.com/r.f39c74d281//chrome/img/postroll-sprite.png') no-repeat right bottom;
  height: 80px;
}
@media (max-width: 979px) {
  .evt_top_featured.restricted.postroll .overlay-content .postroll-share-text {
    margin-top: 1em;
  }
}
@media (min-width: 980px) {
  .evt_top_featured.restricted.postroll .overlay-content .postroll-share-text {
    margin-top: 2em;
  }
}
@media (min-width: 1200px) {
  .evt_top_featured.restricted.postroll .overlay-content .postroll-share-text {
    margin-top: 6em;
    height: 70px;
  }
}
/* peter: fix search-results thumbs */
.lec_hint_thumb img {
  max-width: none;
}
.lec_hint_thumb small {
  font-size: smaller;
  top: -24px;
}
#error_report thead {
  color: #666;
  font-weight: bold;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-size: 12px;
}
#error_report tbody {
  color: #C00;
}
.system-message {
  color: #666;
  padding-top: 50px;
  padding-bottom: 50px;
}
.system-message hr {
  border-top-color: #CCC;
  margin: 14px 0;
}
.system-message p,
.system-message h1 {
  color: #888;
}
#vl_event_thumb {
  margin-bottom: -30px;
}
#evt-nav-box {
  border: 1px solid #0e0e62;
  border-radius: 3px;
  overflow: hidden;
}
#evt-nav-box a {
  display: block;
  position: relative;
  text-decoration: none;
}
#evt-nav-box img {
  display: block;
  width: 100%;
  margin: 0;
  box-shadow: #000 0em 0em 0em;
}
#evt-nav-box p {
  margin: 0;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.evt-nav-series-next .next-title,
.evt-nav-series-index .next-title {
  font-size: 10px;
  text-transform: uppercase;
  font-weight: bolder;
  color: #888;
}
.evt-nav-series-next:hover .title,
.evt-nav-series-index:hover .title {
  text-decoration: underline;
}
.evt-nav-series-next {
  padding: .25em 2.5em .5em .5em;
  background: #fff;
}
.evt-nav-series-next span.sprite {
  display: block;
  position: absolute;
  right: 5px;
  top: 15px;
  height: 17px;
  width: 22px;
  background: url('https://static.viidea.com/r.f39c74d281//chrome/img/viidea-sprite-2.png') no-repeat 0 -31px !important;
  opacity: .5;
}
.evt-nav-series-next:hover span.sprite {
  opacity: 1;
}
.evt-nav-series-index {
  position: relative;
}
.evt-nav-series-index .next-title {
  position: absolute;
  z-index: 10;
  padding: 0 .7em;
  top: 0;
  color: white;
  text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
}
.evt-nav-series-index img {
  opacity: .8;
}
.evt-nav-series-index:hover img {
  opacity: 1;
}
.evt-nav-series-index .title {
  font-weight: bold;
  padding: 1.5em .5em .75em;
  background: #000086;
  color: #ffffff;
  border-bottom: 1px solid #ddd;
}
/*
#evt-nav-box{
  a{
    margin:0;
    img {
	  border-radius: 4px 4px;
    }
  }
}
#evt-nav-box.evt-nav-no-thumb{
  width:100%;
  max-width:100%;
}
#evt-nav-box.evt-nav-thumb{
  float:right;
  display:inline-block;
  max-width:100%;
  img {
    border-radius: 4px 4px;
  }
}
#evt-nav-box.evt-nav-thumb.evt-nav-series{
  img {
	border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
  }
}

#evt-nav-series-next {
	border: 2px solid #bbb;
	border-top: none;
	border-radius: 4px 4px;
	padding:3px;
	margin-top:-4px;
	background-color:#f8f8f8;
    text-align: right;

	width: auto !important; //override the width below
	width:100%;
	max-width:100%;
	overflow:clip;
	height:auto;

	a{
		display:block;
	    line-height:26px;
        overflow: hidden;
	    text-overflow: ellipsis;

		white-space: nowrap;
		width: auto !important; //override the width below
	    width:100%;
		max-width:100%;

		span.next{
		  color:#888;
		}
		span.sprite{
			float:right;
			display:block;
			width:30px;
			height:20px;
			padding-top:0px;
			padding-left:10px;
			margin-left:20px;
			border: none;
			vertical-align:top;
			background-image: url('https://static.viidea.com/r.f39c74d281//chrome/img/viidea-sprite-2.png');
			background-position: 0 -25px;
		}
	}
}

#evt-nav-box.evt-nav-thumb #evt-nav-series-next{
	border-top: none;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
}

*/
#drilldown_loc {
  margin-top: -15px;
  margin-bottom: 15px;
  line-height: 18px;
}
#drilldown_loc a:hover {
  text-decoration: underline;
}
#drilldown_loc_home {
  display: inline-block;
  height: 18px;
  width: 18px;
  vertical-align: top;
  background-image: url('https://static.viidea.com/r.f39c74d281//chrome/img/viidea-sprite-2.png');
  background-position: -28px -4px;
}
span.drilldown_spacer {
  display: inline-block;
  height: 18px;
  width: 24px;
  vertical-align: top;
  background-image: url('https://static.viidea.com/r.f39c74d281//chrome/img/viidea-sprite-2.png');
  background-position: 0px -6px;
}
.browser-upgrade {
  width: 560px;
}
.browser-upgrade p {
  margin-top: 1.5em;
  font-size: 14px;
}
.browser-list {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 30px 0 0 0;
  padding: 0;
}
.browser-list li {
  display: block;
  float: left;
  width: 25%;
}
.browser-list a {
  display: block;
  text-align: center;
  font-weight: bold;
  color: #888;
  text-decoration: none;
}
.browser-list img {
  display: block;
  margin: 0 auto;
}
.browser-list span {
  display: block;
  padding-top: 5px;
  visibility: hidden;
  font-weight: normal;
}
.browser-list a:hover {
  color: #222;
}
.browser-list a:hover span {
  visibility: visible;
  color: #888;
}
#current_quiz {
  overflow-y: auto;
}
#current_quiz h2 {
  font-weight: 300;
  line-height: 1.3;
  margin-bottom: .8em;
}
#current_quiz .cta-button {
  width: 8em;
  margin: 1em 10% 0 auto;
  font-size: 16px;
  padding-top: 0;
  height: 34px;
  line-height: 34px;
}
@media (max-width: 979px) {
  #current_quiz h2 {
    font-size: 18px;
  }
  #current_quiz .cta-button {
    margin-right: 2em;
    font-size: 14px;
    height: 30px;
    line-height: 30px;
  }
}
ul.prettybox {
  list-style-type: none;
  padding: 0px;
  margin: 0px;
}
ul.prettybox > li {
  background-repeat: no-repeat;
  background-position: 0 -3px;
  padding: 7px 10px 5px 0px;
  cursor: pointer;
}
ul.prettybox > li.off {
  background-image: url(https://static.viidea.com/r.f39c74d281//static/assessments/img/prettybox/off.png);
  padding-left: 35px;
}
ul.prettybox > li.on {
  background-image: url(https://static.viidea.com/r.f39c74d281//static/assessments/img/prettybox/on.png);
  padding-left: 35px;
}
#quiz-notice {
  font-size: 22px;
  padding: 15px;
  text-align: center;
}
@media (min-width: 980px) {
  ul.prettybox {
    font-size: 15px;
    font-weight: 300;
    color: #777;
    padding: 0 8%;
  }
  ul.prettybox > li {
    margin-bottom: .25em;
    line-height: 1.4;
  }
  ul.prettybox > li:hover {
    color: #333;
  }
}
@media (min-width: 1200px) {
  ul.prettybox {
    padding: 0 12.5%;
    font-size: 16px;
  }
  ul.prettybox > li {
    margin-bottom: .75em;
  }
  #current_quiz h2 {
    margin-bottom: 1em;
  }
  #current_quiz .cta-button {
    margin-right: 15%;
    margin-top: 2em;
  }
}
/* LANGUAGE SELECT
   Felix, 31. 3. 2014
*/
#user_menu .langselect .dropdown-toggle .sprite {
  height: 16px;
  width: 16px;
  position: relative;
  top: 2px;
  background-position: -150px -1820px;
  opacity: .8;
}
#user_menu .dropdown {
  display: inline-block;
}
#user_menu .dropdown .dropdown-menu {
  text-align: left;
}
#user_menu .dropdown .dropdown-menu a {
  color: #1f1f46;
}
#user_menu .dropdown .dropdown-menu a:hover {
  color: #fff;
  text-decoration: none;
}
#user_menu .dropdown a .drop-icon {
  opacity: .5;
}
.dropdown-menu li > a:hover,
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
  background-color: #002240;
}
/* Thumbnail language info
   Felix, 31. 3. 2014
*/
.meta_banner .language {
  color: #fff;
  background-color: #3d3d66;
  padding: 4px 5px;
  font-size: 11px;
  text-transform: uppercase;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
  position: relative;
  top: -2px;
  margin-right: .5em;
}
.meta_banner .language .sprite {
  width: 15px;
  height: 14px;
  background-position: -150px -1840px;
  position: relative;
  top: 3px;
  margin-right: 3px;
}
/* search result highlighting - Peter, 30. 4. 2014 */
ul.search-highlights {
  display: inline-block;
  font-size: 11px;
}
ul.search-highlights > li {
  display: inline;
}
ul.search-highlights > li > em {
  font-weight: bold;
  font-style: normal;
}
/* Call to action box - Felix, 9. 7. 2014 */
.calltoaction-container {
  background: white;
  padding: 1.5em 20px 2em;
  margin-top: 1.33em;
  border: 1px solid #0e0e62;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-box-shadow: 0px 0px 5px #ccc;
  -webkit-box-shadow: 0px 0px 5px #ccc;
  box-shadow: 0px 0px 5px #ccc;
}
.calltoaction h3 {
  font-size: 24px;
}
.calltoaction .cta-button {
  font-size: 16px;
}
.calltoaction-text {
  margin: 1.5em 0;
  min-height: 15em;
}
.calltoaction-text img {
  max-width: 100%;
}
/* Media object - Felix, 26. 5. 2014 */
.media,
.media .media_img {
  *zoom: 1;
}
.media:before,
.media .media_img:before,
.media:after,
.media .media_img:after {
  content: " ";
  display: table;
}
.media:after,
.media .media_img:after {
  clear: both;
}
.media {
  margin: 1em 0;
}
.media .media_img {
  float: left;
  margin-right: 1.5em;
}
.media .media_img img {
  display: block;
}
/* Analytics tab in smileplayer */
.smileplayer-plot-videolist.nav.nav-pills li a {
  padding: 5px;
}
.smileplayer-plot-videolist.nav.nav-pills li.active a {
  background-color: #003059;
}