body { background: Lavender ; }

div.floater { float: right; background: Lavender; border: 1px dotted <?echo $color2;?>; padding: 5px; margin: 2px 2px 5px 10px; text-align:center; }

table.mainpagetable {  height:100%; width:960px; padding:0px; border: 1px solid gray; background: whitesmoke;}

tr.mainpagelogo { height:100px; }
td.mainpagelogo { border-bottom:2px solid <? echo $color1;?>; }

td.mainpagemenu    { font-family:sans-serif; vertical-align:text-top; width:200px; background: url(images/menubg.png); padding: 0px; margin: 0px; }
td.mainpagecontent { vertical-align:text-top; width:800px; padding: 10px;}

tr.mainpagefooter { height:20px; }
td.mainpagefooter { border-top:2px solid <? echo $color1;?>; }

p.menuhead { font-size: 0.9em; font-weight: bold; margin: 10px 0px 0px 0px;}
p.menuitem { font-size: 0.9em; margin:  0px 0px 0px 10px;}

p.credits {font-size: 0.6em; }

hr { height: 1px; color: <? echo $color1;?>; }

a         {font-family: sans-serif}
a:link    {color: <? echo $color3;?>; text-decoration: none}
a:visited {color: <? echo $color3;?>; text-decoration: none}
a:hover   {color: <? echo $color2;?>; text-decoration: none}
a:active  {color: <? echo $color3;?>; text-decoration: none}

h1 { font-family: sans-serif; color: <? echo $color1;?>; font-size: 1.2em;}
h2 { font-family: sans-serif; color: <? echo $color1;?>; font-size: 1.0em; margin: 0px 0px 0px 0px; border-bottom: 1px solid <? echo $color1;?>;}
h3 { font-family: sans-serif; color: black; font-size: 1.0em; margin: 0px 0px 5px 0px; }

h1.welcome { font-family: sans-serif; color: <? echo $color1;?>; font-size: 1.2em; margin: 0px 0px 0px 0px; }
p.location { font-family: sans-serif; color: <? echo $color1;?>; font-size: 1.1em; margin-bottom: 5px; }

p,li,td,th  { font-family: sans-serif; color: black; font-size: 0.9em; text-align: justify; margin-top: 0px;  }
th { font-weight: bold;}

.inst    { font-style: italic; font-size: 0.8em;}

