#shadow { display: none; position: absolute; top: 0pt; left: 0pt; width: 100%; height: 100%; z-index: 100; text-align: center;}
#shadow.on { display: block; }
#litebox {display: none; position: absolute; top: 0pt; left: 0pt;z-index: 110; width:100%;height:100%;vertical-align:middle}
#litebox.on { display: block; }
#loading {  margin: 0pt auto; background: transparent url('./images/load-bg.png') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: absolute; left: 48%; top: 50px; width: 55px; height: 55px; cursor: pointer;}
#loadingbtn { background: transparent url('./images/thumb-preload.gif') no-repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 55px; height: 55px }
#outerImageContainer {z-index:120;width:auto; position:relative;margin:10px auto; padding: 5px 0pt; background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; }

#litebox p { margin: 0pt; padding: 10px 0pt; color: rgb(51, 51, 51); }
#inImageContainer {width:100%;float:left;}
#imageContainer {width:100%;background:#B7B7B7;}
#imageBox  {width:100%;background:#B7B7B7;position:relative;}
#topNavClose{position:absolute;z-index:140;top:0px;right:0px;width: 30px; float: right;height:32px;background:url('./images/closebox.png') no-repeat 0 0;text-decoration:none;cursor: pointer;margin:2px 0 0 0}
#hoverNav{
	position: absolute;
	top: 0px;
	left: 0px;
	z-index:120;
	height: 100%;
	width: 100%;	
	}
#hoverNav a{ outline: none;}	
a.prevLink, a.nextLink {
	width: 50%;
	height: 100%;
	/* Trick IE into showing hover */
	display: block;
	cursor:pointer;		
	background: transparent url('./images/1.gif') no-repeat; 
	}
a.prevLink{ left: 0px;float:left}
a.nextLink{ right: 0px;float:right}
a.prevLink:hover { background: url('./images/prevlabel.gif') left 50% no-repeat;}
a.nextLink:hover { background: url('./images/nextlabel.gif') right 50% no-repeat;}

#caption {float:left;position:relative;z-index:140;padding:10px 0px 0px 0px;font-family:"Trebuchet MS";font-size:14px;background:#B7B7B7;color:#010101;text-align:left;width:100%;}
#caption .caption-name {float:left;margin:0px 10px 0px 10px;}
#caption .author-name {float:right;}
.tr-lbox,.tl-lbox,.t-lbox,.br-lbox,.bl-lbox,.b-lbox    {float:left;height:10px;overflow:hidden}
.ml-lbox,.mr-lbox{float:left;}
.tr-lbox {background: transparent url(./images/rounded-white.png) no-repeat scroll -30px 0px; width:10px}
.tl-lbox {background: transparent url(./images/rounded-white.png) no-repeat scroll 0 0;width:10px}
.t-lbox {background: transparent url(./images/rounded-white.png) repeat-x scroll 0 -40px;}

.ml-lbox {background: transparent url(./images/rounded-white.png) repeat-y scroll 0px -80px;padding-left:12px;} 
.mr-lbox {background: transparent url(./images/rounded-white.png) repeat-y scroll right -80px;padding-right:12px;height:100%}

.bl-lbox {background: transparent url(./images/rounded-white.png) no-repeat scroll 0px -27px;width:10px;} 
.br-lbox {background: transparent url(./images/rounded-white.png) no-repeat scroll -30px -27px; width:10px}
.b-lbox {background: transparent url(./images/rounded-white.png) repeat-x scroll 0px -67px; }