@charset "UTF-8";
/* Getreel Website
 * $Id: mustard.css 181 2007-07-19 16:09:07Z stefanor $
 *
 * White style sheet.
 *
 * Copyright (c) 2004 Stefano Rivera <project-getreel "at" rivera "dot" za "dot" net>
 * http://rivera.za.net/
 */

@import url("base.css");

/********************************************************************
 * Fonts and styles
 */

body {
  font-family: sans-serif;
  background-color: #444444;
  color: white;
}

h1 {
  font-size: large;
}

h2 {
  font-size: medium;
  font-weight: bold;
}

ul {
  list-style: disc;
}

:link {
  text-decoration: underline;
  color: blue;
}

:visited {
  text-decoration: underline;
  color: navy;
}

a:active {
  text-decoration: underline;
  color: red;
}

a:hover {
  color: #0044ff;
}

th {
  font-weight: bold;
}

/********************************************************************
 * Header
 */
div#header {
  border-top: 12px solid #666666;
  border-bottom: 12px solid #666666;
  background: #444444;
}

div#header div#title {
  font-size: 20px;
  color: #666666;
  padding-top: 3px;
  padding-left: 15px;
  text-transform: lowercase;
}

div#header .colons {
  display: none;
}

/********************************************************************
 * Footer
 */

div#copyright {
  font-size: x-small;
  color: #666666;
}

div#copyright :link {
  color: #666666;
}

div#copyright :visited {
  color: #666666;
}

div#copyright a:hover {
  color: white;
}

/********************************************************************
 * Sidebar
 */
div#sidebar {
  border-right: 2px dashed #666666;
  background-color: #444444;
}

/********************************************************************
 * Menu
 */

div#menu a {
  text-decoration: none;
}

div#menu div.node {
  padding-left: 25px;
  padding-bottom: 0.5em;
  font-size: medium;
  color: white;
  text-transform: lowercase;
}

div#menu div.node#selectedNode a {
  color: white;
  font-weight: bold;
}

div#menu div.node :visited {
  color: white;
}

div#menu div.node :link {
  color: white;
}

div#menu div.node a:hover {
  font-size: large;
}

/********************************************************************
 ********************************************************************
 * Player
 */

p.error {
  color: #990000;
}

div#comment {
  background: #FFFF99;
  border: 2px solid #999900;
  color: black;
}

div#play-area {
  background: black;
  padding: 1ex 0px;
}

div#player {
  font-size: xx-small; /* For the em above */
}

table#nowPlaying caption {
  display: none;
}

table#nowPlaying th {
  display: none;
}

table#nowPlaying td {
  text-transform: lowercase;
  color: #666666;
  font-size: x-small;
}

#download :link {
  color: black;
  text-decoration: none;
}

#download :visited {
  color: black;
  text-decoration: none;
}

#download a:hover {
  color: #666666;
  text-decoration: none;
}

#play :link {
  text-decoration: none;
  color: #444444;
  font-size: 20px;
}

#play :visited {
  text-decoration: none;
  color: #444444;
  font-size: 20px;
}

#play img {
  vertical-align: middle;
}

/* If the plugin isn't installed */
div#player object p {
  font-size: large;
  font-weight: bold;
  color: #990000;
}

/********************************************************************
 * Thumbnails
 */

div#thumbs div.thumb {
  font-size: x-small;
  text-transform: lowercase;
  color: #666666;
}

div#thumbs div.thumb:hover {
  color: black;
}

/* MSIE Hack */
div#thumbs div.highlight-thumb {
  font-size: x-small;
  text-transform: lowercase;
  color: black;
}

div#thumbs div#currentThumb {
  color: white;
}

div#thumbs div.title {
  overflow: hidden;
  height: 1em;
}

/********************************************************************
 * Single Player
 */

div#singlePlayer {
  color: #666666;
}

div#singlePlayer p#download {
  font-size: x-small;
  text-transform: lowercase;
}

div#singlePlayer table#nowPlaying th {
  display: table-cell;
  text-transform: lowercase;
  font-size: x-small;
}

div#singlePlayer div#singleText {
  font-size: small;
}

div#singlePlayer div#singleText a {
  color: #aaaaaa;
}

div#singlePlayer div#singleText a:hover {
  color: white;
}

/********************************************************************
 * GetJob
 */

div#currentImg {
  border: solid 2px black;
  background: black;
  text-align: center; /* IE Hack */
}

div#currentImg img {
  padding: 0 auto;
}

form#uploadFile #resize {
  vertical-align: middle;
}

table#file-list td {
  padding-right: 2ex;
}

table#file-list :link {
  color: white;
}

table#file-list :visited {
  color: white;
}

div.gjAdminDir {
  border: solid 2px #BBBBBB;
  background: #DDDDDD;
  padding: 0.5em;
  margin: 0.5em;
}

/********************************************************************
 ********************************************************************
 * Tables
 */

table th a {
  text-decoration: none; /* No underline */
  font-size: small;
}

/********************************************************************
 * Clients
 */
table#ClientsTable tr.superUser {
  background: #DDDDDD;
  font-weight: bold;
}

table#ClientsTable tr.disabled {
  font-style: italic;
}

table#ClientsTable tr.enabled {
  background: #BBBBBB;
}

/********************************************************************
 * Reels
 */
table#ReelsTable tr.public {
  background: #DDDDDD;
}

table#ReelsTable tr.private {
  background: #BBBBBB;
}