body{ font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, sans-serif; font-size: 62.5%; line-height: 1.8em; font-size: 12px; }

a{ color: #0087ab; }

.link_button{ text-decoration: none; padding: 5px; background-color: #0087ab; color: #fff; }
.link_button:hover{ background-color: #fff; color: #0087ab; }
.clear{ clear: both; }

#loader{ width: 100%; height: 31px; position: absolute; top: 350px; }
#loader img{ margin: 0 auto; display: block; }
#header, #menu, #content, #logos_livtom{ display: none; }

#header, #menu, #content{ margin-left: 10px; }
#header, #menu{ background: #0087ab; color: #fff; padding-left: 10px; }

h1{ width: 620px; height: 75px; float: left; background: url(../../assets/img/header.jpg) no-repeat; margin-top: 10px; text-indent: -9999px;Ê }

#logos{ width: 95px; height: 75px; text-indent: -9999px; float: left; position: relative; left: 245px; top: 10px; background: url(../../assets/img/logo.jpg) no-repeat; }

#description{ clear: both; width: 800px; line-height: 1.8em; padding: 10px 0px 10px 0px; }

#logos_livtom{ margin-top: 20px; width: 965px; text-align: right; color: #666; font-size: 11px; font-style: italic; }
#logos_livtom img{ vertical-align: top; margin-left: 10px; }

#menu{ clear: both; padding: 10px; height: 25px; margin-bottom: 20px; }
#menu li{ float: left; }
#menu li a{ display: block; font-size: 18px; color: #fff; text-decoration: none; padding: 10px; }
#menu li a:hover, #menu li.active a{ background: #fff; color: #0087ab; }
			
#content{ color: #333333; clear: both; padding-left: 10px; }
#content h2{ font-size: 18px; font-weight: bold; height: 25px; line-height: 25px; margin-bottom: 10px; }

#Contact{ display: none; } 
#Contact #contact_thanks{ display: none; } 
#Contact #sessions_download{ margin-left: 10px; }
#Contact #sessions_download img{ vertical-align: middle; margin-right: 7px; }
#Contact #sessions_download li{ padding-bottom: 5px; }
#Contact .sessions_list{ margin-bottom: 20px; margin-top: 10px; padding-bottom: 10px; width: 720px; height: 150px; border-bottom: 1px dotted #333; background-color: #fff; }
#Contact .sessions_list li{ width: 340px; float: left; margin-bottom: 10px; margin-left: 10px; }
#Contact .sessions_list h3{ padding-left: 30px; font-weight: bold; }
#Contact .sessions_list .sessions_date{ padding-left: 30px; color: #999; }
#Contact .sessions_list input{ float: left; margin-top: 2px; }

#Contact #contact_form{ margin-bottom: 20px; margin-top: 10px; width: 800px; height: 190px; }
#Contact #contact_form li{ width: 340px; float: left; margin-bottom: 15px; margin-left: 10px; }
#Contact #contact_form label{ display: block; width: 80px; float: left; font-weight: bold; }
#Contact #contact_form input{ float: left; }
#Contact #contact_form li.check{ width: 740px;Êfont-style: italic; }
#Contact #contact_form li.check input{ margin-right: 10px; }
#Contact #contact_form #button_Contact{ font-style: italic; }

#About{ display: none; }
#About p{ padding: 10px; }

#Thanks{ display: inherit; }
#Thanks p{ padding-bottom: 10px; width: 740px; }
#Thanks #quotes{ height: 65px; overflow: hidden; width: 740px; font-size: 11px; border-bottom: 1px dotted #333; margin-bottom: 10px; padding-bottom: 10px;  }
#Thanks #quotes div{ top: 0px; left: 0px; width: 740px; height: 65px; }
#Thanks #quotes div span{ font-style: italic; color: #666; }

#Presentations{ display: none; padding-top: 10px; }
#Presentations #slideshare_pres, #Presentations p{ float: left; }
#Presentations #slideshare_pres{ width: 538px; }
#Presentations #slideshare_pres img, #Presentations #slideshare_pres p{ float: left; }
#Presentations #slideshare_pres img{ border: 1px solid #0087ab; margin-right: 10px; }
#Presentations #slideshare_pres h3{ font-weight: bold; }
#Presentations p{ width: 395px; margin-right: 10px; }

#Sessions{ display: none; }
#Sessions .session_subscribe{ display: none; }
#Sessions #sessions_active{ float: left; width: 300px; margin-left: 20px; padding-right: 20px; height: 420px; margin-top: 10px; border-right: 1px dotted #333; }
#Sessions #sessions_active .session_subscribe{ display: inline; }
#Sessions #sessions_active .sessions_date, #Sessions #sessions_active .session_timing{ color: #666; font-size: 11px; }
#Sessions #sessions_active .whoscoming{ color: #666; margin-top: 10px; font-size: 10px; display: none; text-transform: capitalize; } 
#Sessions #sessions_active .whoscoming.active{ display: inherit; } 
#Sessions #sessions_active .whoscoming h5{ font-weight: bold; }
#Sessions #sessions_active h4{ margin-left: 0px; font-size: 18px; margin-bottom: 10px; }
#Sessions .sessions_list{ float: left; margin-bottom: 20px; margin-top: 10px; border-right: 1px dotted #333; width: 330px; }
#Sessions .sessions_list li{ width: 290px; padding: 5px 5px 5px 10px; border-bottom: 1px dotted #333; }
#Sessions .sessions_list li.last{ border-bottom: 0px; background-color: #0087ab; color: #fff; }
#Sessions .sessions_list li.active{ background-color: #0087ab; color: #fff; background-image: url(../../assets/img/arrow.gif); background-position: center left; background-repeat: no-repeat; }
#Sessions .sessions_list h3{ width: 230px; }
#Sessions .sessions_list .sessions_date{ /*padding-left: 10px;*/ color: #666; }
#Sessions .sessions_list li.active .sessions_date{ color: #fff; }
#Sessions .sessions_list .sessions_desc h4{ font-size: 14px; margin-bottom: 10px; }
#Sessions .sessions_list input{ float: right; margin-top: 10px; margin-right: 10px; }
#Sessions .sessions_list .slideshare_icon{ float: right; margin-top: 10px; margin-right: 10px; }
/* #Sessions .sessions_list .sessions_desc{ display: none; } */
#Sessions #sessions_extra{ float: left; width: 275px; margin-left: 20px; margin-top: 10px; }
#Sessions #sessions_extra h3{ font-weight: bold; }
#Sessions #sessions_extra .chat iframe{ width: 245px; padding: 10px; border: 5px solid #0087ab; }
#Sessions #sessions_extra .whoareyou li{ float: left; display: block; width: 70px; height: 70px; }
#Sessions #sessions_extra .whoareyou .who_monkey a,
#Sessions #sessions_extra .whoareyou .who_caveman a,
#Sessions #sessions_extra .whoareyou .who_homospaien a,
#Sessions #sessions_extra .whoareyou .who_20thcenturyman a,
#Sessions #sessions_extra .whoareyou .who_robotsapien a,
#Sessions #sessions_extra .whoareyou .who_20 a{ display: block; text-indent: -9999px; width: 65px; height: 65px; border: 2px solid #fff; text-decoration: none; }

#Sessions #sessions_extra .whoareyou .who_monkey a:hover,
#Sessions #sessions_extra .whoareyou .who_caveman a:hover,
#Sessions #sessions_extra .whoareyou .who_homospaien a:hover,
#Sessions #sessions_extra .whoareyou .who_20thcenturyman a:hover,
#Sessions #sessions_extra .whoareyou .who_robotsapien a:hover,
#Sessions #sessions_extra .whoareyou .who_20 a:hover{ border: 2px solid #0087ab; }

#Sessions #sessions_extra .whoareyou .who_monkey a{ background-image: url(../../assets/img/poll/monkey.jpg); }
#Sessions #sessions_extra .whoareyou .who_caveman a{ background-image: url(../../assets/img/poll/caveman.jpg); }
#Sessions #sessions_extra .whoareyou .who_homospaien a{ background-image: url(../../assets/img/poll/homosapien.jpg); }
#Sessions #sessions_extra .whoareyou .who_20thcenturyman a{ background-image: url(../../assets/img/poll/20thcenturyman.jpg); }
#Sessions #sessions_extra .whoareyou .who_robotsapien a{ background-image: url(../../assets/img/poll/robotsapien.jpg); }
#Sessions #sessions_extra .whoareyou .who_20 a{ background-image: url(../../assets/img/poll/20.jpg); }

#Sessions #sessions_extra .whoareyou .who_monkey a.result,
#Sessions #sessions_extra .whoareyou .who_caveman a.result,
#Sessions #sessions_extra .whoareyou .who_homospaien a.result,
#Sessions #sessions_extra .whoareyou .who_20thcenturyman a.result,
#Sessions #sessions_extra .whoareyou .who_robotsapien a.result,
#Sessions #sessions_extra .whoareyou .who_20 a.result{ font-weight: bold; text-indent: 0px; text-align: center; line-height: 65px; display: block; width: 65px; height: 65px; border: 2px solid #fff; color: #0087ab; }

#Sessions #sessions_extra .whoareyou .who_monkey a.result{ background-image: url(../../assets/img/poll/monkey_o.jpg); }
#Sessions #sessions_extra .whoareyou .who_caveman a.result{ background-image: url(../../assets/img/poll/caveman_o.jpg); }
#Sessions #sessions_extra .whoareyou .who_homospaien a.result{ background-image: url(../../assets/img/poll/homosapien_o.jpg); }
#Sessions #sessions_extra .whoareyou .who_20thcenturyman a.result{ background-image: url(../../assets/img/poll/20thcenturyman_o.jpg); }
#Sessions #sessions_extra .whoareyou .who_robotsapien a.result{ background-image: url(../../assets/img/poll/robotsapien_o.jpg); }
#Sessions #sessions_extra .whoareyou .who_20 a.result{ background-image: url(../../assets/img/poll/20_o.jpg); }

#tooltip { position: absolute; z-index: 3000; border: 1px solid #0087ab; background-color: #fff; padding: 5px; opacity: 0.85; }
#tooltip h3, #tooltip div { margin: 0; }

