#thumbBox{ /*Outermost DIV for thumbnail viewer*/

position: absolute;

left: 0;

top: 0;

width: auto;

padding: 10px;

padding-bottom: 0;

background: #ABB91C;

visibility: hidden;

z-index: 10;

cursor: hand;

cursor: pointer;

}



#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */

font: bold 16px Tahoma;

letter-spacing: 5px;

line-height: 1.1em;

color: white;

padding: 5px 0;

text-align: right;

}





#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */

background-color: white;

}

.lightbox{

display: none; 

text-align: center;

position:absolute;

background-color: #FFFFFF; 

border: #6699CC 2px solid; 

z-index:1; 

padding: 20px; 

-moz-opacity: 1;

opacity: 1;

filter: alpha(opacity = 90); 

}

.hidder{

position:absolute;

height:100%;

width:100%;

background:#fafbfc;

filter:alpha(opacity=50);

-moz-opacity:.50;

opacity:.50;

top:0;

left:0;

bottom:0; 

display:none; 

text-align:center;

}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/

position: absolute;

visibility: hidden;

border: 1px solid black;

background-color: #EFEFEF;

padding: 5px;

z-index: 5;

}/* CSS Document */