HTML {
  font-family: Arial CE, Helvetica CE, Arial, Helvetica, sans-serif;
  font-size: 12pt;
}

BODY {
  color: #333333;
  background: #e7f3ff;
}

A {
 color: #0303a7;
}

A:hover {
    text-decoration: none;
    background-color: #F2F5A9;
    color: black;
    background: -webkit-gradient(linear, left bottom, left top, color-stop(0, #F2F5A9), color-stop(1, white));
}

IMG {
    border: 0px;
}

UL,P {
  margin: 10px 10px 0px 20px;
}

STRONG {
    font-style: normal;
}

DIV {
    font-size: inherit;
}

/* HEADER */

DIV.siteHeader {
    margin: .5em 0.25em 0.5em .5em;
    padding: 0em 0.5em 0.0em 0em; 
    background: url(../images/top-deco.png) no-repeat top right;
    -border: thin solid #AAAAAA;
}

DIV.conferencesMenu {
    padding-bottom: .25em;
    margin-bottom: .25em;
}

SPAN.thisConference {
    padding: .2em;
    font-size: 120%;
    font-weight: bold;
    margin-right: 3em;
    background-color: white;
    border-bottom: thin solid #AAAAAA;
    background:  -webkit-gradient(linear, left top, right top, color-stop(0, #e7f3ff), color-stop(.02, white), color-stop(.98, white),  color-stop(1, #e7f3ff));
}

A.menuItem {
    font-family:trebuchet ms; 
    padding-left: 20px; 
    padding-right: 20px;
    border-right: .2em solid #999999;
}

DIV.menu {
    padding-top: .25em;
    padding-bottom: .25em;
    margin-bottom: .25em;
    border-top: thin solid #AAAAAA;
    border-bottom: thin solid #AAAAAA;
    background-color: white;
    background: -webkit-gradient(linear, left top, right top, color-stop(0, #e7f3ff), color-stop(.01, white), color-stop(.6, white),  color-stop(1, #e7f3ff));
    --background-color: blue;
}

/* BODY */

/* COMMON BOXES */
DIV.commonBoxes {
    float: right;
    width: 300px;
}

DIV.commonBoxes A:hover {
    color: #5050fb;
    background: none;
} 

.standardBox {
    background: white;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: rgb(136, 136, 136) 8px 8px 4px;
    border: thin dotted rgb(170, 170, 170);
}

DIV.rightColumnBlock {
    width: 220px;
    margin: 0px 0.5em 1em 3em;
    text-align: center;
    background-color: white;
    border: thin solid rgb(170, 170, 170);
}

/* gold sponsors  */
DIV.goldSponsors {
    width: 220px;
    margin: 0px 10px;
    text-align: center;
    background-color: white;
    border: thin solid rgb(170, 170, 170);
}

DIV.goldSponsorTitle {
    display: inline-block;
    font-size: 90%;
    font-weight: bolder;
    font-variant: small-caps;
    margin: 5px 5px 0px 5px;
    padding: 5px 5px 0px 5px;
    border-bottom: thin dotted red;
}

DIV.goldSponsor {
    display: inline-block;
    vertical-align: middle;
    width: 110px;
    margin-top: 5px;
}

/* silver sponsors  */
DIV.silverSponsorTitle {
    display: inline-block;
    font-size: 90%;
    font-weight: bolder;
    font-variant: small-caps;
    margin: 5px 5px 0px 5px;
    padding: 5px 5px 0px 5px;
    border-bottom: thin dotted red;
}

DIV.silverSponsor {
    display: inline-block;
    vertical-align: middle;
    width: 120px;
    margin-top: 6px;
}

DIV.sponsorsOthers {
    float: right;
    width: 140px;
    margin: 10px 10px 10px 5px;
}

/* other partners */
DIV.otherPartners {
    float: right;
    text-align: center;
    width: 220px;
    margin: 10px 10px 0px 0px;;
}

DIV.partnerTitle {
    display: inline-block;
    font-size: 80%;
    font-weight: bolder;
    font-variant: small-caps;
    margin: 5px 5px 0px 5px;
    padding: 5px 5px 0px 5px;
    border-bottom: thin dotted red;
}

DIV.partner {
    display: inline-block;
    vertical-align: middle;
    max-width: 100px;
    margin: 3px 5px;
    padding: 0px 0px;
}

/* stay in touch */

DIV.stayInTouch {
    float: right;
    width: 80px;
    margin: 0 0.5em;
    text-align: center;
    vertical-align: bottom;
    font-size: 90%;
}

DIV.stayInTouchItem {
    display: inline-block;
    margin: 0.0em;;
}

IMG.stayInTouchIcon {
    width: 16px;
}

/* title page highlights*/

DIV.highlights {
    float: right;
    width: 260px;
    text-align: center;
    margin-top: 26px;    
    margin-right: 26px;
}

DIV.highlight {
    display: inline-block;
    width: 240px;
    margin: 0px 5px 5px 5px;
    padding: 0px 5px 5px 5px;
    background-color: #FFFFDD;
    color: #660000;
}

DIV.highlightTop {
    background-color: #FFFFBB; 
    border-width: 2px; 
    border-color: red;
}

/* list of person */
UL.organisationalComitee {
    list-style-type: none;
}

UL.personList {
    list-style-type: square;
    margin-left: 2em;
    -webkit-padding-start: 3em;
    padding-left: 1px;
}

UL.personList LI {
    margin-bottom: 0.5em;
    vertical-aligh: middle;
}

UL.personList LI:hover {
    background-color: #F2F5A9;
    background:  -webkit-gradient(linear, left bottom, right top, color-stop(0, #F2F5A9), color-stop(1, white));
    -webkit-border-radius: 2px;
}

DIV.person {
    display: inline-block; 
    vertical-align: middle;
}

DIV.personName {
    display: table-cell; 
    width: 10em;
    font-variant: small-caps;
    vertical-align: middle;
}

DIV.personDetail {
    display: table-cell;
    -font-variant: small-caps;
    padding-left: 1em;
}    

A.affiliationLink {
    display: table-cell;
    font-variant: small-caps;
    padding-left: 1em;
}


/* ************************ */
/*
DIV.flyingEnvelope {
    float: right;
}

DIV.highlightBox {
    border: 1px dotted #aaaaaa;
    background: white;
    -webkit-border-radius:5px;
    -webkit-box-shadow: 8px 8px 4px #888;
}

DIV.partnerBox {
    width: 120px; 
    margin: 5px 20px 5px 5px; 
    padding: 10px 10px 10px 10px;
    text-align: center; 
}

DIV.partnerBox DIV.title {

}

DIV.partnerBox DIV.content {
    margin-top: 6px;
    margin-bottom: 12px;
    font-size: 76%;
}
*/

DIV.main {
    margin-left: 8px;
    min-height: 360px;
    font-size: inherit;
}

DIV.descr {
  width: 80%;
  font-size: 90%; 
  font-style: italic;
  padding: 5px 10px 5px 0px;
}

DIV.hidden {
    visibility: hidden; 
    display: none;
}

DIV.visible {
    visibility: visible; 
    display: block;
}

A.small-link {
  font-size: 75%;
}

DIV.header {
    width: 80%;
    font-size: 140%;
    font-weight: 500;
    margin: 15px 20px 15px 20px; 
    padding: 15px 10px 5px 10px;
    border-bottom: 2px dashed #aaaaaa;
}

DIV.field {
    font-weight: 250;
    margin: 15px 20px 15px 20px; 
    padding: 15px 10px 5px 10px;
}

DIV.content {
    font-size: 90%;
    padding-left: 15px;
}

FIELDSET {
    max-width: 80%;
}

DIV.highlightItem {
    width: 220px; 
    padding-left: 20px; 
    float: left; 
    text-align: center;
    font-size: 80%;
}

IMG.highlightItem {
    border: none; 
    -webkit-box-shadow: 8px 8px 4px #888;
}

P.footer {
    margin-top: 20px; 
    margin-bottom: 5px; 
    padding-top: 10px; 
    border-top: 1px solid #aaaaaa; 
    font-size: 80%;
    max-width: 640px;
}

DIV.presentation {
    width: 80%;
    margin-left: 40px;
    margin-bottom: 8px;
    padding-bottom: 3px;
    border-bottom: 1px dotted #aaaaaa;
    font-size: 95%;
}

SPAN.presentationTitle {
    font-size: 110%;
    font-variant: small-caps;
    font-weight: 600;
}

SPAN.presenterName {
    display: block;
    font-style: italic;
    font-size: 90%;
}

DIV.presentationMenu {
    float: right; 
    font-size: 70%;
  font-family: monospace;
    text-align: right;
}

A.presentationMenu {
    text-decoration: none;
    background: #F2F5A9;
    padding: 1px;
    margin: 1px;
  color: black;
}

A.presentationMenu:hover {
    border-bottom: 2px dotted #aaaaaa;
    border-top: 2px dotted #aaaaaa;
    text-decoration: none;
    background: #F2F5A9;
}

/* TWITTER CHAT */

UL.tweets {
    margin-left: 2em;
    padding-left: 1px;
    list-style-type: none;
}

UL.tweets LI {
     margin-bottom: 0.2em;
     padding-bottom: 0.2em;
     vertical-align: middle;
     font-family: monospace;
     border-bottom: dotted thin gray; 
}

A.tweetHeaderName {
   margin-right: 1em;
} 

SPAN.tweetHeaderDateTime {
    font-size: smaller;
}

A.tweetGetMore {
  margin-left: 2em;
}

A.tweetLink {
    text-decoration: none;
    background-color: rgb(255,255,221);
    -webkit-border-radius: 2px;
}

IMG.selfstandingIcon {
    display: block;
    float: left; 
    -vertical-align: top;
    padding: 0.2em 0.5em; 
    margin: -0.5em 0.5em 0.2em 0em; 
    background-color: white; 
    -webkit-border-radius: 2px;
}

/* SESSIONS */
TABLE.sessions tr {
   background-color: white;
}
TABLE.sessions td {
   padding: 0.2em 0.5em;
}
TD.time {
   text-align: right;
   vertical-align: top;
   padding: 0.5em;
   padding-left: 0.5em;
}
DIV.title {
   font-variant: small-caps;
   font-weight: 600;
}
DIV.speaker {
   font-size: 90%;
   font-style: italic;
}

TR.other TD.time {
   background-color: #FFFFDD;
}
TR.other TD.name {
   background-color: #FFFFDD;
}

TD.detailTitle {
   background-color: #FFFFDD;
}
DIV.detailTitle {
   font-variant: small-caps;
   font-weight: 600;
   font-size: 130%;
}
DIV.time {
   font-size: smaller;
}
DIV.topHotArea {
    position: relative;
    width: 70%;
    border: none;
    height: 2em;
}
DIV.banner {
    position: absolute; 
    top: 0px;
    height: 2.2em;
    margin: 0.2em 1em;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transition: opacity 1500ms ease-out;
}