/* @import "navbar-bottom.css"; */
/* @import "column+annotations.css"; */
/* @import "keys.css"; */

div#navbar {
  position: relative;
  top: 0px;
  margin-top: 0px;
  width: 100%;
  /* height: set to a fixed value */
}





/* Container for keys */

.keys {
  height: 128px;
  width: 335px;
}


/* Position the keys */

.keys div {
  position: absolute;
  top: 0px;
  height: 100px;
  text-align: center;
/*  border: thin blue solid;*/
}

.keys .keysL {
  left: 0px;
  width: 35px;
  background-image: url(images/keys_left.jpg);
  background-repeat: no-repeat;
}

.keys .keys0 {
  left: 35px;
  width: 55px;
  background-image: url(images/keys0_up.jpg);
  background-repeat: no-repeat;
}

.keys .keys1 {
  left: 90px;
  width: 60px;
  background-image: url(images/keys1_up.jpg);
  background-repeat: no-repeat;
}

.keys .keys2 {
  left: 150px;
  width: 55px;
  background-image: url(images/keys2_up.jpg);
  background-repeat: no-repeat;
}

.keys .keys3 {
  left: 205px;
  width: 60px;
  background-image: url(images/keys3_up.jpg);
  background-repeat: no-repeat;
}

.keys .keys4 {
  left: 265px;
  width: 60px;
  background-image: url(images/keys4_up.jpg);
  background-repeat: no-repeat;
}

.keys .keysR {
  left: 325px;
  width: 25px;
  background-image: url(images/keys_right.jpg);
  background-repeat: no-repeat;
}



/* Rollover images */

.keys a {
  height: 100px;
  display: block;
}

.keys a img {
  border: none;
  height: 100px;
  visibility: hidden;
}

.keys a:hover img {
  border: none;
  visibility: visible;
}



/* Position the labels */

.keys span {
  position: absolute;
  top: 100px;
  width: 55px;
}

.keys div.keys0 span {
  left: -19px;
}

.keys div.keys1 span {
  left: -1px;
}

.keys div.keys2 span {
  left: 1px;
}

.keys div.keys3 span {
  left: 10px;
}

.keys div.keys4 span {
  left: 12px;
}










/*** navbar with keys ***/

.keys {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 1em;
  padding-right: 40px;
  color: white;
  background: black;
  font-size: x-small;
}


.keys a {
  color: #ffffff;
  font-size:12px;
  background: none;
  text-decoration: none;
}

.keys a:visited {
  color: white;
}

.keys a:hover {
  color: white;
  font-weight: bold;
}