body { 
  font-family: sans-serif;
}

  /* Headers for fields. */
  div.header, span.header { 
               font-family: sans-serif;
               font-size: 16px;
               font-weight: bold;
               color: #4444ff;
               }

  /* Headers for actor browsing. */
  span.actorheader { 
                     font-family: sans-serif;
                     font-size: 16px;
                     font-weight: bold;
                     color: #4444ff;
                     
                     }

  span.actorheader:hover { 
                           cursor: pointer;
                           }


  table.actorbrowse { 
                      border-collapse: separate;
                      }
  table.actorbrowse td { 
                         border-color: #0000ff;
                         border-left-width: 3px;
                         border-right-width: 0px;
                         border-top-width: 0px;
                         border-bottom-width: 0px;
                         border-style: solid;
                         padding-right: 15px;
                         }
/*  table.actorbrowse td:first-child {
                                     border-left: none;
                                     }*/

  table.actorbrowse td:last-child {
                                  border-right: none;
                                  }

  /* The table that displays the list of genres */
  table.genreTable { 
                     border-collapse: collapse;
                     border-width: 1px;
                     border-style: solid;
                     border-color: #0000ff;
                     } 

  /* Define how genre checkboxes are to be displayed. */
  span.genreCheck { 
            clear: left;
           /* display: block;*/
            float: left;
            margin-left: 10px;
            }

  /* Table that displays the input fields.*/
  table.inputTable { 
                     border-width: 0px;
                     }

  /* all fields within */
  table.inputTable td { 
                        vertical-align: top;
                         }

  /* "header" column within the table */
  table.inputTable td.header { 
                               text-align: right;
                               }

  /* Actor names that have been added to the movie. */
  span.actorname { 
                   color: #8888FF;
                   }

  /* Actor name that is ready to be added. */
  span.actorout { 
                  font-weight: normal;
                  }

  /* Actor name to be added when moused over. */
  span.actorout:hover { 
                   font-weight: bold;
                   font-style: normal;
                   cursor: pointer;
                   }

  /* Define how the media checkboxes are to be displayed. */
  span.checkbox { 
            clear: left;
           /* display: block;*/
            float: left;
            margin-left: 10px;
            }

  /* Used to get the users attention. */
  span.warning { 
                 color: #FF8888;
                 }


  /* progressive definitions to "highlight" a field */
  span.flash100 { 
                  color: rgba(0,0,255,1.0);
                  background-color: rgba(255,0,0,1.0);
                  }

  span.flash80 { 
                 color: rgba(0,0,255,0.8);
                 background-color: rgba(255,0,0,0.8);
                 }

  span.flash60 { 
                 color: rgba(0,0,255,0.6);
                 background-color: rgba(255,0,0,0.6);
                 }

  span.flash40 { 
                 color: rgba(0,0,255,0.4);
                 background-color: rgba(255,0,0,0.4);
                 }

  /* This specifies how movie hints are displayed. */
  div.movieHint { 
                  background: #ffffff; /*rbga(196,196,255,0.6);*/
                  border-width: 1px;
                  border-style: solid;
                  border-color: #0000ff;
                  margin: 5px;
                  padding: 15px;
                  position: absolute;
                  left: 0px;
                  top: 0px;
/*                  z-index: 100; */
                   }

  /*  Unused Auto-complete stuff. */
  div.autocomplete {
  margin:0px;  
  padding:0px;  
  width:250px;
  background:#fff;
  border:1px solid #888;
  position:absolute;
  }
  
  div.autocomplete ul {
  margin:0px;
  padding:0px;
  list-style-type:none;
  }
  
  div.autocomplete ul li.selected { 
  background-color:#fff;
  }
  
  div.autocomplete ul li {
  margin:0;
  padding:2px;
  height:32px;
  display:block;
  list-style-type:none;
  cursor:pointer;
  }