/* CSS style file for Plemp! */

#header { 
  position: relative;
  border-bottom: thin solid gray;
  height: 100%;
}

#header h1 { 
  margin: 5pt 0pt; 
  height: 20pt;
}
#header #title { float: left; }
#header #subtitle { font-size: 57%; }
#header #add { float: right; cursor: pointer; }
#header #add:hover { color: #888; }

#add_dialog {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 999;
}
#add_dialog .background { 
  position: absolute;
  top: 0px; 
  left: 0px;
  z-index: 1000;
  width: 100%;
  height: 100%;
  background: #ddd; 
  opacity: 0.8; 
}

#add_dialog form {
  z-index: 1001;
  width: 500px;
  height: 390px;
  margin: 100px auto;
  background: white;
  border: thin solid black;
  padding: 15px;
  text-align: left;
  position: relative;
}

.left  { text-align: left; }
.right { text-align: right; }

.draggable {
  position: absolute;
  padding: 10px;
  width: 400px;
  max-height: 300px;
  overflow: auto;
  border: thin solid #888;
  background: white;
}