body { background-color:#FFFFFF; margin:0px; padding:0px; empty-cells: show;
       SCROLLBAR-FACE-COLOR: #87BAEC; SCROLLBAR-HIGHLIGHT-COLOR: #5D5D5D;
       SCROLLBAR-SHADOW-COLOR: #5D5D5D; SCROLLBAR-3DLIGHT-COLOR: #5D5D5D;
       SCROLLBAR-ARROW-COLOR: #555555; SCROLLBAR-TRACK-COLOR: #EEEEEE;
       SCROLLBAR-DARKSHADOW-COLOR: #5D5D5D;
       z-index: 0; position: relative;
       behavior:url("csshover.htc");
     }

a { text-decoration:none; font-weight: bold; }
a:link    { color: #0077BB; }
a:active  { color: #0077BB; }
a:visited { color: #5555AA; }
a:hover   { color: #FF9900; }


p,h1,h2,h3,h4,ul,ol,li,div,td,th,address,blockquote,nobr,b,i,a
     { font-family:Verdana,Arial,Clean,Helvetica,sans-serif;
       font-size:12px; color:#000000; line-height: 16px; }

li { list-style-height: 12px; }

h1 { font-size: 14px;color: #005599; font-family: Arial,sans-serif; }
h2 { font-size: 16px;color: #005599; font-family: Arial,sans-serif; }
h3 { font-size: 18px;color: #005599; font-family: Arial,sans-serif; }
h4 { font-size: 20px;color: #005599; font-family: Arial,sans-serif; }

.font_h1 { font-size: 14px;color: #005599; font-weight: bold; font-family: Arial; }
.font_h2 { font-size: 16px;color: #005599; font-weight: bold; font-family: Arial; }
.font_h3 { font-size: 18px;color: #005599; font-weight: bold; font-family: Arial; }
.font_h4 { font-size: 20px;color: #005599; font-weight: bold; font-family: Arial; }

.font_h1_blue { font-size: 14px;color: #005599; font-weight: bold; font-family: Arial,sans-serif; }
.font_h2_blue { font-size: 16px;color: #005599; font-weight: bold; font-family: Arial,sans-serif; }
.font_h3_blue { font-size: 18px;color: #005599; font-weight: bold; font-family: Arial,sans-serif; }
.font_h4_blue { font-size: 20px;color: #005599; font-weight: bold; font-family: Arial,sans-serif; }

#out1 { position:absolute; top:2px; left:-2px; z-index:-1; }
#out2 { position:absolute; top:0px; left:2px; z-index:-1; }
#out3 { position:absolute; top:-2px; left:-2px; z-index:-1; }
#out4 { position:absolute; top:1px; left:1px; z-index:-1; }

#inner { position:relative; top:0px; left:0px; z-index:0; color: #FFFFFF;}

.line_dotted { border-size: 0px; background-image:url(../interface/line-dotted.png); height:1px; background-repeat: no-repeat;}

img { border-color: #FFFFFF; }

th { font-size: 14px;color: #005599; font-family: Arial,sans-serif; }

input[type=text], input[type=password], input[type=file], select { height:25px; font-family: Verdana,Arial,sans-serif; font-size:14px;
                   font-weight: bold;
                   background-color: #DDDDDD; color:#000000;
                   border: 2px solid #5D5D5D;
}

input[type=submit] { height:26px; font-family: Verdana,Arial; font-size:12px; font-weight: bold;
        background-color:#8ABCF0; color:#FFFFFF; border: 1px solid #5D5D5D;
        background-image:url(../interface/inputbutton.png); }


.input_textfield { height:25px; font-family: Verdana,Arial,sans-serif; font-size:14px;
                   font-weight: bold;
                   background-color: #DDDDDD; color:#000000;
                   border: 2px solid #5D5D5D;
}

.input_edit {  font-family: "Courier New"; font-size:14px;
               font-weight: bold;
               background-color: #DDDDDD; color:#000000;
               border: 2px solid #5D5D5D;
}

.highlight_text { color: #FF0000 !important; font-weight:bold;}
.highlight_orange_text { color: #FF7F00 !important; font-weight:bold;}


.highlight { border: 2px solid #FF0000 !important;}
.highlight_orange { border: 2px solid #FF7F00 !important;}


.bluefat { color:#0000FF; font-weight:bold; }

.error { color:#FF0000; font-weight:bold; }
.warning { color:#FF0000; font-weight:bold; }

.frame { background-color:#F6F6F6; border: 1px solid #808080;}
.frame_sh { background-color:#F6F6F6; border: 0px;}


.imgframe { font-weight:bold; color:#FFFFFF; background-color:#C0C0C0; border: 1px; margin: 2px; padding:1px; border-spacing:0px; }

.lightgray { background-color:#F2F2F2; }
.gray { background-color:#F6F6F6; }
.midgray { background-color:#eeeeee;}
.darkgray { background-color:#E0E0E0;}

.footer { background-color:#ECECEC;  }

.progressbar { height:16px; background-color:#8ABCF0;
        background-image:url(../interface/inputbutton.png); }


a.menu         { width:145px; text-decoration:none; font-weight: normal; }
a.menu:link    { color: #0055AA; }
a.menu:visited { color: #0055AA; }
a.menu:hover   { color: #FF9900;  }
a.menu:active  { color: #FF9900; background-color : #FFFFFF; }

a.edit         { background: #FFFFFF; text-decoration:none; }
a.edit:link    { color: #FF0000; }
a.edit:active  { color: #0066AA; }
a.edit:visited { color: #FF0000; }
a.edit:hover   { color: #FF9900; }

a.nav               { text-decoration:none; font-weight: bold; font-family: Arial,sans-serif; font-size: 17px; }
a.nav:link    { color: #0066AA; }
a.nav:visited { color: #0066AA; }
a.nav:hover   { color: #FF9900; }
a.nav:active  { color: #0066AA; }

a.button:link { height:26px; font-family: Verdana,Arial,sans-serif; font-size:12px; font-weight: bold;
        background-color:#8ABCF0; color:#FFFFFF; border: 2px solid #8ABCF0; padding: 5px;
        background-image:url(../interface/inputbutton.png);  }

a.button:visited { height:26px; font-family: Verdana,Arial,sans-serif; font-size:12px; font-weight: bold;
        background-color:#8ABCF0; color:#FFFFFF; border: 2px solid #8ABCF0; padding: 5px;
        background-image:url(../interface/inputbutton.png); }

a.button:hover { height:26px; font-family: Verdana,Arial,sans-serif; font-size:12px; font-weight: bold;
        background-color:#8ABCF0; color:#FFFFFF; border: 2px solid #FFFFFF; padding: 5px;
        background-image:url(../interface/inputbutton.png);
}

a.button:active { height:26px; font-family: Verdana,Arial,sans-serif; font-size:12px; font-weight: bold;
        background-color:#8ABCF0; color:#FFFFFF; border: 2px solid #FFFFFF; padding: 5px;
        background-image:url(../interface/inputbutton.png);
        position:relative; top:1px; left:1px;
}

<!--
.wrap0, .wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.wrap0 {
  float:left;
  background:url(../interface/shadow180.png) no-repeat;
  padding-left:5px; padding-top:5px;
  }
.wrap1 {
  background:url(../interface/shadow.png) right bottom no-repeat;
  padding-bottom: 6px; padding-right: 6px;  margin-bottom: -6px; margin-right: -6px; margin-top: -5px;
  }
.wrap2 {
  background:url(../interface/shadowtr.png) right top no-repeat;
  padding-top: 5px; padding-right: 6px;  margin-top: -5px; margin-right: -6px;
  }
.wrap3 {
  background:url(../interface/shadowbl.png) bottom left no-repeat;
  padding-bottom: 6px; padding-left: 6px;  margin-bottom: -6px; margin-left: -6px;
  }
  -->

.linkbox {
position: absolute; /* AP once more... */
left: 10px;
top: 6px;
}

.outerpair1, .outerpair2, .shadowbox .innerbox {
  display:inline-table;}

.outerbox {
background: url(../interface/shadow180.png) left top no-repeat; padding-top:5px; padding-left:5px;
  float:left;
}

  .outerpair1 {
background: url(../interface/shadowtr.png) right top no-repeat; margin-bottom:-5px; margin-right:-5px;
}
/* .outerpair1 must be given a width contraint, via either a width,
or by floating or absolute positioning. In this demo these are
applied from the second class name on the .outerpair1 DIV's.
This box also has one of the corner .png's. */


.outerpair2 {
background: url(../interface/shadowbl.png) left bottom no-repeat;
padding-top: 5px;
padding-left: 5px;
}
/* .outerpair2 has padding equal to the shadow
thickness, and also has one of the corner .png's */


.shadowbox {
background: url(../interface/shadow.png) bottom right;
}
/* .shadowbox holds the main shadow .png */


.innerbox {
position: relative;
left: -5px;
top: -5px;
}
/* .innerbox is made "relative" and is "pulled" up and to
the left, by a distance equal to the thickness of the shadow.
Because this is a relative-based shift, the box retains its
exact dimensions without change. */


.shadowbox img {
vertical-align: bottom;
}
/* Shadowed images should not be made "block" for eliminating the baseline
space under the images, because this may trigger IE background bugs.
Instead, use "vertical-align: bottom;" for this purpose. */


div.shadow {
  position: relative; float:left; 
}

div.shadow div.innershad {
  position: relative;
  padding: 0px 5px 5px 0px;
  background: url(../interface/shadow.png) no-repeat bottom right;
}

div.shadow div.topleft {
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  background: url(../interface/shadow180.png) no-repeat top left;
}

div.shadow div.bottomleft {
  position: absolute;
  bottom: 0px;
  left: -5px;
  width: 5px;
  height: 5px;
  background: url(../interface/shadowbl.png) no-repeat bottom left;
}

div.shadow div.topright {
  position: absolute;
  top: -5px;
  right: 0px;
  width: 5px;
  height: 5px;
  background: url(../interface/shadowtr.png) no-repeat top right;
}