* {
/*font-family: Verdana, "Bitstream Vera Sans", Kalimati, sans-serif;*/
font-family: sans-serif;
color: #404040;
text-shadow: 1px 1px #f0f0f0;
margin:0;
padding:0;
text-decoration:none;
font-size: 10pt;
text-align: justify;
line-height: 1.8;
list-style: none;
list-style-type: none;
}

li {
padding-left: 20px;
}

html {
width:100%;
height:100%;
overflow:hidden;
}

body {
background:#fff;
color:#000;
width:100%;
height:100%;
line-height:1.8;
overflow:hidden;
}

p,pre {
margin-bottom:16px;
}

pre {
background:#fff;
white-space:pre-wrap;
padding:10px;
}

pre code {
color:#888;
}

code {
font-family: monospace;
}

h1,h2,h3,h4 {
text-align: left;
font-size: 14pt;
font-weight:bold;
}
h3 {
font-size: 13pt;
}

a {
/*text-decoration:underline;*/
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
/*color: #4040c0;*/
color: #e02020;
}

a:hover {
color: #ff8080;
text-decoration:underline;
}

#div-logo {
position:fixed;
top:0;
left:50%;
display:block;
width: 240px;
margin-left:-120px;  /* width / 2 */
z-index:1000;
}

#div-services {
position:fixed;
top:0;
left:0;
display:block;
z-index:999;
}

#div-research {
position:fixed;
top:0;
right:0;
display:block;
z-index:999;
}

#div-events {
position:fixed;
bottom:0;
left:0;
display:block;
z-index:999;
}

#div-careers {
position:fixed;
bottom:0;
margin-left: -120px; /* sam as div-logo */
left:50%;
display:block;
z-index:999;
}

#div-about {
position:fixed;
bottom:0;
right:0;
display:block;
z-index:999;
}

.nav,.foo {
width:100%;
height:50px;
position:fixed;
z-index:3;
left:0;
background:#fff;
color:#000;
overflow:hidden;
-webkit-transition:all 300ms ease-in-out;
-moz-transition:all 300ms ease-in-out;
-o-transition:all 300ms ease-in-out;
-ms-transition:all 300ms ease-in-out;
transition:all 300ms ease-in-out;
}

.nav a,.foo a {
height:48px;
display:block;
color:#fff;
background:#000;
text-decoration:none;
}

.nav {
top: 0;
box-shadow:0 3px 5px rgba(0,0,0,0.3);
}

.foo {
bottom:0;
box-shadow:0 -3px 5px rgba(0,0,0,0.3);
}

.panel {
/*background:url('../images/logo_bg.png') no-repeat center;*/
position:absolute;
width:100%;
height:100%;
overflow:auto;
}

.inner {
top:60px;
position:absolute;
margin:0 0 0 -384px;
left:50%;
width:768px;
height:100%;
}

.fix-section {
margin-bottom: 100px;
position: relative;
padding-top: 60px;
}

.horizlist,
.horizlist2 {
margin-top:10px;
}

.horizlist > h2,
.horizlist2 > h2 {
font-size:13pt;
text-align:center;
margin:0 auto;
}

.horizlist ul,
.horizlist2 ul {
overflow:hidden;
}

.horizlist li,
.horizlist2 li {
float:left;
width:45%;
height:150px;
font-size:12pt;
padding:10px;
}

.horizlist li {
height:100px;
}

.horizlist2 li {
height:384px;
}

.horizlist h3:before,
.horizlist2 h3:before {
padding-right:8px;
}

.mycopyright {
position:fixed;
left: 50%;
width: 384px;
margin-left: -192px;
bottom:0;
overflow:auto;
text-align:center;
height:20px;
font-family: monospace;
font-size:10pt;
z-index:999;
}

