[0001]
[0002]
[0003]
[0004]
[0005]
[0006]
[0007]
[0008]
[0009]
[0010]
[0011]
[0012]
[0013]
[0014]
[0015]
[0016]
[0017]
[0018]
[0019]
[0020]
[0021]
[0022]
[0023]
[0024]
[0025]
[0026]
[0027]
[0028]
[0029]
[0030]
[0031]
[0032]
[0033]
[0034]
[0035]
[0036]
[0037]
[0038]
[0039]
[0040]
[0041]
[0042]
[0043]
[0044]
[0045]
[0046]
[0047]
[0048]
[0049]
[0050]
[0051]
[0052]
[0053]
[0054]
[0055]
[0056]
[0057]
[0058]
[0059]
[0060]
[0061]
[0062]
[0063]
[0064]
[0065]
[0066]
[0067]
[0068]
[0069]
[0070]
[0071]
[0072]
[0073]
[0074]
[0075]
[0076]

/* basic CSS for the WASD site pages */

@font-face {
  font-family: myFirstFont;
  src: url(/wasd_root/wasdoc/prototype.ttf);
  font-weight: bold;
}

html
{
   background-color: #ccc;
   background-image: url('/wasd_root/wasdbg.gif');
}

body
{
   font-family: arial, helvetica, "sans serif"; font-size: 11pt;
   margin: 1em 5em 1em 5em; padding: 0 0 1em; 0;
   width: 60em;
   text-shadow: 1px 1px 2px #f0f0f0;
}

p { margin: 1.0em 0 0 0; }
ul { margin: 0.5em 0 0.2em 0; padding: 0 0 0 3.0em; }
a:link { color:#0000bb; }
a:visited { color: #0000bb; }
a:active { color: #0000bb; }

@media screen { a[target=_blank]::after { font-size:80%; content:"\2924"; } }

.title { font-size: 130%; }
.title2 { font-size: 120%; }
.heading { font-size: 120%; }

.panel
{
   background-color: #e0e0e0;
   text-shadow: none;
   border: 1px solid #444;

   -moz-border-radius: .2em;
   -webkit-border-radius: .2em;
   border-radius: .2em;

   -moz-box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
   -webkit-box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
   box-shadow: 0 0 2px 2px rgba(255,255,255,.8) inset, 1px 1px 2px rgba(96,96,96,.3);
}

.panel1
{
   background-color: #e0e0e0;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));
   background-image: -webkit-linear-gradient(top, #fff, #eee);
   background-image: -moz-linear-gradient(top, #fff, #eee);
   background-image: -ms-linear-gradient(top, #fff, #eee);
   background-image: -o-linear-gradient(top, #fff, #eee);
   background-image: linear-gradient(top, #fff, #eee);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff',EndColorStr='#f0f0f0');
}

.panel2
{
   background-color: #ddd;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#ccc));
   background-image: -webkit-linear-gradient(top, #ddd, #ccc);
   background-image: -moz-linear-gradient(top, #ddd, #ccc);
   background-image: -ms-linear-gradient(top, #ddd, #ccc);
   background-image: -o-linear-gradient(top, #ddd, #ccc);
   background-image: linear-gradient(top, #ddd, #ccc);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd',EEndColorStr='#c0c0c0');
   text-shadow: 1px 1px 2px #f0f0f0;
}

.panel tr td { padding:1em; }
.panel tr td tr td { padding:0.2em; }