/* - - - - - - - - - - - - - - - - - - - - -
Title: Lightbox CSS
Author: Kevin Hale
URL: http://particletree.com/features/lightbox-gone-wild/

Created: January 13, 2006
Modified: February 1, 2006
Revised for WGBH by David Stiller
- - - - - - - - - - - - - - - - - - - - - */
#lightbox {
  display: none;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 9999;
  width: 438px;
  height: 232px;
  margin: -119px 0 0 -219px;
  border: 6px solid #C40203;
  padding-top: 26px;
  padding-left: 22px;
  background: #FFF;
  text-align: left;
}
#lightbox[id] {
  position: fixed;
}
#overlay {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 5000;
  background-color: #000;
  -moz-opacity: 0.8;
  opacity: .80;
  filter: alpha(opacity=80);
}
#overlay[id] {
  position: fixed;
}
#lightbox.done #lbLoadMessage {
  display: none;
}
#lightbox.done #lbContent {
  display: block;
}
#lightbox.loading #lbContent {
  display: none;
}
#lightbox.loading #lbLoadMessage {
  display: block;
}
#lightbox.done img {
  width: 100%;
  height: 100%;
}

.closeBtn, .closeBtn:visited, .closeBtn:link, .closeBtn:active {
  font-weight : normal;
  font-size : 15px;
  font-family : Georgia, serif;
  color : #ffffff;
  font-style:Italic;
  text-decoration:none;
}

.closeBtn:hover {
  font-weight : normal;
  font-size : 15px;
  font-family : Georgia, serif;
  color : #cccccc;
  font-style:Italic;
  text-decoration:none;
}

#lightbox h2 {
  font-size: 1.4em;
  padding-bottom: 1em;
}
#lightbox h3 {
  font-size: 1.1em;
  color: #790102;
}
#lightbox span {
  text-align: center;
}
#lightbox span h2 {
  margin-top: 3em;
  padding-bottom: 0;
}
#lightbox .input {
  width: 170px;
  height: 22px;
  background-image: url(../images/lightbox_input.gif);
  margin-top: 4px;
  margin-bottom: 8px;
  padding: 0 4px;
}
#lightbox .submit, #lightbox .cancel, #lightbox .close {
  width: 78px;
  height: 26px;
  margin-top: 1.8em;
}
#lightbox .submit {
  background-image: url(../images/lightbox_submit.gif);
}
#lightbox .cancel, #lightbox .close {
  border: none;
  background-color: transparent;
  cursor: pointer;
}
#lightbox .cancel {
  margin-left: 3px;
  background-image: url(../images/lightbox_cancel.gif);
}
#lightbox .close {
  background-image: url(../images/lightbox_close.gif);
}