/* Body element style, referenced by class instead */
.moonPhase {
  margin: 0;
  padding: 0;
  overflow: hidden; 
  font-family: sans-serif; 
  color: #cccccc; 
  background: black url(http://daylightmap.com/moon/images/stars_large.jpg) center;
}

/* Styling for the full content area and moon image */
.moonPhase #main {
  position: relative; 
  left: 0; 
  top: 0; 
  width: 100%;
  font-size: 11px;
}
.moonPhase #image_container {
  margin: 0 10px;
  padding: 10px;
  text-align: center;
}

/* Presentation of the auxiliary text blocks */
.moonPhase a, 
.moonPhase a:visited {
  color: #cccccc; 
  text-decoration: none;
}
.moonPhase a:hover {
  color: #ffffff;
  text-decoration: underline;
  cursor: pointer;
}
.moonPhase .text {
  width: 30%; 
  position: absolute; 
  line-height: 1.1em;
  margin: 5px;
}
.moonPhase #last {
  text-align: left; 
  left: 0; 
  top: 0;
}
.moonPhase #next {
  text-align: right; 
  right: 0; 
  bottom: 0;
}
.moonPhase #credit {
  text-align: left; 
  left: 0; 
  bottom: 0;
}

/* Control icons on the main pane */
.moonPhase #main_icons {
  opacity: 0;
  display: block;
  position: absolute;
  right: 0px;
  top: 0px;
  height: 18px;
  width: 18px;
  z-index: 99999;
  overflow: visible;
}
.moonPhase .control_icon {
  overflow: hidden;
  position: absolute;
  right: 2px;
  height: 16px;
  width: 16px;
  border: none;
  background: no-repeat 0 0 transparent;
  cursor: pointer;
}
.moonPhase #config_icon {
  top: 2px;
}
.moonPhase #main:hover #main_icons {
  opacity: 0.5;
}
.moonPhase #main #main_icons:hover {
  opacity: 1.0;
}

/* Configuration pane */
.moonPhase #config {
/*  display: none;*/
  padding: 3%;
  font-size: 12px;
  max-width: 250px;
  margin: auto;
  background-color: black;
}
.moonPhase #config p {
  margin: 0 0 0.8em 0;
}
.moonPhase #config p {
  padding-left: 3px;
}

.moonPhase label {
  float: left;
  clear: left;
  width: 6em;
}
.moonPhase input {
  vertical-align: top;
  color: black;
}
.moonPhase #config_buttons {
  text-align: right;
}
.moonPhase #config_buttons input {
  height: 20px;
  width: 50px;
  font-size: 11px;
}