
/* /////  GENERAL  //////////////////////////////////////////////////////////////////// */

/* global */
body
{
  font-family: Verdana, Arial, Helvetica;
  background-color: black;
  color: #ffffb0;
}

/* nuke image borders */
img
{
  border: none;
}


/* /////  SCREEN  ///////////////////////////////////////////////////////////////////// */

.ScreenImage
{
  position: relative;
  margin: 0px 0px 0px 5px;
  left: 1px;
  top: 1px;
}


.ScreenTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 150%;
  color: #ff8020;
  position: relative;
  top: -38px;
  left: 545px;
  width: 445px;
  height: 0px;
  text-align: right;
}


.ScreenText
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 90%;
  color: #ffffb0;
  padding: 0px;
  margin: 2px 2px 0px 2px;
  clear: both;
}

.Equation
{
  font-family: Times New Roman;
  font-size: 110%;
  color: #ff8020;
  padding: 0px;
  margin: 15px 15px 15px 15px;
  clear: both;
}

.CaptionText
{
  font-family: Arial, Verdana, Helvetica;
  font-size: x-small;
  color: #ffffb0;
  padding: 0px;
  margin: 1px 1px 1px 1px;
  clear: both;
}

.SectionTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 100%;
  font-weight: bold;
  color: #ff8020;
  padding: 0px 0px 0px 0px;
  margin: 1px 1px 1px 1px;
  clear: both;
}

.SectionLowTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 100%;
  font-weight: bold;
  color: #ff8020;
  padding: 0px 0px 0px 0px;
  margin: 1px 1px 1px 1px;
  clear: both;
}

.SectionCaption
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 100%;
  font-weight: bold;
  color: #ffffb0;
  padding: 0px 0px 0px 0px;
  margin: 1px 1px 1px 1px;
  clear: both;
}

.a
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 90%;
  color: red;
  padding: 0px;
  margin: 5px 5px 0px 5px;
  clear: both;
}
/* /////  FAVORITES  ////////////////////////////////////////////////////////////////// */

/* div around the whole fave entry */
.FaveFrame
{
  width: 980px;
  float: left;
  padding: 5px 0px 10px 0px;
  margin: 0px 5px 0px 5px;
}

/* div around the fave image */
.FaveImageFrame
{
  width: 125px;
  min-width: 125px;
  float: left;
  text-align: center;
}

/* div around fave texts: title and description */
.FaveTextFrame
{
  width: 840px;
  padding-left: 15px;
  float: left;
}

/* div around the fave title */
.FaveTitleFrame
{
  padding-bottom: 5px;
}


.FaveTitle
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: white;
}


.FaveDescription
{
  font-family: Arial, Verdana, Helvetica;
  font-size: 80%;
  color: #c0c0c0;
}

.FaveLink
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  color: CornflowerBlue;
}

/* /////  MENU  /////////////////////////////////////////////////////////////////////// */

.MenuItem
{
    margin-bottom: 10px;
}

/* normal item */
.MenuNormal
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  text-decoration: none;
  font-size: 80%;
  color: #ffffb0;
  width: auto;
}

/* selected item */
.MenuSelected
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 80%;
  color: #ff8020;
  width: auto;
}

/* picked item */
.MenuHover
{
  font-family: Arial, Verdana, Helvetica;
  font-weight: bold;
  font-size: 100%;
  color: #ff8020;
  width: auto;
}

input
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  background-color: #202020;
  border: #808080 1px solid
}


textarea
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  background-color: #202020;
  border: #808080 1px solid
}


.Map
{
  font-family: Arial, Verdana, Helvetica;
  color: white;
  margin: 3px 0px 3px 0px;
}


.Level0
{
  font-weight: bold;
  margin: 0px 0px 0px 5px;
}


.Level1
{
  font-weight: bold;
  margin: 0px 0px 0px 20px;
  padding-top: 10px;
  clear: both;
}


.Level2
{
  font-size: 80%;
  font-weight: bold;
  margin: 3px 0px 0px 35px;
  float: left;
  clear: both;
  width: 240px;
}


.Level3
{
  font-size: 80%;
  margin: 0px 0px 0px 50px;
  clear: both;
}


.Comment
{
  width: 620px;
  font-size: 80%;
  color: #606060;
  float: left;
}


td.off {
background: #CCCCCC;
}

td.on {
background: #999999;
}
