body { 
   background-image: url(img/bg/bg.jpg); 
   background-attachment: fixed; 
   color: #77bbff; 
   font-family: arial; 
   font-size: 10pt; 

   scrollbar-face-color: #111144; 
   scrollbar-shadow-color: #111144; 
   scrollbar-highlight-color: #1166cc; 
   scrollbar-3dlight-color: #111144;
   scrollbar-darkshadow-color: #000016; 
   scrollbar-track-color: #260000; 
   scrollbar-arrow-color: #882200
}

::-webkit-scrollbar {
    width: 12px;
}
 
/* Track */
::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px #000000; 
    -webkit-border-radius: 10px;
     background-color: #550000;
     border-radius: 6px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 6px;
    border-radius: 6px;
    background: #000077; 
    -webkit-box-shadow: inset 0 0 5px #000000; 
}
/* Handle on hover */
::-webkit-scrollbar-thumb:hover {
  background: #000099; 
}

h1 { font-size: 12pt; font-family: arial; color: #aaaaaa; font-variant: small-caps; background-image: url(img/bg/headingbar.gif); background-repeat:repeat }
h2 { font-style: italic; font-size: 10pt; font-family: arial; color: #5555ff }
pre { font-size: 8pt; }

p { text-align: justify; color: #77bbff; font-family: arial; font-size: 10pt; }
div {text-align: justify }
.j { text-align: justify}
.jrot { text-align: justify; color: #555555}
.blue { text-decoration: none; color: 4444dd; font-family: arial; font-size: 9pt; }
.red { text-decoration: none; color: cc4444; font-family: arial; font-size: 9pt; }

A:link    {text-decoration: none; color: ff4444; font-family: arial;}
A:visited {text-decoration: none; color: aa0000; font-family: arial;}
A:active  {text-decoration: none; color: ff66bb; font-family: arial;}
A:hover   {text-decoration: none; color: ff8866; font-family: arial;}

table.adv { border-width: 1px; border-spacing: 0px; border-style: dashed; border-color: #ffffff; border-collapse: separate; 
   background-image: url(img/bg/tdblue.gif); background-repeat: repeat }
td.adv { color: #ffffff; font-family: arial; font-size: 8pt; vertical-align: top; }

span.dynamic_adv_right { width: 120px; border-width: 1px; border-style: dashed; border-color: #ffffff; color: #ffffff; font: 8pt Arial, sans-serif;
   vertical-align: top; text-align: justify; padding: 5px; margin: 5px; float: right; }

span.dynamic_adv_left { width: 120px; border-width: 1px; border-style: dashed; border-color: #ffffff; color: #ffffff; font: 8pt Arial, sans-serif;
   vertical-align: top; text-align: justify; padding: 5px; margin: 5px; float: left; }

th { color: #aaaaaa; font-family: arial; font-size: 10pt; font-weight: bold; align: center; background-image: url(img/bg/tdred.gif); background-repeat: repeat}

td.blank { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: none }
td.noquote { color: #77bbff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: none }
td.yellow { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdyellow.gif); background-repeat: repeat }
td.green { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdgreen.gif); background-repeat: repeat }
td.turquoise { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdturquoise.gif); background-repeat: repeat }
td.blue { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdblue.gif); background-repeat: repeat }
td.purple { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdpurple.gif); background-repeat: repeat }
td.red { color: #ffffff; font-family: arial; font-size: 10pt; vertical-align: top; background-image: url(img/bg/tdred.gif); background-repeat: repeat }

td.quoteblue { padding: 12px; color: #ffffff; background-image: url(img/bg/quote.gif); font-family: arial; font-size: 10pt; vertical-align: top; background-repeat: repeat; background-position: 0px 0px}
td.quotered { padding: 12px; color: #ffffff; background-image: url(img/bg/quote.gif); font-family: arial; font-size: 10pt; vertical-align: top; background-repeat: repeat; background-position: 0px 280px}

dt { font-weight: bold; text-align: justify; }
dd { text-align: justify; margin-left: 1em; padding-left: 1em; }

ul { margin-left: 1em; padding-left: 1em; }
ol { margin-left: 1em; padding-left: 1em; }

.view { cursor: url("img/buttons/mag.cur"), default; text-decoration: none; color: #44ff44; font-family: arial;}

img.navigatered {opacity: 0.4;}
img.navigatered:hover {opacity: 1; animation: opac 0.5s}@keyframes opac{from{opacity:0.4} to{opacity:1}}

img.navigateblue {opacity: 0.4;}
img.navigateblue:hover {opacity: 1; animation: opac 0.5s}@keyframes opac{from{opacity:0.4} to{opacity:1}}