body { 
  background-color: #05771b;
/*  background-color: #6666ff; */
  color: #000; 
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   13px;
  line-height: 18px;
}

#navigation {
   bottom: 5%;
   left: 1%;
   position: relative;
   background-color: white;
   width: 95%;
   padding: 5px;
   border: thin solid black;

}

#album {
   bottom: 5%;
   left: 1%;
   position: relative;
   background-color: #8ff3a2;
   width: 95%;
   padding: 5px;
   border: thin solid black;

}


#videoname {
   bottom: 5%;
   left: 1%;
   position: relative;
   background-color: #FFFFFF;
   width: 95%;
   padding: 5px;
   border-bottom: medium solid black;

}




#archive{
   right: 5%;
   top: 5%;
   position: absolute;
   width: 30%;
   height: 300px;
   overflow: scroll;
   background-color: white;
   border: medium solid black;
}

#movie {
  left: 1%;
  position: relative;
  width: 95%;
  height: 75%;
  padding: 5px;
  background-color: white;
  border: thin solid black;

}

#texty {
   background: #84E095;
   border-top: 2px solid #000;
}

#categories {
  left: 15%;
  top: 15%;
  right: 15%;
  bottom: 15%;
  position: fixed;
  width: 40%;
  height: 30%;
  padding: 15%;
  background-color: white;
  border: medium solid black;
  border-width: 1;
}

    div.auto_complete {
      position:absolute;
      width:250px;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
    }
    ul.contacts  {
      list-style-type: none;
      margin:0px;
      padding:0px;
    }
    ul.contacts li.selected { background-color: #ffb; }
    li.contact {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      height:32px;
    }
    li.contact div.image {
      float:left;
      width:32px;
      height:32px;
      margin-right:8px;
    }
    li.contact div.name {
      font-weight:bold;
      font-size:12px;
      line-height:1.2em;
    }
    li.contact div.email {
      font-size:10px;
      color:#888;
    }
    #list {
      margin:0;
      margin-top:10px;
      padding:0;
      list-style-type: none;
      width:250px;
    }
    #list li {
      margin:0;
      margin-bottom:4px;
      padding:5px;
      border:1px solid #888;
      cursor:move;
    }