body
{
  margin: 0;
  padding: 0;
  direction: ltr;
  height: 100%;
  background: url('/templates/BrainKrash2002/images/orange_paper.gif') #FF4B00;

  scrollbar-face-color:       #333333;
  scrollbar-arrow-color:      #FF9900;
  scrollbar-base-color:       #CCCCCC;
  scrollbar-shadow-color:     #000000;
  scrollbar-highlight-color:  #666666;
  scrollbar-3dlight-color:    #000000;
}

.list { background: #000000; }
.list th
{
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  text-align: left;
  color: #000000;
  background: #777777;
}

td           {font-family: Verdana, Arial; font-size: 12px; color: #FFFFFF;}
td a:link    {color: #FFFFFF; text-decoration: underline;}
td a:visited {color: #FFFFFF; text-decoration: underline;}
td a:hover   {color: #FF9C00; text-decoration: underline;}
td a:active  {color: #909090; text-decoration: underline;}

.leftnav-border
{
  background: #333333 url('/templates/BrainKrash2002/images/navpanel1_20.gif');
  background-repeat: repeat-y;
  border: 6px solid #000000;
  border-right-width: 2px;
  border-left-width: 0px;
  border-top-width: 0px;
  border-bottom-width: 0px;
}
.leftnav td
{
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  color: #FFFFFF;
}
.leftnav a:link    {color: #FFFFFF; text-decoration: none;}
.leftnav a:visited {color: #FFFFFF; text-decoration: none;}
.leftnav a:hover   {color: #FF9C00; text-decoration: underline;}
.leftnav a:active  {color: #909090; text-decoration: none;}

.container-border
{
  border: 6px solid #000000;
  border-left-width: 2px;
  border-right-width: 0px;
}
.container td        {font-family: Verdana, Arial; font-size: 11px; color: #FFFFFF;}
.container a:link    {color: #FF9C00; text-decoration: none;}
.container a:visited {color: #FF9C00; text-decoration: none;}
.container a:hover   {color: #FFFFFF; text-decoration: underline;}
.container a:active  {color: #777777; text-decoration: none;}

TD.bkheader
{
  font-family: Arial;
  font-size: 24pt;
  color: #FFFFFF;
}

TD.webcamname
{
  font-family: Verdana, Arial;
  font-size: 7pt;
  font-weight: normal;
  color: #FFFFFF;
  background: #000000;
}
TD.webcamname a:visited, TD.webcamname a:link
{
  text-decoration: none;
}

.formresults { text-align: left; }
li         {color: #FFFFFF; list-style-type: square; list-style-position: outside; }
li.warning {color: #FF0000; background-color: black; list-style-type: square; font-weight: bold;}
li.success {color: #00FF00; list-style-type: square; }
li.normal  {color: #FFFF00; list-style-type: square; }
ul         {color: #FFFFFF; list-style-type: square; }
ol         {color: #FFFFFF; }

.bodytext
{
  font-family: Verdana, Arial;
  font-size: 12px;
}
.bodytext a:link {color: #FFFF00; text-decoration: underline;}
.bodytext a:hover {color: #FF9C00; text-decoration: underline;}
.bodytext a:active {color: #909090; text-decoration: underline;}

.mainTitle
{
  font-family: Tahoma, Verdana, Arial;
  letter-spacing: 0.2em;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: underline;
  color: #DDDDDD;
}

.bodyheading
{
  font-family: Tahoma, Verdana, Arial;
  letter-spacing: 0.2em;
  font-size: 14pt;
  font-weight: normal;
  text-decoration: underline;
  color: #DDDDDD;
}

.bodyhighlight {font-family: Verdana, Arial; font-size: 12px; color: #FF9C00;}

.bodyreqtext {font-family: Verdana, Arial; font-size: 12px;}
.bodyreqtext a:link {color: #1860AC; text-decoration: none;}
.bodyreqtext a:hover {color: #CC0000; text-decoration: underline;}
.bodyreqtext a:active {color: #FF0000; text-decoration: none;}

.login {font-size: 10px;}
.login a:link    {text-decoration: none;}
.login a:visited {text-decoration: none;}
.login a:hover   {color: #FFFFFF; text-decoration: underline;}

.crumblink
{
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
}
.crumblink a:link    {color: #FFFFFF; text-decoration: none;}
.crumblink a:visited {color: #FFFFFF; text-decoration: none;}
.crumblink a:hover   {color: #FFFFFF; text-decoration: underline;}
.crumbtitle
{
  font-family: Verdana;
  font-size: 11pt;
  font-weight: bold;
  color: #FFFFFF;
}
.crumbtext           {color: #FFFF00;}
.crumbdiv            {font-family: Metrostyle; font-size: 10pt; color: #FFFFFF; font-weight: bold; color: #FFFFFF;}

.small-list           {font-family: Arial, Verdana, Arial; font-size: 12px;}
.small-list a:link    {color: #FFFFFF; text-decoration: underline;}
.small-list a:visited {color: #FFFFFF; text-decoration: underline;}
.small-list a:hover   {color: #FF9C00; text-decoration: underline;}

.small-action           {font-family: Verdana, Arial; font-size: 12px;}
.small-action a:link    {color: #FF9C00; text-decoration: underline;}
.small-action a:visited {color: #FF9C00; text-decoration: underline;}

.mytextNoEdit {font-family: Verdana, Arial; font-size: 11px; color: #000000; font-weight: bold;}
.mytextNoEdit a:link    {text-decoration: underline;}
.mytextNoEdit a:visited {color: #FFFF00; text-decoration: underline;}
.mytextNoEdit a:hover   {color: #FFFFFF; text-decoration: none;}
.mytextNoEdit a:active  {text-decoration: none;}

.newslinks {font-size: 11px; font-family: Verdana, Arial;}
.newslinks a:link    {color: #FFFFFF; text-decoration: none;}
.newslinks a:visited {color: #FFFFFF; text-decoration: none;}
.newslinks a:hover   {color: #FF9C00; text-decoration: underline;}
.newslinks a:active  {color: #777777; text-decoration: none;}

.bktitle1, td.bktitle1, .bktitle1 a:link, .bktitle1 a:visited
{
  font-family: Verdana, Arial;
  font-size: 13pt;
  font-weight: bold;
  text-decoration: underline;
  color: #FF9C00;
}
.bktitle1 a:hover
{
  color: #FFFFFF;
}

.bktitle2, td.bktitle2, .bktitle2 a:link, .bktitle2 a:visited
{
  font-family: Verdana, Arial;
  font-size: 13pt;
  font-weight: bold;
  text-decoration: underline;
  color: #FF9C00;
}
th.bktitle2
{
  font-weight: bold;
  font-size: 9pt;
  color: #FFFFFF;
  text-decoration: none;
}

td.rightborder { border-right: 2px solid #FFFFFF; }
td.leftborder  { border-left: 2px solid #FFFFFF; }