/* - - - - - - - - - - - - - - - - - - - - -

Title : Lightbox CSS
Author : Kevin Hale
URL : http://particletree.com/features/lightbox-gone-wild/

Created : January 13, 2006
Modified : February 1, 2006

- - - - - - - - - - - - - - - - - - - - - */

#lightbox{
	display:none;
	position: absolute;
	top:100px;
	left:50%;
	z-index:9999;
	width:600px;
	/*height:300px;*/
	margin: 0 0 0 -300px;
	/*border:1px solid #fff;*/
	background:#FFFFFF;
	text-align:left;
    -webkit-border-top-left-radius: 10px;
    -moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
    -webkit-border-bottom-left-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.closelightbox{
    text-align:right;
    padding-top: 5px;
    padding-right: 5px;
}

a.lbAction{
    text-align: right;
    color: #00a2e4;
}

/*#lightboxcontent img{
   float: right;
}*/

#lightboxcontent{
   padding-bottom: 20px;
   padding-left: 20px;
   padding-right: 20px;
}

#lightboxcontent table{
   border-style: none;
   border-spacing: 0px;
}

#lightboxcontent th{
   color: #000000;
   font-size: 12px;
   font-family: Lucida Sans Serif, Lucida Sans, Verdana, sans-serif;
   padding-top: 5px;
   padding-bottom: 5px;
}

#lightboxcontent td{
   vertical-align: top;
}

#lightboxcontent .left {
  border-right: 1px solid #00a2e4;
  padding-right: 20px;
  width: 210px;
}

#lightboxcontent .right {
  padding-left: 20px;
}

#lightbox[id]{
	position:absolute;
}



#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;
}


