body,table,a {
    font-family: arial, sans-serif;
      font-size: 12;
      color: white;
  }

  a:link, a:visited {
      }

  #whitebody {
    font-size: 10;
  }

  #whitehead {
  	font-weight: bold;
  }

 #tiptitle {
  	font-size: 11px;
	  font-weight: bold;
  }  
  #tooltip {
    padding: 3px;
    background-color: #f9f9f9;
    border: 1px solid #000000;
    color: black;
    font-size: 10px;
	}
  span.tip {
    border-bottom: 1px solid #eee;
   }
   .skillbox {
    text-align: center;
    padding-left: 3px;
    padding-right: 3px;
  }
  .skilltaken {
	  color: #330000;
	  font-weight: bold;
    font-size: 10px;
    text-align: center
  }
  .skillreqmet {
 	  color: #330000;
    font-size: 10px;
    text-align: center
  }

  .skillreqnotmet {
	  color: gray;
    font-size: 10px;
    text-align: center
  }
 


 .Point {
	border: 1px outset grey;
  padding: 0px 3px 0px 3px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-width: 1px;
	margin: 1px;
	width: 14px;
  font-size: 10px;

}

 .Pointdrop {
	background-color: #d0d0d0;
  border: 1px inset Silver;
  color: #606060;
  padding: 0px 3px 0px 3px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-width: 1px;
	margin: 1px;
	width: 14px;
  font-size: 10px;
  }

 .Pointsel {
	border: 1px inset grey;
	background-color:  Yellow;
	padding: 0px 3px 0px 3px;
	margin-bottom: 1px;
	margin-left: 2px;
	margin-right: 2px;
	margin-top: 2px;
	border-width: 1px;
	margin: 1px;
	width: 14px;
  font-size: 10px;
  }

  #Error {
	  font-size: 12px;
 	  color: yellow;
 	  font-weight: bold;
  }
  #Status {
	  font-size: 12px;
 	  color: White;
 	  font-weight: bold;
 	  background-color: Red;
  }
  #headbutton {
    background-image: url(images/headbutton.gif);
  }
  #headbuttonsel {
    background-image: url(images/headbuttonsel.gif);
  }

  
  
  
  
  
  
  .cTop2 {background-image: url(images/top2.gif);}
  .cTop2a {background-image: url(images/top2a.gif);}
  .cMiddle {background-image: url(images/middle.gif);}
  .cMiddlea {background-image: url(images/middlea.gif);}
  .cBottom1 {background-image: url(images/bottom1.gif);}
  .cBottom1a {background-image: url(images/bottom1a.gif);}
  

  
  #image0 {background-image: url(images/0.gif);}
  #image1 {background-image: url(images/1.gif);}
  #image2 {background-image: url(images/2.gif);}
  #image3 {background-image: url(images/3.gif);}
  #image4 {background-image: url(images/4.gif);}
  #image5 {background-image: url(images/5.gif);}
  #image6 {background-image: url(images/6.gif);}
  #image7 {background-image: url(images/7.gif);}
  #image8 {background-image: url(images/8.gif);}
  #image9 {background-image: url(images/9.gif);}
  #image20 {background-image: url(images/20.gif);}
  #image21 {background-image: url(images/21.gif);}
  #image50 {background-image: url(images/50.gif);}
  #image51 {background-image: url(images/51.gif);}
  #image52 {background-image: url(images/52.gif);}
  #image53 {background-image: url(images/53.gif);}
  #image0s {background-image: url(images/0s.gif);}
  #image1s {background-image: url(images/1s.gif);}
  #image2s {background-image: url(images/2s.gif);}
  #image3s {background-image: url(images/3s.gif);}
  #image4s {background-image: url(images/4s.gif);}
  #image5s {background-image: url(images/5s.gif);}
  #image6s {background-image: url(images/6s.gif);}
  #image7s {background-image: url(images/7s.gif);}
  #image8s {background-image: url(images/8s.gif);}
  #image9s {background-image: url(images/9s.gif);}
  #image20s {background-image: url(images/20s.gif);}
  #image21s {background-image: url(images/21s.gif);}
  #image50s {background-image: url(images/50s.gif);}
  #image51s {background-image: url(images/51s.gif);}
  #image52s {background-image: url(images/52s.gif);}
  #image0a {background-image: url(images/0a.gif);}
  #image1a {background-image: url(images/1a.gif);}
  #image2a {background-image: url(images/2a.gif);}
  #image3a {background-image: url(images/3a.gif);}
  #image4a {background-image: url(images/4a.gif);}
  #image5a {background-image: url(images/5a.gif);}
  #image6a {background-image: url(images/6a.gif);}
  #image7a {background-image: url(images/7a.gif);}
  #image8a {background-image: url(images/8a.gif);}
  #image9a {background-image: url(images/9a.gif);}
  #image20a {background-image: url(images/20a.gif);}
  #image21a {background-image: url(images/21a.gif);}
  #image50a {background-image: url(images/50a.gif);}
  #image51a {background-image: url(images/51a.gif);}
  #image52a {background-image: url(images/52a.gif);}