body {
  font-family: 'Open Sans', Arial, sans-serif;
  margin: 0;
  padding: 0;
  background-color: #ddd;
  font-size: 14px;
  color: #222; }

a {
  color: #0d5cab;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

#header, #header_below, #main, #footer {
  margin: 0;
  width: 100%; }

#footer {
  text-align: center; }
  #footer a.lobby {
    font-size: 120%;
    padding: 30px; }

#player {
  background-color: #000;
  padding: 0 0 5px 0;
  margin: 0px; }
  #player h1 {
    text-align: center; }
  #player iframe, #player #staticph {
    margin: 0px auto;
    width: 304px;
    height: 171px;
    border: none; }
  #player iframe {
    display: block; }
  #player #staticph img {
    width: 100%;
    height: 100%;
    display: block; }
  #player .ended {
    color: white;
    padding: 20px;
    text-align: center; }

#lobby, #archive {
  background-color: #ddd;
  padding: 20px;
  margin: 0px;
  color: #888;
  text-align: center; }
  #lobby #betweenMessage h1, #archive #betweenMessage h1 {
    font-size: 120%; }
  #lobby .room, #lobby .webcast, #archive .room, #archive .webcast {
    margin: 15px;
    background-color: #222;
    border-radius: 10px;
    padding-bottom: 5px; }
    #lobby .room .status, #lobby .webcast .status, #archive .room .status, #archive .webcast .status {
      border-top-left-radius: 10px;
      border-top-right-radius: 10px;
      color: #bbb;
      background-color: #444;
      padding: 2px; }
    #lobby .room .next, #lobby .webcast .next, #archive .room .next, #archive .webcast .next {
      font-size: 80%;
      padding-top: 3px; }
    #lobby .room .day-time, #lobby .webcast .day-time, #archive .room .day-time, #archive .webcast .day-time {
      font-size: 140%;
      padding: 8px 5px 5px 5px; }
    #lobby .room.tlduring .status, #lobby .webcast.tlduring .status, #archive .room.tlduring .status, #archive .webcast.tlduring .status {
      color: #1aab4f; }
    #lobby .room .sessions, #lobby .webcast .sessions, #archive .room .sessions, #archive .webcast .sessions {
      padding: 5px;
      color: #555; }
      #lobby .room .sessions .sessionDT, #lobby .webcast .sessions .sessionDT, #archive .room .sessions .sessionDT, #archive .webcast .sessions .sessionDT {
        font-size: 80%;
        font-style: italic;
        margin-top: 5px; }

.clearfix:before, .clearfix:after {
  content: "";
  display: table; }

.clearfix:after {
  clear: both; }

.clearfix {
  *zoom: 1; }

#header, #header_below {
  background-color: #111;
  color: #444; }
  #header .inner, #header_below .inner {
    margin: 0 10px;
    font-weight: 400;
    font-size: 14px;
    padding: 3px 5px;
    text-align: center; }
  #header .lw, #header_below .lw {
    float: left;
    text-align: right;
    font-weight: 800;
    padding-right: 10px;
    display: none; }
  #header .hhelp, #header_below .hhelp {
    float: right;
    padding-left: 10px; }
  #header a, #header_below a {
    color: #6198cf; }
    #header a:hover, #header_below a:hover {
      color: #0d5cab; }

#header {
  display: none; }

#main {
  padding-top: 20px; }

#helplinks {
  width: 300px;
  padding: 0;
  margin-bottom: 30px;
  text-align: center;
  float: none;
  margin-left: auto;
  margin-right: auto; }
  #helplinks table {
    width: 300px; }
    #helplinks table tr td {
      padding: 10px 2px;
      width: 200px; }
      #helplinks table tr td .sm {
        font-size: 10px; }
    #helplinks table tr.helphead td {
      font-size: 22px;
      font-weight: 800;
      color: #444; }
    #helplinks table tr.crweb td {
      font-size: 18px;
      padding-top: 20px;
      padding-bottom: 20px; }
      #helplinks table tr.crweb td .sm {
        font-size: 12px; }
      #helplinks table tr.crweb td .fa {
        color: #444; }
    #helplinks table tr.nativeapps td .sm {
      padding-top: 10px; }
    #helplinks table tr.nativeapps td a {
      color: #585858; }
      #helplinks table tr.nativeapps td a:hover {
        color: #0d5cab; }
    #helplinks table tr.nativeapps td .fa {
      padding-left: 10px;
      padding-right: 10px; }
    #helplinks table tr.itemrow td {
      background-color: #e8e8e8; }
    #helplinks table tr.secthead td {
      padding-top: 20px; }
    #helplinks table tr.secthead:first-child td {
      padding-top: 0px; }

#section2 {
  width: 302px;
  padding: 0;
  float: none;
  margin-left: auto;
  margin-right: auto; }

#promo, #promo img {
  width: 400px;
  height: 150px;
  text-align: center; }

#promo {
  margin: 60px auto 20px auto; }

#logo_client, #promo {
  border: 1px solid #999;
  box-shadow: 2px 2px 2px #aaa; }