.nav1-menu,
.nav2-menu,
.nav3-menu,
.nav4-menu,
.nav5-menu,
.nav6-menu {
display:none;
color:#c0c0c0;
background:#fff;
-webkit-transition:right 200ms ease-in-out;
-moz-transition:right 200ms ease-in-out;
-o-transition:right 200ms ease-in-out;
-ms-transition:right 200ms ease-in-out;
transition:right 200ms ease-in-out;
position:fixed;
z-index:999;
left: 50%;
width: 384px;
margin-left: -192px;
top:50px;
overflow:auto;
/*padding:6px 0 0 6px;*/
text-align:center;
height:22px;
border: 1px solid;
border-radius: 22px;
}

.nav1-menu ul,
.nav2-menu ul,
.nav3-menu ul,
.nav4-menu ul,
.nav5-menu ul,
.nav6-menu ul {
margin:0;
padding:0;
list-style-type:none;
text-align:center;
}

.nav1-menu ul li,
.nav2-menu ul li,
.nav3-menu ul li,
.nav4-menu ul li,
.nav5-menu ul li,
.nav6-menu ul li {
padding: 0;
list-style-type: none;
display: inline;
background:#fff;
}

.nav1-menu ul li a,
.nav2-menu ul li a,
.nav3-menu ul li a,
.nav4-menu ul li a,
.nav5-menu ul li a,
.nav6-menu ul li a {
color: #000;
text-decoration:none;
padding: 15px 15px 0 0;
/*font-weight:bold;*/
/*font-family: monospace;*/
font-size:8pt;
}

.nav1-menu .active,.nav1-menu a:hover,.nav1-menu a:focus,
.nav2-menu .active,.nav2-menu a:hover,.nav2-menu a:focus,
.nav3-menu .active,.nav3-menu a:hover,.nav3-menu a:focus,
.nav4-menu .active,.nav4-menu a:hover,.nav4-menu a:focus,
.nav5-menu .active,.nav5-menu a:hover,.nav5-menu a:focus,
.nav6-menu .active,.nav6-menu a:hover,.nav6-menu a:focus {
color:#ff0000;
}

.notifications-menu {
position:fixed;
z-index:2;
height:0;
overflow:visible;
left:0;
right:0;
top:60px;
}

.notifications {
width:384px;
box-shadow:0 1px 3px rgba(0,0,0,0.3);
margin:0 auto;
}

.notifications > p {
height:32px;
line-height:32px;
background:#e2eaf2;
color:#626a72;
text-align:center;
border-top:1px solid #c5d5e5;
margin:0;
}

.visible-body .nav,.page2-visible .nav,.page3-visible .nav,.page4-visible .nav,.page5-visible .nav,.page6-visible .nav,
.visible-body .foo,.page2-visible .foo,.page3-visible .foo,.page4-visible .foo,.page5-visible .foo,.page6-visible .foo {
color:#000;
}

.visible-body .nav .nav-page1,.visible-body .nav a:hover,.visible-body .nav a:focus,.page2-visible .nav .nav-page2,.page2-visible .nav a:hover,.page2-visible .nav a:focus,.page3-visible .nav .nav-page3,.page3-visible .nav a:hover,.page3-visible .nav a:focus,.page4-visible .nav .nav-page4,.page4-visible .nav a:hover,.page4-visible .nav a:focus,.page5-visible .nav .nav-page5,.page5-visible .nav a:hover,.page5-visible .nav a:focus,.page6-visible .nav .nav-page6,.page6-visible .nav a:hover,.page6-visible .nav a:focus,
.visible-body .foo .foo-page1,.visible-body .foo a:hover,.visible-body .foo a:focus,.page2-visible .foo .foo-page2,.page2-visible .foo a:hover,.page2-visible .foo a:focus,.page3-visible .foo .foo-page3,.page3-visible .foo a:hover,.page3-visible .foo a:focus,.page4-visible .foo .foo-page4,.page4-visible .foo a:hover,.page4-visible .foo a:focus,.page5-visible .foo .foo-page5,.page5-visible .foo a:hover,.page5-visible .foo a:focus,.page6-visible .foo .foo-page6,.page6-visible .foo a:hover,.page6-visible .foo a:focus {
background:#ff0000;
}

