html {margin:0px; padding:0px}
body {font-size:14px; font-family:Arial,sans-serif; background-color:#67abd9; margin:0px; padding:2%}

li {margin:0em 0em 0.3em 0em}
div.right-box ul {list-style-image: url(4links-bullet-16d.gif)}
div.main      ul {list-style-image: url(4links-bullet-16d.gif)}
div.main      ul.nobullet {list-style: disc outside}

div.container {position:relative;
               margin-left:auto; margin-right:auto; max-width:1100px;
               background-color:#ffffff; padding:0px 2.5%; z-index:100}
div {border-width:0px; border-color:black; border-style:solid}

div.header {padding:10px 0px; font-family:Arial}
div.hdr1 {margin:0px 0px}
div.hdr1 img {float:right; vertical-align:middle; width:389px; margin:0px 0px 0px 24px}
div.hdr2 {float:left; font-size:22px; margin:30px 0px 15px 0px; font-weight:normal}
div.hdr2 span {font-weight:bold}
h1 {font-size:30px; text-align:center; margin:0.2em 0 0.5em 0}
h2 {xcolor:#67abd9; color:#3387CC; margin:1.5em 0 0.2em 0}
h3 {color:#3387CC; margin:1.5em 0 0.2em 0}
div.hdr4 {margin:0px; padding:0px 0px 0px 0px; clear:both}
hr.hdr5 {width:100%; margin-left:0px; height:0px; border:1px solid #67abd9; clear:both}

div.right-col {position:relative; float:right; 
               width:25%; padding:0px 0px 0px 10px}
div.right-box {margin:3em 0px 0px 0px; padding:10px 20px 10px 20px; 
               border:0px solid #67abd9; border-width: 1px 1px 1px 1px}
div.right-box p {margin:0em 0em 0em 0em; padding:0px}
div.right-box ul {list-style-position:outside; padding:0px 0px 0px 5px; margin:0em 0em 0em 1em}
div.right-box ul li {margin:1em 0 0 0}

div.main {float:left; width:70%; padding:0px 0px 0px 0px}
div.main img {margin:auto; display:block; width:85%}

p.quote  {color:#67abd9; margin:10px 50px; font-size:120%}
li.quote {color:#67abd9; font-size:120%}
p.quote span {font-size:smaller; font-style:italic; white-space:nowrap}
li.quote span {font-size:smaller; font-style:italic; white-space:nowrap}
p.italic {color:#67abd9; margin:10px 50px; font-style:italic}
span.nobr {white-space:nowrap}
span.em {font-weight:bold}

div.majority {position:relative; clear:both}

ul.hmenu {text-align:left; font-size:larger; font-weight:bolder; padding:0px 0px; line-height:180%}
ul.hmenu li {display:inline; position:relative; list-style-type:none; background-color:#c2ddf0; 
             padding:0.2em 0em; margin:0px; border:1px solid #ffffff; line-height:100%}
ul.hmenu li li {display:list-item; border:2px solid #ffffff; background-color:#99c7e6}
ul.hmenu li li li {display:list-item; border:1px solid #ffffff; background-color:#67abd9; font-size:smaller; line-height:120%}
ul.hmenu a         {color:#000000; text-decoration:none; margin:0px; padding:0.2em 0.4em }
ul.hmenu a:visited {color:#000000}
ul.hmenu a:hover   {text-decoration:underline}
ul.hmenu a:focus   {outline:none;text-decoration:underline; border-style:none; border: 0px solid white}
ul.hmenu a:active  {outline:0px dotted #000000; text-decoration:none; border-style:none; border: 0px solid white}

ul.hmenu li div ul {text-align:right; z-index:99; margin:0px; padding:0px; border: 0px solid black}
ul.hmenu li div {display:none; position:absolute; bottom:0px; right:-2px}

zul.hmenu   div a:hover {display:block}
ul.hmenu > li:hover > div {display:block}
ul.hmenu > li > div > ul {position:absolute; top:0em; right:0em}

yul.hmenu  li:hover  div {display:block}
yul.hmenu  li  div  ul {position:absolute; top:0em; right:0em}

ul.hmenu li div ul li div {display:none; position:absolute; top:-1px; right:0em}
ul.hmenu li div ul li div ul {position:absolute; top:0em; left:0em; padding:0px}
ul.hmenu li div ul li div ul li {text-align:left; z-index:95}
ul.hmenu li:hover div ul li:hover div {display:block}

span.rmap, span.prodrow, span.parentrow {border-width:0px}
span.rmap a         {color:#000000; background-color:#c6e2f1; text-decoration:none; margin:2px; padding:0.3em 0.5em; border-width:0px}
span.rmap a:visited {color:#000000}
span.rmap a:hover   {text-decoration:underline; xcolor:#67abd9}
span.rmap a:focus   {outline:none; text-decoration:underline; xcolor:#67abd9; border-width:0px}
span.rmap a:active  {outline:0px dotted #67abd9; text-decoration:none; xcolor:#67abd9; border-width:0px}
span.prodrow a         {color:#000000; text-decoration:none}
span.prodrow a:visited {color:#000000}
span.prodrow a:hover   {text-decoration:underline; xcolor:#67abd9}
span.prodrow a:focus   {outline:none; text-decoration:underline; xcolor:#67abd9; border-width:0px}
span.prodrow a:active  {outline:0px dotted #67abd9; text-decoration:none; xcolor:#67abd9; border-width:0px}
span.parentrow a         {color:#000000; text-decoration:none}
span.parentrow a:visited {color:#000000}
span.parentrow a:hover   {text-decoration:underline; xcolor:#67abd9}
span.parentrow a:focus   {outline:none; text-decoration:underline; xcolor:#67abd9; border-width:0px}
span.parentrow a:active  {outline:0px dotted #67abd9; text-decoration:none; xcolor:#67abd9; border-width:0px}
th a          {color:#000000; text-decoration:none}
th a:visited  {color:#000000}
th a:hover    {color:#000000; text-decoration:underline}
th a:focus    {color:#000000; outline:none;
               text-decoration:underline; border-width:0px}
th a:active   {outline:0px dotted #67abd9; text-decoration:none;
               border-width:0px}

div.smef-logo {position:absolute; bottom:0%; right:1%; xclear:both; margin:10px}
div.ta-logo {position:absolute; bottom:2%; right:1%; xclear:both; margin:15px}
div.smef-logo img {width:120px; border-width:0; vertical-align:bottom}
div.ta-logo img {width:100px; xborder-width:0; vertical-align:bottom}
div.affiliation p {clear:both}
div.affiliation p img {float:left; width:100px; max-height:110px; vertical-align:top; margin:0em 1.5em 2em 0em}

br.clear {clear:both; margin:0; padding:0}

a         {color:#3387CC; text-decoration:none}
a:visited {color:#3387CC}
a:hover   {color:#3387CC; text-decoration:underline; xbackground-color:#c6e2f1}
a:focus   {color:#3387CC; outline:none; text-decoration:underline; xbackground-color:#c6e2f1}
a:active  {color:#3387CC; outline:none; text-decoration:none; xbackground-color:#c6e2f1}

a:hover img  {outline:2px dotted #67abd9}
a:focus img  {outline:2px dotted #67abd9}
a:active img {outline:none}

img {border:0px}
img.prod {display:block; width:95%; margin:1.25em auto}

p.bibpara {margin-top:0.2em}
p.gap-top {margin-top:2em}

div.footer {clear:both; font-size:smaller; text-align:center; padding:0px 10px 10px 10px}
div.sitecol-l {float:left; width:55%; margin:0%; padding:0%}
div.sitecol-r {float:left; width:43%; margin:0%; padding:0%}

table {border-collapse:collapse; empty-cells:show;
       background-color:#c7def1; padding:0px; margin:0px; border:0px #ffffff none}
table.outer {border-collapse:collapse; empty-cells:show;
             border-spacing:0px; border-style:none}
table.inner {border-collapse:collapse; empty-cells:show;
             border-spacing:0px; border-style:none; width:100%; height:100%}
tr {margin:0px; padding:0px; border:0px #ffffff none; width:100%}
td {margin:0px; padding:0px; border:1px #ffffff solid; text-align:center}
span.parentrow {background-color:#c7def1; text-indent:0px;
              border:0px #ffffff none; padding:4px; display:inline }
td.parentrow {background-color:#c7def1; border:4px solid #ffffff; 
              border-width:4px 0px; padding:4px; width:20%}
td.inner {padding:0px; border:0px solid #ffffff; width:80%}
td.prodrow {background-color:#c7def1; border:2px #ffffff solid;
            padding:4px; width:25%}
td.proddesc {background-color:#c7def1; border:2px #ffffff solid;
             padding:4px; width:75%}

table.appnote, table.upgrade {border-collapse:collapse; border-style:none; margin-bottom:2em}
table.appnote td, table.upgrade td {background-color:#c7def1; border:2px #ffffff solid; padding:4px}
table.appnote th, table.upgrade th {background-color:#c7def1; border:2px #ffffff solid; padding:4px}

@media handheld
{ body {font-size:larger}
}

@media (max-width:40em)
{ div.right-col {display:none}
  div.hdr1 img {width:70%; margin:0px 0px 0px 0px}
  div.hdr2 {margin:10px 0px 15px 0px}
  div.main {width:100%}
  div.main img {margin:auto; display:block; width:95%}
  div.smef-logo {display:none}
  div.sitecol-l {float:left; width:100%; margin:0%; padding:0%}
  div.sitecol-r {float:left; width:100%; margin:0%; padding:0%}
}

@media print
{ html {margin:0cm; padding:0.0cm}
  body {font:11pt Arial; background-color:#ffffff; 
        width:210mm; height:297mm;
        margin:0cm; padding:0.0cm }
  div.main {width:100%}
  div {margin:0cm; padding:0.0cm; 
       page-break-above:avoid; page-break-below:avoid } 
  .hdr4 {display:none}
  .right-col {display:none}
  .ta-logo {display:none}
  .smef-logo {display:none}
  td {border:1px #ffffff solid }
  tr {page-break-inside:avoid}
  img {page-break-inside:avoid}
}