#emailquestion {
  width: 300px;
  margin: 0 auto;
  padding: 0px; }
  #emailquestion table {
    width: 300px;
    padding-bottom: 20px; }
    #emailquestion table tr td {
      text-align: center;
      vertical-align: top;
      padding-bottom: 10px; }
      #emailquestion table tr td.qinstr {
        font-style: italic;
        font-weight: 300; }
    #emailquestion table tr.secthead td {
      font-size: 20px;
      font-weight: 300; }
      #emailquestion table tr.secthead td .sm {
        font-size: 14px; }

#schedule {
  margin: 0 auto;
  padding: 0px;
  color: #444; }
  #schedule table {
    width: 300px; }
    #schedule table tr td {
      text-align: center;
      vertical-align: top;
      padding-bottom: 20px; }
      #schedule table tr td .archive {
        display: none; }
    #schedule table tr.secthead td {
      font-size: 20px;
      font-weight: 300; }
    #schedule table tr.itemrow td:first-child div:first-child {
      font-size: 15px;
      font-weight: 400; }
    #schedule table tr.itemrow td:first-child div:last-child {
      font-size: 17px;
      font-weight: 300; }
    #schedule table tr.itemrow td:last-child {
      font-size: 12px;
      font-style: italic;
      padding-top: 2px; }
    #schedule table tr.done td {
      color: #aaa; }
      #schedule table tr.done td .archive {
        display: block; }
  #schedule .schedtitle {
    font-weight: bold;
    font-size: 18px; }
  #schedule .day {
    font-size: 18px;
    margin: 10px 0 5px 0; }
  #schedule .timeslot {
    font-style: italic;
    font-size: 15px;
    margin: 5px 0; }
  #schedule .event {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 14px; }
    #schedule .event .archive {
      display: none;
      float: right;
      margin-left: 10px; }
    #schedule .event.done {
      color: #aaa; }
      #schedule .event.done .archive {
        display: block; }
    #schedule .event .eventdate {
      font-style: italic;
      font-size: 14px; }
    #schedule .event .eventtitle {
      margin-bottom: 5px; }
    #schedule .event .eventsubtitle {
      margin-bottom: 5px; }
    #schedule .event .eventnote {
      font-style: italic; }
    #schedule .event .sessiontime {
      margin-top: 5px;
      font-size: 12px;
      font-style: italic; }
    #schedule .event .sessionname {
      margin-bottom: 8px; }

#speakerdata {
  max-width: 700px;
  margin: 10px auto; }
  #speakerdata .sd_time {
    font-size: 80%;
    margin-top: 35px;
    font-style: italic; }
  #speakerdata .sd_chair {
    margin-bottom: 5px; }
  #speakerdata .sd_chair1 {
    margin-bottom: 0px; }
  #speakerdata .sd_section {
    margin-top: 10px;
    font-weight: bold; }
  #speakerdata .sd_pres {
    font-weight: bold; }
  #speakerdata .sd_spk {
    font-style: italic; }
  #speakerdata .sd_small {
    font-size: 90%; }

#footer {
  padding-bottom: 200px;
  margin-top: 15px; }
  #footer img#logo_client {
    width: 300px;
    height: 200px;
    margin: 40px auto;
    display: block; }

.hide {
  display: none; }

.timeline_place div.showPlace {
  display: block; }

.timeline_place tr.showPlace {
  display: table-row; }

.timeline_during div.showDuring {
  display: block; }

.timeline_during tr.showDuring {
  display: table-row; }

.timeline_during #schedule .schedtitle {
  padding-top: 9px; }

.timeline_between h1.showBetween {
  display: block; }

.timeline_between div.showBetween {
  display: block; }

.timeline_ended h1.showEnded {
  display: block; }

.timeline_ended div.showEnded {
  display: block; }

.timeline_ended div.hideEnded {
  display: none; }

.timeline_ended tr.showEnded {
  display: table-row; }

.timeline_ended #helplinks {
  display: none; }

.timeline_ended #section2 {
  float: none;
  margin-right: auto;
  margin-left: auto; }
  .timeline_ended #section2 #schedule .event.done {
    color: #222; }
    .timeline_ended #section2 #schedule .event.done .archive {
      display: block; }

@media all and (min-width: 700px) {
  #header .lw, #header_below .lw {
    display: block; } }

@media all and (min-width: 600px) and (min-height: 400px) {
  #header {
    display: block; }
  #header_below {
    display: none; } }

@media (max-width: 1100px) {
  #promo, #promo img {
    width: 300px;
    height: 112.5px; } }

@media all and (min-width: 346px) and (min-height: 199px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 336px;
      height: 189px; } }

@media all and (min-width: 378px) and (min-height: 217px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 368px;
      height: 207px; } }

@media all and (min-width: 426px) and (min-height: 244px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 416px;
      height: 234px; } }

@media all and (min-width: 490px) and (min-height: 280px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 480px;
      height: 270px; } }

@media all and (min-width: 586px) and (min-height: 334px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 576px;
      height: 324px; } }

@media all and (min-width: 682px) and (min-height: 388px) {
  #player {
    padding: 0px 0px 10px 0px; }
    #player iframe, #player #staticph {
      width: 672px;
      height: 378px; } }