.home .IMP { font-size: 0.9em; background: #f64ea7;  padding: 10px; font-weight: bold;  }

.news table    { width: 100%; }
.news .title { font-family: sans-serif; color: <? echo $color1;?>; border-bottom: 1px solid <? echo $color1;?>; font-size: 0.9em; }
.news .date  { font-family: sans-serif; color: <? echo $color1;?>; border-bottom: 1px solid <? echo $color1;?>; font-size: 0.8em; text-align: right; vertical-align: bottom; }
.news .desc  { font-family: sans-serif; color: black;              font-size: 0.9em; }

.newshomepage table    { width: 80%; }
.newshomepage .date  { font-family: sans-serif; border-bottom: 1px dotted <? echo $color1;?>; font-size: 0.9em; width: 20%; }
.newshomepage .title { font-family: sans-serif; border-bottom: 1px dotted <? echo $color1;?>; font-size: 0.9em; }
.newshomepage .more { font-family: sans-serif; border-bottom: 1px dotted <? echo $color1;?>; font-size: 0.7em; text-align: right; vertical-align: bottom; }



.dates table    { width: 65%; }
.dates .head1   { color: <? echo $color1;?>; padding-top: 0px }
.dates .head    { color: <? echo $color1;?>; padding-top: 10px;  }
.dates .headdate{ width: 150px;  background: #c0a9fc; }
.dates .text    { font-size: 0.9em; border-bottom: 1px solid <? echo $color1;?>; }
.dates .textDEL { font-size: 0.9em; border-bottom: 1px solid <? echo $color1;?>; text-decoration: line-through; color: gray; }
.dates .date    { font-size: 0.9em; width: 150px; border-bottom: 1px solid <? echo $color1;?>; background: #c0a9fc;  padding: 3px; font-weight: bold; }
.dates .dateDEL { font-size: 0.9em; width: 150px; border-bottom: 1px solid <? echo $color1;?>; background: #c0a9fc;  padding: 3px; font-weight: normal; text-decoration: line-through; color: gray; }
.dates .dateIMP { font-size: 0.9em; width: 150px; border-bottom: 1px solid <? echo $color1;?>; background: #f64ea7;  padding: 3px; font-weight: bold; }

.accom table    { width: 70%; font-size:1em; margin-bottom:10px; margin-top:0px;}
.accom .head1   { color: <? echo $color1;?>; padding-top: 0px }
.accom .headprice{ width: 70px;  background: #c0a9fc; }
.accom .text    { font-size: 0.9em; border-bottom: 1px solid <? echo $color1;?>; }
.accom .price   { font-size: 0.9em; width: 130px; border-bottom: 1px solid <? echo $color1;?>; background: #c0a9fc;  padding: 3px; font-weight: bold; }

.registration table    { width: 90%; font-size:1em; margin-bottom:10px; margin-top:0px;}
.registration table.dates    { width: 65%; font-size:1em; margin-bottom:10px; margin-top:0px;}
.registration th   { color: <? echo $color1;?>; padding-top: 0px }
.registration td    { font-size: 0.9em; border-bottom: 1px solid <? echo $color1;?>; }
.registration .dateIMP  { font-size: 0.9em; width: 150px;  background: #f64ea7; border-bottom: 1px solid <? echo $color1;?>; }

.techprogram table    { width:100%; font-size:1em; margin-bottom:10px; margin-top:0px;}
.techprogram td.time  { width: 10%; padding: 2px; text-align: left;   border-bottom: 1px solid <? echo $color1;?>; background: #c0a9fc; font-weight: bold;}
.techprogram td.single{ width: 90%; padding: 2px; text-align: center; vertical-align: top; border-bottom: 1px solid <? echo $color1;?>;  }
.techprogram td.one   { width: 45%; padding: 2px; text-align: center; vertical-align: top; border-bottom: 1px solid <? echo $color1;?>;  }
.techprogram td.two   { width: 45%; padding: 2px; text-align: center; vertical-align: top; border-bottom: 1px solid <? echo $color1;?>; background: Lavender; }
.techprogram td.break { width: 90%; padding: 2px; text-align: center; vertical-align: top; border-bottom: 1px solid <? echo $color1;?>; background: PapayaWhip; border-left: 10px solid PapayaWhip;}
.techprogram td.s1    { border-left: 10px solid MediumTurquoise; }
.techprogram td.s2    { border-left: 10px solid LightPink; }
.techprogram td.s3    { border-left: 10px solid Aquamarine; }
.techprogram td.s4    { border-left: 10px solid Plum; }
.techprogram td.s5    { border-left: 10px solid Moccasin; }
.techprogram td.s6    { border-left: 10px solid LightGrey; }
.techprogram td.s7    { border-left: 10px solid SkyBlue; }
.techprogram td.s8    { border-left: 10px solid Tan; }
.techprogram td.p1    { border-left: 10px solid Tan; }
.techprogram td.p2    { border-left: 10px solid Aquamarine; }
.techprogram .location { font-style:italic; font-size: 0.9em;}
.techprogram .ptype {   font-size: 0.9em; background: PaleGoldenRod; margin-right:5px; margin-left:5px;}


.acceptedpapers table    { width: 100%; text-align:left; }
.acceptedpapers tr:nth-child(even) { background: lavender ; }
.acceptedpapers th       {                   text-align:left; padding: 3px; white-space:nowrap; vertical-align:top; color: <? echo $color1;?>;}
.acceptedpapers .id      { font-size: 0.8em; text-align:left; padding: 3px; white-space:nowrap; vertical-align:top; border-bottom: 1px solid <? echo $color1;?>;}
.acceptedpapers .type    { font-size: 0.8em; text-align:left; padding: 3px; white-space:nowrap; vertical-align:top; border-bottom: 1px solid <? echo $color1;?>;}
.acceptedpapers .title   { font-size: 0.8em; text-align:left; padding: 3px;                     vertical-align:top; border-bottom: 1px solid <? echo $color1;?>;}
.acceptedpapers .authors { font-size: 0.8em; text-align:left; padding: 3px;                     vertical-align:top; border-bottom: 1px solid <? echo $color1;?>;}

.speakers .head { font-weight: bold; color: <? echo $color1;?>; margin-top: 15px; }
.speakers .image { float: right; width:100px; border: 1px solid <? echo $color1;?>; margin-bottom: 5px; margin-left:15px; }

.committees p { margin-bottom: 0px; margin-top: 0px; }
.committees .head { font-weight: bold; color: <? echo $color1;?>; margin-top: 15px; }
.committees .name { margin-left: 10px; }
.committees .inst    { font-style: italic; font-size: 0.8em;}
.committees .country { font-style: italic; font-size: 0.8em;}

.topics p  { margin-bottom: 6px; margin-top: 0px; }
.topics li { margin: 0px; }