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

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:600px;
height:550px;
margin:-300px 0 0 -300px;
border:1px solid #fff;
background:#383838;
text-align:left;
padding:10px;
}
#lightbox[id]{
position:fixed;
}
#lightbox h1{
color:#EFEFEF;
}
#lightbox a{
text-decoration:none;
}

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

/*-------------   CALENDER   ------------*/

caption{
background: url(../img/logo.gif) no-repeat;
margin: 0 auto;
text-align: right;
font: 20px/30px Tahoma, sans-serif;
}

strong{
text-transform: uppercase;
}

table.cal{
background: #fff;
border-bottom: 3px solid #ccc;
border-right: 1px solid #999;
margin: 0 auto;
}

table.cal p{
letter-spacing:-1px;
line-height:10px;
margin:0px;
margin-bottom:7px;
}

table.cal th, table.cal td{
border-left: 1px solid #999;
border-top: 1px solid #999;
font-family: Verdana, sans-serif;
padding: 0 2px;
vertical-align: top;
width: 100px;
height: inherit;
}

table.cal td a{
background: url(../img/arrow.gif) no-repeat center left;
color: #33f;
padding: 0 0 0 10px;
}

table.cal td a:hover{
text-decoration: underline;
}

/* =Classes
----------------------------------------------------------------------*/

col.Sat,col.Sun{
background: #eef;
}

div.buttons{
font: 10px Verdana, sans-serif;
padding: 10px 0 20px;
text-align: center;
}

div.buttons a{
background: #ddd;
border: 1px solid #bbb;
color: #000;
padding: 3px 5px;
}

div.buttons a:hover{
background-color: #eef;
color: #369;
}

tr.day{
color: #555;
font-size: 9px;
height: 90px;
}

tr.number{
background: #ddd;
color: #222;
font-size: 10px;
height: 15px;
text-align: right;
vertical-align: middle;
}

table.cal th{
background: #fff;
color: #222;
font-size: 11px;
font-variant: small-caps;
font-weight: normal;
height: 15px;
text-transform: capitalize;
text-align: center;
vertical-align: middle;
}