/* CSS Document */

#mainImageContainer { border:1px solid #454545; position:relative; text-align:center }
#mainImageContainer img { display:block; cursor:pointer; }

#imageWidget { position:relative; }

#imageLoader { display:none; position:absolute; top:40%; left:0px; width:100%; opacity:0.8; filter:alpha(opacity=80); text-align:center }
#imageLoader img { margin:10px auto }


#moreImagesToggle { position:absolute; top:-9px; left:1px; width:215px; text-align:center; 
					background:url(toggleBG.jpg) top left repeat-x; }
#moreImagesToggle img { cursor:pointer; margin:0 auto; display:block }


#additionalImages { }

.prevImage { position:absolute; left:0px; bottom:-25px; }
.mainImage { position:absolute; bottom:-25px; width:215px; text-align:center }
.nextImage { position:absolute; right:0px; bottom:-25px; }

#ImageBoxOverlay { background-color: #000; width:98%; }
#ImageBoxCaption { background-color: #F4F4EC; }
#ImageBoxContainer { width: 250px; height: 250px; background-color: #F4F4EC; }
#ImageBoxContainer a { font-size:80%; color:#333333; }
#ImageBoxCaptionText { font-weight: bold; padding-bottom: 5px; font-size: 80%; color: #000; }
#ImageBoxCaptionImages { margin: 0; font-size:70%; }
#ImageBoxNextImage { background-image: url(/imageWidget/spacer.gif);	background-color: transparent; }
#ImageBoxPrevImage { background-image: url(/imageWidget/spacer.gif);	background-color: transparent; }
#ImageBoxNextImage:hover { background: url(/imageWidget/next_image.jpg) right top no-repeat; }
#ImageBoxPrevImage:hover { background: url(/imageWidget/prev_image.jpg) left bottom no-repeat; }