.picbody {  background-color: #c0c0c0;  margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px; }
.picturecell {  vertical-align: top; }
.picturetxt  { font-size: 12px;  vertical-align: top;  color: #000000;  }
.labelcell { width: 170px;  font-size: 10px; vertical-align: top; }
.fieldcell { font-size: 10px; vertical-align: top;}

.button { width: 120px; font-size: 10px; margin-left: 0px; margin-right: 0px; margin-top: 5px;  margin-bottom: 5px; }
img { border:none; }

.teampic { width: 450px;  margin-left: 0px; margin-right: 0px; margin-top: 0px;  margin-bottom: 0px; vertical-align: top; }
.invisible { background-color: #ffffff; color: #ffffff; }
.notapproved       { color: red; }

/* The hint to Hide and Show */
.hint {
   display: none;
    position: absolute;
    right: 50px;
    width: 200px;
    margin-top: -4px;
    border: 1px solid #c93;
    padding: 10px 12px;
    background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

/* The pointer image is hadded by using another span */
.hint .hint-pointer {
    position: absolute;
    left: -10px;
    top: 5px;
    width: 10px;
    height: 19px;
    background: url(pointer.gif) left top no-repeat;

}