body
  {
     font-family:Helvetica,Sans,Arial;
     margin:0;
     background:#FFFFFF;
     color:#000000;
  }

.section {
    margin-left:30px;
}
  
.note {
     background:#DFDFDF;
     color:#000000;
     border:solid 1px #333366;
     -webkit-box-shadow:5px 5px 15px #888888;
     -moz-box-shadow:5px 5px 15px #888888;
     box-shadow:5px 5px 15px #888888;
     padding:10px;
}

.dark
{
     background:#333366;
}
.bright
{
     background:#DFDFDF;
     color:#000000;
}
.bright2
{
     background:#CECECE;
     color:#000000;
}
.border
{
     background:#000000;
     font-weight:bold;
}
.darktab
{
     color:#FFFFFF;
     border-style:solid;
     border-width:1px;
     border-color:#000000;
     background:#333366;
     padding:5px;
}
.brighttext
{
     color:#ffffff;
     font-weight:bold;
}
.runningtab
{
     position:fixed;
     top:170px;
     right:18px;
     width:130px;
     background:#DFDFDF;
     color:#000000;
     border:solid 1px #333366;
     -webkit-box-shadow:5px 5px 15px #888888;
     -moz-box-shadow:5px 5px 15px #888888;
     box-shadow:5px 5px 15px #888888;
     opacity: 0.9;
     padding:10px;
     padding-top:3px;
}
.title
{
     background:#CECECE;
     background-image:url('');
     background-image:url('Pictures/bg-gray.gif');
     font-family:Source Sans Pro,Helvetica,sans-serif,Arial;
     font-size:20px;
}
td.title
{
     padding:10px;
}
.title600
{
     width:260px;
     background:#CECECE;
     background-image:url('');
     background-image:url('Pictures/bg-gray600.gif');
}
.red
{
     background:#333366;
     color:#FFFFFF;
}
.subtitle
{
     font-size:14px;
     font-weight:bold;
     text-decoration:none;
}
.nav
{
     background:#DFDFDF;
     font-weight:bold;
     text-decoration:none;
     padding:5px;
}
table.nav
{
     -webkit-box-shadow:3px 3px 15px #ccc;
     -moz-box-shadow:3px 3px 15px #ccc;
     box-shadow:3px 3px 15px #ccc;
     padding:10px;
     padding-left:4px;
     width:170px;
     padding-left:0px;
     padding-right:0px;
}
.nav_sel
{
     background:#FFFFFF;
     font-weight:bold;
     text-decoration:none;
     padding:5px;
}
.nav_over
{
     background:#EFEFEF;
     font-weight:bold;
     padding:5px;
}
td, input, submit, ol, ul, p
  {
     font-size:12px;
     font-family:Helvetica,Sans,Arial;
  }
kbd, pre, code
  {
     font-family:Courier;
  }
td.equ, span.equ
  {
     font-family:Times,Serif;
  }
input, submit
  {
	font-size:12px;
  }
a:link
  {
    color:#2A2AA5;
  }
a:visited
  {
    color:#2A2AA5;
  }
a:active
  {
    color:#ffff00;
  }
a:hover
  {
    color:#a52a2a;
  }
a.list
  {
    font-weight:bold;
    color:#2A2AA5;
  }
a.list:hover
  {
    font-weight:bold;
    color:#a52a2a;
  }
a.hidden
  {
    color:#000000;
    text-decoration:none;
  }
a.hidden:hover
  {
    color:#A52A2A;
    text-decoration:underline;
  }
a.style
  {
    font-size:10px;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
  }
a.style:hover
  {
    font-size:10px;
    color:#FFFF00;
    text-decoration:none;
    font-weight:bold;
  }

a.external:after {
      /*content: "\2197\0020";
      content: "\2348";*/
      white-space: nowrap;
      padding-left:3px;
      content: url('Pictures/external.svg');
      filter: brightness(40%) contrast(80%);
}

input, textarea
  {
    border-color:CECECE; 
    font-family: courier; 
    color:#333366; 
    background-color:D3B5B5;
  }
.submit
  {
    background-color:#333366;
    color:#FFFFFF;
    border-color:#FFFFFF;
    border-style: solid; 
    font-family: helvetica; 
    cursor: pointer; 
  }
.submit_over
  {
    background-color:#a52a2a;
    color:#FFFFFF;
    border-color:#FFFFFF;
    font-family: helvetica; 
    border-style: solid; 
  }
.submit_click
  {
    background-color:#FFFFFF;
    color:#000000;
    font-family: helvetica; 
    border-color:#000000;
    border-style: solid; 
  }
select
  {
    border-color:CECECE; 
    font-family: helvetica; 
    color:#333366; 
    background-color:D3B5B5;
  }
 

h1
{
   text-transform:uppercase
}
.comment
{
   color:#a52a2a;
}