@media all and (min-width: 800px) and (min-height: 480px) {
  #player {
    padding: 10px; }
    #player iframe, #player #staticph {
      width: 800px;
      height: 450px; } }

@media all and (min-width: 990px) and (min-height: 570px) {
  #player {
    padding: 10px; }
    #player iframe, #player #staticph {
      width: 960px;
      height: 540px; } }

@media all and (min-width: 1150px) and (min-height: 660px) {
  #player {
    padding: 10px; }
    #player iframe, #player #staticph {
      width: 1120px;
      height: 630px; } }

@media all and (min-width: 1330px) and (min-height: 770px) {
  #player {
    padding: 20px; }
    #player iframe, #player #staticph {
      width: 1280px;
      height: 720px; } }

@media all and (min-width: 450px) {
  #helplinks {
    width: 400px; }
    #helplinks table {
      width: 400px; }
  #section2 {
    width: 402px; } }

@media all and (min-width: 700px) {
  #helplinks {
    width: 300px;
    float: left;
    margin-left: 40px;
    margin-right: 5px; }
    #helplinks table {
      width: 300px; }
  #section2 {
    width: 302px;
    float: right;
    margin-right: 40px;
    margin-left: 5px; } }

@media all and (min-width: 750px) {
  #helplinks {
    width: 300px;
    float: left;
    margin-left: 40px;
    margin-right: 5px; }
    #helplinks table {
      width: 300px; }
  #section2 {
    width: 302px;
    float: right;
    margin-right: 40px;
    margin-left: 5px; } }

@media all and (min-width: 800px) {
  #helplinks {
    width: 350px;
    float: left;
    margin-left: 40px;
    margin-right: 5px; }
    #helplinks table {
      width: 350px; }
  #section2 {
    width: 352px;
    float: right;
    margin-right: 40px;
    margin-left: 5px; } }

@media all and (min-width: 850px) {
  #helplinks {
    width: 375px;
    float: left;
    margin-left: 40px;
    margin-right: 5px; }
    #helplinks table {
      width: 375px; }
  #section2 {
    width: 377px;
    float: right;
    margin-right: 40px;
    margin-left: 5px; } }

@media all and (min-width: 900px) {
  #helplinks {
    width: 385px;
    float: left;
    margin-left: 50px;
    margin-right: 10px; }
    #helplinks table {
      width: 385px; }
  #section2 {
    width: 387px;
    float: right;
    margin-right: 50px;
    margin-left: 10px; } }

@media all and (min-width: 950px) {
  #helplinks {
    width: 410px;
    float: left;
    margin-left: 50px;
    margin-right: 10px; }
    #helplinks table {
      width: 410px; }
  #section2 {
    width: 412px;
    float: right;
    margin-right: 50px;
    margin-left: 10px; } }

@media all and (min-width: 1000px) {
  #helplinks {
    width: 425px;
    float: left;
    margin-left: 60px;
    margin-right: 10px; }
    #helplinks table {
      width: 425px; }
  #section2 {
    width: 427px;
    float: right;
    margin-right: 60px;
    margin-left: 10px; } }

@media all and (min-width: 1050px) {
  #helplinks {
    width: 450px;
    float: left;
    margin-left: 60px;
    margin-right: 10px; }
    #helplinks table {
      width: 450px; }
  #section2 {
    width: 452px;
    float: right;
    margin-right: 60px;
    margin-left: 10px; } }

@media all and (min-width: 1100px) {
  #helplinks {
    width: 475px;
    float: left;
    margin-left: 60px;
    margin-right: 10px; }
    #helplinks table {
      width: 475px; }
  #section2 {
    width: 477px;
    float: right;
    margin-right: 60px;
    margin-left: 10px; } }

@media all and (min-width: 1150px) {
  #helplinks {
    width: 490px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 490px; }
  #section2 {
    width: 492px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1200px) {
  #helplinks {
    width: 515px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 515px; }
  #section2 {
    width: 517px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1250px) {
  #helplinks {
    width: 540px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 540px; }
  #section2 {
    width: 542px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1300px) {
  #helplinks {
    width: 565px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 565px; }
  #section2 {
    width: 567px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1350px) {
  #helplinks {
    width: 590px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 590px; }
  #section2 {
    width: 592px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1400px) {
  #helplinks {
    width: 615px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 615px; }
  #section2 {
    width: 617px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1450px) {
  #helplinks {
    width: 640px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 640px; }
  #section2 {
    width: 642px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1500px) {
  #helplinks {
    width: 665px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 665px; }
  #section2 {
    width: 667px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1550px) {
  #helplinks {
    width: 690px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 690px; }
  #section2 {
    width: 692px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1600px) {
  #helplinks {
    width: 715px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 715px; }
  #section2 {
    width: 717px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }

@media all and (min-width: 1650px) {
  #helplinks {
    width: 740px;
    float: left;
    margin-left: 70px;
    margin-right: 10px; }
    #helplinks table {
      width: 740px; }
  #section2 {
    width: 742px;
    float: right;
    margin-right: 70px;
    margin-left: 10px; } }