body {
background-color: #003366;  
font: 12pt sans-serif;
padding: 10pt 10pt 10pt 10pt ;
margin:0;
line-height:120%
}

#page {
padding: 10pt 10pt 10pt 10pt;
margin: 0;
color: #000000; 
background: #FFFFFF;
max-width: 800pt; 
min-width: 200pt; 
border:0px;
margin-left: auto; 
margin-right: auto;
position: relative;
}

.new { list-style-image:url('new.gif') }
.check { list-style-image:url('check.png') }

.phead { color:#003366; font-weight: bold; padding-right: 5pt; }

table.lb tr:nth-child(odd) {
  background-color: #d0e0ff
}

table.lb tr:nth-child(even) {
  background-color: #f5f5ff
}

.code { padding-left: 10pt }
.thm { display: inline-block; padding: 5pt 20pt 5pt 20pt; background-color: #cce0ff }
.lem { display: inline-block; padding: 5pt  0pt 5pt 20pt }

.paper { font-weight: bold; }
.author { color: #444444; font-size: 95% }
.venue { color: #444444; font-size: 95% }
.award { color: #cc4444; font-size: 90% }

span.docright {
  position: absolute;
  left: 40%;
  width: 60%
}

.myitem { text-align: right }

#photo { float : right; margin-left: 10pt; border: none ; border-radius: 10pt 10pt 10pt 10pt; }
#eulogo { float : right; margin: 0; border: none ; border-radius: 10pt 10pt 10pt 10pt; }

td { padding: 2pt 5pt 2pt 5pt }
li { padding: 2pt 0pt 2pt 0pt }

a:link { color: #003366; text-decoration:underline; }
a:visited { color:#003366; text-decoration:underline; }
a:hover { color:#006666; text-decoration:underline; }

a.red:link { color: #aa3333; text-decoration:underline; }
a.red:visited { color:#aa3333; text-decoration:underline; }
a.red:hover { color:#aaaa33; text-decoration:underline; }

img.aec { width:26px; height:26px; vertical-align:middle; }

#header {
border-radius: 10pt 10pt 0 0;
padding: 10pt 10pt 10pt 10pt;
margin:  0; 
overflow: hidden; 
border:0;
max-width: 800pt; 
min-width: 200pt; 
position: relative; 
margin-left: auto; 
margin-right: auto;
background-color: #6080cc;
}

.advert {
border-radius: 10pt 10pt 10pt 10pt;
padding: 10pt 10pt 10pt 10pt;
margin:  10pt 0 10pt 0; 
border: 1pt dashed;
background-color: #ffffcc;
}


h1 { color:#000040; }
#page h2 { color:#003366; }
#page h3 { color:#003366; }
#page h4 { color:#003366; padding: 0 0 0 0; }

@media screen {
 #quick {
  border-radius: 10pt 10pt 10pt 10pt;
  padding: 10pt 10pt 10pt 10pt;
  margin: 0 0 0 10pt;
  color: #000000; 
  background: #e0eaFF;
  width: 100pt; 
  border:0px;
  float: right;
 }
 #bottom {
  padding: 3pt 10pt 3pt 10pt;
  margin:  0; 
  overflow: hidden; 
  border:  0;
  max-width:  800pt; 
  min-width:  200pt; 
  margin-left: auto; 
  margin-right: auto;
  position:   relative; 
  text-align: right;
  font: 10pt sans-serif;
  background-color: #6080cc;
  border-radius: 0 0 10pt 10pt;
 }
}

@media print { #quick, #bottom { display:none; } }

@media screen and (max-device-width: 600px){
 #header, #page, #bottom, body { padding: 5pt 5pt 5pt 5pt; font-size:x-large!important; }
 #quick { display:none!important; }
}