.visible-body .nav a,.page2-visible .nav a,.page3-visible .nav a,.page4-visible .nav a,.page5-visible .nav a,.page6-visible .nav a,
.visible-body .foo a,.page2-visible .foo a,.page3-visible .foo a,.page4-visible .foo a,.page5-visible .foo a,.page6-visible .foo a {
background:#000;
color:#fff;
}

.page1,.main { left:0;    }
/*.page2,.services { left:100%; }*/
/*.page3,.research { left:200%; }*/
.page4,.events { left:100%; }
/*.page5,.careers { left:400%; }*/
.page6,.about { left:200%; }

.page-padding {
margin-top: 50px;
margin-bottom: 50px;
height:5px;
width:100%;
background: #8899aa;
}

.mini-padding {
margin-top: 30px;
margin-bottom: 30px;
height:1px;
width:100%;
background: #e0e0e0;
}

.small-font a {
font-size:10pt;
}

/*
img:hover {
background:#ff0000;
}
*/

.mytable2 {
width:100%;
vertical-align:top;
}

.mytable3 {
width:100%;
table-layout:fixed;
vertical-align:top;
}

.mytable4 {
width:100%;
background-color:#fff;
}

.mytable4 tr {
background-color:#f8f8f8;
height: 90px;
}

.mydate {
text-align:right;
font-family:monospace;
font-size:10pt;
}

.mobile-top-space {
height:50px;
display:none;
}

img, a img {
outline: none;
border: none;
border-style: none;
/*background: #000;*/
}

hr {
margin:80px;
color: #e0e0e0;
}

embed {
overflow:scroll;
}

.events_logo {
float:left;
margin-right:30px;
background:#fff;
}
.events_logo:hover {
background:#ff8080;
}

.btn {
display: block;
width: 120px;
box-sizing: border-box;
padding: 10px 20px 10px 20px;
background-color: #f0f0f0;
color: #000;
border-radius: 5px;
}

.word_wrap, pre, .speakers {
text-align: justify;
overflow: auto;
white-space: pre-wrap;
word-wrap: break-word;
}

.speakers {
width:95%;
max-height:400px;
background-color:#f0f0f0;
margin:0px 0px 10px 0px;
vertical-align:top;
border-style:none;
border-width:1px;
}

.speakers pre {
font-size:9pt;
}

.speakers_bio {
float:left;
width:40%;
text-align:center;
}

.fullscreen {
opacity:1.0;
z-index: 9999;
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
max-width:100%;
max-height:100%;
background:#fff;
}

.expand_button {
width:100%;
background:#d0d0d0;
border: none;
text-align: center;
}

.voices {
border:none;
}
.voices pre {
border:1px solid #e0e0e0;
background-color:#f8f8f8;
}
.voices_qa {
border:none;
}
.voices_qa pre {
border:1px solid #e0e0e0;
background-color:#fff;
text-align: justify;
}
.voices_qa div {
border:1px solid #fff;
background-color:#fff8f8;
text-align: right;
}

@media print {
    .nav1-menu,.nav2-menu,.nav3-menu,.nav4-menu,.nav5-menu,.nav6-menu,
    #div-logo, #div-services, #div-research, #div-events, #div-careers, #div-about,
    .nav, .foo,
    .mobile-top-space, .page-padding, .prev-top-next
    { display:none; }
    .inner { top:0; }
    .page1,.page2,.page3,.page4,.page5,.page6 { top:0; left:0; position:static; overflow:visible; }
    .page1 { display:none; }
    .page2 { display:none; }
    .page3 { display:none; }
    /*.page4 { display:none; }*/
    .page5 { display:none; }
    .page6 { display:none; }
}
