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

Title : Lightbox CSS
Author : Kevin Hale
Modified By: Noah Winecoff (http://www.findmotive.com)
URL : http://particletree.com/features/lightbox-gone-wild/

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

Modified by: Mike Spainhower
  In order to run this separately from the public-facing lightbox2:
    changed overlay to overlayIFrame
    changed lightbox to lightboxIFrame

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

#lightboxIFrame{
	display:none;
	position: absolute;
	top:50%;
	left:50%;
	z-index:9999;
	width:660px;
	height:500px;
	margin:-270px 0 0 -330px;
	border:10px solid #555555;
	background:#FDFCE9;
	text-align:left;
}
#lightboxIFrame[id]{
	position:fixed;
}

#overlayIFrame{
	display:none;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5000;
	background-color:#000;
	-moz-opacity: 0.6;
	opacity:.60;
	filter: alpha(opacity=60);
}
#overlayIFrame[id]{
	position:fixed;
}

#lightboxIFrame.done #lbLoadMessage{
	display:none;
}
#lightboxIFrame.done #lbContent{
	display:block;
}
#lightboxIFrame.loading #lbContent{
	display:none;
}
#lightboxIFrame.loading #lbLoadMessage{
	display:block;
}

#lightboxIFrame.done img{
	width:100%;
	height:100%;
}

/* Added by J.M. to allow customization of size of reg form */
div#lbContent iframe { 
       width: 660px;
       heigh: 500px
}


/* For request information confirm form */

div.ajax-confirm-request-form {
	width:300px ! important;
	height:250px ! important
}

iframe.ajax-confirm-request-form  {
	width:300px ! important;
	height:250px ! important
}

div.ajax-registration-ri-form {
	width:660px ! important;
	height:510px ! important
}

iframe.ajax-registration-ri-form {
	width:660px ! important;
	height:510px ! important
}

/* For registration form */

div.ajax-registration-form {
	width:660px ! important;
	height:410px ! important
}

iframe.ajax-registration-form {
	width:660px ! important;
	height:410px ! important
}
#lightboxIFrame[id]{
	position:fixed;
}

/* END for registration form */