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

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 : 50%;
  left : 50%;
  z-index : 9999;
  width : 500px;
  height : 400px;
  margin : -220px 0 0 -250px;
  border : 4px solid #ededed;
  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; }

#overlay[id]{
  position : fixed; }

#lightbox p.close_bot,
#lightbox.done #lbLoadMessage{
  display : none; }

#lightbox.done #lbContent{
  display : block;
  height : 354px;
  overflow : auto;
  padding : 10px;
  position : relative; }

#lightbox.done p.close_bot {
  display : block;
  background : #ededed;
  height : 20px;
  margin : 0;
  padding : 5px;
  text-align : right; }

#lightbox p.close_bot a {
  background : url(../images/close.gif) right center no-repeat;
  color : #000;
  padding : 0 20px 0 0; }

#lightbox.loading #lbContent{
  display : none; }

#lightbox.loading #lbLoadMessage{
  display : block;
  height : 372px; }

#lightbox.loading #lbLoadMessage p {
  text-indent : -9999px;
  height : 22px;
  margin-top : 175px;
  background : url(../images/loading.gif) center center no-repeat; }

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

/*-------------------------------
  App specific styles 
-------------------------------*/

#lightbox p {
  text-align : justify; }

#lightbox ul {
  list-style-type : square;
  margin : 1em 0 0 0;
  padding : 0 0 0 1.35em;
  width : 300px; }


#lightbox.done #lbContent h2 {
  color : #c06; }

#lightbox.done #lbContent p.price {
  bottom : 10px;
  color : #c06;
  font-weight : bold;
  font-size : 2.5em;
  margin : 0;
  padding : 125px 0 0 0;
  position : absolute;
  right : 0;
  width : 180px; }

#lightbox.done {
 z-index : 999924; }

#lightbox.done #lbContent p.price abbr {
  font-size : .5em; }

#lightbox.done #lbContent span.align_right {
  position : absolute;
  bottom : 10px;
  right : 10px; }

#lightbox.email_only {
  background : #fff url(../images/email_lightbox_bg.png) 0 0 no-repeat; }

#lightbox.email_plus div#lbContent {
  background : #fff url(../images/email_plus_lightbox_bg.png) 0 0 no-repeat; }

#lightbox.blog_hosting div#lbContent  {
  background : #fff url(../images/blog_lightbox_bg.png) 0 0 no-repeat; }

#lightbox.starter_hosting div#lbContent {
  background : #fff url(../images/starter_lightbox_bg.png) 0 0 no-repeat; }

#lightbox.dynamic_hosting div#lbContent {
  background : #fff url(../images/dynamic_lightbox_bg.png) 0 0 no-repeat; }

#lightbox.instant_sitebuilder div#lbContent {
  background : #fff url(../images/sitebuilder_lightbox_bg.png) 0 0 no-repeat; }