/* - - - - - - - - - - - - - - - - - - - - -

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

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox, .admin #lightbox {
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:500px;
	height:540px;
	margin:-260px 0 0 -250px;
	border: 1px solid #ac2b30;
	background:#FDFCE9;
	text-align:left;
	overflow: auto;
}

#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;
}

#lbContent {
  line-height: 1.4em;
  font-family: Arial;
}

#lbContent input, #lbContent textarea, #lbContent select {
  font-family: arial;
  font-size: 12px;
  padding: 2px;
}

#lbContent select {
  padding: 0;
}

#lbContent h2, #lbLoadMessage p {
	font-family: Georgia, Times New Roman, Times, serif;
	font-weight: bold;
	margin: 0 0 5px 0;
	line-height: 1.3em;
	font-size: 16px;
}

#lbLoadMessage p, #lbContent h1 {
  color: #fff;
  padding: 4px 10px;
  background: #ac2b30 url(/bundles/lightbox/images/red_bar.gif) repeat-x left bottom;
}

.lbAction {
  display: block;
  margin-top: 10px;
  text-decoration: underline;
  font-weight: bold;
}

#lbContent .buttons {
  text-align: center;
  background: #fff;
  padding: 4px;
  border: 1px solid #ccc;
}

#lbContent label {
  white-space: nowrap;
}

#lbContent .buttons input {
  margin: 0 4px;
}

#lbContent .full_width, #lbContent .content_field {
  width: 300px;
}

#lbContent #content_popup form {
  margin: 0 5px;
}

#lbContent #content_popup textarea {
  width: 480px;
  height: 200px;
}

#lbContent #content_popup .results {
  width: 474px;
  height: 200px;
  padding: 2px 5px;
  overflow: auto;
  margin: 5px 0 10px 0;
  background: #FFF6C7;
}

#lbContent #content_popup .results p {
  margin-top: 0;
}

#lbContent .instructions {
  margin: 10px;
  color: #222;
}